ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://git.loafle.net/ucap-web/next-ucap-messenger

Browse Source
This commit is contained in:
richard-loafle 2020-02-17 14:39:44 +09:00
commit c0bfae71e2
17 changed files with 268 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{
"name": "ucap-webmessenger",
"version": "0.0.21",
"version": "0.0.22",
"author": {
"name": "LG CNS",
"email": "lgucap@lgcns.com"

2
projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/organization.component.html
View File

@ -74,7 +74,7 @@
[userInfo]="userInfo"
[sessionVerinfo]="sessionVerinfo"
[selectedUserList]="selectedUserList"
[checkable]="userInfo.seq !== loginRes.userSeq"
[checkable]="!!loginRes && userInfo.seq !== loginRes.userSeq"
[checkDisabled]="!getCheckableUser(userInfo)"
[isChecked]="getCheckedUser(userInfo)"
(checkUser)="onCheckUser($event)"

8
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.html
View File

@ -15,13 +15,15 @@
<mat-tab-group animationDuration="0ms" vertical>
<mat-tab *ngIf="data.content.text">
<ng-template mat-tab-label>
<mat-checkbox #chkText> </mat-checkbox>
<mat-checkbox #chkText checked="true"> </mat-checkbox>
<span class="title-text">{{
'common.file.clipboardType.text' | translate
}}</span>
</ng-template>
<perfect-scrollbar>
<div style="white-space: pre-wrap;">{{ data.content.text }}</div>
<div class="clipboard-text" style="white-space: pre-wrap;">
{{ data.content.text }}
</div>
</perfect-scrollbar>
</mat-tab>
<!-- <mat-tab *ngIf="data.content.rtf">
@ -59,7 +61,7 @@
</ng-template>
<perfect-scrollbar>
<div>
<div class="clipboard-img">
<img [src]="data.content.imageDataUrl" />
</div>
</perfect-scrollbar>

93
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.scss
View File

@ -1,55 +1,64 @@
.clipboard-frame {
padding: 16px;
height: 100%;
min-width: 500px;
position: relative;
.mat-dialog-container {
.clipboard {
&-frame {
padding: 16px;
height: 100%;
min-width: 500px;
position: relative;
}
.mat-card-header {
position: relative;
width: 100%;
border-bottom: 1px solid #dddddd;
margin-bottom: 12px;
.btn-dialog-close {
font-size: 20px;
display: flex;
margin-left: auto;
align-self: flex-start;
color: #444444;
.mat-dialog-container {
position: relative;
}
}
.mat-card-content {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
height: calc(100% - 100px);
border-bottom: 1px solid #dddddd;
.clipboard-tab {
.mat-card-header {
position: relative;
width: 100%;
height: 100%;
.mat-tab-group {
border-bottom: 1px solid #dddddd;
margin-bottom: 12px;
.btn-dialog-close {
font-size: 20px;
display: flex;
flex-direction: row;
margin-left: auto;
align-self: flex-start;
color: #444444;
}
}
.mat-card-content {
flex: 0 0 auto;
display: flex;
align-items: flex-start;
height: calc(100% - 100px);
border-bottom: 1px solid #dddddd;
.clipboard-tab {
position: relative;
height: 100%;
width: 100%;
height: 100%;
.mat-tab-group {
display: flex;
flex-direction: row;
position: relative;
height: 100%;
width: 100%;
}
}
}
.button-farm {
text-align: right;
position: absolute;
width: 100%;
bottom: 10px;
margin: 0 -16px;
.mat-primary {
margin-left: 4px;
}
}
}
.button-farm {
text-align: right;
position: absolute;
width: 100%;
bottom: 10px;
margin: 0 -16px;
.mat-primary {
margin-left: 4px;
}
&-text {
padding: 0 10px;
white-space: pre-wrap;
}
&-img {
padding: 0 10px;
}
}

6
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.ts
View File

@ -182,6 +182,12 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
const loginInfo = this.sessionStorageService.get<LoginInfo>(KEY_LOGIN_INFO);
this.companyCode = loginInfo.companyCode;
this.store.dispatch(
SettingsStore.organizationTreeActivated({
activate: false
})
);
this.companyList$ = this.store.pipe(
select(AppStore.SettingSelector.CompanySelector.companyList)
);

26
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/organization/selected-user-list.dialog.component.html
View File

@ -38,7 +38,21 @@
perfectScrollbar
fxFlexFill
>
<ucap-profile-user-list-item
<ucap-daesang-profile-user-list-item
*cdkVirtualFor="let userInfo of data.selectedUserList"
[userInfo]="userInfo"
[showPresence]="false"
[sessionVerinfo]="sessionVerinfo"
[selectedUserList]="selectedUserList"
[checkable]="!!loginRes && userInfo.seq !== loginRes.userSeq"
[checkDisabled]="false"
[isChecked]="getCheckedUser(userInfo)"
(checkUser)="onCheckUser($event)"
(click)="onToggleUser(userInfo)"
(openProfile)="onClickOpenProfile($event)"
>
</ucap-daesang-profile-user-list-item>
<!-- <ucap-profile-user-list-item
*cdkVirtualFor="let userInfo of data.selectedUserList"
[userInfo]="userInfo"
[showPresence]="false"
@ -50,16 +64,8 @@
(checkUser)="onCheckUser($event)"
(click)="onToggleUser(userInfo)"
(openProfile)="onClickOpenProfile($event)"
[matTooltip]="
userInfo.companyName +
' / ' +
userInfo.lineNumber +
' / ' +
userInfo.hpNumber
"
matTooltipPosition="after"
>
</ucap-profile-user-list-item>
</ucap-profile-user-list-item> -->
</cdk-virtual-scroll-viewport>
</div>
</mat-card-content>

75
projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts
View File

@ -64,7 +64,7 @@ import {
import { DialogService } from '@ucap-webmessenger/ui';
import { DOCUMENT } from '@angular/common';
import { MatMenu, MatRadioChange, MatMenuTrigger } from '@angular/material';
import { StatusCode, StatusType } from '@ucap-webmessenger/core';
import { StatusCode, StatusType, WindowUtil } from '@ucap-webmessenger/core';
import {
StatusInfo,
MessageIndexType,
@ -411,16 +411,71 @@ export class TopBarComponent implements OnInit, OnDestroy {
.replace(/(\(%USER_ID%\))/g, loginId)
.replace(/(\(%USER_PASS%\))/g, loginPw);
// this.nativeService.openDefaultBrowser(url, {
// features:
// 'menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=400,height=400'
// });
let width = 1160;
let height = 800;
let openType = 'INNER-POPUP';
switch (link.key) {
case WebLinkType.Sms:
/** SMS URL */
{
width = 685;
height = 640;
}
break;
// case WebLinkType.Itsvcdesk:
// /** IT서비스데스크 URL */
// {
// width = 1400;
// height = 1000;
// }
// break;
case WebLinkType.Conf:
/** 화상회의 URL */
{
}
break;
case WebLinkType.Itsvcdesk:
/** IT서비스데스크 URL */
case WebLinkType.Dsp:
/** DSP URL */
case WebLinkType.Webhard:
/** 웹하드 URL */
case WebLinkType.Ep:
/** EP URL */
case WebLinkType.Sop:
/** S&OP회의 URL */
case WebLinkType.Som:
/** S&OM회의 URL */
case WebLinkType.Elephant:
/** 코끼리 URL */
case WebLinkType.UrgntNews:
/** 개인속보 URL */
case WebLinkType.MailCnt:
/** 메일Count URL */
case WebLinkType.Mail:
/** 메일 링크 URL */
case WebLinkType.PaymentCnt:
/** 결재Count URL */
case WebLinkType.Payment:
/** 결재링크 URL */
case WebLinkType.ChgPassword:
/** 비밀번호변경 URL ; PC 메신저만 해당 비밀번호 만료시 */
{
openType = 'DEFAULT-BROWSER';
}
break;
}
open(
url,
link.title,
'frame=true,menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=1000,height=800'
);
if (openType === 'DEFAULT-BROWSER') {
// // Old popup open.. >> default browser open.
// this.nativeService.openDefaultBrowser(url, {
// features:
// 'menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=400,height=400'
// });
this.nativeService.openDefaultBrowser(url);
} else {
WindowUtil.popupOpen(url, link.title, width, height);
}
}
onClosedProfileMenu() {

13
projects/ucap-webmessenger-app/src/app/services/notification.service.ts
View File

@ -209,10 +209,9 @@ export class AppNotificationService {
(state: any) =>
state.messenger.sync.room.entities as Dictionary<RoomInfo>
)
),
this.nativeService.windowStateChanged()
)
),
tap(([notiOrRes, curRoomInfo, roomList, windowStateChanged]) => {
tap(([notiOrRes, curRoomInfo, roomList]) => {
switch (notiOrRes.SSVC_TYPE) {
case SSVC_TYPE_EVENT_SEND_RES:
case SSVC_TYPE_EVENT_SEND_NOTI:
@ -241,14 +240,16 @@ export class AppNotificationService {
doNoti = false;
}
const windowState = this.nativeService.getWindowState();
// 현재 열려 있는 방일경우 노티 안함.
if (
!!curRoomInfo &&
!!curRoomInfo.roomSeq &&
curRoomInfo.roomSeq === noti.roomSeq &&
!!windowStateChanged &&
windowStateChanged !== WindowState.Minimized &&
windowStateChanged !== WindowState.Hidden
!!windowState &&
windowState !== WindowState.Minimized &&
windowState !== WindowState.Hidden
) {
doNoti = false;
}

26
projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
View File

@ -407,15 +407,21 @@ $daesang-grey: (
mat-tab-group[vertical] {
display: flex;
flex-direction: row;
.mat-tab-labels {
display: flex;
flex-direction: column;
align-content: flex-start;
.mat-tab-label {
justify-content: flex-start;
padding: 0;
.mat-checkbox {
margin-right: 8px;
.mat-tab-header {
border-bottom: none;
.mat-tab-labels {
display: flex;
flex-direction: column;
align-content: flex-start;
.mat-tab-label {
justify-content: flex-start;
padding: 0;
&[aria-selected='true'] {
opacity: 1;
}
.mat-checkbox {
margin-right: 8px;
}
}
}
}
@ -425,7 +431,7 @@ $daesang-grey: (
.mat-tab-body-wrapper {
flex: 1 1 auto;
border-left: 1px solid #dddddd;
padding: 0 10px;
padding: 0;
}
}

17
projects/ucap-webmessenger-core/src/lib/utils/window.util.ts Normal file
View File

@ -0,0 +1,17 @@
export class WindowUtil {
public static popupOpen(
url: string,
title: string = 'Messenger',
width: number,
height: number
): void {
let optionStr = `frame=true,menubar=no,location=no,resizable=yes,scrollbars=yes,status=no`;
if (width > 0) {
optionStr += `,width=${width}`;
}
if (width > 0) {
optionStr += `,height=${height + 15}`;
}
open(url, title, optionStr);
}
}

1
projects/ucap-webmessenger-core/src/public-api.ts
View File

@ -25,6 +25,7 @@ export * from './lib/utils/mime.util';
export * from './lib/utils/object.util';
export * from './lib/utils/sticker.util';
export * from './lib/utils/string.util';
export * from './lib/utils/window.util';
export * from './lib/config/host.config';
export * from './lib/config/url.config';

8
projects/ucap-webmessenger-daesang/src/lib/utils/SmsUtils.ts
View File

@ -3,6 +3,7 @@ import { SessionStorageService } from '@ucap-webmessenger/web-storage';
import { KEY_URL_INFO } from '@app/types';
import { NativeService } from '@ucap-webmessenger/native';
import { WebLinkType } from '../types/web-link.type';
import { WindowUtil } from '@ucap-webmessenger/core';
export class SmsUtils {
constructor(
@ -39,10 +40,11 @@ export class SmsUtils {
const url = this.url.replace(/(\(%USER_TOKEN%\))/g, token);
// this.nativeService.openDefaultBrowser(url);
open(
url + `&ruser=${employeeNum},`, // ruser 파라미터에 ','가 마지막에 꼭 붙어야 한다.
WindowUtil.popupOpen(
url + `&ruser=${employeeNum},`,
'DaesangSMS',
'frame=true,menubar=no,location=no,resizable=yes,scrollbars=yes,status=no,width=685,height=700'
685,
640
);
}
}

3
projects/ucap-webmessenger-native-browser/src/lib/services/browser-native.service.ts
View File

@ -227,6 +227,9 @@ export class BrowserNativeService extends NativeService {
windowMinimize(): void {}
windowMaximize(): void {}
getWindowState(): WindowState {
return WindowState.Normal;
}
appExit(): void {}

16
projects/ucap-webmessenger-native-electron/src/lib/services/electron-native.service.ts
View File

@ -391,6 +391,22 @@ export class ElectronNativeService implements NativeService {
}
}
getWindowState(): WindowState {
if (!remote.getCurrentWindow().isVisible()) {
return WindowState.Hidden;
} else if (remote.getCurrentWindow().isMinimized()) {
return WindowState.Minimized;
} else if (remote.getCurrentWindow().isNormal()) {
return WindowState.Normal;
} else if (remote.getCurrentWindow().isMaximized()) {
return WindowState.Maximized;
} else if (remote.getCurrentWindow().isFullScreen()) {
return WindowState.FullScreen;
} else {
return WindowState.Normal;
}
}
appExit(): void {
this.ipcRenderer.send(AppChannel.Exit);
}

1
projects/ucap-webmessenger-native/src/lib/services/native.service.ts
View File

@ -72,6 +72,7 @@ export abstract class NativeService {
abstract windowClose(): void;
abstract windowMinimize(): void;
abstract windowMaximize(): void;
abstract getWindowState(): WindowState;
abstract zoomTo(factor: number): Promise<number>;
abstract appExit(): void;

2
projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.ts
View File

@ -182,10 +182,10 @@ export class MessagesComponent implements OnInit, OnDestroy {
this.roomInfo.roomSeq !== roomInfo.roomSeq)
) {
this.baseEventSeq = 0;
this.showMore = false;
}
this.roomInfo = roomInfo;
this.showMore = false;
/** [S] initializing by changed room */
// reset :: roomLastEventSeq

73
projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
View File

@ -178,26 +178,32 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
return;
}
for (let i = 0; i < fileList.length; i++) {
const file = fileList.item(i);
this.validUploadFile(fileList).then(async result => {
if (!result) {
return;
} else {
for (let i = 0; i < fileList.length; i++) {
const file = fileList.item(i);
const dataUrl = await FileUtil.fromBlobToDataUrl(file);
const img = document.createElement('img');
img.src = dataUrl as string;
img.setAttribute('style', 'max-height:250px; max-width:250px;');
img[ATTR_FILE] = file;
self.insertNode(img);
const dataUrl = await FileUtil.fromBlobToDataUrl(file);
const img = document.createElement('img');
img.src = dataUrl as string;
img.setAttribute('style', 'max-height:250px; max-width:250px;');
img[ATTR_FILE] = file;
self.insertNode(img);
const empty = document.createElement('div');
empty.innerHTML = '&nbsp;<br/>';
self.insertNode(empty, true);
}
const empty = document.createElement('div');
empty.innerHTML = '&nbsp;<br/>';
self.insertNode(empty, true);
}
self.fileInput.nativeElement.value = '';
self.fileInput.nativeElement.onchange = undefined;
self.fileInput.nativeElement.value = '';
self.fileInput.nativeElement.onchange = undefined;
self.checkContentLength();
self.changeDetectorRef.detectChanges();
self.checkContentLength();
self.changeDetectorRef.detectChanges();
}
});
};
}
@ -228,7 +234,7 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
};
}
validUploadFile(fileList: FileList): boolean {
async validUploadFile(fileList: FileList): Promise<boolean> {
let valid = true;
if (this.fileAllowSize > 0) {
for (let i = 0; i < fileList.length; i++) {
@ -283,6 +289,39 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
return valid;
}
const files: File[] = [];
for (let i = 0; i < fileList.length; i++) {
files.push(fileList.item(i));
}
const fakeMedia = await this.commonApiService.checkInvalidMediaMimeForFileTalk(
files
);
if (!fakeMedia.accept) {
this.ngZone.run(() => {
this.snackBarService.openFromComponent<
AlertSnackbarComponent,
AlertSnackbarData
>(AlertSnackbarComponent, {
duration: 1000,
verticalPosition: 'bottom',
horizontalPosition: 'center',
data: {
html: this.translateService.instant(
'common.file.errors.notAcceptableMime',
{
supporedType:
fakeMedia.rejected.length > 0
? fakeMedia.rejected.join(',')
: ''
}
)
}
});
});
valid = false;
return valid;
}
return valid;
}