Merge branch 'feature/BETERAN-BACKEND-APP-BROWSER-init' of https://gitlab.loafle.net/bet/beteran-backend-app-browser into feature/BETERAN-BACKEND-APP-BROWSER-init

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

@@ -116,11 +116,14 @@
                   <td
                     class="py-6 px-0 border-0"
                     mat-footer-cell
-                    *matFooterCellDef
+                    *matFooterCellDef="let info"
                     colspan="10"
                   >
                     <div>
-                      <button mat-stroked-button (click)="__onClickAdd($event)">
+                      <button
+                        mat-stroked-button
+                        (click)="__onClickAddBtn($event)"
+                      >
                         추천인으로 추가
                       </button>
                     </div>
@@ -257,7 +260,7 @@
                     <div>
                       <button
                         mat-stroked-button
-                        (click)="__onClickDelete($event)"
+                        (click)="__onClickRemoveBtn($event)"
                       >
                         추천인삭제
                       </button>

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

@@ -123,6 +123,9 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   registSelection = new SelectionModel<MemberModel>(true, []);
   removeSelection = new SelectionModel<MemberModel>(true, []);
 
+  addBtnConfigForm!: FormGroup;
+  removeBtnConfigForm!: FormGroup;
+
   private _unsubscribeAll: Subject<any> = new Subject<any>();
 
   /**
@@ -333,8 +336,55 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
     });
   }
 
-  __onClickAdd(event: MouseEvent): void {
-    const dialogRef = this._matDialog.open(AddComposeComponent);
+  __addBtnConfirmConfig(): void {
+    this.addBtnConfigForm = this._formBuilder.group({
+      title: '알림',
+      message: '정말 추천인으로 추가하시겠습니까?',
+      icon: this._formBuilder.group({
+        show: true,
+        name: 'heroicons_outline:exclamation',
+        color: 'warn',
+      }),
+      actions: this._formBuilder.group({
+        confirm: this._formBuilder.group({
+          show: true,
+          label: '확인',
+          color: 'warn',
+        }),
+        cancel: this._formBuilder.group({
+          show: true,
+          label: '취소',
+        }),
+      }),
+      dismissible: true,
+    });
+  }
+  __removeBtnConfirmConfig(): void {
+    this.removeBtnConfigForm = this._formBuilder.group({
+      title: '알림',
+      message: '정말 삭제하시겠습니까?',
+      icon: this._formBuilder.group({
+        show: true,
+        name: 'heroicons_outline:exclamation',
+        color: 'warn',
+      }),
+      actions: this._formBuilder.group({
+        confirm: this._formBuilder.group({
+          show: true,
+          label: '확인',
+          color: 'warn',
+        }),
+        cancel: this._formBuilder.group({
+          show: true,
+          label: '취소',
+        }),
+      }),
+      dismissible: true,
+    });
+  }
+  __onClickAddBtn(event: MouseEvent): void {
+    // Open the dialog and save the reference of it
+    const dialogRef = this._fuseConfirmationService.open();
 
     dialogRef.afterClosed().subscribe((result: AddComposeResult) => {
       console.log('Compose dialog was closed!');
@@ -347,11 +397,13 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
       }
     });
   }
-  __onClickDelete(event: MouseEvent): void {
-    const dialogRef = this._matDialog.open(DeleteComposeComponent);
+  __onClickRemoveBtn(event: MouseEvent): void {
+    // Open the dialog and save the reference of it
+    const dialogRef = this._fuseConfirmationService.open();
 
+    // Subscribe to afterClosed from the dialog reference
     dialogRef.afterClosed().subscribe((result) => {
-      console.log('Compose dialog was closed!');
+      console.log(result);
     });
   }