Product Group

bookie/src/app/product-group/product-group-detail/product-group-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";
 
-import {ProductGroupService} from '../product-group.service';
-import {ProductGroup} from '../../core/product-group';
-import {ActivatedRoute, Router} from '@angular/router';
-import {ToasterService} from '../../core/toaster.service';
-import {FormBuilder, FormGroup} from '@angular/forms';
+import { ProductGroupService } from '../product-group.service';
+import { ProductGroup } from '../../core/product-group';
+import { ToasterService } from '../../core/toaster.service';
+import { ConfirmDialogComponent } from "../../shared/confirm-dialog/confirm-dialog.component";
 
 @Component({
   selector: 'app-product-group-detail',
@@ -19,6 +21,7 @@ export class ProductGroupDetailComponent implements OnInit, AfterViewInit {
   constructor(
     private route: ActivatedRoute,
     private router: Router,
+    private dialog: MatDialog,
     private fb: FormBuilder,
     private toaster: ToasterService,
     private ser: ProductGroupService
@@ -28,7 +31,11 @@ export class ProductGroupDetailComponent implements OnInit, AfterViewInit {
 
   createForm() {
     this.form = this.fb.group({
-      name: ''
+      name: '',
+      discountLimit: '',
+      isModifierCompulsory: '',
+      groupType: '',
+      isActive: ''
     });
   }
 
@@ -43,6 +50,10 @@ export class ProductGroupDetailComponent implements OnInit, AfterViewInit {
     this.item = item;
     this.form.setValue({
       name: this.item.name,
+      discountLimit: this.item.discountLimit,
+      isModifierCompulsory: this.item.isModifierCompulsory,
+      groupType: this.item.groupType,
+      isActive: this.item.isActive
     });
   }
 
@@ -65,9 +76,39 @@ export class ProductGroupDetailComponent implements OnInit, AfterViewInit {
       );
   }
 
+  delete() {
+    this.ser.delete(this.item.id)
+      .subscribe(
+        (result) => {
+          this.toaster.show('Success', '');
+          this.router.navigateByUrl('/product-groups');
+        },
+        (error) => {
+          this.toaster.show('Danger', error.error);
+        }
+      );
+  }
+
+  confirmDelete(): void {
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      width: '250px',
+      data: {title: 'Delete Product Group?', content: 'Are you sure? This cannot be undone.'}
+    });
+
+    dialogRef.afterClosed().subscribe((result: boolean) => {
+      if (result) {
+        this.delete();
+      }
+    });
+  }
+
   getItem(): ProductGroup {
     const formModel = this.form.value;
     this.item.name = formModel.name;
+    this.item.discountLimit = +formModel.discountLimit;
+    this.item.isModifierCompulsory = formModel.isModifierCompulsory;
+    this.item.groupType = formModel.groupType;
+    this.item.isActive = formModel.isActive;
     return this.item;
   }
 }