@if (isLoading) {
}
Machine Management
@if (products$ | async; as products) { @if (products.length > 0) {
SKU
Name
Price
Stock
Active
Details
@if (products$ | async; as products) { @for ( product of products; track trackByFn($index, product) ) {
@if (product.thumbnail) { } @if (!product.thumbnail) {
NO THUMB
}
{{ product.sku }}
{{ product.name }}
{{ product.price | currency : 'USD' : 'symbol' : '1.2-2' }}
{{ product.stock }}
@if (product.stock < 20) {
} @if ( product.stock >= 20 && product.stock < 30 ) {
} @if (product.stock >= 30) {
}
@if (product.active) { } @if (!product.active) { }
@if (selectedProduct?.id === product.id) { }
} }
} @else {
There are no products!
} }
@if ( selectedProductForm.get( 'images' ).value.length ) { } @else { NO IMAGE }
@if ( selectedProductForm.get('images') .value.length ) {
{{ selectedProductForm.get( 'currentImageIndex' ).value + 1 }} of {{ selectedProductForm.get( 'images' ).value.length }}
}
Product status {{ selectedProductForm.get( 'active' ).value === true ? 'Active' : 'Disabled' }}
Name
SKU Barcode
Category @for ( category of categories; track category ) { {{ category.name }} } Brand @for ( brand of brands; track brand ) { {{ brand.name }} } Vendor @for ( vendor of vendors; track vendor ) { {{ vendor.name }} }
Stock Reserved
Cost $ Base Price $ Tax % Price $
Weight lbs. Tags
@if (!tagsEditMode) { @for ( tag of filteredTags; track trackByFn( $index, tag ) ) { {{ tag.title }} } } @if (tagsEditMode) {
@for ( tag of filteredTags; track trackByFn( $index, tag ) ) {
}
} @if ( shouldShowCreateTagButton( newTagInput.value ) ) {
Create "{{ newTagInput.value }}"
}
@if (flashMessage) {
@if (flashMessage === 'success') { Product updated } @if (flashMessage === 'error') { An error occurred, try again! }
}