Keep track of current inventory levels and know when to re-order before you run out.
+Offer a simple customizable landing page to show off your products to potential clients or + use as sales portals.
+{{ this.product | json }}\ No newline at end of file diff --git a/src/app/product/product/product.component.scss b/src/app/product/product/product.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/src/app/product/product/product.component.ts b/src/app/product/product/product.component.ts new file mode 100644 index 0000000..dc44bb5 --- /dev/null +++ b/src/app/product/product/product.component.ts @@ -0,0 +1,42 @@ +import {Component, OnInit, ChangeDetectionStrategy, Input} from '@angular/core'; +// ----------------------------- +// MODELS +// ----------------------------- +import {Product, ProductAccounts, ProductDescription, ProductInventory, ProductPage, ProductPricing} from '../product'; +import {ProductService} from "../product.service"; +import {AccountService} from "../../account/account.service"; + +@Component({ + selector: 'product', + templateUrl: './product.component.html', + styleUrls: ['./product.component.scss'], + changeDetection: ChangeDetectionStrategy.OnPush +}) +export class ProductComponent implements OnInit { + + @Input() product: Product = new class implements Product { + accounts: ProductAccounts; + description: ProductDescription; + file: string; + id: string; + inventory: ProductInventory; + name: string; + page: ProductPage; + pricing: ProductPricing; + sku: string; + supplier: string; + } + + constructor( + private products: ProductService, + private accounts: AccountService) { + } + + ngOnInit() { + } + + onDeleteProduct(id: string) { + this.products.deleteById(id); + } + +} \ No newline at end of file diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..32fbfd5 --- /dev/null +++ b/src/index.html @@ -0,0 +1,8 @@ + + +