dialogs of app are refactored

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

@@ -5,7 +5,7 @@ import {
   CreateChatDialogComponent,
   CreateChatDialogData,
   CreateChatDialogResult
-} from '../dialogs/create-chat.dialog.component';
+} from '@app/layouts/messenger/dialogs/chat/create-chat.dialog.component';
 
 @Component({
   selector: 'app-layout-messenger-left-side',

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

@@ -20,7 +20,7 @@ import {
   CreateGroupDialogComponent,
   CreateGroupDialogData,
   CreateGroupDialogResult
-} from '@app/layouts/messenger/dialogs/create-group.dialog.component';
+} from '@app/layouts/messenger/dialogs/group/create-group.dialog.component';
 import { LoginResponse } from '@ucap-webmessenger/protocol-authentication';
 import {
   DeptSearchType,
@@ -35,18 +35,18 @@ import {
   DeleteGroupDialogComponent,
   DeleteGroupDialogData,
   DeleteGroupDialogResult
-} from '@app/layouts/messenger/dialogs/delete-group.dialog.component';
+} from '@app/layouts/messenger/dialogs/group/delete-group.dialog.component';
 
 import {
   EditGroupDialogComponent,
   EditGroupDialogData,
   EditGroupDialogResult
-} from '@app/layouts/messenger/dialogs/edit-group.dialog.component';
+} from '@app/layouts/messenger/dialogs/group/edit-group.dialog.component';
 import {
   EditGroupMemberDialogComponent,
   EditGroupMemberDialogData,
   EditGroupMemberDialogResult
-} from '@app/layouts/messenger/dialogs/edit-group-member.dialog.component';
+} from '@app/layouts/messenger/dialogs/group/edit-group-member.dialog.component';
 
 @Component({
   selector: 'app-layout-chat-left-sidenav-group',

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

@@ -43,11 +43,21 @@ import { VersionInfo2Response } from '@ucap-webmessenger/api-public';
 import { MatMenuTrigger } from '@angular/material';
 import { CommonApiService } from '@ucap-webmessenger/api-common';
 
+import {
+  DeleteMessageDialogComponent,
+  DeleteMessageDialogData,
+  DeleteMessageDialogResult
+} from '@app/layouts/messenger/dialogs/message/delete-message.dialog.component';
 import {
   RelayMessageDialogComponent,
   RelayMessageDialogData,
   RelayMessageDialogResult
-} from '@app/layouts/messenger/dialogs/relay-message.dialog.component';
+} from '@app/layouts/messenger/dialogs/message/relay-message.dialog.component';
+import {
+  RecallMessageDialogComponent,
+  RecallMessageDialogData,
+  RecallMessageDialogResult
+} from '@app/layouts/messenger/dialogs/message/recall-message.dialog.component';
 
 @Component({
   selector: 'app-layout-messenger-messages',
@@ -272,10 +282,32 @@ export class MessagesComponent implements OnInit, OnDestroy, AfterViewChecked {
         break;
       case 'DELETE':
         {
+          const result = await this.dialogService.open<
+            DeleteMessageDialogComponent,
+            DeleteMessageDialogData,
+            DeleteMessageDialogResult
+          >(DeleteMessageDialogComponent, {
+            width: '220px',
+            data: {
+              title: 'Logout',
+              message: 'Logout ?'
+            }
+          });
         }
         break;
       case 'RECALL':
         {
+          const result = await this.dialogService.open<
+            RecallMessageDialogComponent,
+            RecallMessageDialogData,
+            RecallMessageDialogResult
+          >(RecallMessageDialogComponent, {
+            width: '220px',
+            data: {
+              title: 'Logout',
+              message: 'Logout ?'
+            }
+          });
         }
         break;
       default:

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/index.ts

@@ -0,0 +1,3 @@
+import { CreateChatDialogComponent } from './create-chat.dialog.component';
+
+export const DIALOGS = [CreateChatDialogComponent];

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/group/index.ts

@@ -0,0 +1,11 @@
+import { CreateGroupDialogComponent } from './create-group.dialog.component';
+import { DeleteGroupDialogComponent } from './delete-group.dialog.component';
+import { EditGroupDialogComponent } from './edit-group.dialog.component';
+import { EditGroupMemberDialogComponent } from './edit-group-member.dialog.component';
+
+export const DIALOGS = [
+  CreateGroupDialogComponent,
+  DeleteGroupDialogComponent,
+  EditGroupDialogComponent,
+  EditGroupMemberDialogComponent
+];

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/index.ts

@@ -1,17 +1,5 @@
-import { CreateGroupDialogComponent } from './create-group.dialog.component';
-import { CreateChatDialogComponent } from './create-chat.dialog.component';
-import { DeleteGroupDialogComponent } from './delete-group.dialog.component';
-import { EditGroupDialogComponent } from './edit-group.dialog.component';
-import { EditGroupMemberDialogComponent } from './edit-group-member.dialog.component';
+import { DIALOGS as CHAT_DIALOGS } from './chat';
+import { DIALOGS as GROUP_DIALOGS } from './group';
+import { DIALOGS as MESSAGE_DIALOGS } from './message';
 
-import { RelayMessageDialogComponent } from './relay-message.dialog.component';
-
-export const DIALOGS = [
-  CreateChatDialogComponent,
-  CreateGroupDialogComponent,
-  DeleteGroupDialogComponent,
-  EditGroupDialogComponent,
-  EditGroupMemberDialogComponent,
-
-  RelayMessageDialogComponent
-];
+export const DIALOGS = [...CHAT_DIALOGS, ...GROUP_DIALOGS, ...MESSAGE_DIALOGS];

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

@@ -0,0 +1,18 @@
+<mat-card class="confirm-card">
+  <mat-card-header>
+    <mat-card-title>대화 삭제</mat-card-title>
+  </mat-card-header>
+  <mat-card-content> </mat-card-content>
+  <mat-card-actions class="button-farm flex-row">
+    <button
+      mat-stroked-button
+      (click)="onClickChoice(false)"
+      class="mat-primary"
+    >
+      No
+    </button>
+    <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
+      Yes
+    </button>
+  </mat-card-actions>
+</mat-card>

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

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { DeleteMessageDialogComponent } from './delete-message.dialog.component';
+
+describe('app::layouts::messenger::DeleteMessageDialogComponent', () => {
+  let component: DeleteMessageDialogComponent;
+  let fixture: ComponentFixture<DeleteMessageDialogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [DeleteMessageDialogComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(DeleteMessageDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,34 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+
+export interface DeleteMessageDialogData {
+  title: string;
+  message?: string;
+}
+
+export interface DeleteMessageDialogResult {
+  choice: boolean;
+}
+
+@Component({
+  selector: 'app-layout-messenger-delete-message',
+  templateUrl: './delete-message.dialog.component.html',
+  styleUrls: ['./delete-message.dialog.component.scss']
+})
+export class DeleteMessageDialogComponent implements OnInit {
+  constructor(
+    public dialogRef: MatDialogRef<
+      DeleteMessageDialogData,
+      DeleteMessageDialogResult
+    >,
+    @Inject(MAT_DIALOG_DATA) public data: DeleteMessageDialogData
+  ) {}
+
+  ngOnInit(): void {}
+
+  onClickChoice(choice: boolean): void {
+    this.dialogRef.close({
+      choice
+    });
+  }
+}

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/index.ts

@@ -0,0 +1,7 @@
+import { DeleteMessageDialogComponent } from './delete-message.dialog.component';
+import { RelayMessageDialogComponent } from './relay-message.dialog.component';
+
+export const DIALOGS = [
+  DeleteMessageDialogComponent,
+  RelayMessageDialogComponent
+];

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

@@ -0,0 +1,18 @@
+<mat-card class="confirm-card">
+  <mat-card-header>
+    <mat-card-title>대화 회수</mat-card-title>
+  </mat-card-header>
+  <mat-card-content> </mat-card-content>
+  <mat-card-actions class="button-farm flex-row">
+    <button
+      mat-stroked-button
+      (click)="onClickChoice(false)"
+      class="mat-primary"
+    >
+      No
+    </button>
+    <button mat-flat-button (click)="onClickChoice(true)" class="mat-primary">
+      Yes
+    </button>
+  </mat-card-actions>
+</mat-card>

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

@@ -0,0 +1,24 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { RecallMessageDialogComponent } from './recall-message.dialog.component';
+
+describe('app::layouts::messenger::RecallMessageDialogComponent', () => {
+  let component: RecallMessageDialogComponent;
+  let fixture: ComponentFixture<RecallMessageDialogComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [RecallMessageDialogComponent]
+    }).compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(RecallMessageDialogComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

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

@@ -0,0 +1,34 @@
+import { Component, OnInit, Inject } from '@angular/core';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
+
+export interface RecallMessageDialogData {
+  title: string;
+  message?: string;
+}
+
+export interface RecallMessageDialogResult {
+  choice: boolean;
+}
+
+@Component({
+  selector: 'app-layout-messenger-recall-message',
+  templateUrl: './recall-message.dialog.component.html',
+  styleUrls: ['./recall-message.dialog.component.scss']
+})
+export class RecallMessageDialogComponent implements OnInit {
+  constructor(
+    public dialogRef: MatDialogRef<
+      RecallMessageDialogData,
+      RecallMessageDialogResult
+    >,
+    @Inject(MAT_DIALOG_DATA) public data: RecallMessageDialogData
+  ) {}
+
+  ngOnInit(): void {}
+
+  onClickChoice(choice: boolean): void {
+    this.dialogRef.close({
+      choice
+    });
+  }
+}