Product Group

bookie/src/app/taxes/tax-detail/tax-detail.component.ts

@@ -1,10 +1,12 @@
-import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import { AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import { ActivatedRoute, Router } from '@angular/router';
+import { MatDialog} from "@angular/material/dialog";
 
-import {TaxService} from '../tax.service';
-import {Tax} from '../../core/tax';
-import {ActivatedRoute, Router} from '@angular/router';
-import {ToasterService} from '../../core/toaster.service';
-import {FormBuilder, FormGroup} from '@angular/forms';
+import { TaxService } from '../tax.service';
+import { Tax } from '../../core/tax';
+import { ToasterService } from '../../core/toaster.service';
+import { ConfirmDialogComponent } from "../../shared/confirm-dialog/confirm-dialog.component";
 
 @Component({
   selector: 'app-tax-detail',
@@ -19,6 +21,7 @@ export class TaxDetailComponent implements OnInit, AfterViewInit {
   constructor(
     private route: ActivatedRoute,
     private router: Router,
+    private dialog: MatDialog,
     private fb: FormBuilder,
     private toaster: ToasterService,
     private ser: TaxService
@@ -67,10 +70,36 @@ export class TaxDetailComponent implements OnInit, AfterViewInit {
       );
   }
 
+  delete() {
+    this.ser.delete(this.item.id)
+      .subscribe(
+        (result) => {
+          this.toaster.show('Success', '');
+          this.router.navigateByUrl('/taxes');
+        },
+        (error) => {
+          this.toaster.show('Danger', error.error);
+        }
+      );
+  }
+
+  confirmDelete(): void {
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      width: '250px',
+      data: {title: 'Delete Tax?', content: 'Are you sure? This cannot be undone.'}
+    });
+
+    dialogRef.afterClosed().subscribe((result: boolean) => {
+      if (result) {
+        this.delete();
+      }
+    });
+  }
+
   getItem(): Tax {
     const formModel = this.form.value;
     this.item.name = formModel.name;
-    this.item.rate = formModel.rate;
+    this.item.rate = +formModel.rate;
     return this.item;
   }
 }