도메인삭제 알림

src/app/modules/admin/settings/domain/components/list.component.html

@@ -145,7 +145,11 @@
                   style="text-align: center"
                 >
                   <div class="hidden sm:block truncate">
-                    <button mat-flat-button [color]="'primary'">
+                    <button
+                      mat-flat-button
+                      [color]="'primary'"
+                      (click)="__onClickRemoveBtn($event, basicSetting.id)"
+                    >
                       도메인삭제
                     </button>
                   </div>

src/app/modules/admin/settings/domain/components/list.component.ts

@@ -92,6 +92,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
 
   private _unsubscribeAll: Subject<any> = new Subject<any>();
 
+  configForm!: FormGroup;
   /**
    * Constructor
    */
@@ -120,6 +121,28 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
         // Mark for check
         this._changeDetectorRef.markForCheck();
       }); */
+    this.configForm = this._formBuilder.group({
+      title: '알림',
+      message:
+        '정말로 삭제하시겠습니까? <span class="font-medium">삭제!</span>',
+      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,
+    });
 
     this._activatedRoute.data.subscribe((data) => {
       let listSitesResult: ListSitesResponse.Result = data['listSites'];
@@ -154,6 +177,15 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
   // @ Private methods
   // -----------------------------------------------------------------------------------------------------
 
+  __onClickRemoveBtn(event: MouseEvent, id: string): void {
+    // Open the dialog and save the reference of it
+    const dialogRef = this._fuseConfirmationService.open(this.configForm.value);
+
+    // Subscribe to afterClosed from the dialog reference
+    dialogRef.afterClosed().subscribe((result) => {
+      console.log(result);
+    });
+  }
   /**
    * Create product
    */