파트너 등록 다이얼로그 추가

src/app/modules/admin/member/compose/compose.component.html

@@ -1,123 +0,0 @@
-<div class="flex flex-col max-w-240 md:min-w-160 max-h-screen -m-6">
-  <!-- Header -->
-  <div
-    class="flex flex-0 items-center justify-between h-16 pr-3 sm:pr-5 pl-6 sm:pl-8 bg-primary text-on-primary"
-  >
-    <div class="text-lg font-medium">New Message</div>
-    <button mat-icon-button (click)="saveAndClose()" [tabIndex]="-1">
-      <mat-icon
-        class="text-current"
-        [svgIcon]="'heroicons_outline:x'"
-      ></mat-icon>
-    </button>
-  </div>
-
-  <!-- Compose form -->
-  <form
-    class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
-    [formGroup]="composeForm"
-  >
-    <!-- To -->
-    <mat-form-field>
-      <mat-label>To</mat-label>
-      <input matInput [formControlName]="'to'" />
-      <div class="copy-fields-toggles" matSuffix>
-        <span
-          class="text-sm font-medium cursor-pointer select-none hover:underline"
-          *ngIf="!copyFields.cc"
-          (click)="showCopyField('cc')"
-        >
-          Cc
-        </span>
-        <span
-          class="ml-2 text-sm font-medium cursor-pointer select-none hover:underline"
-          *ngIf="!copyFields.bcc"
-          (click)="showCopyField('bcc')"
-        >
-          Bcc
-        </span>
-      </div>
-    </mat-form-field>
-
-    <!-- Cc -->
-    <mat-form-field *ngIf="copyFields.cc">
-      <mat-label>Cc</mat-label>
-      <input matInput [formControlName]="'cc'" />
-    </mat-form-field>
-
-    <!-- Bcc -->
-    <mat-form-field *ngIf="copyFields.bcc">
-      <mat-label>Bcc</mat-label>
-      <input matInput [formControlName]="'bcc'" />
-    </mat-form-field>
-
-    <!-- Subject -->
-    <mat-form-field>
-      <mat-label>Subject</mat-label>
-      <input matInput [formControlName]="'subject'" />
-    </mat-form-field>
-
-    <!-- Body -->
-    <quill-editor
-      class="mt-2"
-      [formControlName]="'body'"
-      [modules]="quillModules"
-    ></quill-editor>
-
-    <!-- Actions -->
-    <div
-      class="flex flex-col sm:flex-row sm:items-center justify-between mt-4 sm:mt-6"
-    >
-      <div class="-ml-2">
-        <!-- Attach file -->
-        <button mat-icon-button>
-          <mat-icon
-            class="icon-size-5"
-            [svgIcon]="'heroicons_solid:paper-clip'"
-          ></mat-icon>
-        </button>
-        <!-- Insert link -->
-        <button mat-icon-button>
-          <mat-icon
-            class="icon-size-5"
-            [svgIcon]="'heroicons_solid:link'"
-          ></mat-icon>
-        </button>
-        <!-- Insert emoji -->
-        <button mat-icon-button>
-          <mat-icon
-            class="icon-size-5"
-            [svgIcon]="'heroicons_solid:emoji-happy'"
-          ></mat-icon>
-        </button>
-        <!-- Insert image -->
-        <button mat-icon-button>
-          <mat-icon
-            class="icon-size-5"
-            [svgIcon]="'heroicons_solid:photograph'"
-          ></mat-icon>
-        </button>
-      </div>
-
-      <div class="flex items-center mt-4 sm:mt-0">
-        <!-- Discard -->
-        <button class="ml-auto sm:ml-0" mat-stroked-button (click)="discard()">
-          Discard
-        </button>
-        <!-- Save as draft -->
-        <button class="sm:mx-3" mat-stroked-button (click)="saveAsDraft()">
-          <span>Save as draft</span>
-        </button>
-        <!-- Send -->
-        <button
-          class="order-first sm:order-last"
-          mat-flat-button
-          [color]="'primary'"
-          (click)="send()"
-        >
-          Send
-        </button>
-      </div>
-    </div>
-  </form>
-</div>

src/app/modules/admin/member/partner/components/all-list.component.html

@@ -247,7 +247,11 @@
 
                   <!-- note -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partner.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/all-list.component.ts

@@ -34,7 +34,9 @@ import { Partner } from '../models/partner';
 import { PartnerPagination } from '../models/partner-pagination';
 import { PartnerService } from '../services/partner.service';
 import { Router } from '@angular/router';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
 
+import { MatDialog } from '@angular/material/dialog';
 @Component({
   selector: 'app-partner-list',
   templateUrl: './all-list.component.html',
@@ -84,7 +86,8 @@ export class AllListComponent implements OnInit, AfterViewInit, OnDestroy {
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerService: PartnerService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -195,4 +198,12 @@ export class AllListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/branch-list.component.html

@@ -326,7 +326,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerBranch.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/branch-list.component.ts

@@ -34,6 +34,8 @@ import { User } from '../../user/models/user';
 import { Partner as PartnerBranch } from '../models/partner';
 import { PartnerPagination as PartnerBranchPagination } from '../models/partner-pagination';
 import { PartnerService as PartnerBranchService } from '../services/partner.service';
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
 
 import { Router } from '@angular/router';
 
@@ -87,7 +89,8 @@ export class BranchListComponent implements OnInit, AfterViewInit, OnDestroy {
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerBranchService: PartnerBranchService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -198,4 +201,12 @@ export class BranchListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/division-list.component.html

@@ -328,7 +328,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerDivision.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/division-list.component.ts

@@ -34,6 +34,9 @@ import { Partner as PartnerDivision } from '../models/partner';
 import { PartnerPagination as PartnerDivisionPagination } from '../models/partner-pagination';
 import { PartnerService as PartnerDivisionService } from '../services/partner.service';
 
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
+
 import { Router } from '@angular/router';
 
 @Component({
@@ -85,7 +88,8 @@ export class DivisionListComponent implements OnInit, AfterViewInit, OnDestroy {
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerDivisionService: PartnerDivisionService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -196,4 +200,11 @@ export class DivisionListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/main-office-list.component.html

@@ -332,7 +332,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerMainoffice.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/main-office-list.component.ts

@@ -35,6 +35,9 @@ import { PartnerPagination as PartnerMainofficePagination } from '../models/part
 import { PartnerService as PartnerMainofficeService } from '../services/partner.service';
 import { Router } from '@angular/router';
 
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
+
 @Component({
   selector: 'app-partner-main-office-list',
   templateUrl: './main-office-list.component.html',
@@ -86,7 +89,8 @@ export class MainOfficeListComponent
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerMainofficeService: PartnerMainofficeService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -197,4 +201,12 @@ export class MainOfficeListComponent
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/office-list.component.html

@@ -326,7 +326,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerOffice.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/office-list.component.ts

@@ -37,6 +37,9 @@ import { PartnerService as PartnerOfficeService } from '../services/partner.serv
 
 import { Router } from '@angular/router';
 
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
+
 @Component({
   selector: 'app-partner-office-list',
   templateUrl: './office-list.component.html',
@@ -86,7 +89,8 @@ export class OfficeListComponent implements OnInit, AfterViewInit, OnDestroy {
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerOfficeService: PartnerOfficeService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -197,4 +201,12 @@ export class OfficeListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/recommendation-list.component.html

@@ -335,7 +335,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerRecommendation.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/recommendation-list.component.ts

@@ -37,6 +37,8 @@ import { PartnerService as PartnerRecommendationService } from '../services/part
 
 import { Router } from '@angular/router';
 
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
 @Component({
   selector: 'app-partner-recommendation-list',
   templateUrl: './recommendation-list.component.html',
@@ -88,7 +90,8 @@ export class RecommendationListComponent
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerRecommendationService: PartnerRecommendationService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -199,4 +202,12 @@ export class RecommendationListComponent
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/components/store-list.component.html

@@ -323,7 +323,11 @@
                   </div>
                   <!-- 비고 -->
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRegist($event)"
+                    >
                       {{ partnerStore.note }}
                     </button>
                   </div>

src/app/modules/admin/member/partner/components/store-list.component.ts

@@ -36,6 +36,8 @@ import { PartnerService as PartnerStoreService } from '../services/partner.servi
 
 import { Router } from '@angular/router';
 
+import { MatDialog } from '@angular/material/dialog';
+import { RegistComposeComponent } from '../compose/regist-compose.component';
 @Component({
   selector: 'app-partner-store-list',
   templateUrl: './store-list.component.html',
@@ -85,7 +87,8 @@ export class StoreListComponent implements OnInit, AfterViewInit, OnDestroy {
     private _fuseConfirmationService: FuseConfirmationService,
     private _formBuilder: FormBuilder,
     private _partnerStoreService: PartnerStoreService,
-    private router: Router
+    private router: Router,
+    private _matDialog: MatDialog
   ) {}
 
   // -----------------------------------------------------------------------------------------------------
@@ -196,4 +199,12 @@ export class StoreListComponent implements OnInit, AfterViewInit, OnDestroy {
   __trackByFn(index: number, item: any): any {
     return item.id || index;
   }
+
+  __onClickRegist(event: MouseEvent): void {
+    const dialogRef = this._matDialog.open(RegistComposeComponent);
+
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log('Compose dialog was closed!');
+    });
+  }
 }

src/app/modules/admin/member/partner/compose/index.ts

@@ -0,0 +1,3 @@
+import { RegistComposeComponent } from './regist-compose.component';
+
+export const COMPOSE = [RegistComposeComponent];

src/app/modules/admin/member/partner/compose/regist-compose.component.html

@@ -0,0 +1,111 @@
+<div class="flex flex-col max-w-240 md:min-w-160 max-h-screen -m-6">
+  <!-- Header -->
+  <div
+    class="flex flex-0 items-center justify-between h-16 pr-3 sm:pr-5 pl-6 sm:pl-8 bg-primary text-on-primary"
+  >
+    <div class="text-lg font-medium">대본사 생성</div>
+    <button mat-icon-button (click)="saveAndClose()" [tabIndex]="-1">
+      <mat-icon
+        class="text-current"
+        [svgIcon]="'heroicons_outline:x'"
+      ></mat-icon>
+    </button>
+  </div>
+
+  <!-- Compose form -->
+  <form
+    class="flex flex-col flex-auto p-6 sm:p-8 overflow-y-auto"
+    [formGroup]="composeForm"
+  >
+    <!-- To -->
+    <mat-form-field>
+      <mat-label>파트너아이디</mat-label>
+      <input matInput [formControlName]="'partnerId'" />
+    </mat-form-field>
+
+    <!-- Cc -->
+    <mat-form-field>
+      <mat-label>사이트명</mat-label>
+      <input matInput [formControlName]="'siteName'" />
+    </mat-form-field>
+
+    <!-- Bcc -->
+    <mat-form-field>
+      <mat-label>회원 아이디</mat-label>
+      <input matInput [formControlName]="'signinId'" />
+    </mat-form-field>
+
+    <!-- Subject -->
+    <mat-form-field>
+      <mat-label>비밀번호</mat-label>
+      <input matInput [formControlName]="'password'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>환전 비밀번호</mat-label>
+      <input matInput [formControlName]="'exchangePw'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>닉네임</mat-label>
+      <input matInput [formControlName]="'nickname'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>정산종류</mat-label>
+      <input matInput [formControlName]="'calculateType'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>휴대폰번호</mat-label>
+      <input matInput [formControlName]="'phoneNumber'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>은행명</mat-label>
+      <input matInput [formControlName]="'bankName'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>계좌번호</mat-label>
+      <input matInput [formControlName]="'accountNumber'" />
+    </mat-form-field>
+
+    <mat-form-field>
+      <mat-label>예금주</mat-label>
+      <input matInput [formControlName]="'accountHolder'" />
+    </mat-form-field>
+
+    <!-- Body -->
+    <!-- <quill-editor
+      class="mt-2"
+      [formControlName]="'body'"
+      [modules]="quillModules"
+    ></quill-editor> -->
+
+    <!-- Actions -->
+    <div
+      class="flex flex-col sm:flex-row sm:items-center justify-between mt-4 sm:mt-6"
+    >
+      <div class="flex items-center mt-4 sm:mt-0">
+        <!-- Discard -->
+        <button class="ml-auto sm:ml-0" mat-stroked-button (click)="discard()">
+          Discard
+        </button>
+        <!-- Save as draft -->
+        <button class="sm:mx-3" mat-stroked-button (click)="saveAsDraft()">
+          <span>Save as draft</span>
+        </button>
+        <!-- Send -->
+        <button
+          class="order-first sm:order-last"
+          mat-flat-button
+          [color]="'primary'"
+          (click)="send()"
+        >
+          Send
+        </button>
+      </div>
+    </div>
+  </form>
+</div>

src/app/modules/admin/member/partner/compose/regist-compose.component.ts

@@ -3,8 +3,8 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialogRef } from '@angular/material/dialog';
 
 @Component({
-  selector: 'member-regist-compose',
-  templateUrl: './compose.component.html',
+  selector: 'app-regist-compose',
+  templateUrl: './regist-compose.component.html',
   encapsulation: ViewEncapsulation.None,
 })
 export class RegistComposeComponent implements OnInit {
@@ -13,13 +13,13 @@ export class RegistComposeComponent implements OnInit {
     cc: false,
     bcc: false,
   };
-  quillModules: any = {
-    toolbar: [
-      ['bold', 'italic', 'underline'],
-      [{ align: [] }, { list: 'ordered' }, { list: 'bullet' }],
-      ['clean'],
-    ],
-  };
+  // quillModules: any = {
+  //   toolbar: [
+  //     ['bold', 'italic', 'underline'],
+  //     [{ align: [] }, { list: 'ordered' }, { list: 'bullet' }],
+  //     ['clean'],
+  //   ],
+  // };
 
   /**
    * Constructor

src/app/modules/admin/member/partner/partner.module.ts

@@ -21,11 +21,12 @@ import { TranslocoModule } from '@ngneat/transloco';
 import { SharedModule } from 'app/shared/shared.module';
 
 import { COMPONENTS } from './components';
+import { COMPOSE } from './compose';
 
 import { partnerRoutes } from './partner.routing';
 
 @NgModule({
-  declarations: [COMPONENTS],
+  declarations: [COMPONENTS, COMPOSE],
   imports: [
     TranslocoModule,
     SharedModule,