i18n is working

projects/ucap-webmessenger-api-message/src/public-api.ts

@@ -5,9 +5,11 @@ export * from './lib/apis/del';
 export * from './lib/apis/detail';
 export * from './lib/apis/edit-reservation-ex';
 export * from './lib/apis/my-message';
+export * from './lib/apis/notice';
 export * from './lib/apis/retrieve';
 export * from './lib/apis/send-copy';
 export * from './lib/apis/send';
+export * from './lib/apis/unread-count';
 
 export * from './lib/services/message-api.service';
 

projects/ucap-webmessenger-app/src/app/layouts/common/dialogs/file-viewer.dialog.component.ts

@@ -98,33 +98,33 @@ export class FileViewerDialogComponent implements OnInit, OnDestroy {
                 .saveFile(buffer, this.fileInfo.fileName, mimeType)
                 .then(result => {
                   if (!!result) {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.results.savedToPath', {
+                      this.translateService.instant(
+                        'common.file.results.savedToPath',
+                        {
                           path: result
-                      })
+                        }
-                      .pipe(take(1))
+                      ),
-                      .subscribe(v => {
+                      '',
-                        this.snackBarService.open(v, '', {
+                      {
                         duration: 3000,
                         verticalPosition: 'bottom'
-                        });
+                      }
-                      });
+                    );
                   } else {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.errors.failToSave')
+                      this.translateService.instant(
-                      .pipe(take(1))
+                        'common.file.errors.failToSave'
-                      .subscribe(v => {
+                      )
-                        this.snackBarService.open(v);
+                    );
-                      });
                   }
                 })
                 .catch(reason => {
-                  this.translateService
+                  this.snackBarService.open(
-                    .get('common.file.errors.failToSave')
+                    this.translateService.instant(
-                    .pipe(take(1))
+                      'common.file.errors.failToSave'
-                    .subscribe(v => {
+                    )
-                      this.snackBarService.open(v);
+                  );
-                    });
                 });
             })
             .catch(reason => {

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

@@ -166,11 +166,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
     this.logger.debug('-----------------------LeftSideComponent ngOnDestroy');
   }
 
-  onClickNewChat(type: string = 'NORMAL') {
+  async onClickNewChat(type: string = 'NORMAL') {
-    this.translateService
-      .get(['chat.newTimerChat', 'chat.newChat'])
-      .pipe(take(1))
-      .subscribe(async vs => {
     const result = await this.dialogService.open<
       CreateChatDialogComponent,
       CreateChatDialogData,
@@ -180,7 +176,9 @@ export class LeftSideComponent implements OnInit, OnDestroy {
       data: {
         type: UserSelectDialogType.NewChat,
         title:
-              type === 'TIMER' ? vs['chat.newTimerChat'] : vs['chat.newChat']
+          type === 'TIMER'
+            ? this.translateService.instant('chat.newTimerChat')
+            : this.translateService.instant('chat.newChat')
       }
     });
 
@@ -190,9 +188,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
         result.selectedUserList.map(user => userSeqs.push(user.seq));
 
         if (type === 'NORMAL') {
-              this.store.dispatch(
+          this.store.dispatch(ChatStore.openRoom({ userSeqList: userSeqs }));
-                ChatStore.openRoom({ userSeqList: userSeqs })
-              );
         } else if (type === 'TIMER') {
           this.store.dispatch(
             ChatStore.openRoom({ userSeqList: userSeqs, isTimeRoom: true })
@@ -200,14 +196,9 @@ export class LeftSideComponent implements OnInit, OnDestroy {
         }
       }
     }
-      });
   }
 
-  onClickNewGroupAndMember() {
+  async onClickNewGroupAndMember() {
-    this.translateService
-      .get(['group.addNew'])
-      .pipe(take(1))
-      .subscribe(async vs => {
     const result = await this.dialogService.open<
       CreateChatDialogComponent,
       CreateChatDialogData,
@@ -216,7 +207,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
       width: '600px',
       data: {
         type: UserSelectDialogType.NewGroup,
-            title: vs['group.addNew']
+        title: this.translateService.instant('group.addNew')
       }
     });
 
@@ -237,7 +228,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
         );
       }
     }
-      });
   }
 
   async onClickNewMessage() {
@@ -306,15 +296,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
   }
 
   setFabInitial(type: string) {
-    this.translateService
-      .get([
-        'group.addNew',
-        'chat.newChat',
-        'chat.newTimerChat',
-        'message.newMessage'
-      ])
-      .pipe(take(1))
-      .subscribe(async vs => {
     switch (type) {
       case MainMenu.Group:
         {
@@ -322,7 +303,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
           this.fabButtons = [
             {
               icon: 'add',
-                  tooltip: vs['group.addNew'],
+              tooltip: this.translateService.instant('group.addNew'),
               divisionType: 'GROUP_NEW_ADD'
             }
           ];
@@ -334,7 +315,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
           this.fabButtons = [
             {
               icon: 'chat',
-                  tooltip: vs['chat.newChat'],
+              tooltip: this.translateService.instant('chat.newChat'),
               divisionType: 'CAHT_NEW_ADD'
             }
           ];
@@ -342,7 +323,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
           if (environment.productConfig.CommonSetting.useTimerRoom) {
             this.fabButtons.push({
               icon: 'timer',
-                  tooltip: vs['chat.newTimerChat'],
+              tooltip: this.translateService.instant('chat.newTimerChat'),
               divisionType: 'CHAT_NEW_TIMER_ADD'
             });
           }
@@ -359,7 +340,7 @@ export class LeftSideComponent implements OnInit, OnDestroy {
           this.fabButtons = [
             {
               icon: 'add',
-                  tooltip: vs['message.newMessage'],
+              tooltip: this.translateService.instant('message.new'),
               divisionType: 'MESSAGE_NEW'
             }
           ];
@@ -375,7 +356,6 @@ export class LeftSideComponent implements OnInit, OnDestroy {
         this.fabButtonShow = false;
       }
     }
-      });
   }
 
   onCheckAllUser(params: {

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

@@ -245,7 +245,7 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
     this.chatContextMenuTrigger.openMenu();
   }
 
-  onClickContextMenu(type: string, roomInfo: RoomInfo) {
+  async onClickContextMenu(type: string, roomInfo: RoomInfo) {
     switch (type) {
       case 'SELECT_ROOM':
         this.store.dispatch(
@@ -257,27 +257,20 @@ export class ChatComponent implements OnInit, OnDestroy, AfterViewChecked {
         break;
       case 'EXIT_ROOM':
         {
-          this.translateService
-            .get(['chat.exitFromRoom', 'chat.confirmExitFromRoom'])
-            .pipe(take(1))
-            .subscribe(async values => {
           const result = await this.dialogService.open<
             ConfirmDialogComponent,
             ConfirmDialogData,
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
             data: {
-                  title: values['chat.exitFromRoom'],
+              title: this.translateService.instant('chat.exitFromRoom'),
-                  html: values['chat.confirmExitFromRoom']
+              html: this.translateService.instant('chat.confirmExitFromRoom')
             }
           });
 
           if (!!result && !!result.choice && result.choice) {
-                this.store.dispatch(
+            this.store.dispatch(RoomStore.exit({ roomSeq: roomInfo.roomSeq }));
-                  RoomStore.exit({ roomSeq: roomInfo.roomSeq })
-                );
           }
-            });
         }
         break;
     }

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

@@ -56,7 +56,7 @@
     {{ 'common.searchResult' | translate
     }}<span class="text-accent-color"
       >({{ searchUserInfos.length
-      }}{{ 'common.howManyPersons' | translate }})</span
+      }}{{ 'common.units.persons' | translate }})</span
     >
   </div>
   <ucap-profile-user-list-item

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

@@ -39,7 +39,7 @@
           {{ 'common.searchResult' | translate
           }}<span class="text-accent-color"
             >({{ searchUserInfos.length }}
-            {{ 'common.howManyPersons' | translate }})</span
+            {{ 'common.units.persons' | translate }})</span
           >
         </ng-container>
       </dt>

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

@@ -615,15 +615,11 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
   }
 
   /** Send Event */
-  onSendMessage(message: string) {
+  async onSendMessage(message: string) {
     this.setEventMoreInit();
 
     if (!this.selectedSticker) {
       if (!message || message.trim().length === 0) {
-        this.translateService
-          .get(['chat.errors.label', 'chat.errors.inputChatMessage'])
-          .pipe(take(1))
-          .subscribe(async vs => {
         const result = await this.dialogService.open<
           AlertDialogComponent,
           AlertDialogData,
@@ -631,12 +627,12 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         >(AlertDialogComponent, {
           width: '360px',
           data: {
-                title: vs['chat.errors.label'],
+            title: this.translateService.instant('chat.errors.label'),
-                message: vs['chat.errors.inputChatMessage']
+            message: this.translateService.instant(
+              'chat.errors.inputChatMessage'
+            )
           }
         });
-          });
-
         return;
       }
     }
@@ -738,12 +734,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         message.trim().length >
           environment.productConfig.CommonSetting.masstextLength
       ) {
-        this.translateService
-          .get(['chat.errors.label', 'chat.errors.maxLengthOfMassText'], {
-            maxLength: environment.productConfig.CommonSetting.masstextLength
-          })
-          .pipe(take(1))
-          .subscribe(async vs => {
         const result = await this.dialogService.open<
           AlertDialogComponent,
           AlertDialogData,
@@ -751,10 +741,15 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         >(AlertDialogComponent, {
           width: '360px',
           data: {
-                title: vs['chat.errors.label'],
+            title: this.translateService.instant('chat.errors.label'),
-                message: vs['chat.errors.maxLengthOfMassText']
+            message: this.translateService.instant(
+              'chat.errors.maxLengthOfMassText',
+              {
+                maxLength:
+                  environment.productConfig.CommonSetting.masstextLength
+              }
+            )
           }
-            });
         });
         return;
       }
@@ -871,13 +866,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
   }) {
     this.logger.debug('fileSave', value);
     if (value.type === 'saveAs') {
-      this.translateService
-        .get([
-          'common.file.errors.label',
-          'common.file.errors.failToSpecifyPath'
-        ])
-        .pipe(take(1))
-        .subscribe(vs => {
       this.nativeService
         .selectSaveFilePath(value.fileInfo.fileName)
         .then(result => {
@@ -885,18 +873,21 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
             this.saveFile(value, result);
           } else {
             this.snackBarService.open(
-                  vs['common.file.errors.failToSpecifyPath'],
+              this.translateService.instant(
-                  vs['common.file.errors.label']
+                'common.file.errors.failToSpecifyPath'
+              ),
+              this.translateService.instant('common.file.errors.label')
             );
           }
         })
         .catch(reason => {
           this.snackBarService.open(
-                vs['common.file.errors.failToSpecifyPath'],
+            this.translateService.instant(
-                vs['common.file.errors.label']
+              'common.file.errors.failToSpecifyPath'
+            ),
+            this.translateService.instant('common.file.errors.label')
           );
         });
-        });
     } else {
       this.saveFile(value);
     }
@@ -945,33 +936,33 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                 .saveFile(buffer, value.fileInfo.fileName, mimeType, savePath)
                 .then(result => {
                   if (!!result) {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.results.savedToPath', {
+                      this.translateService.instant(
+                        'common.file.results.savedToPath',
+                        {
                           path: result
-                      })
+                        }
-                      .pipe(take(1))
+                      ),
-                      .subscribe(v => {
+                      '',
-                        this.snackBarService.open(v, '', {
+                      {
                         duration: 3000,
                         verticalPosition: 'bottom'
-                        });
+                      }
-                      });
+                    );
                   } else {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.errors.failToSave')
+                      this.translateService.instant(
-                      .pipe(take(1))
+                        'common.file.errors.failToSave'
-                      .subscribe(v => {
+                      )
-                        this.snackBarService.open(v);
+                    );
-                      });
                   }
                 })
                 .catch(reason => {
-                  this.translateService
+                  this.snackBarService.open(
-                    .get('common.file.errors.failToSave')
+                    this.translateService.instant(
-                    .pipe(take(1))
+                      'common.file.errors.failToSave'
-                    .subscribe(v => {
+                    )
-                      this.snackBarService.open(v);
+                  );
-                    });
                 });
             })
             .catch(reason => {
@@ -1069,19 +1060,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         },
         error => {
           this.logger.debug('onFileSelected error', error);
-
-          this.translateService
-            .get([
-              'common.file.errors.label',
-              'common.file.errors.failToUpload'
-            ])
-            .pipe(take(1))
-            .subscribe(vs => {
           this.snackBarService.open(
-                vs['common.file.errors.failToUpload'],
+            this.translateService.instant('common.file.errors.failToUpload'),
-                vs['common.file.errors.label']
+            this.translateService.instant('common.file.errors.label')
           );
-            });
         },
         () => {
           this.fileUploadQueue.onUploadComplete();
@@ -1106,7 +1088,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
     this.messageContextMenuTrigger.openMenu();
   }
 
-  onClickMessageContextMenu(menuType: string, message: Info<EventJson>) {
+  async onClickMessageContextMenu(menuType: string, message: Info<EventJson>) {
     switch (menuType) {
       case 'COPY':
         {
@@ -1118,12 +1100,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                     (message as Info<string>).sentMessage
                   )
                 ) {
-                  this.translateService
-                    .get(['common.clipboard.results.copied'])
-                    .pipe(take(1))
-                    .subscribe(async vs => {
                   this.snackBarService.open(
-                        vs['common.clipboard.results.copied'],
+                    this.translateService.instant(
+                      'common.clipboard.results.copied'
+                    ),
                     '',
                     {
                       duration: 3000,
@@ -1131,7 +1111,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                       horizontalPosition: 'center'
                     }
                   );
-                    });
                 }
               }
               break;
@@ -1147,12 +1126,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                   .pipe(take(1))
                   .subscribe(res => {
                     if (this.clipboardService.copyFromContent(res.content)) {
-                      this.translateService
-                        .get(['common.clipboard.results.copied'])
-                        .pipe(take(1))
-                        .subscribe(async vs => {
                       this.snackBarService.open(
-                            vs['common.clipboard.results.copied'],
+                        this.translateService.instant(
+                          'common.clipboard.results.copied'
+                        ),
                         '',
                         {
                           duration: 3000,
@@ -1160,7 +1137,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                           horizontalPosition: 'center'
                         }
                       );
-                        });
                     }
                   });
               }
@@ -1173,10 +1149,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         break;
       case 'REPLAY':
         {
-          this.translateService
-            .get(['chat.forwardEventTo'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             CreateChatDialogComponent,
             CreateChatDialogData,
@@ -1185,7 +1157,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
             width: '600px',
             data: {
               type: UserSelectDialogType.MessageForward,
-                  title: vs['chat.forwardEventTo'],
+              title: this.translateService.instant('chat.forwardEventTo'),
               ignoreRoom: [this.roomInfo]
             }
           });
@@ -1219,7 +1191,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               );
             }
           }
-            });
         }
         break;
       case 'REPLAY_TO_ME':
@@ -1241,10 +1212,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         break;
       case 'DELETE':
         {
-          this.translateService
-            .get(['chat.removeEvent', 'chat.confirmRemoveEvent'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             ConfirmDialogComponent,
             ConfirmDialogData,
@@ -1252,8 +1219,8 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
           >(ConfirmDialogComponent, {
             width: '400px',
             data: {
-                  title: vs['chat.removeEvent'],
+              title: this.translateService.instant('chat.removeEvent'),
-                  html: vs['chat.confirmRemoveEvent']
+              html: this.translateService.instant('chat.confirmRemoveEvent')
             }
           });
 
@@ -1265,15 +1232,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               })
             );
           }
-            });
         }
         break;
       case 'RECALL':
         {
-          this.translateService
-            .get(['chat.recallEvent', 'chat.confirmRecallEvent'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             ConfirmDialogComponent,
             ConfirmDialogData,
@@ -1281,8 +1243,8 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
           >(ConfirmDialogComponent, {
             width: '400px',
             data: {
-                  title: vs['chat.recallEvent'],
+              title: this.translateService.instant('chat.recallEvent'),
-                  html: vs['chat.confirmRecallEvent']
+              html: this.translateService.instant('chat.confirmRecallEvent')
             }
           });
 
@@ -1295,7 +1257,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               })
             );
           }
-            });
         }
         break;
       default:
@@ -1303,7 +1264,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
     }
   }
 
-  onClickContextMenu(menuType: string) {
+  async onClickContextMenu(menuType: string) {
     switch (menuType) {
       case 'OPEN_ALBUM_LIST':
         {
@@ -1339,10 +1300,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
         break;
       case 'ADD_MEMBER':
         {
-          this.translateService
-            .get(['chat.modifyRoomMember'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             CreateChatDialogComponent,
             CreateChatDialogData,
@@ -1351,10 +1308,9 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
             width: '600px',
             data: {
               type: UserSelectDialogType.EditChatMember,
-                  title: vs['chat.modifyRoomMember'],
+              title: this.translateService.instant('chat.modifyRoomMember'),
               curRoomUser: this.userInfoList.filter(
-                    user =>
+                user => user.seq !== this.loginRes.userSeq && user.isJoinRoom
-                      user.seq !== this.loginRes.userSeq && user.isJoinRoom
               )
             }
           });
@@ -1390,15 +1346,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               );
             }
           }
-            });
         }
         break;
       case 'ADD_GROUP':
         {
-          this.translateService
-            .get(['chat.addMemberToGroup'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             SelectGroupDialogComponent,
             SelectGroupDialogData,
@@ -1406,7 +1357,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
           >(SelectGroupDialogComponent, {
             width: '600px',
             data: {
-                  title: vs['chat.addMemberToGroup']
+              title: this.translateService.instant('chat.addMemberToGroup')
             }
           });
 
@@ -1429,15 +1380,10 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               );
             }
           }
-            });
         }
         break;
       case 'EDIT_ROOM':
         {
-          this.translateService
-            .get(['chat.settingsOfRoom'])
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             EditChatRoomDialogComponent,
             EditChatRoomDialogData,
@@ -1445,15 +1391,14 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
           >(EditChatRoomDialogComponent, {
             width: '600px',
             data: {
-                  title: vs['chat.settingsOfRoom'],
+              title: this.translateService.instant('chat.settingsOfRoom'),
               roomInfo: this.roomInfo
             }
           });
 
           if (!!result && !!result.choice && result.choice) {
             const roomName: string = result.roomName;
-                const roomNameChangeTarget: string =
+            const roomNameChangeTarget: string = result.roomNameChangeTarget;
-                  result.roomNameChangeTarget;
             const timeRoomInterval: number = result.timeRoomInterval;
             const roomInfo: RoomInfo = result.roomInfo;
 
@@ -1465,9 +1410,7 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
                   roomName,
                   receiveAlarm: roomInfo.receiveAlarm,
                   syncAll:
-                        roomNameChangeTarget.toUpperCase() === 'ALL'
+                    roomNameChangeTarget.toUpperCase() === 'ALL' ? true : false
-                          ? true
-                          : false
                 }
               })
             );
@@ -1485,7 +1428,6 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewInit {
               );
             }
           }
-            });
         }
         break;
       case 'CLOSE_ROOM':

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/album-box.component.ts

@@ -232,33 +232,33 @@ export class AlbumBoxComponent implements OnInit, OnDestroy {
                 .saveFile(buffer, fileInfo.info.name, mimeType)
                 .then(result => {
                   if (!!result) {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.results.savedToPath', {
+                      this.translateService.instant(
+                        'common.file.results.savedToPath',
+                        {
                           path: result
-                      })
+                        }
-                      .pipe(take(1))
+                      ),
-                      .subscribe(v => {
+                      '',
-                        this.snackBarService.open(v, '', {
+                      {
                         duration: 3000,
                         verticalPosition: 'bottom'
-                        });
+                      }
-                      });
+                    );
                   } else {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.errors.failToSave')
+                      this.translateService.instant(
-                      .pipe(take(1))
+                        'common.file.errors.failToSave'
-                      .subscribe(v => {
+                      )
-                        this.snackBarService.open(v);
+                    );
-                      });
                   }
                 })
                 .catch(reason => {
-                  this.translateService
+                  this.snackBarService.open(
-                    .get('common.file.errors.failToSave')
+                    this.translateService.instant(
-                    .pipe(take(1))
+                      'common.file.errors.failToSave'
-                    .subscribe(v => {
+                    )
-                      this.snackBarService.open(v);
+                  );
-                    });
                 });
             })
             .catch(reason => {

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/file-box.component.ts

@@ -276,33 +276,33 @@ export class FileBoxComponent implements OnInit, OnDestroy {
                 .saveFile(buffer, fileInfo.info.name, mimeType)
                 .then(result => {
                   if (!!result) {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.results.savedToPath', {
+                      this.translateService.instant(
+                        'common.file.results.savedToPath',
+                        {
                           path: result
-                      })
+                        }
-                      .pipe(take(1))
+                      ),
-                      .subscribe(v => {
+                      '',
-                        this.snackBarService.open(v, '', {
+                      {
                         duration: 3000,
                         verticalPosition: 'bottom'
-                        });
+                      }
-                      });
+                    );
                   } else {
-                    this.translateService
+                    this.snackBarService.open(
-                      .get('common.file.errors.failToSave')
+                      this.translateService.instant(
-                      .pipe(take(1))
+                        'common.file.errors.failToSave'
-                      .subscribe(v => {
+                      )
-                        this.snackBarService.open(v);
+                    );
-                      });
                   }
                 })
                 .catch(reason => {
-                  this.translateService
+                  this.snackBarService.open(
-                    .get('common.file.errors.failToSave')
+                    this.translateService.instant(
-                    .pipe(take(1))
+                      'common.file.errors.failToSave'
-                    .subscribe(v => {
+                    )
-                      this.snackBarService.open(v);
+                  );
-                    });
                 });
             })
             .catch(reason => {
@@ -352,11 +352,7 @@ export class FileBoxComponent implements OnInit, OnDestroy {
     );
   }
 
-  onClickForward(fileInfo: FileInfoTotal) {
+  async onClickForward(fileInfo: FileInfoTotal) {
-    this.translateService
-      .get('chat.forwardFileTo')
-      .pipe(take(1))
-      .subscribe(async v => {
     const result = await this.dialogService.open<
       CreateChatDialogComponent,
       CreateChatDialogData,
@@ -365,7 +361,7 @@ export class FileBoxComponent implements OnInit, OnDestroy {
       width: '600px',
       data: {
         type: UserSelectDialogType.MessageForward,
-            title: v,
+        title: this.translateService.instant('chat.forwardFileTo'),
         ignoreRoom: [this.roomInfo]
       }
     });
@@ -396,14 +392,9 @@ export class FileBoxComponent implements OnInit, OnDestroy {
         );
       }
     }
-      });
   }
 
-  onClickDelete(fileInfo: FileInfoTotal) {
+  async onClickDelete(fileInfo: FileInfoTotal) {
-    this.translateService
-      .get('chat.confirmDeleteFile')
-      .pipe(take(1))
-      .subscribe(async v => {
     const result = await this.dialogService.open<
       ConfirmDialogComponent,
       ConfirmDialogData,
@@ -412,7 +403,7 @@ export class FileBoxComponent implements OnInit, OnDestroy {
       width: '400px',
       data: {
         title: 'Delete',
-            html: v
+        html: this.translateService.instant('chat.confirmDeleteFile')
       }
     });
 
@@ -429,7 +420,6 @@ export class FileBoxComponent implements OnInit, OnDestroy {
       );
       this.onSelectedIndexChange(this.currentTabIndex);
     }
-      });
   }
 
   get fileRetentionPeriodOptions(): DateOptions {

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/notice.component.ts

@@ -13,8 +13,11 @@ import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 import { DialogService } from '@ucap-webmessenger/ui';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
 import { KEY_LOGIN_RES_INFO } from '@app/types/login-res-info.type';
-import { MessageApiService, NoticeList } from '@ucap-webmessenger/api-message';
+import {
-import { RetrieveNoticeRequest } from 'projects/ucap-webmessenger-api-message/src/lib/apis/notice';
+  MessageApiService,
+  NoticeList,
+  RetrieveNoticeRequest
+} from '@ucap-webmessenger/api-message';
 import { NGXLogger } from 'ngx-logger';
 import { MatPaginator } from '@angular/material';
 import {

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/right-drawer/room-user-list.component.ts

@@ -137,11 +137,7 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
     this.openProfile.emit(userSeq);
   }
 
-  onClickAddMember() {
+  async onClickAddMember() {
-    this.translateService
-      .get('chat.modifyRoomMember')
-      .pipe(take(1))
-      .subscribe(async v => {
     const result = await this.dialogService.open<
       CreateChatDialogComponent,
       CreateChatDialogData,
@@ -150,7 +146,7 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
       width: '600px',
       data: {
         type: UserSelectDialogType.EditChatMember,
-            title: v,
+        title: this.translateService.instant('chat.modifyRoomMember'),
         curRoomUser: this.userInfoList.filter(
           user => user.seq !== this.loginRes.userSeq && user.isJoinRoom
         )
@@ -185,14 +181,9 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
         );
       }
     }
-      });
   }
 
-  onClickAddGroup() {
+  async onClickAddGroup() {
-    this.translateService
-      .get('group.selectTargetGroup')
-      .pipe(take(1))
-      .subscribe(async v => {
     const result = await this.dialogService.open<
       SelectGroupDialogComponent,
       SelectGroupDialogData,
@@ -200,7 +191,7 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
     >(SelectGroupDialogComponent, {
       width: '600px',
       data: {
-            title: v
+        title: this.translateService.instant('group.selectTargetGroup')
       }
     });
 
@@ -223,7 +214,6 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
         );
       }
     }
-      });
   }
 
   onContextMenuRoomUser(event: MouseEvent, buddy: UserInfo) {
@@ -241,24 +231,20 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
     this.roomUserContextMenuTrigger.openMenu();
   }
 
-  onClickContextMenu(type: string, buddy: UserInfo) {
+  async onClickContextMenu(type: string, buddy: UserInfo) {
     switch (type) {
       case 'FORCING_EXIT':
         {
-          this.translateService
-            .get(['chat.ejectFromRoom', 'chat.confirmEjectFromRoom'], {
-              targetMember: buddy.name
-            })
-            .pipe(take(1))
-            .subscribe(async vs => {
           const result = await this.dialogService.open<
             ConfirmDialogComponent,
             ConfirmDialogData,
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
             data: {
-                  title: vs['chat.ejectFromRoom'],
+              title: this.translateService.instant('chat.ejectFromRoom'),
-                  html: vs['chat.confirmEjectFromRoom']
+              html: this.translateService.instant('chat.confirmEjectFromRoom', {
+                targetMember: buddy.name
+              })
             }
           });
 
@@ -274,7 +260,6 @@ export class RoomUserListComponent implements OnInit, OnDestroy {
               })
             );
           }
-            });
         }
         break;
     }

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/change-password.dialog.component.html

@@ -1,6 +1,6 @@
 <mat-card class="confirm-card mat-elevation-z setting-frame">
   <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>패스워드 변경</mat-card-title>
+    <mat-card-title>{{ 'accounts.changePassword' | translate }}</mat-card-title>
   </mat-card-header>
   <mat-card-content>
     <div fxFlex class="setting-tab">
@@ -18,7 +18,7 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      취소
+      {{ 'common.messages.cancel' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/account/notice.dialog.component.html

@@ -10,7 +10,7 @@
   </mat-card-content>
   <mat-card-actions class="button-farm flex-row">
     <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
-      Confirm
+      {{ 'common.messages.confirm' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html

@@ -113,7 +113,7 @@
                   {{ 'common.searchResult' | translate }}
                   <span class="text-accent-color">
                     ({{ searchUserInfos.length
-                    }}{{ 'common.howManyPersons' | translate }})
+                    }}{{ 'common.units.persons' | translate }})
                   </span>
                 </div>
                 <ucap-profile-user-list-item
@@ -196,7 +196,7 @@
       </div>
       <span *ngIf="isShowSelectedUserList"
         >{{ selectedUserList.length }}
-        {{ 'common.howManyPersons' | translate }}</span
+        {{ 'common.units.persons' | translate }}</span
       >
     </div>
   </mat-card-content>
@@ -206,7 +206,7 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      No
+      {{ 'common.messages.no' | translate }}
     </button>
     <button
       mat-flat-button
@@ -214,7 +214,7 @@
       (click)="onClickChoice(true)"
       class="mat-primary"
     >
-      Yes
+      {{ 'common.messages.yes' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

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

@@ -15,7 +15,7 @@ import {
 } from '@angular/material';
 import { NGXLogger } from 'ngx-logger';
 import { Observable, combineLatest, Subscription, of } from 'rxjs';
-import { map, tap, catchError } from 'rxjs/operators';
+import { map, tap, catchError, take } from 'rxjs/operators';
 
 import { Store, select } from '@ngrx/store';
 import * as AppStore from '@app/store';
@@ -54,6 +54,7 @@ import {
   ConfirmDialogData,
   DialogService
 } from '@ucap-webmessenger/ui';
+import { TranslateService } from '@ngx-translate/core';
 
 export interface CreateChatDialogData {
   type?: string;
@@ -104,6 +105,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
     private formBuilder: FormBuilder,
     private logger: NGXLogger,
     private dialogService: DialogService,
+    private translateService: TranslateService,
     private changeDetectorRef: ChangeDetectorRef
   ) {
     this.sessionVerinfo = this.sessionStorageService.get<VersionInfo2Response>(
@@ -619,9 +621,11 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
         return;
       }
 
-      let cfmMsg = `새로운 그룹을 추가하시겠습니까?`;
+      let cfmMsg: string;
       if (this.selectedUserList.length === 0) {
-        cfmMsg += `<br/>빈 그룹으로 생성됩니다.`;
+        cfmMsg = this.translateService.instant('group.confirmAddNewWithout');
+      } else {
+        cfmMsg = this.translateService.instant('group.confirmAddNew');
       }
       const result = await this.dialogService.open<
         ConfirmDialogComponent,
@@ -630,7 +634,7 @@ export class CreateChatDialogComponent implements OnInit, OnDestroy {
       >(ConfirmDialogComponent, {
         width: '400px',
         data: {
-          title: 'Confirm',
+          title: this.translateService.instant('group.addNew'),
           html: cfmMsg
         }
       });

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.html

@@ -10,26 +10,30 @@
             matInput
             #input
             maxlength="20"
-            placeholder="대화방이름"
+            placeholder="{{ 'chat.nameOfRoom' | translate }}"
             formControlName="roomName"
           />
           <mat-hint align="end">{{ input.value?.length || 0 }}/20</mat-hint>
         </mat-form-field>
       </div>
       <div class="targetSelect">
-        <span>변경 대상자</span>
+        <span>{{ 'chat.scopeOfChangeNameOfRoom' | translate }}</span>
         <mat-radio-group
           aria-label="Select an option"
           value="me"
           formControlName="changeTarget"
         >
-          <mat-radio-button value="me">나</mat-radio-button>
+          <mat-radio-button value="me">{{
-          <mat-radio-button value="all">전체</mat-radio-button>
+            'common.pronoun.me' | translate
+          }}</mat-radio-button>
+          <mat-radio-button value="all">{{
+            'common.pronoun.all' | translate
+          }}</mat-radio-button>
         </mat-radio-group>
       </div>
       <div *ngIf="data.roomInfo.isTimeRoom">
         <mat-form-field>
-          <mat-label>Setting Timer</mat-label>
+          <mat-label>{{ 'chat.setTimer' | translate }}</mat-label>
           <mat-select formControlName="timerInterval">
             <mat-option *ngFor="let timer of timerArray" [value]="timer.value">
               {{ timer.text }}
@@ -45,10 +49,10 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      No
+      {{ 'common.messages.no' | translate }}
     </button>
     <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
-      Yes
+      {{ 'common.messages.yes' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/edit-chat-room.dialog.component.ts

@@ -1,7 +1,10 @@
 import { RoomInfo } from '@ucap-webmessenger/protocol-room';
-import { Component, OnInit, Inject } from '@angular/core';
+import { Component, OnInit, Inject, OnDestroy } from '@angular/core';
 import { FormGroup, FormBuilder } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+import { TranslateService } from '@ngx-translate/core';
+import { Subscription } from 'rxjs';
+import { take } from 'rxjs/operators';
 
 export interface EditChatRoomDialogData {
   title: string;
@@ -21,23 +24,11 @@ export interface EditChatRoomDialogResult {
   templateUrl: './edit-chat-room.dialog.component.html',
   styleUrls: ['./edit-chat-room.dialog.component.scss']
 })
-export class EditChatRoomDialogComponent implements OnInit {
+export class EditChatRoomDialogComponent implements OnInit, OnDestroy {
   roomName: string;
   inputForm: FormGroup;
 
-  timerArray: { value: number; text: string }[] = [
+  timerArray: { value: number; text: string }[];
-    { value: 5, text: '5 초' },
-    { value: 10, text: '10 초' },
-    { value: 30, text: '30 초' },
-    { value: 60, text: '1 분' },
-    { value: 300, text: '5 분' },
-    { value: 600, text: '10 분' },
-    { value: 1800, text: '30 분' },
-    { value: 3600, text: '1 시간' },
-    { value: 21600, text: '6 시간' },
-    { value: 43200, text: '12 시간' },
-    { value: 86400, text: '24 시간' }
-  ];
 
   constructor(
     public dialogRef: MatDialogRef<
@@ -45,7 +36,8 @@ export class EditChatRoomDialogComponent implements OnInit {
       EditChatRoomDialogResult
     >,
     @Inject(MAT_DIALOG_DATA) public data: EditChatRoomDialogData,
-    private formBuilder: FormBuilder
+    private formBuilder: FormBuilder,
+    private translateService: TranslateService
   ) {}
 
   ngOnInit(): void {
@@ -54,8 +46,33 @@ export class EditChatRoomDialogComponent implements OnInit {
       changeTarget: ['me'],
       timerInterval: [this.data.roomInfo.timeRoomInterval]
     });
+
+    this.translateService
+      .get([
+        'common.units.hourFrom',
+        'common.units.minute',
+        'common.units.second'
+      ])
+      .pipe(take(1))
+      .subscribe(vs => {
+        this.timerArray = [
+          { value: 5, text: `5 ${vs['common.units.second']}` },
+          { value: 10, text: `10 ${vs['common.units.second']}` },
+          { value: 30, text: `30 ${vs['common.units.second']}` },
+          { value: 60, text: `1 ${vs['common.units.minute']}` },
+          { value: 300, text: `5 ${vs['common.units.minute']}` },
+          { value: 600, text: `10 ${vs['common.units.minute']}` },
+          { value: 1800, text: `30 ${vs['common.units.minute']}` },
+          { value: 3600, text: `1 ${vs['common.units.hourFrom']}` },
+          { value: 21600, text: `6 ${vs['common.units.hourFrom']}` },
+          { value: 43200, text: `12 ${vs['common.units.hourFrom']}` },
+          { value: 86400, text: `24 ${vs['common.units.hourFrom']}` }
+        ];
+      });
   }
 
+  ngOnDestroy(): void {}
+
   onClickChoice(choice: boolean): void {
     this.dialogRef.close({
       choice,

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/mass-detail.component.html

@@ -9,7 +9,7 @@
   </mat-card-content>
   <mat-card-actions class="button-farm flex-row">
     <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
-      confirm
+      {{ 'common.messages.confirm' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/edit-group.dialog.component.html

@@ -4,12 +4,17 @@
   </mat-card-header>
   <mat-card-content>
     <form name="inputForm" [formGroup]="inputForm" novalidate>
-      <mat-form-field hintLabel="특수문자는 '-,_'만 사용할 수 있습니다.">
+      <mat-form-field
+        hintLabel="{{
+          'common.useOnlyForSpecialCharacter'
+            | translate: { specialCharacter: '-,_' }
+        }}"
+      >
         <input
           matInput
           #input
           maxlength="20"
-          placeholder="그룹이름"
+          placeholder="{{ 'group.name' | translate }}"
           formControlName="groupName"
         />
         <mat-hint align="end">{{ input.value?.length || 0 }}/20</mat-hint>
@@ -22,10 +27,10 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      No
+      {{ 'common.messages.no' | translate }}
     </button>
     <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
-      Yes
+      {{ 'common.messages.yes' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.html

@@ -11,16 +11,21 @@
         class="mat-mini-fab mat-button-base mat-accent mat-elevation-z"
       >
         <mat-icon>add</mat-icon>
-        <span class="mat-fab__label">새 그룹 추가</span>
+        <span class="mat-fab__label">{{ 'group.addNew' | translate }}</span>
       </button>
       <div *ngIf="isShowAddGroupField" class="input-groupname-box">
-        <mat-form-field hintLabel="특수문자는 '-,_'만 사용할 수 있습니다.">
+        <mat-form-field
+          hintLabel="{{
+            'common.useOnlyForSpecialCharacter'
+              | translate: { specialCharacter: '-,_' }
+          }}"
+        >
           <input
             matInput
             #inputGroupName
             type="text"
             maxlength="20"
-            placeholder="그룹이름"
+            placeholder="{{ 'group.name' | translate }}"
             value=""
           />
 
@@ -41,7 +46,7 @@
 
         <div class="btn-box">
           <button mat-stroked-button (click)="onClickAddGroupCancel()">
-            닫기
+            {{ 'common.messages.close' | translate }}
           </button>
           <button
             mat-stroked-button
@@ -49,7 +54,7 @@
             (click)="onClickAddGroup(inputGroupName.value)"
             class="mat-accent"
           >
-            그룹명 추가
+            {{ 'group.addNew' | translate }}
           </button>
         </div>
       </div>
@@ -61,7 +66,8 @@
       >
         <span class="title-name ellipsis"> {{ groupBuddy.group.name }} </span>
         <span class="text-accent-color number"
-          >({{ groupBuddy.buddyList.length }}명)</span
+          >({{ groupBuddy.buddyList.length
+          }}{{ 'common.units.persons' | translate }})</span
         >
       </mat-list-option>
     </mat-selection-list>
@@ -80,10 +86,10 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      No
+      {{ 'common.messages.no' | translate }}
     </button>
     <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
-      Yes
+      {{ 'common.messages.yes' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/select-group.dialog.component.ts

@@ -7,7 +7,7 @@ import {
 } from '@angular/material';
 import { Observable, combineLatest } from 'rxjs';
 import { Store, select } from '@ngrx/store';
-import { map } from 'rxjs/operators';
+import { map, take } from 'rxjs/operators';
 
 import * as AppStore from '@app/store';
 import * as SyncStore from '@app/store/messenger/sync';
@@ -20,6 +20,7 @@ import {
 } from '@ucap-webmessenger/ui';
 import { GroupDetailData, UserInfo } from '@ucap-webmessenger/protocol-sync';
 import { environment } from '../../../../../environments/environment';
+import { TranslateService } from '@ngx-translate/core';
 
 export interface SelectGroupDialogData {
   title: string;
@@ -43,7 +44,8 @@ export class SelectGroupDialogComponent implements OnInit {
     >,
     @Inject(MAT_DIALOG_DATA) public data: SelectGroupDialogData,
     private store: Store<any>,
-    private dialogService: DialogService
+    private dialogService: DialogService,
+    private translateService: TranslateService
   ) {}
 
   @ViewChild('groups', { static: true }) groups: MatSelectionList;
@@ -109,8 +111,10 @@ export class SelectGroupDialogComponent implements OnInit {
     >(ConfirmDialogComponent, {
       width: '300px',
       data: {
-        title: 'Add group',
+        title: this.translateService.instant('group.addNew'),
-        html: `그룹(${groupName})을 추가하시겠습니까?`
+        html: this.translateService.instant('group.confirmAddNewWith', {
+          nameOfGroup: groupName
+        })
       }
     });
 

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.html

@@ -2,9 +2,15 @@
   <mat-card-header>
     <mat-card-title>
       <ng-container [ngSwitch]="messageInfo.type">
-        <span *ngSwitchCase="MessageType.Receive">받은 쪽지</span>
+        <span *ngSwitchCase="MessageType.Receive">{{
-        <span *ngSwitchCase="MessageType.Send">보낸 쪽지</span>
+          'message.messageTypeReceiving' | translate
-        <span *ngSwitchCase="MessageType.Reservation">예약 쪽지</span>
+        }}</span>
+        <span *ngSwitchCase="MessageType.Send">{{
+          'message.messageTypeOutgoing' | translate
+        }}</span>
+        <span *ngSwitchCase="MessageType.Reservation">{{
+          'message.messageTypeReservation' | translate
+        }}</span>
       </ng-container>
     </mat-card-title>
   </mat-card-header>
@@ -27,7 +33,6 @@
           <span
             *ngIf="messageInfo.type === MessageType.Receive"
             class="people sender bg-accent-color"
-            alt="보낸사람"
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -47,7 +52,6 @@
           <span
             *ngIf="messageInfo.type !== MessageType.Receive"
             class="people receiver bg-accent-color"
-            alt="받는사람"
           >
             <svg
               xmlns="http://www.w3.org/2000/svg"
@@ -85,17 +89,17 @@
           <span
             *ngIf="messageInfo.type === MessageType.Receive"
             class="label bg-warn-color "
-            >받은시간</span
+            >{{ 'message.receivedTime' | translate }}</span
           >
           <span
             *ngIf="messageInfo.type === MessageType.Send"
             class="label bg-warn-color "
-            >보낸시간</span
+            >{{ 'message.sendingTime' | translate }}</span
           >
           <span
             *ngIf="messageInfo.type === MessageType.Reservation"
             class="label bg-warn-color "
-            >발송예정시간</span
+            >{{ 'message.reservationTime' | translate }}</span
           >
           <span *ngIf="messageInfo.type !== MessageType.Reservation">{{
             messageInfo.regDate | ucapDate: 'YYYY.MM.DD (ddd) a hh:mm'
@@ -123,13 +127,15 @@
         <div *ngIf="attachFile && attachFile.length > 0" class="attachFile">
           <div>
             <div class="title">
-              <span *ngIf="isExpiredAttachFile">기간이 만료된 파일입니다</span>
+              <span *ngIf="isExpiredAttachFile">{{
+                'common.file.errors.expired' | translate
+              }}</span>
               <button
                 mat-stroked-button
                 class="mat-primary"
                 (click)="downloadAttachFileAll()"
               >
-                모두저장
+                {{ 'common.file.saveAll' | translate }}
               </button>
             </div>
 
@@ -161,7 +167,8 @@
         >
           <mat-tab>
             <ng-template mat-tab-label>
-              읽은 사람 {{ getReadUserCount(true) }}
+              {{ 'message.countOfReadUser' | translate }}
+              {{ getReadUserCount(true) }}
             </ng-template>
             <mat-list>
               <ng-container *ngFor="let user of receivers">
@@ -176,11 +183,12 @@
           </mat-tab>
           <mat-tab>
             <ng-template mat-tab-label>
-              읽지 않은 사람 {{ getReadUserCount(true) }}
+              {{ 'message.countOfUnreadUser' | translate }}
+              {{ getReadUserCount(true) }}
             </ng-template>
             <ul>
               <div>
-                전체선택
+                {{ 'common.messages.selectAll' | translate }}
                 <mat-checkbox
                   #checkbox
                   (change)="
@@ -210,7 +218,7 @@
                   "
                   class="mat-primary"
                 >
-                  발송취소
+                  {{ 'message.cancelReservation' | translate }}
                 </button>
               </div>
             </ul>
@@ -237,21 +245,21 @@
     *ngIf="messageInfo.type === MessageType.Send"
     (click)="onClickMessageMenu('MESSAGE_READ')"
   >
-    <span>읽음확인</span>
+    <span>{{ 'message.detailOfViewers' | translate }}</span>
   </button>
   <button
     mat-menu-item
     *ngIf="messageInfo.type === MessageType.Reservation"
     (click)="onClickMessageMenu('MESSAGE_CANCEL')"
   >
-    <span>발송취소</span>
+    <span>{{ 'message.cancelReservation' | translate }}</span>
   </button>
   <button
     mat-menu-item
     *ngIf="messageInfo.type === MessageType.Reservation"
     (click)="onClickMessageMenu('MESSAGE_UPDATE')"
   >
-    <span>수정</span>
+    <span>{{ 'common.messages.modify' | translate }}</span>
   </button>
   <button
     mat-menu-item
@@ -261,6 +269,6 @@
     "
     (click)="onClickMessageMenu('MESSAGE_DEL')"
   >
-    <span>삭제</span>
+    <span>{{ 'common.messages.remove' | translate }}</span>
   </button>
 </mat-menu>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.ts

@@ -40,6 +40,7 @@ import {
   MessageWriteDialogData
 } from './message-write.dialog.component';
 import { EnvironmentsInfo } from '@app/types';
+import { TranslateService } from '@ngx-translate/core';
 
 export interface MessageDetailDialogData {
   detail: DetailResponse;
@@ -91,7 +92,8 @@ export class MessageDetailDialogComponent implements OnInit {
     private messageApiService: MessageApiService,
     private snackBarService: SnackBarService,
     private logger: NGXLogger,
-    private dialogService: DialogService
+    private dialogService: DialogService,
+    private translateService: TranslateService
   ) {}
 
   ngOnInit(): void {
@@ -300,7 +302,9 @@ export class MessageDetailDialogComponent implements OnInit {
       >(AlertDialogComponent, {
         data: {
           title: '',
-          html: `다운로드가 진행중입니다.`
+          html: this.translateService.instant(
+            'common.file.results.downloadInProgress'
+          )
         }
       });
     }
@@ -378,12 +382,16 @@ export class MessageDetailDialogComponent implements OnInit {
                     attachFile.downloadType === 'SINGLE'
                   ) {
                     // single :: fail
-                    errMsg = '파일 저장에 실패하였습니다.';
+                    errMsg = this.translateService.instant(
+                      'common.file.errors.failToSave'
+                    );
                   } else {
                     // all
-                    errMsg = '일부 저장중 오류가 발생하였습니다.';
+                    errMsg = this.translateService.instant(
+                      'common.file.errors.failToSaveSomeOfAll'
+                    );
                   }
-                  this.snackBarService.open(errMsg, '확인', {
+                  this.snackBarService.open(errMsg, '', {
                     duration: 8000,
                     verticalPosition: 'bottom'
                   });
@@ -395,7 +403,10 @@ export class MessageDetailDialogComponent implements OnInit {
                   ) {
                     // single :: success
                     this.snackBarService.open(
-                      `파일이 경로[${attachFile.downloadType}]에 저장되었습니다.`,
+                      this.translateService.instant(
+                        'common.file.errors.savedToPath',
+                        { path: attachFile.downloadType }
+                      ),
                       '',
                       {
                         duration: 3000,
@@ -404,10 +415,16 @@ export class MessageDetailDialogComponent implements OnInit {
                     );
                   } else {
                     // all
-                    this.snackBarService.open('모두 저장하였습니다.', '', {
+                    this.snackBarService.open(
+                      this.translateService.instant(
+                        'common.file.errors.savedAll'
+                      ),
+                      '',
+                      {
                         duration: 3000,
                         verticalPosition: 'bottom'
-                    });
+                      }
+                    );
                   }
                 }
                 this.downloadProgress = false;
@@ -433,8 +450,10 @@ export class MessageDetailDialogComponent implements OnInit {
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
             data: {
-              title: '발송취소',
+              title: this.translateService.instant('message.cancelReservation'),
-              html: `예약발송을 취소 하시겠습니까?<br/>취소하면 목록에서도 영구 삭제됩니다.`
+              html: this.translateService.instant(
+                'message.confirmCancelReservation'
+              )
             }
           });
 
@@ -454,8 +473,8 @@ export class MessageDetailDialogComponent implements OnInit {
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
             data: {
-              title: '삭제',
+              title: this.translateService.instant('message.remove'),
-              message: '선택한 쪽지를 삭제하시겠습니까?'
+              message: this.translateService.instant('message.confirmRemove')
             }
           });
 
@@ -524,9 +543,8 @@ export class MessageDetailDialogComponent implements OnInit {
         ConfirmDialogResult
       >(ConfirmDialogComponent, {
         data: {
-          title: '발송 취소',
+          title: this.translateService.instant('message.cancelSending'),
-          message:
+          message: this.translateService.instant('message.confirmCancelSending')
-            '발송 취소를 하시면 받는 사람의 쪽지함에서 쪽지가 삭제됩니다.'
         }
       });
 

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.html

@@ -1,6 +1,8 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
-    <mat-card-title> 쪽지 {{ isModify ? '수정' : '보내기' }} </mat-card-title>
+    <mat-card-title>
+      {{ (isModify ? 'message.modify' : 'message.sendTo') | translate }}
+    </mat-card-title>
   </mat-card-header>
   <mat-card-content>
     <ucap-message-write

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-write.dialog.component.ts

@@ -28,6 +28,7 @@ import {
 import { UserSelectDialogType, EnvironmentsInfo } from '@app/types';
 import { take } from 'rxjs/operators';
 import { UserInfoSS } from '@ucap-webmessenger/protocol-query';
+import { TranslateService } from '@ngx-translate/core';
 
 export interface MessageWriteDialogData {
   loginRes: LoginResponse;
@@ -66,6 +67,7 @@ export class MessageWriteDialogComponent implements OnInit {
     @Inject(MAT_DIALOG_DATA) public data: MessageWriteDialogData,
     private messageApiService: MessageApiService,
     private snackBarService: SnackBarService,
+    private translateService: TranslateService,
     private logger: NGXLogger,
     private dialogService: DialogService
   ) {}
@@ -85,7 +87,7 @@ export class MessageWriteDialogComponent implements OnInit {
       width: '600px',
       data: {
         type: UserSelectDialogType.EditChatMember,
-        title: '쪽지 수신자 선택',
+        title: this.translateService.instant('message.selectRecipient'),
         curRoomUser: receiverList
       }
     });
@@ -122,9 +124,13 @@ export class MessageWriteDialogComponent implements OnInit {
         res => {
           let msg = '';
           if (!!message.reservationTime) {
-            msg = `쪽지 전송을 예약 하였습니다.`;
+            msg = this.translateService.instant(
+              'message.results.successForReservation'
+            );
           } else {
-            msg = `쪽지를 전송하였습니다.`;
+            msg = this.translateService.instant(
+              'message.results.successForSending'
+            );
           }
 
           this.snackBarService.open(msg, '', {
@@ -135,10 +141,15 @@ export class MessageWriteDialogComponent implements OnInit {
           this.dialogRef.close({ sendFlag: true, sendType: message.type });
         },
         error => {
-          this.snackBarService.open(`쪽지를 전송에 실패 하였습니다.`, '', {
+          this.snackBarService.open(
+            this.translateService.instant('message.errors.failToSending'),
+            '',
+            {
               duration: 3000,
               verticalPosition: 'bottom'
-          });
+            }
+          );
+
           // this.dialogRef.close({});
         }
       );
@@ -155,18 +166,29 @@ export class MessageWriteDialogComponent implements OnInit {
       .pipe(take(1))
       .subscribe(
         res => {
-          this.snackBarService.open('쪽지를 수정하였습니다.', '', {
+          this.snackBarService.open(
+            this.translateService.instant(
+              'message.results.successForModifying'
+            ),
+            '',
+            {
               duration: 3000,
               verticalPosition: 'bottom'
-          });
+            }
+          );
 
           this.dialogRef.close({ sendFlag: true, sendType: message.type });
         },
         error => {
-          this.snackBarService.open(`쪽지 수정에 실패 하였습니다.`, '', {
+          this.snackBarService.open(
+            this.translateService.instant('message.errors.failToModify'),
+            '',
+            {
               duration: 3000,
               verticalPosition: 'bottom'
-          });
+            }
+          );
+
           // this.dialogRef.close({});
         }
       );

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/notice/notice-detail.dialog.component.html

@@ -1,7 +1,9 @@
 <mat-card class="confirm-card mat-elevation-z">
   <mat-card-header>
     <mat-card-title class="title">
-      <span *ngIf="data.notice.topYn"> [중요] </span>
+      <span *ngIf="data.notice.topYn">
+        [{{ 'notice.important' | translate }}]
+      </span>
       {{ data.notice.title }}
     </mat-card-title>
   </mat-card-header>
@@ -15,7 +17,7 @@
   </mat-card-content>
   <mat-card-actions class="button-farm flex-row">
     <button mat-stroked-button (click)="onClickConfirm()" class="mat-primary">
-      confirm
+      {{ 'common.messages.confirm' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

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

@@ -15,7 +15,7 @@
         (change)="onCheckAllUser(checkbox.checked)"
         (click)="$event.stopPropagation()"
       >
-        전체선택
+        {{ 'common.messages.selectAll' | translate }}
       </mat-checkbox>
     </mat-card-title>
   </mat-card-header>
@@ -57,10 +57,10 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      취소
+      {{ 'common.messages.cancel' | translate }}
     </button>
     <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
-      적용
+      {{ 'common.messages.apply' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/profile/profile.dialog.component.ts

@@ -52,6 +52,7 @@ import { NGXLogger } from 'ngx-logger';
 import { SmsUtils } from '@ucap-webmessenger/daesang';
 import { NativeService, UCAP_NATIVE_SERVICE } from '@ucap-webmessenger/native';
 import { environment } from '../../../../../environments/environment';
+import { TranslateService } from '@ngx-translate/core';
 
 export interface ProfileDialogData {
   userInfo: UserInfo | UserInfoSS | UserInfoF | UserInfoDN;
@@ -87,6 +88,7 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
     private commonApiService: CommonApiService,
     private callService: CallService,
     private snackBarService: SnackBarService,
+    private translateService: TranslateService,
     private store: Store<any>,
     private logger: NGXLogger
   ) {
@@ -174,10 +176,11 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('call.errors.label'),
-          html: `전화를 걸 수 없는 사용자 입니다.`
+          html: this.translateService.instant('call.errors.cannotCallToUser')
         }
       });
+
       return false;
     }
 
@@ -191,8 +194,10 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
       >(ConfirmDialogComponent, {
         width: '360px',
         data: {
-          title: '전화 걸기',
+          title: this.translateService.instant('call.callTo'),
-          html: `${calleeNumber}로 전화를 거시겠습니까?`
+          html: this.translateService.instant('call.callWithNumber', {
+            phoneNumber: calleeNumber
+          })
         }
       });
 
@@ -225,8 +230,10 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('call.errors.label'),
-          html: `상대방 번호가 없어 전화를 걸 수 없습니다.`
+          html: this.translateService.instant(
+            'call.errors.cannotCallToUserWithoutPhomeNumber'
+          )
         }
       });
     }
@@ -244,8 +251,8 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('sms.errors.label'),
-          html: `SMS 사용 권한이 없습니다.`
+          html: this.translateService.instant('sms.errors.haveNoPermission')
         }
       });
       return false;
@@ -287,7 +294,7 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
       >(SelectGroupDialogComponent, {
         width: '600px',
         data: {
-          title: 'Group Select'
+          title: this.translateService.instant('group.selectTargetGroup')
         }
       });
 
@@ -315,8 +322,11 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
       >(ConfirmDialogComponent, {
         width: '360px',
         data: {
-          title: 'Delete Buddy',
+          title: this.translateService.instant('group.removeBuddyFromGroup'),
-          html: `[${param.userInfo.name} ${param.userInfo.grade}]를 그룹에서 삭제하시겠습니까?<br/>프로필에서 삭제하면 모든 그룹에서 삭제됩니다.`
+          html: this.translateService.instant(
+            'group.confirmRemoveBuddyFromGroup',
+            { target: `${param.userInfo.name} ${param.userInfo.grade}` }
+          )
         }
       });
 
@@ -378,7 +388,9 @@ export class ProfileDialogComponent implements OnInit, OnDestroy {
         },
         error => {
           this.snackBarService.open(
-            `프로필 이미지 변경중에 문제가 발생하였습니다.`,
+            this.translateService.instant(
+              'profile.errors.failToChangeProfileImage'
+            ),
             '',
             {
               duration: 3000,

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.html

@@ -1,6 +1,6 @@
 <mat-card class="confirm-card mat-elevation-z setting-frame">
   <mat-card-header cdkDrag cdkDragRootElement=".cdk-overlay-pane" cdkDragHandle>
-    <mat-card-title>설정</mat-card-title>
+    <mat-card-title>{{ 'settings.label' | translate }}</mat-card-title>
   </mat-card-header>
   <mat-card-content>
     <div fxFlex class="setting-tab">
@@ -8,7 +8,7 @@
         <mat-tab>
           <ng-template mat-tab-label>
             <span class="mdi mdi-settings"></span>
-            일반
+            {{ 'settings.typeGenernal' | translate }}
           </ng-template>
 
           <ucap-settings-general
@@ -29,7 +29,7 @@
         <mat-tab>
           <ng-template mat-tab-label>
             <span class="mdi mdi-bell"></span>
-            알림
+            {{ 'settings.typeNotification' | translate }}
           </ng-template>
           <ucap-settings-notification
             [setting]="appUserInfo.settings.notification"
@@ -63,7 +63,7 @@
         <mat-tab>
           <ng-template mat-tab-label>
             <span class="mdi mdi-chat"></span>
-            대화
+            {{ 'settings.typeChat' | translate }}
           </ng-template>
           <ucap-settings-chat
             [setting]="appUserInfo.settings.chat"
@@ -115,10 +115,10 @@
       (click)="onClickChoice(false)"
       class="mat-primary"
     >
-      No
+      {{ 'common.messages.no' | translate }}
     </button>
     <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
-      Yes
+      {{ 'common.messages.yes' | translate }}
     </button>
   </mat-card-actions>
 </mat-card>

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

@@ -242,7 +242,6 @@
           stroke-width="2"
           stroke-linecap="butt"
           stroke-linejoin="round"
-          alt="창 최소화"
         >
           <line x1="5" y1="18" x2="19" y2="18"></line>
         </svg>
@@ -265,7 +264,6 @@
             stroke-linecap="butt"
             stroke-linejoin="round"
             *ngSwitchCase="WindowState.Maximized"
-            alt="창 이전크기"
           >
             <path
               class="st0"
@@ -289,7 +287,6 @@
             stroke-linecap="butt"
             stroke-linejoin="round"
             *ngSwitchDefault
-            alt="창크기 최대"
           >
             <rect x="5" y="5" width="12" height="12" rx="2" ry="2"></rect>
           </svg>
@@ -311,7 +308,6 @@
           stroke-width="2"
           stroke-linecap="butt"
           stroke-linejoin="round"
-          alt="창닫기"
         >
           <line x1="18" y1="6" x2="6" y2="18"></line>
           <line x1="6" y1="6" x2="18" y2="18"></line>
@@ -332,7 +328,7 @@
   </div>
   <div class="setting">
     <button mat-menu-item (click)="onClickOpenProfile($event)">
-      프로필 보기
+      {{ 'profile.open' | translate }}
     </button>
   </div>
   <!-- <div class="setting">
@@ -352,23 +348,33 @@
     </button>
   </div> -->
   <div class="setting">
-    <button mat-menu-item (click)="onClickNotice()">공지사항</button>
+    <button mat-menu-item (click)="onClickNotice()">
+      {{ 'notice.label' | translate }}
+    </button>
   </div>
   <div class="setting">
-    <button mat-menu-item (click)="onClickSettings()">설정</button>
+    <button mat-menu-item (click)="onClickSettings()">
+      {{ 'settings.label' | translate }}
+    </button>
   </div>
   <mat-divider></mat-divider>
   <div class="setting">
-    <button mat-menu-item (click)="onClickLogout()">로그아웃</button>
+    <button mat-menu-item (click)="onClickLogout()">
+      {{ 'accounts.logout' | translate }}
+    </button>
   </div>
 </mat-menu>
 
 <mat-menu #presenseMenu="matMenu" class="status-pc-set">
   <div class="setting">
-    <button mat-menu-item><span class="presence pcOn"> </span>온라인</button>
+    <button mat-menu-item>
+      <span class="presence pcOn"> </span>{{ 'presence.online' | translate }}
+    </button>
   </div>
   <div class="setting">
-    <button mat-menu-item><span class="presence pcOut"> </span>부재중</button
+    <button mat-menu-item>
+      <span class="presence pcOut"> </span
+      >{{ 'presence.offline' | translate }}</button
     ><button mat-menu-item class="clock"></button>
   </div>
   <div class="setting">

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

@@ -8,6 +8,8 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatMenuModule } from '@angular/material/menu';
 import { MatToolbarModule } from '@angular/material/toolbar';
 
+import { TranslateModule } from '@ngx-translate/core';
+
 import { UCapUiModule } from '@ucap-webmessenger/ui';
 import { UCapUiProfileModule } from '@ucap-webmessenger/ui-profile';
 
@@ -25,6 +27,8 @@ import { MatTooltipModule, MatBadgeModule } from '@angular/material';
     MatMenuModule,
     MatBadgeModule,
 
+    TranslateModule,
+
     UCapUiModule,
     UCapUiProfileModule
   ],

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

@@ -46,6 +46,7 @@ import {
 import { MessageType } from '@ucap-webmessenger/api-message';
 import { AppUserInfo, KEY_APP_USER_INFO } from '@app/types/app-user-info.type';
 import { environment } from '../../../../environments/environment';
+import { TranslateService } from '@ngx-translate/core';
 
 @Component({
   selector: 'app-page-messenger-main',
@@ -77,6 +78,7 @@ export class MainPageComponent implements OnInit, OnDestroy {
     private callService: CallService,
     private localStorageService: LocalStorageService,
     private sessionStorageService: SessionStorageService,
+    private translateService: TranslateService,
     private dialogService: DialogService,
     private logger: NGXLogger
   ) {
@@ -274,10 +276,11 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('call.errors.label'),
-          html: `전화를 걸 수 없는 사용자 입니다.`
+          html: this.translateService.instant('call.errors.cannotCallToUser')
         }
       });
+
       return false;
     }
 
@@ -291,8 +294,10 @@ export class MainPageComponent implements OnInit, OnDestroy {
       >(ConfirmDialogComponent, {
         width: '360px',
         data: {
-          title: '전화 걸기',
+          title: this.translateService.instant('call.callTo'),
-          html: `${calleeNumber}로 전화를 거시겠습니까?`
+          html: this.translateService.instant('call.callWithNumber', {
+            phoneNumber: calleeNumber
+          })
         }
       });
 
@@ -320,8 +325,10 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('call.errors.label'),
-          html: `상대방 번호가 없어 전화를 걸 수 없습니다.`
+          html: this.translateService.instant(
+            'call.errors.cannotCallToUserWithoutPhomeNumber'
+          )
         }
       });
     }
@@ -339,10 +346,11 @@ export class MainPageComponent implements OnInit, OnDestroy {
         AlertDialogResult
       >(AlertDialogComponent, {
         data: {
-          title: '',
+          title: this.translateService.instant('sms.errors.label'),
-          html: `SMS 사용 권한이 없습니다.`
+          html: this.translateService.instant('sms.errors.haveNoPermission')
         }
       });
+
       return false;
     }
 

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

@@ -1,7 +1,7 @@
 import { delGroupSuccess, buddy2 } from './../store/messenger/sync/actions';
 import { Injectable, Inject } from '@angular/core';
 
-import { tap, withLatestFrom } from 'rxjs/operators';
+import { tap, withLatestFrom, take } from 'rxjs/operators';
 
 import { Store, select } from '@ngrx/store';
 
@@ -109,6 +109,7 @@ import { NotificationMethod } from '@ucap-webmessenger/core';
 import { Dictionary } from '@ngrx/entity';
 import { MessageType } from '@ucap-webmessenger/api-message';
 import { LogoutInfo, KEY_LOGOUT_INFO } from '@app/types';
+import { TranslateService } from '@ngx-translate/core';
 
 @Injectable()
 export class AppNotificationService {
@@ -120,6 +121,7 @@ export class AppNotificationService {
     private groupProtocolService: GroupProtocolService,
     private buddyProtocolService: BuddyProtocolService,
     private statusProtocolService: StatusProtocolService,
+    private translateService: TranslateService,
     private umgProtocolService: UmgProtocolService,
     private localStorageService: LocalStorageService,
     private sessionStorageService: SessionStorageService,
@@ -235,7 +237,9 @@ export class AppNotificationService {
                         const notiReq: NotificationRequest = {
                           type: NotificationType.Event,
                           seq: noti.roomSeq,
-                          title: '메세지가 도착했습니다.',
+                          title: this.translateService.instant(
+                            'notification.titleChatEventArrived'
+                          ),
                           contents: StringUtil.convertFinalEventMessage(
                             noti.eventType,
                             noti.info.sentMessageJson
@@ -611,7 +615,9 @@ export class AppNotificationService {
                     const notiReq: NotificationRequest = {
                       type: NotificationType.Message,
                       seq: noti.keyId,
-                      title: '쪽지가 도착했습니다.',
+                      title: this.translateService.instant(
+                        'notification.titleMessageArrived'
+                      ),
                       contents: noti.text,
                       image: noti.senderInfo.profileImageFile,
                       useSound: [

projects/ucap-webmessenger-app/src/app/store/account/authentication/effects.ts

@@ -68,11 +68,7 @@ import { KEY_LOGIN_RES_INFO } from '@app/types/login-res-info.type';
 import { ProtocolService } from '@ucap-webmessenger/protocol';
 
 import { environment } from '../../../../environments/environment';
-import {
+
-  ChangePasswordDialogComponent,
-  ChangePasswordDialogData,
-  ChangePasswordDialogResult
-} from '@app/layouts/messenger/dialogs/account/change-password.dialog.component';
 import {
   ServiceProtocolService,
   UserPasswordSetResponse
@@ -80,6 +76,7 @@ import {
 import { DaesangUrlInfoResponse } from '@ucap-webmessenger/api-external';
 import { AppUserInfo, KEY_APP_USER_INFO } from '@app/types/app-user-info.type';
 import { DaesangCipherService, WebLinkType } from '@ucap-webmessenger/daesang';
+import { TranslateService } from '@ngx-translate/core';
 
 @Injectable()
 export class Effects {
@@ -205,8 +202,8 @@ export class Effects {
             ConfirmDialogResult
           >(ConfirmDialogComponent, {
             data: {
-              title: 'Logout',
+              title: this.translateService.instant('accounts.logout'),
-              message: '로그아웃 하시겠습니까?'
+              message: this.translateService.instant('accounts.confirmLogout')
             }
           });
 
@@ -259,7 +256,9 @@ export class Effects {
               height: '500px',
               disableClose: true,
               data: {
-                title: '개인정보 동의',
+                title: this.translateService.instant(
+                  'accounts.consentOfPrivacy'
+                ),
                 html: `<iframe id="ifm_privacy" src="${privacyTotalUrl}" style="width: 100%;height: 300px;" />`
               }
             });
@@ -288,7 +287,7 @@ export class Effects {
               height: '500px',
               disableClose: true,
               data: {
-                title: '패스워드 초기화',
+                title: this.translateService.instant('accounts.resetPassword'),
                 html: `<iframe id="ifm_privacy" src="${passwordInitStep1Url}" style="width: 100%;height: 300px;" />`
               }
             });
@@ -311,8 +310,12 @@ export class Effects {
               AlertDialogResult
             >(AlertDialogComponent, {
               data: {
-                title: '비밀번호 만기',
+                title: this.translateService.instant(
-                html: `비밀번호가 만료되었습니다.<br/>비밀번호 변경 후 다시 로그인 하세요.`
+                  'accounts.passwordExpired'
+                ),
+                html: this.translateService.instant(
+                  'accounts.descriptionOfPasswordExpired'
+                )
               }
             });
 
@@ -444,8 +447,10 @@ export class Effects {
             width: '360px',
             disableClose: true,
             data: {
-              title: '비밀번호 변경',
+              title: this.translateService.instant('accounts.changePassword'),
-              message: '비밀번호가 변경되었습니다. 다시 로그인하여 주십시오'
+              message: this.translateService.instant(
+                'accounts.results.changedPassword'
+              )
             }
           });
 
@@ -462,7 +467,9 @@ export class Effects {
         ofType(userPasswordSetFailure),
         tap(action => {
           this.snackBarService.open(
-            `비밀번호 변경 중에 문제가 발생하였습니다.`,
+            this.translateService.instant(
+              'accounts.errors.failToChangePassword'
+            ),
             '',
             {
               duration: 3000,
@@ -487,6 +494,7 @@ export class Effects {
     private protocolService: ProtocolService,
     private authenticationProtocolService: AuthenticationProtocolService,
     private serviceProtocolService: ServiceProtocolService,
+    private translateService: TranslateService,
     private dialogService: DialogService,
     private snackBarService: SnackBarService,
     @Inject(UCAP_NATIVE_SERVICE) private nativeService: NativeService,

projects/ucap-webmessenger-app/src/app/store/messenger/chat/effects.ts

@@ -1,17 +1,16 @@
-import { Injectable, Inject } from '@angular/core';
+import { Injectable } from '@angular/core';
 
 import { Actions, ofType, createEffect } from '@ngrx/effects';
 
 import { Store } from '@ngrx/store';
 
 import { NGXLogger } from 'ngx-logger';
-import { catchError, exhaustMap, map, tap, switchMap } from 'rxjs/operators';
+import { catchError, exhaustMap, map } from 'rxjs/operators';
 import {
   selectedMassDetail,
   massTalkDownload,
   massTalkDownloadFailure,
-  massTalkDownloadSuccess,
+  massTalkDownloadSuccess
-  clearSelectedRoom
 } from './actions';
 import { of } from 'rxjs';
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
@@ -20,16 +19,12 @@ import { CommonApiService } from '@ucap-webmessenger/api-common';
 import { KEY_LOGIN_RES_INFO } from '@app/types/login-res-info.type';
 import { EnvironmentsInfo, KEY_ENVIRONMENTS_INFO } from '@app/types';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
-import {
+import { DialogService } from '@ucap-webmessenger/ui';
-  DialogService,
-  AlertDialogComponent,
-  AlertDialogData
-} from '@ucap-webmessenger/ui';
-import { initialState } from '../event';
 import {
   MassDetailComponent,
   MassDetailDialogData
 } from '@app/layouts/messenger/dialogs/chat/mass-detail.component';
+import { TranslateService } from '@ngx-translate/core';
 
 @Injectable()
 export class Effects {
@@ -73,7 +68,7 @@ export class Effects {
                   disableClose: false,
                   width: '550px',
                   data: {
-                    title: 'Detail View',
+                    title: this.translateService.instant('chat.detailView'),
                     contents: res.content
                   }
                 });
@@ -94,6 +89,7 @@ export class Effects {
     private commonApiService: CommonApiService,
     private sessionStorageService: SessionStorageService,
     private dialogService: DialogService,
+    private translateService: TranslateService,
     private store: Store<any>,
     private logger: NGXLogger
   ) {}

projects/ucap-webmessenger-app/src/app/store/messenger/event/effects.ts

@@ -109,13 +109,13 @@ import {
   FileType
 } from '@ucap-webmessenger/protocol-file';
 import { environment } from '../../../../environments/environment';
-import { RoomUserData } from '@ucap-webmessenger/protocol-sync';
 import {
   AlertDialogComponent,
   AlertDialogResult,
   AlertDialogData,
   DialogService
 } from '@ucap-webmessenger/ui';
+import { TranslateService } from '@ngx-translate/core';
 
 @Injectable()
 export class Effects {
@@ -370,7 +370,9 @@ export class Effects {
                             disableClose: true,
                             data: {
                               title: '',
-                              message: '더이상 검색할 내용이 없습니다.'
+                              message: this.translateService.instant(
+                                'chat.noMoreEvents'
+                              )
                             }
                           });
                         }
@@ -892,6 +894,7 @@ export class Effects {
     private fileProtocolService: FileProtocolService,
     private roomProtocolService: RoomProtocolService,
     private sessionStorageService: SessionStorageService,
+    private translateService: TranslateService,
     private dialogService: DialogService,
     private logger: NGXLogger
   ) {}

projects/ucap-webmessenger-app/src/app/store/messenger/message/effects.ts

@@ -7,36 +7,14 @@ import { Store, select } from '@ngrx/store';
 import { NGXLogger } from 'ngx-logger';
 
 import { of } from 'rxjs';
-import {
+import { switchMap, map, catchError, withLatestFrom } from 'rxjs/operators';
-  tap,
-  switchMap,
-  map,
-  catchError,
-  exhaustMap,
-  withLatestFrom,
-  concatMap,
-  take
-} from 'rxjs/operators';
-import moment from 'moment';
-
-import * as ChatStore from '@app/store/messenger/chat';
-import * as RoomStore from '@app/store/messenger/room';
-import * as SyncStore from '@app/store/messenger/sync';
 
 import { SessionStorageService } from '@ucap-webmessenger/web-storage';
 import { KEY_ENVIRONMENTS_INFO } from './../../../types/environment.type';
-import { LoginInfo, KEY_LOGIN_INFO, EnvironmentsInfo } from '@app/types';
+import { EnvironmentsInfo } from '@app/types';
-import { Dictionary } from '@ngrx/entity';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
-import { KEY_LOGIN_RES_INFO } from '@app/types/login-res-info.type';
 import { MessageStatusCode } from '@ucap-webmessenger/api';
-import { environment } from '../../../../environments/environment';
+import { DialogService } from '@ucap-webmessenger/ui';
-import {
-  AlertDialogComponent,
-  AlertDialogResult,
-  AlertDialogData,
-  DialogService
-} from '@ucap-webmessenger/ui';
 import {
   retrieveMessage,
   retrieveMessageFailure,
@@ -65,14 +43,9 @@ import {
   MessageSearchType,
   DelRequest,
   CancelReservationRequest,
-  DetailRequest
+  DetailRequest,
+  UnreadCountRequest
 } from '@ucap-webmessenger/api-message';
-import { UnreadCountRequest } from 'projects/ucap-webmessenger-api-message/src/lib/apis/unread-count';
-import {
-  MessageDetailDialogComponent,
-  MessageDetailDialogResult,
-  MessageDetailDialogData
-} from '@app/layouts/messenger/dialogs/message/message-detail.dialog.component';
 
 @Injectable()
 export class Effects {

projects/ucap-webmessenger-app/src/app/store/messenger/sync/effects.ts

@@ -112,6 +112,7 @@ import {
   AlertDialogData
 } from '@ucap-webmessenger/ui';
 import { UserInfoSS } from '@ucap-webmessenger/protocol-query';
+import { TranslateService } from '@ngx-translate/core';
 
 @Injectable()
 export class Effects {
@@ -422,8 +423,14 @@ export class Effects {
                 AlertDialogResult
               >(AlertDialogComponent, {
                 data: {
-                  title: '',
+                  title: this.translateService.instant('chat.errors.label'),
-                  html: `${environment.productConfig.CommonSetting.maxChatRoomUser}명 이상 대화할 수 없습니다.`
+                  html: this.translateService.instant(
+                    'chat.errors.maxCountOfRoomMemberWith',
+                    {
+                      maxCount:
+                        environment.productConfig.CommonSetting.maxChatRoomUser
+                    }
+                  )
                 }
               });
               return;
@@ -1095,6 +1102,7 @@ export class Effects {
     private groupProtocolService: GroupProtocolService,
     private buddyProtocolService: BuddyProtocolService,
     private sessionStorageService: SessionStorageService,
+    private translateService: TranslateService,
     private dialogService: DialogService,
     private logger: NGXLogger
   ) {}

projects/ucap-webmessenger-app/src/assets/i18n/en.json

@@ -1,6 +1,36 @@
 {
+  "accounts": {
+    "login": "Login",
+    "logout": "Logout",
+    "consentOfPrivacy": "Agreement of ",
+    "changePassword": "Change password",
+    "resetPassword": "Reset password",
+    "passwordExpired": "Password expired",
+    "descriptionOfPasswordExpired": "Password has expired.<br/>Please change your password and log in again.",
+    "confirmLogout": "Do you want to log out?",
+    "results": {
+      "changedPassword": "Password changed. Please log in again."
+    },
+    "errors": {
+      "failToChangePassword": "Failed to change password."
+    }
+  },
   "profile": {
-    "open": "Open profile"
+    "open": "Open profile",
+    "errors": {
+      "label": "Profile error",
+      "failToChangeProfileImage": "Failed to change profile image."
+    }
+  },
+  "settings": {
+    "label": "Settings",
+    "typeGenernal": "Genernal",
+    "typeNotification": "Notification",
+    "typeChat": "Chat"
+  },
+  "presence": {
+    "online": "Online",
+    "offline": "Offline"
   },
   "group": {
     "label": "Group",
@@ -21,13 +51,19 @@
     "removeGroup": "Remove group",
     "startChatWithGroup": "Chat with group",
     "sendMessageToGroup": "Send message to group",
-    "selectTargetGroup": "Select target group"
+    "selectTargetGroup": "Select target group",
+    "confirmAddNew": "Do you want to add a new group?",
+    "confirmAddNewWith": "Do you want to add a new ({{nameOfGroup}}) group?",
+    "confirmAddNewWithout": "Do you want to add a new group?<br/>Created as an empty group.",
+    "confirmRemoveBuddyFromGroup": "Do you want to remove [{{target}}] from group?<br/>Deleting it from your profile will remove it from all groups."
   },
   "chat": {
     "label": "Chat",
     "room": "Chat room",
     "searchRoomByName": "Search by room name",
     "searchEventByText": "Search by chat",
+    "nameOfRoom": "Name of chat room",
+    "scopeOfChangeNameOfRoom": "Scope of Changing",
     "newTimerChat": "New Timer Chat",
     "newChat": "New Chat",
     "startChat": "Chat",
@@ -70,7 +106,9 @@
       "inputChatMessage": "Please enter a chat message",
       "maxLengthOfMassText": "If you include a sticker, you can't send more than {{maxLength}} characters."
     },
-    "detailView": "Detail View"
+    "noMoreEvents": "There is no more messages",
+    "detailView": "Detail View",
+    "setTimer": "Set timer"
   },
   "organization": {
     "chart": "Organization chart",
@@ -84,7 +122,9 @@
   },
   "message": {
     "label": "Message",
-    "newMessage": "New message",
+    "new": "New message",
+    "remove": "Remove message",
+    "modify": "Modify message",
     "sendTo": "Send message",
     "placeholderForSearch": "search for name, title, content",
     "messageTypeAll": "All",
@@ -94,23 +134,76 @@
     "searchTypeName": "Name",
     "searchTypeTitle": "Title",
     "searchTypeContent": "Content",
-    "badgeDescriptionForUnread": "There is an unconfirmed message."
+    "sender": "Sender",
+    "receiver": "Receiver",
+    "receivedTime": "Received Time",
+    "sendingTime": "Sending Time",
+    "reservationTime": "Reservation Time",
+    "countOfReadUser": "count of read",
+    "countOfUnreadUser": "count of unread",
+    "badgeDescriptionForUnread": "There is an unconfirmed message.",
+    "cancelReservation": "Cancel reservation",
+    "cancelSending": "Cancel sending",
+    "confirmCancelReservation": "Do you want to cancel reservation?<br/>Canceling will also permanently remove you from the list.",
+    "confirmCancelSending": "If you cancel the shipment, the message will be deleted from the recipient's message box.",
+    "confirmRemove": "Do you want to delete selected message(s)?",
+    "detailOfViewers": "Detail of viewers",
+    "selectRecipient": "Select recipient",
+    "results": {
+      "successForSending": "Your message has been sent.",
+      "successForReservation": "You have scheduled a message transfer.",
+      "successForModifying": "Your message has been modified."
+    },
+    "errors": {
+      "label": "Message error",
+      "failToSending": "The message failed to send.",
+      "failToModify": "The message failed to modify."
+    }
   },
   "notice": {
+    "label": "Notice",
     "fieldTitle": "Title",
-    "fieldPostDate": "Post date"
+    "fieldPostDate": "Post date",
+    "important": "Important"
+  },
+  "call": {
+    "callTo": "Make a call",
+    "callWithNumber": "Do you want to call {{phoneNumber}}?",
+    "errors": {
+      "label": "Call error",
+      "cannotCallToUser": "You cannot call that user.",
+      "cannotCallToUserWithoutPhomeNumber": "You cannot call because you do not have a contact number."
+    }
+  },
+  "sms": {
+    "errors": {
+      "label": "SMS error",
+      "haveNoPermission": "You do not have SMS permissions."
+    }
+  },
+  "notification": {
+    "titleChatEventArrived": "A message of chat has arrived.",
+    "titleMessageArrived": "A message has arrived."
   },
   "common": {
     "search": "Search",
     "searchWord": "Search word",
     "searchResult": "Search result",
     "useOnlyForSpecialCharacter": "Can only use Special characters: {{v}}",
-    "howManyPersons": "person(s)",
+    "units": {
+      "hour": "hour",
+      "hourFrom": "hour",
+      "minute": "minute",
+      "second": "second",
+      "persons": "person(s)"
+    },
     "file": {
       "name": "Name of file",
       "size": "Size of file",
       "download": "Download",
       "delete": "Delete",
+      "save": "Save",
+      "saveAll": "Save all",
       "downloadSelected": "Download selected",
       "openDownloadFolder": "Open download folder",
       "selectFiles": "Select files",
@@ -121,13 +214,17 @@
       },
       "results": {
         "saved": "The file has been saved.",
-        "savedToPath": "The file has been saved to path[{{path}}]."
+        "savedAll": "All file(s) have(has) been saved.",
+        "savedToPath": "The file has been saved to path[{{path}}].",
+        "downloadInProgress": "Download is in progress."
       },
       "errors": {
         "label": "File errors",
         "failToUpload": "File upload failed.",
         "failToSave": "File save failed.",
-        "failToSpecifyPath": "Specifing of save path failed."
+        "failToSaveSomeOfAll": "Some of file(s) save failed",
+        "failToSpecifyPath": "Specifing of save path failed.",
+        "expired": "This file has expired"
       }
     },
     "clipboard": {
@@ -140,8 +237,18 @@
       "no": "No",
       "confirm": "Confirm",
       "select": "Select",
+      "selectAll": "Select all",
       "unselect": "Unselect",
-      "searching": "Searching"
+      "searching": "Searching",
+      "cancel": "Cancel",
+      "close": "Close",
+      "modify": "Modify",
+      "remove": "Remove",
+      "apply": "Apply",
+      "Minimize window": "창 최소화",
+      "Maxmize window": "창 최대화",
+      "Restore window": "창 이전 크기",
+      "Close window": "창 닫기"
     },
     "paginator": {
       "itemsPerPage": "Items per page",
@@ -150,6 +257,10 @@
       "firstPage": "First page",
       "lastPage": "Last page"
     },
+    "pronoun": {
+      "me": "Me",
+      "all": "All"
+    },
     "timezone": {
       "Africa/Abidjan": "Africa/Abidjan",
       "Africa/Accra": "Africa/Accra",

projects/ucap-webmessenger-app/src/assets/i18n/ko.json

@@ -1,6 +1,36 @@
 {
+  "accounts": {
+    "login": "로그인",
+    "logout": "로그아웃",
+    "consentOfPrivacy": "개인정보 동의",
+    "changePassword": "비밀번호 변경",
+    "resetPassword": "비밀번호 초기화",
+    "passwordExpired": "비밀번호 만기",
+    "descriptionOfPasswordExpired": "비밀번호가 만료되었습니다.<br/>비밀번호 변경 후 다시 로그인 하세요.",
+    "confirmLogout": "로그아웃 하시겠습니까?",
+    "results": {
+      "changedPassword": "비밀번호가 변경되었습니다. 다시 로그인하여 주십시오"
+    },
+    "errors": {
+      "failToChangePassword": "비밀번호 변경에 실패하였습니다."
+    }
+  },
   "profile": {
-    "open": "프로필 보기"
+    "open": "프로필 보기",
+    "errors": {
+      "label": "프로필 에러",
+      "failToChangeProfileImage": "프로필 이미지 변경에 실패 하였습니다."
+    }
+  },
+  "settings": {
+    "label": "설정",
+    "typeGenernal": "일반",
+    "typeNotification": "알림",
+    "typeChat": "대화"
+  },
+  "presence": {
+    "online": "온라인",
+    "offline": "부재중"
   },
   "group": {
     "label": "그룹",
@@ -13,7 +43,7 @@
     "nameDefault": "기본",
     "favorite": "즐겨찾기 등록",
     "unfavorite": "즐겨찾기 해제",
-    "removeBuddyFromGroup": "이 그룹에서 삭제",
+    "removeBuddyFromGroup": "그룹에서 삭제",
     "copyBuddyToGroup": "대화 상대 복사",
     "moveBuddyToGroup": "대화 상대 이동",
     "changeGroupName": "그룹 이름 바꾸기",
@@ -21,13 +51,19 @@
     "removeGroup": "그룹 삭제",
     "startChatWithGroup": "그룹 대화하기",
     "sendMessageToGroup": "그룹 쪽지 보내기",
-    "selectTargetGroup": "대상 그룹 선택"
+    "selectTargetGroup": "대상 그룹 선택",
+    "confirmAddNew": "새로운 그룹을 추가하시겠습니까?",
+    "confirmAddNewWith": "새로운 그룹({{nameOfGroup}})을 추가하시겠습니까?",
+    "confirmAddNewWithout": "새로운 그룹을 추가하시겠습니까?<br/>빈 그룹으로 생성됩니다.",
+    "confirmRemoveBuddyFromGroup": "[{{target}}]를 그룹에서 삭제하시겠습니까?<br/>프로필에서 삭제하면 모든 그룹에서 삭제됩니다."
   },
   "chat": {
     "label": "대화",
     "room": "대화방",
     "searchRoomByName": "대화방 이름 검색",
     "searchEventByText": "대화 내용 검색",
+    "nameOfRoom": "대화방 이름",
+    "scopeOfChangeNameOfRoom": "변경 범위",
     "newTimerChat": "새로운 타이머 대화",
     "newChat": "새로운 대화",
     "startChat": "대화하기",
@@ -68,9 +104,12 @@
     "errors": {
       "label": "대화 에러",
       "inputChatMessage": "대화 내용을 입력해 주세요.",
-      "maxLengthOfMassText": "스티커를 포함할 경우 {{maxLength}}자 이상 보낼 수 없습니다."
+      "maxLengthOfMassText": "스티커를 포함할 경우 {{maxLength}}자 이상 보낼 수 없습니다.",
+      "maxCountOfRoomMemberWith": "{{maxCount}}명 이상 대화할 수 없습니다."
     },
-    "detailView": "상세 보기"
+    "noMoreEvents": "더이상 검색할 내용이 없습니다.",
+    "detailView": "상세 보기",
+    "setTimer": "타이머 설정"
   },
   "organization": {
     "chart": "조직도",
@@ -84,7 +123,9 @@
   },
   "message": {
     "label": "쪽지",
-    "newMessage": "새로운 쪽지",
+    "new": "새로운 쪽지",
+    "remove": "쪽지 삭제",
+    "modify": "쪽지 수정",
     "sendTo": "쪽지 보내기",
     "placeholderForSearch": "이름, 제목, 내용 검색",
     "messageTypeAll": "전체",
@@ -94,23 +135,76 @@
     "searchTypeName": "이름",
     "searchTypeTitle": "제목",
     "searchTypeContent": "내용",
-    "badgeDescriptionForUnread": "확인하지 않은 쪽지가 있습니다."
+    "sender": "보낸 사람",
+    "receiver": "받는 사람",
+    "receivedTime": "받은 시간",
+    "sendingTime": "보낸 시간",
+    "reservationTime": "발송 예정 시간",
+    "countOfReadUser": "읽은 사람",
+    "countOfUnreadUser": "읽은 않은 사람",
+    "badgeDescriptionForUnread": "확인하지 않은 쪽지가 있습니다.",
+    "cancelReservation": "예약 발송 취소",
+    "cancelSending": "발송 취소",
+    "confirmCancelReservation": "예약발송을 취소 하시겠습니까?<br/>취소하면 목록에서도 영구 삭제됩니다.",
+    "confirmCancelSending": "발송 취소를 하시면 받는 사람의 쪽지함에서 쪽지가 삭제됩니다.",
+    "confirmRemove": "선택한 쪽지를 삭제하시겠습니까?",
+    "detailOfViewers": "읽음 확인",
+    "selectRecipient": "수신자 선택",
+    "results": {
+      "successForSending": "쪽지를 전송하였습니다.",
+      "successForReservation": "쪽지 전송을 예약 하였습니다.",
+      "successForModifying": "쪽지를 수정하였습니다."
+    },
+    "errors": {
+      "label": "쪽지 에러",
+      "failToSending": "쪽지를 전송에 실패 하였습니다.",
+      "failToModify": "쪽지 수정에 실패 하였습니다."
+    }
   },
   "notice": {
+    "label": "공지사항",
     "fieldTitle": "제목",
-    "fieldPostDate": "게시일"
+    "fieldPostDate": "게시일",
+    "important": "중요"
+  },
+  "call": {
+    "callTo": "전화 걸기",
+    "callWithNumber": "{{phoneNumber}}로 전화를 거시겠습니까?",
+    "errors": {
+      "label": "전화 에러",
+      "cannotCallToUser": "전화를 걸 수 없는 사용자 입니다.",
+      "cannotCallToUserWithoutPhomeNumber": "상대방 번호가 없어 전화를 걸 수 없습니다."
+    }
+  },
+  "sms": {
+    "errors": {
+      "label": "SMS 에러",
+      "haveNoPermission": "SMS 사용 권한이 없습니다."
+    }
+  },
+  "notification": {
+    "titleChatEventArrived": "메세지가 도착했습니다.",
+    "titleMessageArrived": "쪽지가 도착했습니다."
   },
   "common": {
     "search": "검색",
     "searchWord": "검색어",
     "searchResult": "검색 결과",
     "useOnlyForSpecialCharacter": "특수문자는 {{specialCharacter}}만 사용할 수 있습니다.",
-    "howManyPersons": "명",
+    "units": {
+      "hour": "시",
+      "hourFrom": "시간",
+      "minute": "분",
+      "second": "초",
+      "persons": "명"
+    },
     "file": {
       "name": "파일 이름",
       "size": "파일 크기",
       "download": "파일 다운로드",
       "delete": "파일 삭제",
+      "save": "파일 저장",
+      "saveAll": "파일 모두 저장",
       "downloadSelected": "선택된 파일 다운로드",
       "openDownloadFolder": "다운로드 폴더 열기",
       "selectFiles": "파일을 선택하세요",
@@ -121,13 +215,17 @@
       },
       "results": {
         "saved": "파일이 저장되었습니다.",
-        "savedToPath": "파일이 경로[{{path}}]에 저장되었습니다."
+        "savedAll": "모든 파일이 저장되었습니다.",
+        "savedToPath": "파일이 경로[{{path}}]에 저장되었습니다.",
+        "downloadInProgress": "다운로드가 진행중입니다."
       },
       "errors": {
         "label": "파일 에러",
         "failToUpload": "파일 업로드에 실패하였습니다.",
         "failToSave": "파일 저장에 실패하였습니다.",
-        "failToSpecifyPath": "저장경로 지정에 실패하였습니다."
+        "failToSaveSomeOfAll": "파일 저장 중 일부 파일이 실패하였습니다.",
+        "failToSpecifyPath": "저장경로 지정에 실패하였습니다.",
+        "expired": "기간이 만료된 파일입니다"
       }
     },
     "clipboard": {
@@ -136,12 +234,22 @@
       }
     },
     "messages": {
-      "yes": "네",
+      "yes": "예",
       "no": "아니오",
       "confirm": "확인",
       "select": "선택",
+      "selectAll": "전체 선택",
       "unselect": "선택 해제",
-      "searching": "검색중"
+      "searching": "검색중",
+      "cancel": "취소",
+      "close": "닫기",
+      "modify": "수정",
+      "remove": "삭제",
+      "apply": "적용",
+      "minimizeWindow": "창 최소화",
+      "maxmizeWindow": "창 최대화",
+      "restoreWindow": "창 이전 크기",
+      "closeWindow": "창 닫기"
     },
     "paginator": {
       "itemsPerPage": "페이지별 갯수",
@@ -150,6 +258,10 @@
       "firstPage": "처음 페이지",
       "lastPage": "마지막 페이지"
     },
+    "pronoun": {
+      "me": "나",
+      "all": "전체"
+    },
     "timezone": {
       "Africa/Abidjan": "아프리카/아비 장",
       "Africa/Accra": "아프리카/아크라",