Tax done

2019-06-15 23:09:43 +05:30
parent 3dcf1c4c42
commit 459ab244ff
70 changed files with 2140 additions and 103 deletions
--- a/bookie/src/app/product/product-detail/product-detail.component.ts
+++ b/bookie/src/app/product/product-detail/product-detail.component.ts
@ -0,0 +1,132 @@
+import {AfterViewInit, Component, ElementRef, OnInit, ViewChild} from '@angular/core';
+import {ToasterService} from '../../core/toaster.service';
+import {ActivatedRoute, Router} from '@angular/router';
+import {ProductService} from '../product.service';
+import {Product} from '../../core/product';
+import {ProductGroup} from '../../core/product-group';
+import {ConfirmDialogComponent} from '../../shared/confirm-dialog/confirm-dialog.component';
+import { MatDialog } from '@angular/material/dialog';
+import {FormBuilder, FormGroup} from '@angular/forms';
+
+@Component({
+  selector: 'app-product-detail',
+  templateUrl: './product-detail.component.html',
+  styleUrls: ['./product-detail.component.css']
+})
+export class ProductDetailComponent implements OnInit, AfterViewInit {
+  @ViewChild('nameElement', { static: true }) nameElement: ElementRef;
+  form: FormGroup;
+  productGroups: ProductGroup[];
+  item: Product;
+
+  constructor(
+    private route: ActivatedRoute,
+    private router: Router,
+    private dialog: MatDialog,
+    private fb: FormBuilder,
+    private toaster: ToasterService,
+    private ser: ProductService
+  ) {
+    this.createForm();
+  }
+
+  createForm() {
+    this.form = this.fb.group({
+      code: {value: '', disabled: true},
+      name: '',
+      units: '',
+      fraction: '',
+      fractionUnits: '',
+      productYield: '',
+      price: '',
+      salePrice: '',
+      isPurchased: '',
+      isSold: '',
+      isActive: '',
+      productGroup: ''
+    });
+  }
+
+  ngOnInit() {
+    this.route.data
+      .subscribe((data: { item: Product, productGroups: ProductGroup[] }) => {
+        this.productGroups = data.productGroups;
+        this.showItem(data.item);
+      });
+  }
+
+  showItem(item: Product) {
+    this.item = item;
+    this.form.setValue({
+      code: this.item.code || '(Auto)',
+      name: this.item.name || '',
+      units: this.item.units || '',
+      productGroup: this.item.tax.id ? this.item.tax.id : '',
+      tax: this.item.productGroup.id ? this.item.productGroup.id : '',
+      price: this.item.price || '',
+      hadHappyHour: this.item.hasHappyHour,
+      isNotAvailable: this.item.isNotAvailable,
+      quantity: this.item.quantity || '',
+      isActive: this.item.isActive,
+    });
+  }
+
+  ngAfterViewInit() {
+    setTimeout(() => {
+      this.nameElement.nativeElement.focus();
+    }, 0);
+  }
+
+  save() {
+    this.ser.saveOrUpdate(this.getItem())
+      .subscribe(
+        (result) => {
+          this.toaster.show('Success', '');
+          this.router.navigateByUrl('/products');
+        },
+        (error) => {
+          this.toaster.show('Danger', error.error);
+        }
+      );
+  }
+
+  delete() {
+    this.ser.delete(this.item.id)
+      .subscribe(
+        (result) => {
+          this.toaster.show('Success', '');
+          this.router.navigateByUrl('/products');
+        },
+        (error) => {
+          this.toaster.show('Danger', error.error);
+        }
+      );
+  }
+
+  confirmDelete(): void {
+    const dialogRef = this.dialog.open(ConfirmDialogComponent, {
+      width: '250px',
+      data: {title: 'Delete Product?', content: 'Are you sure? This cannot be undone.'}
+    });
+
+    dialogRef.afterClosed().subscribe((result: boolean) => {
+      if (result) {
+        this.delete();
+      }
+    });
+  }
+
+  getItem(): Product {
+    const formModel = this.form.value;
+    this.item.name = formModel.name;
+    this.item.units = formModel.units;
+    this.item.productGroup.id = formModel.productGroup;
+    this.item.tax.id = formModel.tax;
+    this.item.price = +formModel.price;
+    this.item.hasHappyHour = formModel.hasHappyHour;
+    this.item.isNotAvailable = formModel.isNotAvailable;
+    this.item.quantity = +formModel.quantity;
+    this.item.isActive = formModel.isActive;
+    return this.item;
+  }
+}