파워볼 삭제알림

src/app/modules/admin/game/powerball/components/list.component.html

@@ -202,6 +202,7 @@
                       mat-flat-button
                       class="bet-mat-small-8"
                       [color]="'warn'"
+                      (click)="__onClickRemoveBtn($event, powerball.id)"
                     >
                       삭제
                     </button>

src/app/modules/admin/game/powerball/components/list.component.ts

@@ -79,6 +79,7 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
 
   private _unsubscribeAll: Subject<any> = new Subject<any>();
 
+  configForm!: FormGroup;
   /**
    * Constructor
    */
@@ -109,6 +110,29 @@ export class ListComponent implements OnInit, AfterViewInit, OnDestroy {
         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,
+    });
+
     // Get the products
     this.powerballs$ = this._powerballService.powerballs$;
   }
@@ -177,6 +201,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
    */