silme işlemi için confirm material yazıldı

NisanurBulut · Aug 13, 2020 · 8af6818 · 8af6818
1 parent 55acf3a
commit 8af6818
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 15 deletions.
diff --git a/PratikForumClient/src/app/contacts/contact-list/contact-list.component.ts b/PratikForumClient/src/app/contacts/contact-list/contact-list.component.ts
@@ -12,9 +12,7 @@ import { DialogService } from 'src/app/shared/dialog.service';
 })
 export class ContactListComponent implements OnInit {
 
-  constructor(private cs: ContactService,
-              private mDialog: MatDialog,
-              private ds: DialogService) { }
+  constructor(private cs: ContactService, private mDialog: MatDialog, private ds: DialogService) { }
   listData: MatTableDataSource<any>;
   displayedColumns: string[] = [
     'fullName', 'email', 'mobile', 'city', 'gender', 'isPermanent',
@@ -39,7 +37,6 @@ export class ContactListComponent implements OnInit {
     // html içeriğin popup içerisine yerleşmesi için EntryComponent olarak ilgili modulde tanımlanmalı
     // html'in ekranda düzgünce görünmesi için config yapılandırması olmalı
     this.mDialog.open(ContactComponent, this.mConfig);
-
   }
   onSearchClear(): void {
     this.searchKey = '';
@@ -54,14 +51,12 @@ export class ContactListComponent implements OnInit {
     this.mDialog.open(ContactComponent, this.mConfig);
   }
   onDelete(id: number) {
-    // if (confirm('Silmek istediğinizden emin misiniz ?')) {
-    //   this.cs.deleteContact(id);
-    // }
-    // this.onViewContactList();
-    this.ds.openConfirmDialog('Silmek istediğinizden emin misiniz ?')
-      .afterClosed().suscribe(res => {
-        console.log(res);
-      });
+    this.ds.openConfirmDialog('Silmek istediğinizden emin misiniz ?').afterClosed().subscribe(res => {
+      console.log(res);
+      if (res === true) {
+        this.cs.deleteContact(id);
+      }
+    });
   }
   onViewContactList() {
     this.cs.getContacts().subscribe(

diff --git a/...rumClient/src/app/contacts/material-confirm-dialog/material-confirm-dialog.component.html b/...rumClient/src/app/contacts/material-confirm-dialog/material-confirm-dialog.component.html
@@ -3,10 +3,10 @@
     <mat-icon id="close-icon" (click)="onClose()">close</mat-icon>
     <span class="content-span full-width">{{ data.message }}</span>
   </div>
-  <button id="yes-button" mat-flat-button [mat-dialog-close]="false">
+  <button id="yes-button" mat-flat-button [mat-dialog-close]="true">
     Evet
   </button>
-  <button id="no-button" mat-flat-button [mat-dialog-close]="true">
+  <button id="no-button" mat-flat-button [mat-dialog-close]="false">
     Hayır
   </button>
 </div>
diff --git a/PratikForumClient/src/app/shared/dialog.service.ts b/PratikForumClient/src/app/shared/dialog.service.ts
@@ -8,10 +8,11 @@ export class DialogService {
 
   constructor(private matdialog: MatDialog) { }
   openConfirmDialog(msg) {
-    this.matdialog.open(MaterialConfirmDialogComponent, {
+   return this.matdialog.open(MaterialConfirmDialogComponent, {
       disableClose: true,
       width: '390px',
       panelClass: 'confirm-dialog-container',
+      position: { top: '10px' },
       data: { message: msg }
     });
   }