Moved to Angular 6.0

---- Pending * Table width for the points column in incentive * Linting * keyboard navigation where it was used earlier * can remove the unused totals calculated serverside in productledger * spinner and loading bars * Activate Guard for Employee Function tabs * Progress for Fingerprint uploads * deleted reconcile and receipe features as they were not being used * focus the right control on component load
2018-05-25 19:19:00 +05:30
parent b3cb01da02
commit 6be1dd5a3a
1380 changed files with 23914 additions and 18722 deletions
--- a/overlord/src/app/product/product-detail/product-detail.component.ts
+++ b/overlord/src/app/product/product-detail/product-detail.component.ts
@ -0,0 +1,136 @@
+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 '../product';
+import {ProductGroup} from '../../product-group/product-group';
+import {ConfirmDialogComponent} from '../../shared/confirm-dialog/confirm-dialog.component';
+import {MatDialog} from '@angular/material';
+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') 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,
+      fraction: this.item.fraction,
+      fractionUnits: this.item.fractionUnits,
+      productYield: this.item.productYield,
+      price: this.item.price,
+      salePrice: this.item.salePrice,
+      isPurchased: this.item.isPurchased,
+      isSold: this.item.isSold,
+      isActive: this.item.isActive,
+      productGroup: this.item.productGroup.id
+    });
+  }
+
+  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.fraction = +formModel.fraction;
+    this.item.fractionUnits = formModel.fractionUnits;
+    this.item.productYield = +formModel.productYield;
+    this.item.price = +formModel.price;
+    this.item.salePrice = +formModel.salePrice;
+    this.item.isPurchased = formModel.isPurchased;
+    this.item.isSold = formModel.isSold;
+    this.item.isActive = formModel.isActive;
+    this.item.productGroup.id = formModel.productGroup;
+    return this.item;
+  }
+}