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

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.html

@@ -148,13 +148,6 @@
     </mat-tab> -->
   </mat-tab-group>
 
-  <ucap-profile-my-profile-widget
-    [profileImageRoot]="sessionVerinfo.profileRoot"
-    [profileImageFile]="getMyProfileImageWidget()"
-    (click)="onClickOpenProfile(loginRes.userInfo)"
-    class="myprofile"
-  ></ucap-profile-my-profile-widget>
-
   <div class="left-side-tabs-body">
     <div
       #tabs

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-side.component.ts

@@ -445,12 +445,4 @@ export class LeftSideComponent implements OnInit, OnDestroy {
   getMessageUnreadCount(): void {
     this.store.dispatch(MessageStore.retrieveUnreadCount({}));
   }
-
-  getMyProfileImageWidget(): string {
-    if (!!this.loginRes) {
-      return this.loginRes.userInfo.profileImageFile;
-    } else {
-      return '';
-    }
-  }
 }

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.html

@@ -101,10 +101,16 @@
           (click)="onClickReceiveAlarm()"
           aria-label="Toggle Receive Alarm"
         >
-          <mat-icon class="amber-fg" *ngIf="roomInfo.receiveAlarm"
+          <mat-icon
+            class="amber-fg"
+            *ngIf="roomInfo.receiveAlarm"
+            matTooltip="알림 켜짐"
             >notifications_active</mat-icon
           >
-          <mat-icon class="secondary-text" *ngIf="!roomInfo.receiveAlarm"
+          <mat-icon
+            class="secondary-text"
+            *ngIf="!roomInfo.receiveAlarm"
+            matTooltip="알림 꺼짐"
             >notifications_off</mat-icon
           >
         </button>

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.ts

@@ -36,7 +36,8 @@ import {
   FileEventJson,
   StickerEventJson,
   MassTextEventJson,
-  TranslationEventJson
+  TranslationEventJson,
+  MassTranslationEventJson
 } from '@ucap-webmessenger/protocol-event';
 
 import * as AppStore from '@app/store';
@@ -75,7 +76,8 @@ import {
   FileTalkSaveRequest,
   FileTalkSaveResponse,
   TranslationReqRequest,
-  TranslationSaveRequest
+  TranslationSaveRequest,
+  TranslationSaveResponse
 } from '@ucap-webmessenger/api-common';
 import {
   CreateChatDialogComponent,
@@ -174,7 +176,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
   translationSimpleview = false;
   translationPreview = false;
   destLocale = 'en'; // default English :: en
-  translationPreviewInfo: TranslationEventJson | null;
+  translationPreviewInfo: {
+    previewInfo: TranslationSaveResponse | null;
+    translationType: EventType.Translation | EventType.MassTranslation;
+  };
 
   /** About ReadHere */
   firstcheckReadHere = true;
@@ -620,8 +625,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
 
     if (!!this.isShowTranslation && this.destLocale.trim().length > 0) {
       /** CASE : Translation */
-      console.log('번역들어간다.');
-
       const destLocale = this.destLocale;
       const original = message;
       const roomSeq = this.roomInfo.roomSeq;
@@ -638,13 +641,21 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         .pipe(
           take(1),
           map(res => {
-            console.log(res);
             if (res.statusCode === StatusCode.Success) {
+              let sentMessage = '';
+              let eventType = EventType.Translation;
+              let previewObject:
+                | TranslationEventJson
+                | MassTranslationEventJson;
+
               if (res.translationSeq > 0) {
                 // Mass Text Translation
+                previewObject = res;
+                sentMessage = res.returnJson;
+                eventType = EventType.MassTranslation;
               } else {
                 // Normal Text Translation
-                const json: TranslationEventJson = {
+                previewObject = {
                   locale: destLocale,
                   original,
                   translation: res.translation,
@@ -654,32 +665,38 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                     : ''
                 };
 
-                if (!!this.translationPreview) {
+                sentMessage = JSON.stringify(previewObject);
-                  // preview
+                eventType = EventType.Translation;
-                  this.translationPreviewInfo = json;
+              }
-                } else {
-                  // direct send
-                  this.store.dispatch(
-                    EventStore.send({
-                      senderSeq: this.loginRes.userSeq,
-                      req: {
-                        roomSeq,
-                        eventType: EventType.Translation,
-                        sentMessage: JSON.stringify(json)
-                      }
-                    })
-                  );
 
-                  if (!!this.translationPreviewInfo) {
+              if (!!this.translationPreview) {
-                    this.translationPreviewInfo = null;
+                // preview
-                  }
+                this.translationPreviewInfo = {
-                }
+                  previewInfo: res,
+                  translationType: eventType
+                };
+              } else {
+                // direct send
+                this.store.dispatch(
+                  EventStore.send({
+                    senderSeq: this.loginRes.userSeq,
+                    req: {
+                      roomSeq,
+                      eventType,
+                      sentMessage
+                    }
+                  })
+                );
 
-                if (!!this.selectedSticker) {
+                if (!!this.translationPreviewInfo) {
-                  this.isShowStickerSelector = false;
+                  this.translationPreviewInfo = null;
-                  this.setStickerHistory(this.selectedSticker);
                 }
               }
+
+              if (!!this.selectedSticker) {
+                this.isShowStickerSelector = false;
+                this.setStickerHistory(this.selectedSticker);
+              }
             } else {
               this.logger.error(res);
             }
@@ -1470,14 +1487,32 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
   onCancelTranslation() {
     this.translationPreviewInfo = null;
   }
-  onSendTranslationMessage(translationInfo: TranslationEventJson) {
+  onSendTranslationMessage(params: {
+    previewInfo: TranslationSaveResponse | null;
+    translationType: EventType.Translation | EventType.MassTranslation;
+  }) {
+    let sentMessage = '';
+    if (params.translationType === EventType.MassTranslation) {
+      // Mass Text Translation
+      sentMessage = params.previewInfo.returnJson;
+    } else {
+      // Normal Text Translation
+      sentMessage = JSON.stringify({
+        locale: params.previewInfo.destLocale,
+        original: params.previewInfo.original,
+        translation: params.previewInfo.translation,
+        stickername: '',
+        stickerfile: !!this.selectedSticker ? this.selectedSticker.index : ''
+      });
+    }
+
     this.store.dispatch(
       EventStore.send({
         senderSeq: this.loginRes.userSeq,
         req: {
           roomSeq: this.roomInfo.roomSeq,
-          eventType: EventType.Translation,
+          eventType: params.translationType,
-          sentMessage: JSON.stringify(translationInfo)
+          sentMessage
         }
       })
     );

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html

@@ -147,6 +147,12 @@
       </svg>
     </button>
 
+    <ucap-profile-my-profile-widget
+      [profileImageRoot]="sessionVerinfo.profileRoot"
+      [profileImageFile]="getMyProfileImageWidget()"
+      (openProfile)="onClickOpenProfile()"
+      class="myprofile"
+    ></ucap-profile-my-profile-widget>
     <span class="stroke-bar"></span>
   </div>
   <div class="app-layout-native-title-bar-actions">

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

@@ -1,4 +1,4 @@
-import { Component, OnInit, Inject, OnDestroy, ViewChild } from '@angular/core';
+import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
 import {
   UCAP_NATIVE_SERVICE,
   NativeService,
@@ -21,7 +21,8 @@ import {
   KEY_URL_INFO,
   LoginInfo,
   KEY_LOGIN_INFO,
-  KEY_LOGIN_RES_INFO
+  KEY_LOGIN_RES_INFO,
+  KEY_VER_INFO
 } from '@app/types';
 import {
   WebLink,
@@ -33,8 +34,18 @@ import {
 } from '@ucap-webmessenger/web-storage';
 import { AppUserInfo, KEY_APP_USER_INFO } from '@app/types/app-user-info.type';
 import { environment } from '../../../../environments/environment';
-import { DaesangApiService } from '@ucap-webmessenger/daesang';
+import {
+  DaesangApiService,
+  DaesangProtocolService
+} from '@ucap-webmessenger/daesang';
 import { NGXLogger } from 'ngx-logger';
+import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
+import {
+  ProfileDialogComponent,
+  ProfileDialogResult,
+  ProfileDialogData
+} from '@app/layouts/messenger/dialogs/profile/profile.dialog.component';
+import { DialogService } from '@ucap-webmessenger/ui';
 
 @Component({
   selector: 'app-layout-native-top-bar',
@@ -47,6 +58,7 @@ export class TopBarComponent implements OnInit, OnDestroy {
 
   loginRes: LoginResponse;
   loginResSubscription: Subscription;
+  sessionVerinfo: VersionInfo2Response;
 
   updateInfo$: Observable<UpdateInfo>;
 
@@ -59,11 +71,17 @@ export class TopBarComponent implements OnInit, OnDestroy {
   constructor(
     private store: Store<any>,
     @Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService,
+    private dialogService: DialogService,
     private localStorageService: LocalStorageService,
     private sessionStorageService: SessionStorageService,
     private daesangApiService: DaesangApiService,
+    private daesangProtocolService: DaesangProtocolService,
     private logger: NGXLogger
-  ) {}
+  ) {
+    this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
+      KEY_VER_INFO
+    );
+  }
 
   ngOnInit() {
     this.windowStateChanged$ = this.nativeService.windowStateChanged();
@@ -223,6 +241,68 @@ export class TopBarComponent implements OnInit, OnDestroy {
     this.store.dispatch(AuthenticationStore.logoutConfirmation());
   }
 
+  getMyProfileImageWidget(): string {
+    if (!!this.loginRes) {
+      return this.loginRes.userInfo.profileImageFile;
+    } else {
+      return '';
+    }
+  }
+
+  onClickOpenProfile() {
+    // [GROUP]
+    // this.queryProtocolService
+    //   .dataUser({
+    //     divCd: 'OPENPROF',
+    //     seq: userInfo.seq,
+    //     senderCompanyCode: this.loginRes.userInfo.companyCode,
+    //     senderEmployeeType: this.loginRes.userInfo.employeeType
+    //   })
+    //   .pipe(
+    //     take(1),
+    //     map(res => {
+    //       if (!!res && !!res.userInfo) {
+    //         this.dialogService.open<
+    //           ProfileDialogComponent,
+    //           ProfileDialogData,
+    //           ProfileDialogResult
+    //         >(ProfileDialogComponent, {
+    //           data: {
+    //             userInfo: res.userInfo
+    //           }
+    //         });
+    //       }
+    //     })
+    //   )
+    //   .subscribe();
+
+    // [Daesang]
+    this.daesangProtocolService
+      .dataUserDaesang({
+        divCd: 'OPENPROF',
+        seq: this.loginRes.userSeq,
+        senderCompanyCode: this.loginRes.userInfo.companyCode,
+        senderEmployeeType: this.loginRes.userInfo.employeeType
+      })
+      .pipe(
+        take(1),
+        map(res => {
+          if (!!res && !!res.userInfo) {
+            this.dialogService.open<
+              ProfileDialogComponent,
+              ProfileDialogData,
+              ProfileDialogResult
+            >(ProfileDialogComponent, {
+              data: {
+                userInfo: res.userInfo
+              }
+            });
+          }
+        })
+      )
+      .subscribe();
+  }
+
   onClickNotice(): void {
     this.store.dispatch(
       ChatStore.selectedRightDrawer({

projects/ucap-webmessenger-app/src/app/layouts/native/native.layout.module.ts

@@ -7,6 +7,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatToolbarModule } from '@angular/material/toolbar';
 
 import { UCapUiModule } from '@ucap-webmessenger/ui';
+import { UCapUiProfileModule } from '@ucap-webmessenger/ui-profile';
 
 import { COMPONENTS } from './components';
 import { MatTooltipModule, MatBadgeModule } from '@angular/material';
@@ -20,7 +21,8 @@ import { MatTooltipModule, MatBadgeModule } from '@angular/material';
     MatTooltipModule,
     MatBadgeModule,
 
-    UCapUiModule
+    UCapUiModule,
+    UCapUiProfileModule
   ],
   exports: [...COMPONENTS],
   declarations: [...COMPONENTS],

projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.ts

@@ -5,7 +5,6 @@ import {
   Inject,
   OnDestroy,
   ViewChild,
-  ChangeDetectorRef,
   NgZone
 } from '@angular/core';
 
@@ -21,11 +20,10 @@ import { UserInfo } from '@ucap-webmessenger/protocol-sync';
 import {
   UserInfoSS,
   UserInfoF,
-  UserInfoDN,
+  UserInfoDN
-  QueryProtocolService
 } from '@ucap-webmessenger/protocol-query';
 import { StatusProtocolService } from '@ucap-webmessenger/protocol-status';
-import { StatusType, StatusCode, DeviceType } from '@ucap-webmessenger/core';
+import { StatusType, StatusCode } from '@ucap-webmessenger/core';
 import {
   DialogService,
   ConfirmDialogComponent,
@@ -48,19 +46,7 @@ import { DaesangProtocolService, SmsUtils } from '@ucap-webmessenger/daesang';
 import { CallService } from '@ucap-webmessenger/api-prompt';
 import { EnvironmentsInfo, KEY_ENVIRONMENTS_INFO } from '@app/types';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
-import {
+import { MessageApiService, MessageType } from '@ucap-webmessenger/api-message';
-  MessageApiService,
-  MessageType,
-  DetailRequest,
-  MessageDetailInfo,
-  DelRequest
-} from '@ucap-webmessenger/api-message';
-import { MessageStatusCode } from '@ucap-webmessenger/api';
-import {
-  MessageDetailDialogComponent,
-  MessageDetailDialogResult,
-  MessageDetailDialogData
-} from '@app/layouts/messenger/dialogs/message/message-detail.dialog.component';
 
 @Component({
   selector: 'app-page-messenger-main',

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.html

@@ -1,23 +1,26 @@
 <div class="translation-main">
-  <div class="original">
+  <div
-    {{ message.sentMessageJson.translation }}
+    *ngIf="!translationSimpleview || (!!translationSimpleview && !!isMe)"
-  </div>
+    class="original"
-  <div class="translation">
+    [innerHTML]="message.sentMessageJson.original | linky"
-    <span class="language">Kor</span>
+  ></div>
-    녕하세요 장문장문 롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문
+  <div
-    롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요
+    *ngIf="!translationSimpleview || (!!translationSimpleview && !isMe)"
-    장문장문 롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문
+    class="translation"
-    롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요
+  >
-    장문장문 롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문
+    <span class="language">{{ message.sentMessageJson.destLocale }}</span>
-    롱텍스트안녕하세요 장문장문 롱텍스트안녕하세요 장문장문 롱텍스트
+    <span [innerHTML]="message.sentMessageJson.translation | linky"> </span>
   </div>
   <div class="btn-box">
     <ul>
       <li>
-        <button mat-button>Save</button>
+        <button mat-button>전체보기</button>
       </li>
       <li>
-        <button mat-button><span class="language">Kor</span>번역보기</button>
+        <button mat-button>
+          <span class="language">{{ message.sentMessageJson.destLocale }}</span
+          >번역보기
+        </button>
       </li>
     </ul>
   </div>

projects/ucap-webmessenger-ui-chat/src/lib/components/message-box/mass-translation.component.ts

@@ -1,5 +1,9 @@
 import { Component, OnInit, Input } from '@angular/core';
-import { TranslationEventJson, Info } from '@ucap-webmessenger/protocol-event';
+import {
+  TranslationEventJson,
+  Info,
+  MassTranslationEventJson
+} from '@ucap-webmessenger/protocol-event';
 
 @Component({
   selector: 'ucap-chat-message-box-mass-translation',
@@ -8,7 +12,13 @@ import { TranslationEventJson, Info } from '@ucap-webmessenger/protocol-event';
 })
 export class MassTranslationComponent implements OnInit {
   @Input()
-  message: Info<TranslationEventJson>;
+  message: Info<MassTranslationEventJson>;
+
+  @Input()
+  translationSimpleview: boolean;
+
+  @Input()
+  isMe: boolean;
 
   constructor() {}
 

projects/ucap-webmessenger-ui-chat/src/lib/components/messages.component.html

@@ -186,6 +186,14 @@
                 [isMe]="message.senderSeq === loginRes.userSeq"
                 class="information-msg"
               ></ucap-chat-message-box-translation>
+              <ucap-chat-message-box-mass-translation
+                *ngSwitchCase="EventType.MassTranslation"
+                [message]="message"
+                [translationSimpleview]="translationSimpleview"
+                [isMe]="message.senderSeq === loginRes.userSeq"
+                class="information-msg"
+              >
+              </ucap-chat-message-box-mass-translation>
 
               <ucap-chat-message-box-allim
                 *ngSwitchCase="EventType.AllimTms"
@@ -201,8 +209,7 @@
               </ucap-chat-message-box-allim>
 
               <div *ngSwitchDefault>
-                <!-- mass-translation
+                <!--
-                <ucap-chat-message-box-mass-translation></ucap-chat-message-box-mass-translation>
                 notice
                 <ucap-chat-message-box-notice></ucap-chat-message-box-notice>
                 video-conference

projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.html

@@ -2,12 +2,13 @@
   *ngIf="
     isShowTranslationPreview &&
     !!translationPreviewInfo &&
-    !!translationPreviewInfo.translation
+    !!translationPreviewInfo.previewInfo &&
+    !!translationPreviewInfo.previewInfo.translation
   "
   class="translation-preview"
 >
   <span class="translation-section">
-    {{ translationPreviewInfo.translation }}
+    {{ translationPreviewInfo.previewInfo.translation }}
   </span>
 
   <button
@@ -56,53 +57,3 @@
     >
   </form>
 </div>
-<!-- <div *ngIf="currentSticker" class="selected-sticker">
-  <img [src]="getStickerContentsImage(currentSticker)" />
-  <span class="btn-close">
-    <button
-      mat-button
-      matSuffix
-      mat-icon-button
-      aria-label="Close"
-      (click)="onClickClose()"
-    >
-      <mat-icon>close</mat-icon>
-    </button>
-  </span>
-</div>
-<div class="sticker-selector">
-  <mat-tab-group
-    mat-stretch-tabs
-    animationDuration="0ms"
-    (selectedIndexChange)="onSelectedIndexChange($event)"
-  >
-    <mat-tab
-      *ngFor="let stickerInfo of stickerInfoList; let idx = index"
-      [aria-label]="stickerInfo.title"
-    >
-      <ng-template mat-tab-label>
-        <img
-          #stickerTitle
-          [matTooltip]="stickerInfo.title"
-          matTooltipPosition="after"
-          [src]="getStickerTitleImage(stickerInfo, false, idx)"
-          (mouseover)="
-            stickerTitle.src = getStickerTitleImage(stickerInfo, true, idx)
-          "
-          (mouseout)="
-            stickerTitle.src = getStickerTitleImage(stickerInfo, false, idx)
-          "
-        />
-      </ng-template>
-      <div fxFlex fxLayout="row" fxLayoutGap="20px" class="sticker-item-box">
-        <div
-          *ngFor="let sticker of getStickerInfos(stickerInfo)"
-          (click)="onClickSelectSticker(sticker)"
-          class="sticker-item"
-        >
-          <img [src]="getStickerContentsImage(sticker)" />
-        </div>
-      </div>
-    </mat-tab>
-  </mat-tab-group>
-</div> -->

projects/ucap-webmessenger-ui/src/lib/components/translation-section.component.ts

@@ -7,7 +7,12 @@ import {
 } from '@ucap-webmessenger/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { MatSlideToggleChange, MatSelectChange } from '@angular/material';
-import { TranslationEventJson } from '@ucap-webmessenger/protocol-event';
+import {
+  TranslationEventJson,
+  MassTranslationEventJson,
+  EventType
+} from '@ucap-webmessenger/protocol-event';
+import { TranslationSaveResponse } from '@ucap-webmessenger/api-common';
 
 @Component({
   selector: 'ucap-translation-section',
@@ -22,7 +27,10 @@ export class TranslationSectionComponent implements OnInit {
   @Input()
   preView: boolean;
   @Input()
-  translationPreviewInfo: TranslationEventJson | null;
+  translationPreviewInfo: {
+    previewInfo: TranslationSaveResponse | null;
+    translationType: EventType.Translation | EventType.MassTranslation;
+  };
 
   @Output()
   changeTranslationSimpleview = new EventEmitter<boolean>();
@@ -33,7 +41,10 @@ export class TranslationSectionComponent implements OnInit {
   @Output()
   cancelTranslation = new EventEmitter<void>();
   @Output()
-  sendTranslationMessage = new EventEmitter<TranslationEventJson>();
+  sendTranslationMessage = new EventEmitter<{
+    previewInfo: TranslationSaveResponse | null;
+    translationType: EventType.Translation | EventType.MassTranslation;
+  }>();
 
   isShowTranslationSimpleview = false;
   isShowTranslationPreview = false;
@@ -171,7 +182,10 @@ export class TranslationSectionComponent implements OnInit {
     this.changeTranslationPreview.emit(event.checked);
   }
 
-  onClickSendTranslationMessage(translationInfo: TranslationEventJson) {
+  onClickSendTranslationMessage(translationInfo: {
+    previewInfo: TranslationSaveResponse | null;
+    translationType: EventType.Translation | EventType.MassTranslation;
+  }) {
     this.sendTranslationMessage.emit(translationInfo);
   }