\r\n \r\n User Account\r\n\r\n \r\n \r\n \r\n Username \r\n Username already exist. \r\n \r\n Username already exist.\r\n
\r\n \r\n
\r\n \r\n No Login User
\r\n \r\n \r\n
\r\n \r\n \r\n First Name \r\n \r\n \r\n \r\n Last Name \r\n \r\n \r\n
\r\n \r\n \r\n Employee ID \r\n \r\n \r\n
\r\n \r\n \r\n Password \r\n \r\n
\r\n \r\n \r\n Timeout (min) \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Infinite Timeout\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Allow Multiple Work Order\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Inactive
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Time Tracked\r\n
\r\n \r\n
\r\n","import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { DEFAULT_ROUTE_PAGE } from 'src/app/custom/riva-side-nav/menu';\r\nimport { UserService } from 'src/app/services/user.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\nimport { User } from './../../core/authentication/user';\r\nimport { AccountsTableDialogComponent } from './accounts-table-dialog/accounts-table-dialog.component';\r\nimport { ResetPasswordDialogComponent } from './reset-password-dialog/reset-password-dialog.component';\r\nimport { UserPermissionNavigationDialogComponent } from './user-permission-navigation-dialog/user-permission-navigation-dialog.component';\r\n\r\n@Component({\r\n templateUrl: './accounts-table.component.html',\r\n styleUrls: ['./accounts-table.component.scss'],\r\n})\r\nexport class AccountsTableComponent\r\n extends GenericComponent\r\n implements OnInit, AfterViewInit\r\n{\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n\r\n accounts = new MatTableDataSource\r\n
\r\n \r\n
\r\n\r\n {{ account.fullName }}\r\n
\r\n \r\n @{{ account.userName?.toLowerCase() || account.firstName?.toLowerCase() }}\r\n
\r\n \r\n
\r\n \r\n \r\n Search by name or username \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Include Inactive Account\r\n
\r\n \r\n \r\n \r\n \r\n User\r\n \r\n \r\n \r\n \r\n \r\n \r\n Employee ID\r\n \r\n \r\n {{ element.employeeID || '–' }}\r\n \r\n \r\n \r\n \r\n Date Created\r\n \r\n \r\n \r\n \r\n \r\n \r\n Last Login Date\r\n \r\n \r\n \r\n \r\n \r\n \r\n Inactive\r\n \r\n \r\n {{ element.inactive ? 'Yes' : 'No' }}\r\n \r\n \r\n \r\n \r\n Actions\r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n \r\n
\r\n\r\n –
\r\n \r\n
\r\n \r\n {{ element.created | date : 'MMMM dd, yyyy' }}\r\n
\r\n \r\n at {{ element.created | date : 'hh:mm a' }}\r\n
\r\n –
\r\n \r\n
\r\n \r\n {{ element.lastLogin | date : 'MMMM dd, yyyy' }}\r\n
\r\n \r\n at {{ element.lastLogin | date : 'hh:mm a' }}\r\n
\r\n \r\n \r\n Password didn't match.\r\n \r\n\r\n \r\n \r\n Cancel\r\n \r\n \r\n Save\r\n \r\n \r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { User } from 'src/app/core/authentication/user';\r\nimport { UserPermission } from 'src/app/core/user-permission/user-permission';\r\nimport { PAGES } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { UserService } from 'src/app/services/user.service';\r\n\r\n@Component({\r\n templateUrl: './user-permission-dialog.component.html',\r\n styleUrls: ['./user-permission-dialog.component.scss'],\r\n})\r\nexport class UserPermissionDialogComponent implements OnInit {\r\n displayedColumns = ['page', 'permission'];\r\n userPermissions: UserPermission[] = [];\r\n accessLevels = [\r\n {\r\n value: 'SuperUser',\r\n label: 'Super User',\r\n },\r\n {\r\n value: 'User',\r\n label: 'User',\r\n },\r\n {\r\n value: 'Viewer',\r\n label: 'Viewer',\r\n },\r\n {\r\n value: 'Disabled',\r\n label: 'Disabled',\r\n },\r\n ];\r\n isSaving = false;\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: User = {} as User,\r\n public dialogRef: MatDialogRefReset Password
\r\n\r\n \r\n New Password \r\n \r\n \r\n
\r\n \r\n \r\n Confirm New Password \r\n \r\n \r\n
\r\n Default Page
\r\n \r\n \r\n
\r\n \r\n Delete Item
\r\nAre you sure you want to delete this item?
\r\nSub Item
\r\n\r\n\r\n
\r\n\r\n \r\n Sub item \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n Name
\r\n Description
\r\n \r\n
\r\n Name
\r\n Description
\r\n \r\n
\r\n \r\n \r\n {{ item.name }}\r\n
\r\n \r\n {{ item.description }}\r\n
\r\n Not Found
\r\n \r\n \r\n Notes \r\n \r\n \r\n
\r\n \r\n \r\n Quantity \r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, Input, OnChanges, OnInit } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ConfirmationService } from 'src/app/components/riva-confirmation/riva-confirmation.service';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { ProductFindings } from 'src/app/models/findings.model';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport {\r\n ProductChainFinished,\r\n ProductChainRaw,\r\n} from '../riva-chain/riva-chain-product/model';\r\nimport { ProductComponentDialogComponent } from './product-component-dialog/product-component-dialog.component';\r\n\r\n@Component({\r\n selector: 'app-bill-of-material',\r\n templateUrl: './bill-of-material.component.html',\r\n styleUrls: ['./bill-of-material.component.scss'],\r\n})\r\nexport class BillOfMaterialComponent implements OnInit, OnChanges {\r\n @Input() productId: number;\r\n @Input() editMode: boolean;\r\n productFindings: ProductFindings[] = [];\r\n productChainUnfinished: ProductChainRaw[] = [];\r\n productChainFinished: ProductChainFinished[] = [];\r\n\r\n isReloading = false;\r\n\r\n constructor(\r\n public dialog: MatDialog,\r\n private productService: ProductService,\r\n private productBomService: ProductBomService,\r\n private loadService: LoadService,\r\n private _confirmationService: ConfirmationService,\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.loadService.reloadProductFindings = () => this.getProductFindings();\r\n this.loadService.reloadStoneProduct = () => this.onReloadStones();\r\n this.loadService.reloadProductChainUnfinished = () =>\r\n this.getProductChainUnfinished();\r\n this.loadService.reloadProductChainFinished = () =>\r\n this.getProductChainFinished();\r\n }\r\n\r\n ngOnChanges() {\r\n this.productFindings = [];\r\n if (this.productId) {\r\n this.getProductFindings();\r\n this.getProductChainUnfinished();\r\n this.getProductChainFinished();\r\n }\r\n }\r\n\r\n onDialogOpen() {\r\n const dialogRef = this.dialog.open(ProductComponentDialogComponent, {\r\n disableClose: true,\r\n maxWidth: '1400px',\r\n width: '100%',\r\n autoFocus: false,\r\n data: { productId: this.productId },\r\n });\r\n dialogRef.afterClosed().subscribe(() => {\r\n this.productService.reloadEnamelConstant();\r\n this.productService.reloadEnamelVariation();\r\n this.productBomService.reloadProductLinkBomListDisplay(this.productId);\r\n });\r\n }\r\n\r\n getProductFindings() {\r\n this.productBomService\r\n .getProductFindings(this.productId)\r\n .subscribe((data) => {\r\n this.productFindings = data;\r\n });\r\n }\r\n getProductChainUnfinished() {\r\n this.productBomService\r\n .getProductChainRaw(this.productId)\r\n .subscribe((data) => {\r\n this.productChainUnfinished = data;\r\n });\r\n }\r\n getProductChainFinished() {\r\n this.productBomService\r\n .getProductChainFinished(this.productId)\r\n .subscribe((data) => {\r\n this.productChainFinished = data;\r\n });\r\n }\r\n onDeleteFindings(findings: ProductFindings) {\r\n this._confirmationService\r\n .showConfirmation({\r\n title: 'Delete Product Findings',\r\n content: 'Are you sure you want to delete this findings?',\r\n confirmLabel: 'Delete',\r\n })\r\n .subscribe((isConfirmed) => {\r\n if (!isConfirmed) return;\r\n this.productBomService\r\n .deleteProductFindings(findings.productsBOMFindingsID)\r\n .subscribe(() => {\r\n this.loadService.reloadProductFindings();\r\n });\r\n });\r\n }\r\n onReloadStones() {\r\n this.isReloading = true;\r\n setTimeout(() => {\r\n this.isReloading = false;\r\n }, 0);\r\n }\r\n}\r\n","\r\n \r\n New Sub Item\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Name\r\n \r\n {{ element.subItemName }} \r\n \r\n \r\n \r\n Description\r\n \r\n \r\n {{ element.subItemDescription }}\r\n \r\n \r\n \r\n \r\n Notes\r\n \r\n \r\n {{ element.notes }}\r\n \r\n \r\n \r\n \r\n Quantity\r\n \r\n {{ element.qty }} \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n No Available Data \r\n \r\n \r\n \r\n
\r\n\r\n ![]()
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n","import { Component, Inject, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { StoneProductComponent } from '../../riva-gems/stone-product/stone-product.component';\r\nimport { ProductEnamelComponent } from '../product-enamel/product-enamel.component';\r\nimport { ProductFindingsComponent } from '../product-findings/product-findings.component';\r\n\r\nconst PRODUCT_ENAMEL_INDEX = 0;\r\nconst PRODUCT_FINDINGS_INDEX = 1;\r\nconst PRODUCT_STONES_INDEX = 2;\r\n\r\n@Component({\r\n selector: 'product-component-dialog',\r\n templateUrl: './product-component-dialog.component.html',\r\n styleUrls: ['./product-component-dialog.component.scss'],\r\n})\r\nexport class ProductComponentDialogComponent implements OnInit {\r\n @ViewChild(ProductEnamelComponent)\r\n productEnamelComponent: ProductEnamelComponent;\r\n @ViewChild(ProductFindingsComponent)\r\n productFindingsComponent: ProductFindingsComponent;\r\n @ViewChild(StoneProductComponent)\r\n stoneProductComponent: StoneProductComponent;\r\n selectedIndex = PRODUCT_ENAMEL_INDEX;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n Component (Custom)\r\n \r\n \r\n \r\n \r\n \r\n Components\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Product Findings
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Chain Unfinished
\r\n \r\n \r\n
\r\n Chain Finished
\r\n Components
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n You reach the limit. Maximum variation per product is\r\n {{ maxVariation }}\r\n
\r\n \r\n \r\n Search enamels to add \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Color
\r\n Name
\r\n Pantone Color
\r\n Type
\r\n \r\n
\r\n Color
\r\n SKU
\r\n Name
\r\n Pantone Color
\r\n Type
\r\n \r\n
\r\n \r\n
\r\n \r\n {{ enamel.enamelName }}\r\n
\r\n \r\n {{ enamel.pantoneColor }}\r\n
\r\n \r\n {{ getTypeLabel(enamel.hardness) }}\r\n
\r\n Not Found
\r\n \r\n \r\n
\r\n
\r\n\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { FINDINGS_TYPE } from 'src/app/components/riva-findings/constants';\r\nimport { Finding, FindingsStock } from 'src/app/components/riva-findings/model';\r\nimport { FindingsMaterial } from 'src/app/models/findings.model';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\n\r\n@Component({\r\n selector: 'bom-findings',\r\n templateUrl: './bom-findings.component.html',\r\n styleUrls: ['./bom-findings.component.scss'],\r\n})\r\nexport class BomFindingsComponent implements OnInit, AfterViewInit, OnChanges {\r\n @Input() findings: Finding[];\r\n @Input() selectedFinding: Finding;\r\n @Input() findingsType: number;\r\n @Output() onReloadList = new EventEmitter();\r\n @Output() onSelectFinding = new EventEmitter();\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n\r\n selectedStock: FindingsStock = {} as FindingsStock;\r\n stocks: FindingsStock[] = [];\r\n list = new MatTableDataSource| Variation | \r\n\r\n | \r\n Color | \r\n\r\n | \r\n Name | \r\n{{ element.enamelName }} | \r\nPantone Color | \r\n\r\n {{ element.pantoneColor }}\r\n | \r\nType | \r\n\r\n {{ getTypeLabel(element.hardness) }}\r\n | \r\nSupplier | \r\n\r\n {{ element.supplierDisplayName }}\r\n | \r\nColor | \r\n{{ element.colorHex }} | \r\n\r\n | \r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { FINDINGS_TYPE } from 'src/app/components/riva-findings/constants';\r\nimport { Finding, FindingsStock } from 'src/app/components/riva-findings/model';\r\nimport { FindingsMaterial } from 'src/app/models/findings.model';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\n\r\n@Component({\r\n selector: 'bom-finding-jumpring',\r\n templateUrl: './bom-jumpring.component.html',\r\n styleUrls: ['./bom-jumpring.component.scss'],\r\n})\r\nexport class BomJumpringComponent implements OnInit, AfterViewInit, OnChanges {\r\n @Input() findings: Finding[];\r\n @Input() selectedJumpring: Finding;\r\n @Output() onReloadList = new EventEmitter();\r\n @Output() onSelectFinding = new EventEmitter();\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n\r\n // selectedJumpring: Finding = {} as Finding;\r\n selectedStock: FindingsStock = {} as FindingsStock;\r\n stocks: FindingsStock[] = [];\r\n jumprings = new MatTableDataSource\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ columns['name'] }} \r\n \r\n {{ element.name }}\r\n \r\n \r\n \r\n {{ columns['size_1'] }} \r\n \r\n {{ element.size_1 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_2'] }}\r\n \r\n \r\n {{ element.size_2 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_3'] }}\r\n \r\n \r\n {{ element.size_3 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_4'] }}\r\n \r\n \r\n {{ element.size_4 }}mm\r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n \r\n {{ element.customerName }}\r\n \r\n \r\n \r\n \r\n ID\r\n \r\n \r\n {{ element.jumpringSize }}\r\n \r\n \r\n\r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n \r\n Qty \r\n \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n {{ mat.description }}\r\n \r\n \r\n \r\n
\r\n \r\n Override Material \r\n
\r\n \r\n \r\n Comment \r\n \r\n \r\n
\r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n OnInit,\r\n Output,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { FINDINGS_TYPE } from 'src/app/components/riva-findings/constants';\r\nimport { Finding, FindingsStock } from 'src/app/components/riva-findings/model';\r\nimport { FindingsMaterial } from 'src/app/models/findings.model';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\n\r\n@Component({\r\n selector: 'bom-finding-post',\r\n templateUrl: './bom-post.component.html',\r\n styleUrls: ['./bom-post.component.scss'],\r\n})\r\nexport class BomPostComponent implements OnInit, AfterViewInit, OnChanges {\r\n @Input() findings: Finding[];\r\n @Input() selectedPost: Finding;\r\n @Output() onReloadList = new EventEmitter();\r\n @Output() onSelectFinding = new EventEmitter();\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n\r\n // selectedPost: Finding = {} as Finding;\r\n selectedStock: FindingsStock = {} as FindingsStock;\r\n stocks: FindingsStock[] = [];\r\n posts = new MatTableDataSource\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Wire Diameter\r\n \r\n \r\n {{ element.size_1 }}mm\r\n \r\n \r\n \r\n \r\n ID\r\n \r\n \r\n {{ element.jumpringSize }}\r\n \r\n \r\n \r\n \r\n ID 1\r\n \r\n \r\n {{ element.size_2 }}\r\n \r\n \r\n \r\n \r\n ID 2\r\n \r\n \r\n {{ element.size_3 }}\r\n \r\n \r\n\r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Qty \r\n \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n {{ mat.description }}\r\n \r\n \r\n \r\n
\r\n \r\n Override Material \r\n
\r\n \r\n \r\n Comment \r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { ProductFindings } from 'src/app/models/findings.model';\r\n\r\n@Component({\r\n selector: 'product-findings-table',\r\n styleUrls: ['./product-findings-table.component.scss'],\r\n templateUrl: './product-findings-table.component.html',\r\n})\r\nexport class ProductFindingsTableComponent implements OnInit {\r\n @Input() productFindings: ProductFindings[];\r\n @Input() editMode: boolean;\r\n @Output() onDeleteFindings = new EventEmitter\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Length\r\n \r\n \r\n {{ element.size_1 }}mm\r\n \r\n \r\n \r\n \r\n Thickness\r\n \r\n \r\n {{ element.size_2 }}mm\r\n \r\n \r\n\r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n Qty \r\n \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n {{ mat.description }}\r\n \r\n \r\n \r\n
\r\n \r\n Override Material \r\n
\r\n \r\n \r\n Comment \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n","import { SelectionModel } from '@angular/cdk/collections';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { Observable, forkJoin } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { Finding } from 'src/app/components/riva-findings/model';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport {\r\n FindingsMaterial,\r\n FindingsSize,\r\n ProductFindings,\r\n RivaFindings,\r\n} from 'src/app/models/findings.model';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { Guid } from '../../generic/generic.component';\r\nimport { FINDINGS_TYPE } from '../../riva-findings/constants';\r\nimport { ProductComponentDialogComponent } from '../product-component-dialog/product-component-dialog.component';\r\nimport { ConfirmationService } from './../../riva-confirmation/riva-confirmation.service';\r\n\r\n@Component({\r\n selector: 'product-findings',\r\n templateUrl: './product-findings.component.html',\r\n styleUrls: ['./product-findings.component.scss'],\r\n})\r\nexport class ProductFindingsComponent implements OnInit {\r\n @Input() productId: number;\r\n\r\n displayedColumns: string[] = [\r\n 'name',\r\n 'sku',\r\n 'material',\r\n 'size',\r\n 'qty',\r\n 'comment',\r\n 'delete',\r\n ];\r\n search = '';\r\n isFindingsSaving = false;\r\n maxVariation = 30;\r\n isVariationLimit = false;\r\n findingsControl = new FormControl();\r\n filteredFindings: Observable| \r\n | Name | \r\n\r\n {{ element.findings.name || element.size.findingsTypeName }}\r\n | \r\nSKU | \r\n{{ element.findings.sku }} | \r\nFinding Type | \r\n\r\n {{ element.size.findingsTypeName }}\r\n | \r\nMaterial | \r\n\r\n {{ element.material?.description }}\r\n | \r\nSize | \r\n{{ element.sizeLabel }} | \r\nQty | \r\n{{ element.qty }} | \r\nComment | \r\n{{ element.comment }} | \r\n\r\n | \r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\n","import { Component, Input, OnChanges, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { forkJoin, Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { ConfirmationService } from 'src/app/components/riva-confirmation/riva-confirmation.service';\r\nimport { Product, ProductSizes } from 'src/app/models/product';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport {\r\n ProductLinkBom,\r\n ProductLinkBomGroupByProduct,\r\n ProductSizeBom,\r\n} from '../product-link-bom';\r\n\r\n@Component({\r\n selector: 'product-link-bom-form',\r\n templateUrl: './product-link-bom-form.component.html',\r\n styleUrls: ['./product-link-bom-form.component.scss'],\r\n})\r\nexport class ProductLinkBomFormComponent implements OnInit, OnChanges {\r\n @Input() productId: number;\r\n\r\n products: Product[] = [];\r\n productSizes: ProductSizes[] = [];\r\n productBomSizes: ProductSizeBom[] = [];\r\n product: Product = new Product();\r\n productControl = new FormControl();\r\n filteredProducts: Observable\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n
\r\n","import { Component, Input, OnChanges, OnInit } from '@angular/core';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport groupBy from 'lodash/groupBy';\r\nimport { forkJoin } from 'rxjs';\r\nimport { ConfirmationService } from 'src/app/components/riva-confirmation/riva-confirmation.service';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { ProductLinkBomGroupByProduct } from '../product-link-bom';\r\n\r\n@Component({\r\n selector: 'product-link-bom-table',\r\n templateUrl: './product-link-bom-table.component.html',\r\n styleUrls: ['./product-link-bom-table.component.scss'],\r\n})\r\nexport class ProductLinkBomTableComponent implements OnInit, OnChanges {\r\n @Input() productId: number;\r\n @Input() isDisplayOnly: boolean = false;\r\n\r\n productLinksBom = new MatTableDataSource\r\n \r\n Product \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n\r\n \r\n Add\r\n \r\n
\r\n \r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n \r\n \r\n {{ product.customerCodeNavigation?.customerId }}\r\n
\r\n \r\n
\r\n \r\n {{ product.productName }}\r\n
\r\n\r\n
\r\n {{ product.sku }}
\r\n\r\n
\r\n {{ product.productDesc }}
\r\nNot Found
\r\n | Size | \r\n{{ element.size }} | \r\nPrimary Size | \r\n\r\n | \r\n Qty | \r\n\r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\nBill of Materials
\r\n| Pic | \r\n\r\n | \r\n Product | \r\n{{ element.productName }} | \r\nSize | \r\n\r\n 4 }\">\r\n \r\n \r\n \r\n \r\n {{ size.bomSize }}\r\n \r\n \r\n \r\n {{ size.primarySize || 'All' }} \r\n Qty: {{ size.qty || 0 }}\r\n | \r\n \r\n | \r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { Product, ProductsBOM, ProductsInfo } from 'src/app/models/product';\r\nimport {\r\n BomResponse,\r\n BomTableAResponse,\r\n FabMethod,\r\n} from 'src/app/models/product-bom-b';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n selector: 'app-bill-of-materials-a',\r\n templateUrl: './bill-of-materials-a.component.html',\r\n styleUrls: ['./bill-of-materials-a.component.scss'],\r\n})\r\nexport class BillOfMaterialsAComponent\r\n extends GenericComponent\r\n implements OnInit\r\n{\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private productBomService: ProductBomService,\r\n private materialCodeService: MaterialCodeService,\r\n ) {\r\n super(loadService, alertService);\r\n this.load();\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n materialCodes: MaterialCode[] = [];\r\n\r\n private _editModeInput: boolean = undefined;\r\n @Input() set editModeInput(data: boolean) {\r\n this._editModeInput = data;\r\n this.editMode = this._editModeInput;\r\n this.newTableAItem = [];\r\n }\r\n\r\n get editModeInput(): boolean {\r\n return this._editModeInput;\r\n }\r\n\r\n private _productInput: Product = undefined;\r\n @Input() set productInput(data: Product) {\r\n this._productInput = data;\r\n this.refreshProductData(this._productInput);\r\n }\r\n\r\n get productInput(): Product {\r\n return this._productInput;\r\n }\r\n\r\n refreshProductData(product: Product) {\r\n if (product.productsId !== undefined) {\r\n this.productBomService\r\n .getTableAList(this.productInput.productsId)\r\n .subscribe((result) => {\r\n this.tableA = result;\r\n });\r\n }\r\n }\r\n\r\n private _productInfoInput: ProductsInfo[] = [];\r\n @Input() set productInfoInput(data: ProductsInfo[]) {\r\n this._productInfoInput = data;\r\n }\r\n\r\n get productInfoInput(): ProductsInfo[] {\r\n return this._productInfoInput;\r\n }\r\n\r\n private _selectedProductInfoInput: ProductsInfo = undefined;\r\n @Input() set selectedProductInfoInput(data: ProductsInfo) {\r\n this._selectedProductInfoInput = data;\r\n }\r\n\r\n get selectedProductInfoInput(): ProductsInfo {\r\n return this._selectedProductInfoInput;\r\n }\r\n\r\n get distinctMaterials(): ProductsInfo[] {\r\n var materials: ProductsInfo[] = [];\r\n this.productInfoInput.forEach((item) => {\r\n let exist = materials.find(\r\n (x) => x.materialCodeId == item.materialCodeId,\r\n );\r\n if (exist == undefined) {\r\n materials.push(item);\r\n }\r\n });\r\n return materials;\r\n }\r\n\r\n getMaterialSizes(materialCodeId: number) {\r\n let info = this.productInfoInput.filter(\r\n (x) => x.materialCodeId == materialCodeId,\r\n );\r\n var result: ProductsInfo[] = [];\r\n if (info !== undefined) {\r\n if (info.length != 0) {\r\n info.forEach((item) => {\r\n result.push(item);\r\n });\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n tableA: BomResponse[] = [];\r\n keyword: string = '';\r\n tableAOptions: BomTableAResponse[] = [];\r\n fabMethods: FabMethod[] = [];\r\n\r\n load() {\r\n this.materialCodeService.getList().subscribe((result) => {\r\n this.materialCodes = result.responseObject;\r\n });\r\n this.productBomService.getTableAOptions().subscribe((result) => {\r\n this.tableAOptions = result;\r\n });\r\n this.productBomService.getFabMethods().subscribe((result) => {\r\n this.fabMethods = result;\r\n });\r\n }\r\n\r\n showDropdown(show: boolean) {\r\n if (show) {\r\n document\r\n .getElementById('search-option')\r\n .nextElementSibling.classList.remove('hidden');\r\n } else {\r\n document\r\n .getElementById('search-option')\r\n .nextElementSibling.classList.add('hidden');\r\n }\r\n }\r\n\r\n newTableAItem: BomTableAResponse[] = [];\r\n\r\n // addToTableAItem(item: BomTableAResponse){\r\n // this.newTableAItem.push(item);\r\n // this.showDropdown(false);\r\n // }\r\n\r\n checkIfListed(subItemId: number, itemType: number) {\r\n let item = this.tableA.find(\r\n (x) => x.subItemId == subItemId && x.itemType == itemType,\r\n );\r\n let x = this.newTableAItem.find(\r\n (x) => x.id == subItemId && x.type == itemType,\r\n );\r\n if (item !== undefined || x !== undefined) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n addToTableA(subItemId: number, itemType: number, qty: number) {\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n let newBom = new ProductsBOM();\r\n newBom.productsId = this.productInput.productsId;\r\n newBom.subItemId = subItemId;\r\n newBom.bomItemTypeId = itemType;\r\n newBom.itemQty = qty;\r\n this.productBomService.addUpdate(newBom).subscribe(\r\n (result) => {\r\n this.tableA.push(result);\r\n this.newTableAItem = this.newTableAItem.filter(\r\n (x) => x.id != subItemId,\r\n );\r\n this.autosaveCounter -= 1;\r\n },\r\n (error) => {\r\n this.alertService.error('Unable to add item.');\r\n this.autosaveCounter -= 1;\r\n },\r\n );\r\n }\r\n\r\n updateTableAItem(bom: BomResponse) {\r\n if (bom.bomQty == 0) {\r\n this.delete(bom.bomId);\r\n } else {\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n let updateBom = new ProductsBOM();\r\n updateBom.productsBomid = bom.bomId;\r\n updateBom.itemQty = bom.bomQty;\r\n updateBom.notes = bom.itemDescription;\r\n updateBom.productsInfoId = bom.productsInfoId;\r\n this.productBomService.addUpdate(updateBom).subscribe(\r\n (result) => {\r\n var updated = this.tableA.find((x) => x.bomId == result.bomId);\r\n var index = this.tableA.indexOf(updated);\r\n this.tableA[index] = result;\r\n this.autosaveCounter -= 1;\r\n },\r\n (error) => {\r\n this.alertService.error('Unable to add item.');\r\n this.autosaveCounter -= 1;\r\n },\r\n );\r\n }\r\n }\r\n\r\n delete(bomId: number) {\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n this.productBomService.delete(bomId, '').subscribe((result) => {\r\n if (result.wasSuccess) {\r\n this.tableA = this.tableA.filter((x) => x.bomId != bomId);\r\n }\r\n this.autosaveCounter -= 1;\r\n });\r\n }\r\n\r\n getMaterial(materialCodeId: number) {\r\n let x = this.materialCodes.find((x) => x.materialCodeId == materialCodeId);\r\n if (x !== undefined) {\r\n return x.description;\r\n }\r\n return '';\r\n }\r\n}\r\n","\r\n BOM Table A\r\n 0 && showAutosaveCounter\"\r\n class=\"autosave-note\"\r\n >\r\n Saving... \r\n \r\n \r\n Saved \r\n \r\n
\r\n| QTY | \r\nSKU | \r\nName | \r\nNotes | \r\nLocked Size | \r\n\r\n \r\n \r\n | \r\n {{ a.bomQty }}\r\n | \r\n {{ a.sku }} | \r\n{{ a.itemName }} | \r\n\r\n {{ a.itemDescription }}\r\n | \r\n \r\n {{ a.isSizeDependent }}\r\n | \r\n \r\n | \r\n \r\n
|---|
\r\n
\r\n\r\n","import { Component, Input, OnInit } from '@angular/core';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { ChainFinishedColumns } from 'src/app/models/chainfinished.model';\r\nimport { Enamel, EnamelColumns } from 'src/app/models/enamel';\r\nimport { BomItemType } from 'src/app/models/enum/bom-item-type.enum';\r\nimport { FindingsColumn } from 'src/app/models/findings.model';\r\nimport { GemInventory, GemsColumns } from 'src/app/models/gems.model';\r\nimport { ManufacturedMatsColumns } from 'src/app/models/manufactured-materials';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { NonpreciousColumns } from 'src/app/models/nonprecious.model';\r\nimport { Product, ProductsBOM, ProductsInfo } from 'src/app/models/product';\r\nimport { BomResponse } from 'src/app/models/product-bom-b';\r\nimport { Suppliers } from 'src/app/models/suppliers.model';\r\nimport { UnitOfMeasure } from 'src/app/models/unit-of-measure';\r\nimport { ChainfinishedService } from 'src/app/services/chainfinished.service';\r\nimport { ChainfinishedinfoService } from 'src/app/services/chainfinishedinfo.service';\r\nimport { EnamelService } from 'src/app/services/enamel.service';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\nimport { FindingsinfoService } from 'src/app/services/findingsinfo.service';\r\nimport { GemService } from 'src/app/services/gem.service';\r\nimport { ManufacturedMaterialsInfoService } from 'src/app/services/manufactured-materials-info.service';\r\nimport { ManufacturedMaterialsService } from 'src/app/services/manufactured-materials.service';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { MetalGrainService } from 'src/app/services/metal-grain.service';\r\nimport { NonPreciousService } from 'src/app/services/non-precious.service';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { SupplierService } from 'src/app/services/supplier.service';\r\nimport { UnitOfMeasureService } from 'src/app/services/unit-of-measurement.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nexport class OptionSizes {\r\n id: number = 0;\r\n parentId: number = 0;\r\n materialCodeId: number = 0;\r\n size: string = '';\r\n subItemInfoId: number = 0;\r\n}\r\n\r\n//Refactor this\r\nexport class AllOptionSizes {\r\n id: number = 0;\r\n parentId: number = 0;\r\n materialCodeId: number = 0;\r\n size: string = '';\r\n subItemInfoId: number = 0;\r\n type: number = 0;\r\n}\r\n\r\n@Component({\r\n selector: 'app-bill-of-materials-b',\r\n templateUrl: './bill-of-materials-b.component.html',\r\n styleUrls: ['./bill-of-materials-b.component.scss'],\r\n})\r\nexport class BillOfMaterialsBComponent\r\n extends GenericComponent\r\n implements OnInit\r\n{\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private productBomService: ProductBomService,\r\n private gemService: GemService,\r\n private modalService: NgbModal,\r\n private enamelService: EnamelService,\r\n private manufacturedMatService: ManufacturedMaterialsService,\r\n private metalGrainSerivce: MetalGrainService,\r\n private findingService: FindingsService,\r\n private nonPreciousService: NonPreciousService,\r\n private supplierService: SupplierService,\r\n private uomService: UnitOfMeasureService,\r\n private materialCodeService: MaterialCodeService,\r\n private chainFinishedService: ChainfinishedService,\r\n private chainFinishedInfoService: ChainfinishedinfoService,\r\n private findingsInfoService: FindingsinfoService,\r\n private manufacturedMatsInfoService: ManufacturedMaterialsInfoService,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadSize();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.load();\r\n }\r\n\r\n private _editModeInput: boolean = undefined;\r\n @Input() set editModeInput(data: boolean) {\r\n this._editModeInput = data;\r\n this.editMode = this._editModeInput;\r\n }\r\n\r\n get editModeInput(): boolean {\r\n return this._editModeInput;\r\n }\r\n\r\n private _productInput: Product = undefined;\r\n @Input() set productInput(data: Product) {\r\n this._productInput = data;\r\n this.refreshProductData(this._productInput);\r\n }\r\n\r\n get productInput(): Product {\r\n return this._productInput;\r\n }\r\n\r\n refreshProductData(product: Product) {\r\n if (product.productsId !== undefined) {\r\n this.productBomService\r\n .getTableBList(this.productInput.productsId)\r\n .subscribe((result) => {\r\n this.tableB = result;\r\n });\r\n }\r\n }\r\n\r\n private _productInfoInput: ProductsInfo[] = [];\r\n @Input() set productInfoInput(data: ProductsInfo[]) {\r\n this._productInfoInput = data;\r\n }\r\n\r\n get productInfoInput(): ProductsInfo[] {\r\n return this._productInfoInput;\r\n }\r\n\r\n private _selectedProductInfoInput: ProductsInfo = undefined;\r\n @Input() set selectedProductInfoInput(data: ProductsInfo) {\r\n this._selectedProductInfoInput = data;\r\n }\r\n\r\n get selectedProductInfoInput(): ProductsInfo {\r\n return this._selectedProductInfoInput;\r\n }\r\n\r\n get distinctMaterials(): ProductsInfo[] {\r\n var materials: ProductsInfo[] = [];\r\n this.productInfoInput.forEach((item) => {\r\n let exist = materials.find(\r\n (x) => x.materialCodeId == item.materialCodeId,\r\n );\r\n if (exist == undefined) {\r\n materials.push(item);\r\n }\r\n });\r\n return materials;\r\n }\r\n\r\n getMaterialSizes(materialCodeId: number) {\r\n let info = this.productInfoInput.filter(\r\n (x) => x.materialCodeId == materialCodeId,\r\n );\r\n var result: ProductsInfo[] = [];\r\n if (info !== undefined) {\r\n if (info.length != 0) {\r\n info.forEach((item) => {\r\n result.push(item);\r\n });\r\n }\r\n }\r\n return result;\r\n }\r\n\r\n tableB: BomResponse[] = [];\r\n suppliers: Suppliers[] = [];\r\n uom: UnitOfMeasure[] = [];\r\n materialCodes: MaterialCode[] = [];\r\n\r\n load() {\r\n this.supplierService.getList().subscribe((result) => {\r\n this.suppliers = result;\r\n });\r\n this.uomService.getList().subscribe((result) => {\r\n this.uom = result.responseObject;\r\n });\r\n this.materialCodeService.getList().subscribe((result) => {\r\n this.materialCodes = result.responseObject;\r\n });\r\n if (this.productInput.productsId !== undefined) {\r\n this.productBomService\r\n .getTableBList(this.productInput.productsId)\r\n .subscribe((result) => {\r\n this.tableB = result;\r\n });\r\n }\r\n }\r\n\r\n get tableB_filteredByMatSize() {\r\n if (this.selectedProductInfoInput.productsInfoId != undefined) {\r\n return this.tableB.filter(\r\n (b) =>\r\n this.productInfoInput.find(\r\n (i) => i.productsInfoId == b.productsInfoId,\r\n )?.size == this.selectedProductInfoInput.size ||\r\n b.productsInfoId == 0 ||\r\n b.productsInfoId == undefined ||\r\n b.productsInfoId == null,\r\n );\r\n } else {\r\n return [];\r\n }\r\n }\r\n\r\n enamels: Enamel[] = [];\r\n gems: GemInventory[] = [];\r\n bomType: number = BomItemType.Chain;\r\n popupTableB_ColumnNames = [];\r\n popupTableB_RowData = [];\r\n tableB_filtered = [];\r\n\r\n searchTimeout() {\r\n if (this.searchString == '') {\r\n // this.tableB_filtered = [];\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n } else {\r\n let searchResult = [];\r\n\r\n if (this.bomType == BomItemType.Enamel) {\r\n searchResult = this.popupTableB_RowData.filter(\r\n (x) =>\r\n x['enamelSku']\r\n .toLowerCase()\r\n .includes(this.searchString.toLowerCase()) ||\r\n x['enamelName']\r\n .toLowerCase()\r\n .includes(this.searchString.toLowerCase()),\r\n );\r\n } else {\r\n searchResult = this.popupTableB_RowData.filter(\r\n (x) =>\r\n x['SKU'].toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n x['Name'].toLowerCase().includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n if (searchResult !== undefined) {\r\n this.tableB_filtered = searchResult;\r\n }\r\n }\r\n }\r\n\r\n getDistinctOptionSizes(parentId: number): OptionSizes[] {\r\n var sizes: OptionSizes[] = [];\r\n let filtered = [];\r\n filtered = this.sizeSelection.filter((x) => x.parentId == parentId);\r\n filtered.forEach((item) => {\r\n let exist = sizes.find((x) => x.id == item.id);\r\n if (exist == undefined) {\r\n sizes.push(item);\r\n }\r\n });\r\n return sizes;\r\n }\r\n\r\n sizeSelected = 0;\r\n sizeSelection: OptionSizes[] = [];\r\n allSizes: AllOptionSizes[] = [];\r\n\r\n getAllOptionSizes(id: number, type: number) {\r\n let info = [];\r\n info = this.allSizes.filter((x) => x.parentId == id && x.type == type);\r\n this.tableB.forEach((item) => {\r\n info = info.filter((x) => x.parentId == id && x.id != item.subItemInfoId);\r\n });\r\n return info;\r\n }\r\n\r\n getOptionSizes(id: number) {\r\n let info = [];\r\n info = this.sizeSelection.filter((x) => x.parentId == id);\r\n this.tableB.forEach((item) => {\r\n info = info.filter((x) => x.parentId == id && x.id != item.subItemInfoId);\r\n });\r\n return info;\r\n }\r\n\r\n loadSize() {\r\n forkJoin([\r\n this.chainFinishedInfoService.getList(),\r\n this.findingsInfoService.getList(),\r\n this.manufacturedMatsInfoService.getList(),\r\n ])\r\n .pipe(\r\n map(([chainInfos, findingInfos, manufacturedMatInfos]) => {\r\n return { chainInfos, findingInfos, manufacturedMatInfos };\r\n }),\r\n )\r\n .subscribe((response) => {\r\n response.chainInfos.forEach((element) => {\r\n let optionSize = new AllOptionSizes();\r\n optionSize.id = element.chainFinishedInfoId;\r\n optionSize.parentId = element.chainFinishedId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n optionSize.type = BomItemType.Chain;\r\n if (\r\n this.allSizes.find(\r\n (x) => x.size == optionSize.size && x.type == BomItemType.Chain,\r\n ) == undefined\r\n ) {\r\n this.allSizes.push(optionSize);\r\n }\r\n });\r\n\r\n response.findingInfos.forEach((element) => {\r\n let optionSize = new AllOptionSizes();\r\n optionSize.id = element.findingsInfoId;\r\n optionSize.parentId = element.findingsId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n optionSize.type = BomItemType.Findings;\r\n if (\r\n this.allSizes.find(\r\n (x) =>\r\n x.size == optionSize.size && x.type == BomItemType.Findings,\r\n ) == undefined\r\n ) {\r\n this.allSizes.push(optionSize);\r\n }\r\n });\r\n\r\n response.manufacturedMatInfos.forEach((element) => {\r\n let optionSize = new AllOptionSizes();\r\n optionSize.id = element.findingsInfoId;\r\n optionSize.parentId = element.findingsId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n optionSize.type = BomItemType.ManufacturedMats;\r\n if (\r\n this.allSizes.find(\r\n (x) =>\r\n x.size == optionSize.size && x.type == BomItemType.Findings,\r\n ) == undefined\r\n ) {\r\n this.allSizes.push(optionSize);\r\n }\r\n });\r\n });\r\n }\r\n\r\n showTableBOptions(itemType: number) {\r\n this.searchString = '';\r\n this.searchTimeout();\r\n this.sizeSelection = [];\r\n if (itemType == BomItemType.Chain) {\r\n this.resetTableBPopupData(new ChainFinishedColumns());\r\n\r\n forkJoin([\r\n this.chainFinishedService.getList(),\r\n this.chainFinishedInfoService.getList(),\r\n ])\r\n .pipe(\r\n map(([list, infoList]) => {\r\n return { list, infoList };\r\n }),\r\n )\r\n .subscribe(\r\n (response) => {\r\n let list = response.list;\r\n let columns: ChainFinishedColumns[] = [];\r\n\r\n let infoList = response.infoList;\r\n\r\n infoList.forEach((element) => {\r\n let optionSize = new OptionSizes();\r\n optionSize.id = element.chainFinishedInfoId;\r\n optionSize.parentId = element.chainFinishedId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n if (\r\n this.sizeSelection.find((x) => x.size == optionSize.size) ==\r\n undefined\r\n ) {\r\n this.sizeSelection.push(optionSize);\r\n }\r\n });\r\n\r\n list.forEach((element) => {\r\n let column = new ChainFinishedColumns();\r\n column.ID = element.chainFinishedId;\r\n column.Name = element.name;\r\n column.SKU = element.sku;\r\n columns.push(column);\r\n });\r\n\r\n this.popupTableB_RowData = columns;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n } else if (itemType == BomItemType.Enamel) {\r\n this.resetTableBPopupData(new EnamelColumns());\r\n\r\n this.enamelService.getList().subscribe(\r\n (result) => {\r\n this.popupTableB_RowData = result;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n },\r\n (error) => {\r\n this.alertService.error('Error getting list of enamel.');\r\n },\r\n );\r\n } else if (itemType == BomItemType.Findings) {\r\n this.resetTableBPopupData(new FindingsColumn());\r\n\r\n forkJoin([\r\n this.findingService.getList(),\r\n this.findingsInfoService.getList(),\r\n ])\r\n .pipe(\r\n map(([list, infoList]) => {\r\n return { list, infoList };\r\n }),\r\n )\r\n .subscribe(\r\n (response) => {\r\n let list = response.list;\r\n let columns: FindingsColumn[] = [];\r\n\r\n let infoList = response.infoList;\r\n\r\n infoList.forEach((element) => {\r\n let optionSize = new OptionSizes();\r\n optionSize.id = element.findingsInfoId;\r\n optionSize.parentId = element.findingsId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n if (\r\n this.sizeSelection.find((x) => x.size == optionSize.size) ==\r\n undefined\r\n ) {\r\n this.sizeSelection.push(optionSize);\r\n }\r\n });\r\n\r\n list.forEach((element) => {\r\n let column = new FindingsColumn();\r\n column.ID = element.findingsId;\r\n column.Name = element.name;\r\n column.SKU = element.sku;\r\n column.Supplier = this.supplierName(element.suppliersId);\r\n column.Unit = this.getUom(element.unitsOfMeasureId);\r\n columns.push(column);\r\n });\r\n\r\n this.popupTableB_RowData = columns;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n } else if (itemType == BomItemType.ManufacturedMats) {\r\n this.resetTableBPopupData(new ManufacturedMatsColumns());\r\n\r\n forkJoin([\r\n this.manufacturedMatService.getList(),\r\n this.manufacturedMatsInfoService.getList(),\r\n ])\r\n .pipe(\r\n map(([list, infoList]) => {\r\n return { list, infoList };\r\n }),\r\n )\r\n .subscribe(\r\n (response) => {\r\n let list = response.list;\r\n let columns: ManufacturedMatsColumns[] = [];\r\n\r\n let infoList = response.infoList;\r\n\r\n infoList.forEach((element) => {\r\n let optionSize = new OptionSizes();\r\n optionSize.id = element.manufacturedMaterialsInfoId;\r\n optionSize.parentId = element.manufacturedMaterialsId;\r\n optionSize.materialCodeId = element.materialCodeId;\r\n optionSize.size = element.size;\r\n if (\r\n this.sizeSelection.find((x) => x.size == optionSize.size) ==\r\n undefined\r\n ) {\r\n this.sizeSelection.push(optionSize);\r\n }\r\n });\r\n\r\n list.forEach((element) => {\r\n let column = new ManufacturedMatsColumns();\r\n column.ID = element.manufacturedMaterialsId;\r\n column.Name = element.name;\r\n column.SKU = element.sku;\r\n column.Supplier = this.supplierName(element.suppliersId);\r\n column.Unit = this.getUom(element.unitsOfMeasureId);\r\n columns.push(column);\r\n });\r\n\r\n this.popupTableB_RowData = columns;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n\r\n // this.manufacturedMatService.getList().subscribe(result => {\r\n // let x = result;\r\n // let columns: ManufacturedMatsColumns[] = [];\r\n\r\n // x.forEach(element => {\r\n // let column = new ManufacturedMatsColumns();\r\n // column.ID = element.manufacturedMaterialsId;\r\n // column.Name = element.name;\r\n // column.SKU = element.sku;\r\n // column.Supplier = this.supplierName(element.suppliersId);\r\n // column.Unit = this.getUom(element.unitsOfMeasureId);\r\n // columns.push(column);\r\n // });\r\n\r\n // this.popupTableB_RowData = columns;\r\n // this.tableB_filtered = this.popupTableB_RowData;\r\n // }, error => {\r\n // this.alertService.error('Error getting list of sheets and wires.');\r\n // });\r\n }\r\n // else if(itemType == BomItemType.MetalGrains){\r\n // this.resetTableBPopupData(new MetalGrainColumn());\r\n\r\n // this.metalGrainSerivce.getList().subscribe(result => {\r\n // let x = result;\r\n // let columns: MetalGrainColumn[] = [];\r\n\r\n // x.forEach(element => {\r\n // let column = new MetalGrainColumn();\r\n // column.ID = element.metalGrainsId;\r\n // column.Name = element.name;\r\n // column.SKU = element.sku;\r\n // column.Supplier = this.supplierName(element.suppliersId);\r\n // column[\"Supplier SKU\"] = element.supplierSku;\r\n // column.Material = this.getMaterial(element.materialCode);\r\n // column.Unit = this.getUom(element.unitsOfMeasureId);\r\n // column[\"QTY in Stock\"] = element.qtyinStock;\r\n // column[\"QTY in Scrap\"] = element.qtyinScrap;\r\n // columns.push(column);\r\n // });\r\n\r\n // this.popupTableB_RowData = columns;\r\n // }, error => {\r\n // this.alertService.error('Error getting list of enamel.');\r\n // });\r\n // }\r\n else if (itemType == BomItemType.Gems) {\r\n this.resetTableBPopupData(new GemsColumns());\r\n\r\n this.gemService.getList().subscribe(\r\n (result) => {\r\n this.popupTableB_RowData = result.responseObject;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n },\r\n (error) => {\r\n this.alertService.error('Error getting list of gems.');\r\n },\r\n );\r\n } else if (itemType == BomItemType.Nonprecious) {\r\n this.resetTableBPopupData(new NonpreciousColumns());\r\n\r\n this.nonPreciousService.getList().subscribe(\r\n (result) => {\r\n let x = result;\r\n let columns: NonpreciousColumns[] = [];\r\n\r\n x.forEach((element) => {\r\n let column = new NonpreciousColumns();\r\n column.ID = element.nonPreciousId;\r\n column.Name = element.name;\r\n column.SKU = element.sku;\r\n column.Supplier = this.supplierName(element.suppliersId);\r\n column.Unit = this.getUom(element.unitsOfMeasureId);\r\n column['Stock QTY'] = element.stockQty;\r\n column['Supplier Price'] = element.supplierPrice;\r\n columns.push(column);\r\n });\r\n\r\n this.popupTableB_RowData = columns;\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n },\r\n (error) => {\r\n this.alertService.error(\r\n 'Error getting list of nonprecious materials.',\r\n );\r\n },\r\n );\r\n }\r\n }\r\n\r\n resetTableBPopupData(object: any) {\r\n this.popupTableB_ColumnNames = [];\r\n this.popupTableB_ColumnNames = Object.keys(object);\r\n this.popupTableB_RowData = [];\r\n this.tableB_filtered = this.popupTableB_RowData;\r\n }\r\n\r\n checkIfListed(subItemId: number, itemType: number) {\r\n let item = this.tableB.find(\r\n (x) => x.subItemId == subItemId && x.itemType == itemType,\r\n );\r\n if (item !== undefined) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n addGemToTableB(input: GemInventory) {\r\n let exist = this.tableB.find(\r\n (x) => x.subItemId == input.gemInventoryId && x.itemType == this.bomType,\r\n );\r\n if (exist == undefined) {\r\n this.addToTableB(input.gemInventoryId, this.bomType, 1);\r\n } else {\r\n this.alertService.error('Gem already in BOM table.');\r\n }\r\n }\r\n\r\n addToTableB(\r\n subItemId: number,\r\n itemType: number,\r\n qty: number,\r\n infoId?: number,\r\n ) {\r\n // this.tableB_filtered = [];\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n let newBom = new ProductsBOM();\r\n newBom.productsId = this.productInput.productsId;\r\n newBom.subItemId = subItemId;\r\n newBom.bomItemTypeId = itemType;\r\n newBom.itemQty = qty;\r\n newBom.subItemInfoId = infoId;\r\n this.productBomService.addUpdate(newBom).subscribe(\r\n (result) => {\r\n this.tableB.push(result);\r\n this.modalService.dismissAll('Add item');\r\n this.autosaveCounter -= 1;\r\n },\r\n (error) => {\r\n this.modalService.dismissAll('Error');\r\n this.alertService.error('Unable to add item.');\r\n this.autosaveCounter -= 1;\r\n },\r\n );\r\n }\r\n\r\n updateTableBItem(bom: BomResponse) {\r\n if (bom.bomQty == 0) {\r\n this.delete(bom.bomId);\r\n } else {\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n let updateBom = new ProductsBOM();\r\n updateBom.productsBomid = bom.bomId;\r\n updateBom.itemQty = bom.bomQty;\r\n updateBom.notes = bom.itemDescription;\r\n updateBom.productsInfoId = bom.productsInfoId;\r\n updateBom.sizeLocked = bom.isSizeDependent;\r\n updateBom.productsInfoId = 0;\r\n if (bom.isSizeDependent) {\r\n updateBom.productsInfoId = this.selectedProductInfoInput.productsInfoId;\r\n }\r\n\r\n var updated = this.tableB.find((x) => x.bomId == bom.bomId);\r\n var index = this.tableB.indexOf(updated);\r\n this.tableB[index] = bom;\r\n\r\n this.productBomService.addUpdate(updateBom).subscribe(\r\n (result) => {\r\n // var updated = this.tableB.find(x => x.bomId == result.bomId);\r\n // var index = this.tableB.indexOf(updated);\r\n // this.tableB[index] = result;\r\n this.modalService.dismissAll('Add item');\r\n this.autosaveCounter -= 1;\r\n },\r\n (error) => {\r\n this.modalService.dismissAll('Error');\r\n this.alertService.error('Unable to add item.');\r\n this.autosaveCounter -= 1;\r\n },\r\n );\r\n }\r\n }\r\n\r\n // updateSizeLock(productsBomId: number, productsInfoId: number){\r\n // this.showAutosaveCounter = true;\r\n // this.autosaveCounter += 1;\r\n // let updateBom = new ProductsBOM();\r\n // updateBom.\r\n // }\r\n\r\n delete(bomId: number) {\r\n this.showAutosaveCounter = true;\r\n this.autosaveCounter += 1;\r\n this.productBomService.delete(bomId, '').subscribe((result) => {\r\n if (result.wasSuccess) {\r\n this.tableB = this.tableB.filter((x) => x.bomId != bomId);\r\n }\r\n this.autosaveCounter -= 1;\r\n });\r\n }\r\n\r\n getPopupLabel(itemType: number) {\r\n if (itemType == BomItemType.Chain) {\r\n return 'Chain';\r\n } else if (itemType == BomItemType.Enamel) {\r\n return 'Enamel';\r\n } else if (itemType == BomItemType.Findings) {\r\n return 'Findings';\r\n } else if (itemType == BomItemType.Gems) {\r\n return 'Gem';\r\n } else if (itemType == BomItemType.ManufacturedMats) {\r\n return 'Manufactured Materials';\r\n }\r\n // else if(itemType == BomItemType.MetalGrains){\r\n // return 'Metal Grains';\r\n // }\r\n else if (itemType == BomItemType.Nonprecious) {\r\n return 'Nonprecious';\r\n }\r\n }\r\n\r\n supplierName(supplierId: number) {\r\n if (this.suppliers.length != 0) {\r\n let data = this.suppliers.find((x) => x.suppliersId == supplierId);\r\n if (data != undefined) {\r\n let supplierName = '(' + data.supplierId + ') ' + data.companyName;\r\n return supplierName;\r\n }\r\n }\r\n return '-ERROR-';\r\n }\r\n\r\n getUom(uomId: number) {\r\n let x = this.uom.find((x) => x.unitsOfMeasureId == uomId);\r\n if (x !== undefined) {\r\n return x.uom;\r\n }\r\n return '';\r\n }\r\n\r\n getMaterial(materialCodeId: number) {\r\n let x = this.materialCodes.find((x) => x.materialCodeId == materialCodeId);\r\n if (x !== undefined) {\r\n return x.description;\r\n }\r\n return '';\r\n }\r\n\r\n closeResult = '';\r\n\r\n openModal(value) {\r\n this.modalService\r\n .open(value, { ariaLabelledBy: 'modal-basic-title' })\r\n .result.then(\r\n (result) => {\r\n this.closeResult = `Closed with: ${result}`;\r\n },\r\n (reason) => {\r\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\r\n },\r\n );\r\n }\r\n\r\n private getDismissReason(reason: any): string {\r\n if (reason === ModalDismissReasons.ESC) {\r\n return 'by pressing ESC';\r\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\r\n return 'by clicking on a backdrop';\r\n } else {\r\n return `with: ${reason}`;\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n BOM Table B\r\n 0 && showAutosaveCounter\"\r\n class=\"autosave-note\"\r\n >\r\n Saving... \r\n \r\n \r\n Saved \r\n \r\n
\r\n| QTY | \r\nSKU | \r\nName | \r\nNotes | \r\nLocked Size | \r\n \r\n\r\n \r\n \r\n | \r\n {{ b.bomQty }}\r\n | \r\n {{ b.sku }} | \r\n{{ b.itemName }} | \r\n\r\n {{ b.itemDescription }}\r\n | \r\n \r\n {{ b.isSizeDependent }}\r\n | \r\n \r\n | \r\n \r\n
|---|
\r\n
\r\n\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n\r\n \r\n Add BOM ({{ getPopupLabel(bomType) }})\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n | {{ column }} | \r\n\r\n | {{ x.ID }} | \r\n{{ x.Name }} | \r\n{{ x.SKU }} | \r\n\r\n \r\n | \r\n \r\n {{ x.enamelId }} | \r\n{{ x.enamelSku }} | \r\n\r\n {{ x.enamelName }}\r\n *listed*\r\n | \r\n{{ x.pantoneColor }} | \r\n{{ x.hardness }} | \r\n{{ supplierName(x.supplierId) }} | \r\n\r\n | \r\n \r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n\r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n\r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n{{ x[\"Stock QTY\"] }} | \r\n{{ x[\"Supplier Price\"] }} | \r\n\r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n \r\n BOM Table A\r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n BOM Table A\r\n 0 && showAutosaveCounter\"\r\n class=\"autosave-note\"\r\n >\r\n Saving... \r\n \r\n \r\n Saved \r\n \r\n
\r\n | QTY | \r\nSKU | \r\nName | \r\nNotes | \r\nLocked Size | \r\n\r\n \r\n \r\n | \r\n {{ a.bomQty }}\r\n | \r\n {{ a.sku }} | \r\n{{ a.itemName }} | \r\n\r\n {{ a.itemDescription }}\r\n | \r\n \r\n {{ a.isSizeDependent }}\r\n | \r\n \r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n BOM Table B\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n","import { DatePipe } from '@angular/common';\r\nimport { HttpEventType } from '@angular/common/http';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport {\r\n Chainfinished,\r\n ChainfinishedInfo,\r\n} from 'src/app/models/chainfinished.model';\r\nimport { ChainfinishedService } from 'src/app/services/chainfinished.service';\r\n\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { Suppliers } from 'src/app/models/suppliers.model';\r\nimport { UnitOfMeasure } from 'src/app/models/unit-of-measure';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { SuppliersService } from 'src/app/services/suppliers.service';\r\nimport { UnitOfMeasureService } from 'src/app/services/unit-of-measurement.service';\r\nimport { Historylogs } from '../../models/historylogs.model';\r\n\r\n@Component({\r\n selector: 'app-chain-finished',\r\n templateUrl: './chain-finished.component.html',\r\n styleUrls: ['./chain-finished.component.scss'],\r\n})\r\nexport class ChainFinishedComponent extends GenericComponent implements OnInit {\r\n tableCollapsed = false;\r\n editMode = false;\r\n\r\n uom: UnitOfMeasure[];\r\n materialCodes: MaterialCode[];\r\n suppliers: Suppliers[];\r\n\r\n chainfinishedList: Chainfinished[];\r\n allChainFinished: Chainfinished[];\r\n chainfinished = new Chainfinished();\r\n\r\n // Material and List Variables\r\n chainFinishedInfo: ChainfinishedInfo[];\r\n selectedChainFinishedInfo = new ChainfinishedInfo();\r\n selectedMaterialCode: number = -1;\r\n selectedSize = -1;\r\n MatList: number[];\r\n SizeList: number[];\r\n highlightSize: boolean = false;\r\n highlightMats: boolean = false;\r\n\r\n newChainFinished = new ChainfinishedInfo();\r\n modalMaterialCode = 0;\r\n modalSize = 0;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private tokenStorageService: TokenStorageService,\r\n private uomService: UnitOfMeasureService,\r\n private chainfinishedService: ChainfinishedService,\r\n private materialCodeService: MaterialCodeService,\r\n private supplierService: SuppliersService,\r\n private _date: DatePipe,\r\n private modalService: NgbModal,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadService.loadContent(true);\r\n this.load();\r\n }\r\n\r\n tableActive = false;\r\n selectedUOM = 1;\r\n newFlag = false;\r\n lastUpdated = new Historylogs();\r\n\r\n @ViewChild('uploadImage') imageUploader: ElementRef;\r\n\r\n ngOnInit(): void {\r\n this.loadService.loadContent(false);\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.uomService.getList(),\r\n this.chainfinishedService.getList(),\r\n this.materialCodeService.getList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(([unitOfMeasurements, chainlist, materialCodes, suppliers]) => {\r\n this.uom = unitOfMeasurements.responseObject;\r\n this.chainfinishedList = chainlist;\r\n this.allChainFinished = chainlist;\r\n this.materialCodes = materialCodes.responseObject;\r\n this.suppliers = suppliers;\r\n\r\n return { unitOfMeasurements, chainlist, materialCodes, suppliers };\r\n }),\r\n )\r\n .subscribe(\r\n (response) => {\r\n if (this.allChainFinished.length > 0) {\r\n this.chainfinished = this.allChainFinished[0];\r\n\r\n if (this.chainfinished.chainFinishedInfo.length > 0) {\r\n this.chainFinishedInfo = this.chainfinished.chainFinishedInfo;\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n this.getHistoryLog(this.chainfinished.chainFinishedId);\r\n }\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getHistoryLog(id: number) {\r\n this.chainfinishedService.lastupdate(id).subscribe((res) => {\r\n this.lastUpdated = res;\r\n\r\n if (this.lastUpdated != null) {\r\n this.lastUpdated = res;\r\n } else {\r\n this.lastUpdated = new Historylogs();\r\n }\r\n });\r\n }\r\n\r\n getMaterialList() {\r\n if (this.chainFinishedInfo.length > 0) {\r\n this.MatList = this.chainFinishedInfo\r\n .map((x) => parseInt(x.materialCodeId.toString()))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n this.SizeList = this.chainFinishedInfo\r\n .map((x) => parseInt(x.size.toString()))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n if (this.MatList.length > 0 && this.SizeList.length > 0) {\r\n this.selectedSize = parseInt(this.chainFinishedInfo[0].size);\r\n this.selectedMaterialCode = this.chainFinishedInfo[0].materialCodeId;\r\n\r\n this.highlightMaterials(this.selectedSize);\r\n this.highlightSizes(this.selectedMaterialCode);\r\n\r\n this.getSelectedChainFinishedInfo();\r\n }\r\n } else {\r\n this.selectedSize = -1;\r\n this.selectedMaterialCode = 0;\r\n this.selectedChainFinishedInfo = new ChainfinishedInfo();\r\n this.MatList = [];\r\n this.SizeList = [];\r\n }\r\n }\r\n\r\n getSelectedChainFinishedInfo() {\r\n this.selectedChainFinishedInfo = new ChainfinishedInfo();\r\n\r\n if (this.selectedMaterialCode != 0 && this.selectedSize != -1) {\r\n this.selectedChainFinishedInfo = this.chainFinishedInfo.filter(\r\n (x) =>\r\n x.materialCodeId == this.selectedMaterialCode &&\r\n parseInt(x.size) == this.selectedSize,\r\n )[0];\r\n\r\n if (this.selectedChainFinishedInfo == undefined) {\r\n this.selectedChainFinishedInfo = new ChainfinishedInfo();\r\n }\r\n }\r\n }\r\n\r\n highlightMaterials(size: number) {\r\n if (this.selectedMaterialCode !== 0) {\r\n // var materials = this.lstMatCodeSize.filter(mat => mat.matID == this.productDetails.matID);\r\n var materials = this.chainFinishedInfo.filter(\r\n (info) => info.materialCodeId == this.selectedMaterialCode,\r\n );\r\n\r\n if (materials !== undefined) {\r\n var filtered = materials.find(\r\n (mat) => mat.size.toString() == size.toString(),\r\n );\r\n\r\n if (filtered !== undefined) {\r\n this.highlightMats = true;\r\n\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n highlightSizes(materialCodeId: number) {\r\n if (this.chainFinishedInfo.length > 0 && this.selectedSize != -1) {\r\n var sizes = this.chainFinishedInfo.find(\r\n (x) => parseInt(x.size) === this.selectedSize,\r\n );\r\n\r\n if (sizes !== undefined) {\r\n this.highlightSize = true;\r\n\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n get totalChainFinished() {\r\n if (this.chainfinishedList !== undefined) {\r\n return this.chainfinishedList.length;\r\n }\r\n return 0;\r\n }\r\n\r\n searchString = '';\r\n\r\n searchTimeout() {\r\n this.chainfinishedList = this.allChainFinished.filter(\r\n (p) =>\r\n p.name.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.sku.toLowerCase().includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n sortColumn = [\r\n { column: 'chainFinishedId', sort: '' },\r\n { column: 'name', sort: '' },\r\n { column: 'sku', sort: '' },\r\n { column: 'suppliersId', sort: '' },\r\n ];\r\n\r\n onSort(column: string) {\r\n if (\r\n this.checkStringIfEmpty(\r\n this.sortColumn.find((s) => s.column === column).sort,\r\n ) ||\r\n this.sortColumn.find((s) => s.column === column).sort !== 'asc'\r\n ) {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'asc';\r\n this.chainfinishedList.sort((a, b) => {\r\n if (a[column] > b[column]) {\r\n return 1;\r\n }\r\n if (a[column] < b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n } else {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'desc';\r\n this.chainfinishedList.sort((a, b) => {\r\n if (a[column] < b[column]) {\r\n return 1;\r\n }\r\n if (a[column] > b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n\r\n sortClass(column) {\r\n if (this.sortColumn.find((s) => s.column === column).sort === 'asc') {\r\n return 'fa-arrow-up';\r\n } else if (\r\n this.sortColumn.find((s) => s.column === column).sort === 'desc'\r\n ) {\r\n return 'fa-arrow-down';\r\n }\r\n return '';\r\n }\r\n\r\n applyColorBand(chainFinished: Chainfinished) {\r\n let index = this.allChainFinished.indexOf(chainFinished);\r\n if (index % 2 == 0 || index == 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n getFinding(chainfinished: Chainfinished) {\r\n this.chainfinished = chainfinished;\r\n\r\n this.chainFinishedInfo = [];\r\n\r\n if (this.chainfinished.chainFinishedInfo.length > 0) {\r\n this.chainFinishedInfo = this.chainfinished.chainFinishedInfo;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.getHistoryLog(chainfinished.chainFinishedId);\r\n }\r\n\r\n toggleEdit() {\r\n this.editMode = !this.editMode;\r\n this.newFlag = false;\r\n this.getMaterialList();\r\n }\r\n\r\n toggleCancel() {\r\n this.editMode = !this.editMode;\r\n\r\n if (this.newFlag == false) {\r\n return;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.chainfinishedService\r\n .delete(this.chainfinished.chainFinishedId)\r\n .subscribe();\r\n }\r\n\r\n save() {\r\n this.editMode = !this.editMode;\r\n\r\n this.chainfinished.chainFinishedInfo = [];\r\n this.chainfinished.chainFinishedInfo = this.chainFinishedInfo;\r\n\r\n this.chainfinishedService.addupdate(this.chainfinished).subscribe((res) => {\r\n this.chainfinished = res;\r\n\r\n this.getHistoryLog(this.chainfinished.chainFinishedId);\r\n\r\n // Need to recall, freaking array doesn't work\r\n this.chainfinishedService.getList().subscribe((res) => {\r\n this.chainfinishedList = res;\r\n this.allChainFinished = res;\r\n });\r\n\r\n this.alertService.success('item details updated.');\r\n });\r\n }\r\n\r\n newProduct() {\r\n this.editMode = !this.editMode;\r\n\r\n this.newFlag = true;\r\n\r\n this.chainfinished = new Chainfinished();\r\n this.chainfinished.name = 'NEW_ITEM';\r\n this.chainfinished.sku = 'NEW_ITEM';\r\n this.chainfinished.createdBy = '';\r\n this.chainfinished.createdDate = new Date();\r\n\r\n this.chainFinishedInfo = [];\r\n\r\n this.chainfinished.createdBy =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n\r\n this.chainfinishedService.addupdate(this.chainfinished).subscribe((res) => {\r\n this.chainfinished = res;\r\n });\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n uploadProductImage(files) {\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('file[]', files[0]);\r\n\r\n formData.append(\r\n 'chainfinishedId',\r\n this.chainfinished.chainFinishedId.toString(),\r\n );\r\n formData.append('sku', this.chainfinished.sku);\r\n\r\n this.chainfinishedService.uploadImage(formData).subscribe((event) => {\r\n if (event.type === HttpEventType.UploadProgress) {\r\n console.log(\r\n 'Uploading: ' + Math.round((100 * event.loaded) / event.total) + '%',\r\n );\r\n } else if (event.type === HttpEventType.Response) {\r\n this.chainfinished.picPath = event.body.responseObject[0];\r\n }\r\n });\r\n }\r\n\r\n formatDate(iDate: Date) {\r\n return this._date.transform(iDate, 'MM.dd.yyyy HH:mm');\r\n }\r\n\r\n getMaterialDesc(matId: number): string {\r\n let materialCode = new MaterialCode();\r\n let desc = '';\r\n\r\n materialCode = this.materialCodes.filter(\r\n (x) => x.materialCodeId == matId,\r\n )[0];\r\n\r\n if (materialCode != undefined) {\r\n desc = materialCode.description;\r\n }\r\n\r\n return desc;\r\n }\r\n\r\n // Modal\r\n createMatSizeOpen(content) {\r\n this.modalOpen(content);\r\n }\r\n\r\n closeResult = '';\r\n\r\n modalOpen(content) {\r\n this.modalService\r\n .open(content, { ariaLabelledBy: 'modal-basic-title' })\r\n .result.then(\r\n (result) => {\r\n this.closeResult = `Closed with: ${result}`;\r\n\r\n // Add New Info\r\n this.AddNewChainFinishedInfo();\r\n },\r\n (reason) => {\r\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\r\n },\r\n );\r\n }\r\n\r\n AddNewChainFinishedInfo() {\r\n this.newChainFinished = new ChainfinishedInfo();\r\n this.newChainFinished.chainFinishedInfoId = 0;\r\n this.newChainFinished.chainFinishedId = this.chainfinished.chainFinishedId;\r\n this.newChainFinished.size = this.modalSize.toString();\r\n this.newChainFinished.materialCodeId = this.modalMaterialCode;\r\n\r\n this.newChainFinished.stockQty = 0;\r\n this.newChainFinished.supplierSku = '';\r\n this.newChainFinished.supplierPrice = 0;\r\n\r\n if (\r\n this.chainFinishedInfo != undefined &&\r\n this.chainFinishedInfo.length > 0\r\n ) {\r\n let index = this.chainFinishedInfo.findIndex(\r\n (d) =>\r\n d.materialCodeId.toString() == this.modalMaterialCode.toString() &&\r\n d.size == this.modalSize.toString(),\r\n );\r\n\r\n if (index == -1) {\r\n this.chainFinishedInfo.push(this.newChainFinished);\r\n } else {\r\n this.alertService.error(\r\n 'Existing Material and size combination exist!',\r\n );\r\n }\r\n } else {\r\n this.chainFinishedInfo = [];\r\n this.chainFinishedInfo.push(this.newChainFinished);\r\n }\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n private getDismissReason(reason: any): string {\r\n if (reason === ModalDismissReasons.ESC) {\r\n return 'by pressing ESC';\r\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\r\n return 'by clicking on a backdrop';\r\n } else {\r\n return `with: ${reason}`;\r\n }\r\n }\r\n\r\n getSupplierName(supplierId: number) {\r\n return this.suppliers.filter((x) => x.suppliersId == supplierId)[0]\r\n .companyName;\r\n }\r\n}\r\n","\r\n BOM Table B\r\n 0 && showAutosaveCounter\"\r\n class=\"autosave-note\"\r\n >\r\n Saving... \r\n \r\n \r\n Saved \r\n \r\n
\r\n | QTY | \r\nSKU | \r\nName | \r\nNotes | \r\nLocked Size | \r\n\r\n \r\n \r\n | \r\n {{ b.bomQty }}\r\n | \r\n {{ b.sku }} | \r\n{{ b.itemName }} | \r\n\r\n {{ b.itemDescription }}\r\n | \r\n \r\n {{ b.isSizeDependent }}\r\n | \r\n \r\n | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n\r\n \r\n Add BOM ({{ getPopupLabel(bomType) }})\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n {{ column }}\r\n | \r\n\r\n | {{ x.ID }} | \r\n{{ x.Name }} | \r\n{{ x.SKU }} | \r\n\r\n | \r\n \r\n {{ x.enamelId }} | \r\n{{ x.enamelSku }} | \r\n\r\n {{ x.enamelName }}\r\n *listed*\r\n | \r\n{{ x.pantoneColor }} | \r\n{{ x.hardness }} | \r\n{{ supplierName(x.supplierId) }} | \r\n\r\n | \r\n \r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n\r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n\r\n | \r\n \r\n {{ x.ID }} | \r\n\r\n {{ x.Name }}\r\n *listed*\r\n | \r\n{{ x.SKU }} | \r\n{{ x.Supplier }} | \r\n{{ x.Unit }} | \r\n{{ x['Stock QTY'] }} | \r\n{{ x['Supplier Price'] }} | \r\n\r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n LAST UPDATE BY : {{ lastUpdated.username }} / DATE :\r\n {{ formatDate(lastUpdated.date) }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n Items: {{ totalChainFinished }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n ID\r\n | \r\n\r\n NAME\r\n | \r\n\r\n SKU\r\n | \r\n\r\n \r\n SUPPLIER\r\n | \r\n{{ item.chainFinishedId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n{{ item.chainFinishedId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ITEM NAME / SKU\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n NAME\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n SKU\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n SUPPLIER
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ sups.supplierId }}\r\n \r\n \r\n\r\n
\r\n \r\n \r\n SUPPLIER CODE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n COMMENTS
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n COMMENT\r\n
\r\n \r\n \r\n \r\n Add Materials\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n *{{ getMaterialDesc(item) }}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n {{ item }}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n EDIT\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n + New\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n \r\n Create Material and Sizes\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {{ mats.description }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport { SupplierService } from 'src/app/services/supplier.service';\r\nimport { Chain, ChainLinkSize, ChainType } from './../../models/chain.model';\r\nimport { MaterialCode } from './../../models/material-code';\r\nimport { Suppliers } from './../../models/suppliers.model';\r\nimport { ChainService } from './../../services/chain.service';\r\nimport { MaterialCodeService } from './../../services/material-code.service';\r\n\r\n@Component({\r\n selector: 'app-chain',\r\n templateUrl: './chain.component.html',\r\n styleUrls: ['./chain.component.scss'],\r\n})\r\nexport class ChainComponent extends GenericComponent implements OnInit {\r\n chainlist: Chain[]; // Data bind list\r\n allchainlist: Chain[]; // Stored list for dynamic binding\r\n\r\n chainTypes: ChainType[] = [];\r\n chainLinkSizes: ChainLinkSize[] = [];\r\n suppliers: Suppliers[];\r\n materialCodes: MaterialCode[];\r\n\r\n selectedChain = new Chain();\r\n selectedChainType: ChainType;\r\n selectedChainLinkSizes: ChainLinkSize;\r\n selectedMaterialCode: MaterialCode;\r\n\r\n newChainType: string;\r\n newChainLinkSizes: string;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private chainService: ChainService,\r\n private supplierService: SupplierService,\r\n private materialCodeService: MaterialCodeService,\r\n ) {\r\n super(loadService, alertService);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.load();\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.chainService.getList(),\r\n this.chainService.getListType(),\r\n this.chainService.getListLinkSize(),\r\n this.supplierService.getList(),\r\n this.materialCodeService.getList(),\r\n ])\r\n .pipe(\r\n map(\r\n ([\r\n chainlist,\r\n chaintypes,\r\n chainlinksizes,\r\n suppliers,\r\n materialcodes,\r\n ]) => {\r\n this.chainlist = chainlist;\r\n this.allchainlist = chainlist;\r\n this.chainTypes = chaintypes;\r\n this.chainLinkSizes = chainlinksizes;\r\n this.suppliers = suppliers;\r\n this.materialCodes = materialcodes.responseObject;\r\n this.materialCodes = this.materialCodes.filter(\r\n (x) => parseInt(x.karat) >= 10 && parseInt(x.karat) <= 18,\r\n );\r\n\r\n if (this.chainTypes.length > 0) {\r\n this.selectedChainType = this.chainTypes[0];\r\n }\r\n\r\n if (this.chainLinkSizes.length > 0) {\r\n this.selectedChainLinkSizes = this.chainLinkSizes[0];\r\n }\r\n\r\n this.selectedMaterialCode = this.materialCodes[0];\r\n\r\n this.getSelectedChainByCheck();\r\n\r\n return {\r\n chainlist,\r\n chaintypes,\r\n chainlinksizes,\r\n suppliers,\r\n materialcodes,\r\n };\r\n },\r\n ),\r\n )\r\n .subscribe(\r\n (response) => {\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getSelectedChainByCheck() {\r\n this.selectedChain = new Chain();\r\n this.selectedChain.chainTypeId = this.selectedChainType.chainTypeId;\r\n this.selectedChain.chainLinkSizeId =\r\n this.selectedChainLinkSizes.chainLinkSizeId;\r\n this.selectedChain.materialCode = this.selectedMaterialCode.materialCodeId;\r\n\r\n this.chainService.getChain(this.selectedChain).subscribe((res) => {\r\n this.selectedChain = res;\r\n });\r\n }\r\n\r\n getSelectedChainType(chainType: ChainType) {\r\n this.selectedChainType = chainType;\r\n\r\n this.getSelectedChainByCheck();\r\n }\r\n\r\n getSelectedChainLinkSizes(chainlinksize: ChainLinkSize) {\r\n this.selectedChainLinkSizes = chainlinksize;\r\n\r\n this.getSelectedChainByCheck();\r\n }\r\n\r\n getSelectedMaterialCode(materialcode: MaterialCode) {\r\n this.selectedMaterialCode = materialcode;\r\n\r\n this.getSelectedChainByCheck();\r\n }\r\n\r\n saveChain() {\r\n // Fail safe in the event user puts decimal point on the quantity\r\n this.selectedChain.stockQty = parseInt(\r\n this.selectedChain.stockQty.toString(),\r\n );\r\n\r\n this.chainService.addupdate(this.selectedChain).subscribe(\r\n (res) => {\r\n this.selectedChain = res;\r\n\r\n this.chainService.getList().subscribe(\r\n (ret) => {\r\n this.chainlist = ret;\r\n this.allchainlist = ret;\r\n },\r\n (err) => {\r\n err;\r\n },\r\n );\r\n\r\n this.alertService.clear();\r\n this.alertService.success('CHAIN SAVED!');\r\n },\r\n (error) => {\r\n this.alertService.error(\r\n error.statusText +\r\n '. ' +\r\n (error.error.errorText !== undefined ? error.error.errorText : ''),\r\n );\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n addchainType() {\r\n if (this.newChainType == '') return;\r\n\r\n let chaintype = new ChainType();\r\n chaintype.chainTypeName = this.newChainType;\r\n\r\n var check = this.chainTypes.filter(\r\n (x) => x.chainTypeName == this.newChainType,\r\n );\r\n if (check.length > 0) {\r\n this.alertService.clear();\r\n this.alertService.success('Duplicate CHAIN TYPE!');\r\n return;\r\n }\r\n\r\n this.chainService.addchaintype(chaintype).subscribe((res) => {\r\n this.chainTypes.push(res);\r\n\r\n this.getSelectedChainByCheck();\r\n\r\n this.newChainType = '';\r\n\r\n this.alertService.clear();\r\n this.alertService.success('Added NEW CHAIN TYPE!');\r\n });\r\n }\r\n\r\n addLinkSize() {\r\n if (this.newChainLinkSizes == '') return;\r\n\r\n let chainlinksize = new ChainLinkSize();\r\n chainlinksize.linkSize = this.newChainLinkSizes;\r\n\r\n var check = this.chainLinkSizes.filter(\r\n (x) => x.linkSize == this.newChainLinkSizes,\r\n );\r\n if (check.length > 0) {\r\n this.alertService.clear();\r\n this.alertService.success('Duplicate CHAIN TYPE!');\r\n return;\r\n }\r\n\r\n this.chainService.addlinksize(chainlinksize).subscribe((res) => {\r\n this.chainLinkSizes.push(res);\r\n\r\n this.getSelectedChainByCheck();\r\n\r\n this.newChainLinkSizes = '';\r\n\r\n this.alertService.clear();\r\n this.alertService.success('Added NEW CHAIN LINK SIZE!');\r\n });\r\n }\r\n\r\n getHighlightedLink(chainlinksize: ChainLinkSize) {\r\n let value: Boolean = false;\r\n\r\n var check1 = this.chainlist.filter(\r\n (x) => x.chainId == this.selectedChain.chainId,\r\n );\r\n\r\n var check = this.chainlist.filter(\r\n (x) =>\r\n x.chainId == this.selectedChain.chainId &&\r\n x.chainLinkSizeId == chainlinksize.chainLinkSizeId,\r\n )[0];\r\n\r\n if (check != null || check != undefined) {\r\n value = true;\r\n }\r\n\r\n return value;\r\n }\r\n\r\n getHighlightedMaterialCode(materialCode: MaterialCode) {\r\n let value: Boolean = false;\r\n\r\n var check = this.chainlist.filter(\r\n (x) =>\r\n x.chainId == this.selectedChain.chainId &&\r\n x.materialCode == materialCode.materialCodeId,\r\n )[0];\r\n\r\n if (check != null || check != undefined) {\r\n value = true;\r\n }\r\n\r\n return value;\r\n }\r\n}\r\n","\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n\r\n\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport {\r\n MatDialog,\r\n MatDialogRef,\r\n MAT_DIALOG_DATA,\r\n} from '@angular/material/dialog';\r\nimport { DateTime } from 'luxon';\r\nimport { CustomerAddress } from 'src/app/models/customer';\r\nimport { CustomerAddressService } from 'src/app/services/customer-address.service';\r\n\r\n@Component({\r\n selector: 'customer-address-dialog',\r\n templateUrl: './customer-address-dialog.component.html',\r\n styleUrls: ['./customer-address-dialog.component.scss'],\r\n})\r\nexport class CustomerAddressDialogComponent implements OnInit {\r\n isSaving: boolean = false;\r\n\r\n customerAddress: CustomerAddress = {\r\n tempCustomersAddressesId: DateTime.now().valueOf(),\r\n } as CustomerAddress;\r\n\r\n constructor(\r\n public dialogRef: MatDialogRef\r\n \r\n
\r\n \r\n CHAIN - STYLE / SIZE INFO / MATERIAL / PRICE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | CHAIN STYLE | \r\n{{ item.chainTypeName }} | \r\n \r\n
|---|
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Add Type\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | SIZE INFO | \r\n{{ item.linkSize }} | \r\n \r\n
|---|
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Add Size\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | MATERIAL CODE | \r\n{{ item.description }} | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n SAVE\r\n \r\n
\r\n Customer Address
\r\n\r\n\r\n
\r\n\r\n \r\n Address 1 \r\n \r\n \r\n \r\n Address 2 \r\n \r\n \r\n
\r\n \r\n \r\n City \r\n \r\n \r\n \r\n Region \r\n \r\n \r\n \r\n Postal Code \r\n \r\n \r\n
\r\n \r\n \r\n Country \r\n \r\n \r\n \r\n Phone \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\nCustomers
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n\r\n
\r\n \r\n
\r\n \r\n \r\n Address 1 \r\n \r\n \r\n \r\n Address 2 \r\n \r\n \r\n
\r\n \r\n \r\n City \r\n \r\n \r\n \r\n Region \r\n \r\n \r\n \r\n Postal Code \r\n \r\n \r\n
\r\n \r\n \r\n Country \r\n \r\n \r\n \r\n Phone \r\n \r\n \r\n \r\n Address Type \r\n \r\n Production Shipment \r\n Development Shipment \r\n Billing \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n | \r\n \r\n \r\n Billing Address \r\n \r\n \r\n | \r\n ||
| \r\n {{ element.fullAddress }}\r\n {{\r\n element.addressTypeLabel\r\n }}\r\n | \r\n{{ element.phone }} | \r\n\r\n \r\n | \r\n
| \r\n No Billing Address\r\n | \r\n||
| \r\n \r\n \r\n Production Shipping Address \r\n \r\n \r\n | \r\n \r\n {{ element.fullAddress }}\r\n {{\r\n element.addressTypeLabel\r\n }}\r\n | \r\n{{ element.phone }} | \r\n\r\n \r\n | \r\n \r\n
| \r\n No Production Shipping Address\r\n | \r\n||
| \r\n \r\n \r\n Development Shipping Address \r\n \r\n \r\n | \r\n \r\n {{ element.fullAddress }}\r\n {{\r\n element.addressTypeLabel\r\n }}\r\n | \r\n{{ element.phone }} | \r\n\r\n \r\n | \r\n \r\n
| \r\n No Development Shipping Address\r\n | \r\n
\r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport {\r\n MAT_DIALOG_DATA,\r\n MatDialog,\r\n MatDialogRef,\r\n} from '@angular/material/dialog';\r\nimport { Customers } from 'src/app/models/customer';\r\nimport { CustomerService } from 'src/app/services/customer.service';\r\n\r\n@Component({\r\n selector: 'customer-setting-dialog',\r\n templateUrl: './customer-setting-dialog.component.html',\r\n styleUrls: ['./customer-setting-dialog.component.scss'],\r\n})\r\nexport class CustomerSettingDialogComponent implements OnInit {\r\n isSaving = false;\r\n customer: Customers\r\n\r\n constructor(\r\n public dialogRef: MatDialogRefCustomers
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Search by company, contact or email \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Customer ID\r\n \r\n {{ element.customerId }} \r\n \r\n \r\n \r\n Company\r\n \r\n {{ element.companyName }} \r\n \r\n \r\n \r\n Contact\r\n \r\n {{ element.contactName }} \r\n \r\n \r\n \r\n Email\r\n \r\n {{ element.emailAddress }} \r\n \r\n \r\n \r\n Leadtime\r\n \r\n \r\n {{ element.leadtimeDays }}\r\n \r\n \r\n \r\n \r\n Payment Terms\r\n \r\n {{ element.paymentTerms }} \r\n \r\n \r\n \r\n \r\n Edit\r\n \r\n \r\n \r\n View\r\n \r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n \r\n
\r\n\r\n
\r\nCustomer Settings
\r\n\r\n Harry Winston Disclaimer \r\n Don’t Allow Mixed Invoices \r\n Lock Gold Price \r\n
\r\n\r\n
\r\n\r\n","import { Component } from '@angular/core';\r\nimport { Parser } from 'expr-eval';\r\nimport { TOTAL_PRICING_FORMULA } from '../product-pricing/product-pricing.component';\r\n\r\n@Component({\r\n selector: 'app-equations',\r\n templateUrl: './equations.component.html',\r\n styleUrls: ['./equations.component.scss'],\r\n})\r\nexport class EquationsComponent {\r\n equation = {\r\n metalWeight: 0,\r\n castingCost: 0,\r\n metalGramCost: 0,\r\n laborTime: 0,\r\n laborTimeCost: 0,\r\n settingTime: 0,\r\n settingTimeCost: 0,\r\n stoneCost: 0,\r\n otherCost: 0,\r\n overheadPercentage: 0,\r\n profitPercentage: 0,\r\n };\r\n\r\n total = 0;\r\n totalMetalCost = 0;\r\n totalOtherCost = 0;\r\n totalLaborCost = 0;\r\n totalOverheadCost = 0;\r\n totalProfit = 0;\r\n equationParser = new Parser();\r\n totalFormula = TOTAL_PRICING_FORMULA;\r\n totalMetalCostFormula = '(metalWeight * metalGramCost) + (metalWeight * castingCost)';\r\n totalOtherCostFormula = 'stoneCost + otherCost';\r\n totalLaborCostFormula = '(laborTime*laborTimeCost) + (settingTime*settingTimeCost)';\r\n totalOverheadCostFormula = '((laborTime*laborTimeCost) + (settingTime*settingTimeCost)) * overheadPercentage';\r\n totalProfitFormula = 'profitPercentage * (((laborTime*laborTimeCost) + (settingTime*settingTimeCost)) + (((laborTime*laborTimeCost) + (settingTime*settingTimeCost))*overheadPercentage))';\r\n\r\n\r\n onValueChange() {\r\n this.calculateLaborCost();\r\n this.calculateOtherCost();\r\n this.calculateTotalMetalCost();\r\n this.calculateOverheadCost();\r\n this.calculateProfit();\r\n this.calculateTotal();\r\n }\r\n\r\n calculateTotalMetalCost() {\r\n const equation = this.equationParser.parse(this.totalMetalCostFormula);\r\n this.totalMetalCost = equation.evaluate(this.equation);\r\n }\r\n\r\n calculateOtherCost() {\r\n const equation = this.equationParser.parse(this.totalOtherCostFormula);\r\n this.totalOtherCost = equation.evaluate(this.equation);\r\n }\r\n\r\n calculateLaborCost() {\r\n const equation = this.equationParser.parse(this.totalLaborCostFormula);\r\n this.totalLaborCost = equation.evaluate(this.equation);\r\n }\r\n\r\n calculateOverheadCost() {\r\n const equation = this.equationParser.parse(this.totalOverheadCostFormula);\r\n this.totalOverheadCost = equation.evaluate(this.equation);\r\n }\r\n\r\n calculateProfit() {\r\n const equation = this.equationParser.parse(this.totalProfitFormula);\r\n this.totalProfit = equation.evaluate(this.equation);\r\n }\r\n\r\n calculateTotal() {\r\n const equation = this.equationParser.parse(this.totalFormula);\r\n this.total = equation.evaluate(this.equation);\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n Items: {{ enamels.filteredData.length }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n ID\r\n \r\n {{ element.enamelId }} \r\n \r\n \r\n \r\n Name\r\n \r\n \r\n \r\n \r\n \r\n \r\n Pantone Color\r\n \r\n \r\n {{ element.pantoneColor }}\r\n \r\n \r\n \r\n \r\n Type\r\n \r\n \r\n {{ element.hardnessDisplayText }}\r\n \r\n \r\n \r\n \r\n Supplier\r\n \r\n \r\n {{ element.supplierDisplayName }}\r\n \r\n \r\n \r\n \r\n ColorHex\r\n \r\n \r\n {{ element.colorHex }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n No Available Data\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ element.enamelName }}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ({{ item.supplierId }}) {{ item.companyName }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n
\r\n","import { DatePipe } from '@angular/common';\r\nimport { HttpEventType } from '@angular/common/http';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport { Findings, FindingsInfo } from 'src/app/models/findings.model';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\n\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { Suppliers } from 'src/app/models/suppliers.model';\r\nimport { UnitOfMeasure } from 'src/app/models/unit-of-measure';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { SuppliersService } from 'src/app/services/suppliers.service';\r\nimport { UnitOfMeasureService } from 'src/app/services/unit-of-measurement.service';\r\nimport { Historylogs } from '../../models/historylogs.model';\r\n\r\n@Component({\r\n selector: 'app-findings',\r\n templateUrl: './findings.component.html',\r\n styleUrls: ['./findings.component.scss'],\r\n})\r\nexport class FindingsComponent extends GenericComponent implements OnInit {\r\n tableCollapsed = false;\r\n editMode = false;\r\n\r\n uom: UnitOfMeasure[];\r\n materialCodes: MaterialCode[];\r\n suppliers: Suppliers[];\r\n\r\n findings: Findings[];\r\n allfindings: Findings[];\r\n finding = new Findings();\r\n\r\n // Material and List Variables\r\n findingsInfo: FindingsInfo[];\r\n selectedFindingsInfo = new FindingsInfo();\r\n selectedMaterialCode: number = -1;\r\n selectedSize = '';\r\n MatList: number[];\r\n SizeList: string[];\r\n highlightSize: boolean = false;\r\n highlightMats: boolean = false;\r\n\r\n newFindingsInfo = new FindingsInfo();\r\n modalMaterialCode = 0;\r\n modalSize = 0;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private tokenStorageService: TokenStorageService,\r\n private uomService: UnitOfMeasureService,\r\n private findingsService: FindingsService,\r\n private materialCodeService: MaterialCodeService,\r\n private supplierService: SuppliersService,\r\n private _date: DatePipe,\r\n private modalService: NgbModal,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadService.loadContent(true);\r\n this.load();\r\n }\r\n\r\n tableActive = false;\r\n selectedUOM = 1;\r\n newFlag = false;\r\n lastUpdated = new Historylogs();\r\n\r\n @ViewChild('uploadImage') imageUploader: ElementRef;\r\n\r\n ngOnInit(): void {\r\n this.loadService.loadContent(false);\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.uomService.getList(),\r\n this.findingsService.getList(),\r\n this.materialCodeService.getList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(([unitOfMeasurements, findings, materialCodes, suppliers]) => {\r\n this.uom = unitOfMeasurements.responseObject;\r\n this.findings = findings;\r\n this.allfindings = findings;\r\n this.materialCodes = materialCodes.responseObject;\r\n this.suppliers = suppliers;\r\n\r\n return { unitOfMeasurements, findings, materialCodes, suppliers };\r\n }),\r\n )\r\n .subscribe(\r\n (response) => {\r\n if (this.allfindings.length > 0) {\r\n this.finding = this.allfindings[0];\r\n\r\n if (this.finding.findingsInfo.length > 0) {\r\n this.findingsInfo = this.finding.findingsInfo;\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n this.getHistoryLog(this.finding.findingsId);\r\n }\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n get totalFindings() {\r\n if (this.findings !== undefined) {\r\n return this.findings.length;\r\n }\r\n return 0;\r\n }\r\n\r\n searchString = '';\r\n\r\n searchTimeout() {\r\n this.findings = this.allfindings.filter(\r\n (p) =>\r\n p.name.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.sku.toLowerCase().includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n sortColumn = [\r\n { column: 'findingsId', sort: '' },\r\n { column: 'name', sort: '' },\r\n { column: 'sku', sort: '' },\r\n { column: 'suppliersId', sort: '' },\r\n ];\r\n\r\n onSort(column: string) {\r\n if (\r\n this.checkStringIfEmpty(\r\n this.sortColumn.find((s) => s.column === column).sort,\r\n ) ||\r\n this.sortColumn.find((s) => s.column === column).sort !== 'asc'\r\n ) {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'asc';\r\n this.findings.sort((a, b) => {\r\n if (a[column] > b[column]) {\r\n return 1;\r\n }\r\n if (a[column] < b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n } else {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'desc';\r\n this.findings.sort((a, b) => {\r\n if (a[column] < b[column]) {\r\n return 1;\r\n }\r\n if (a[column] > b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n\r\n sortClass(column) {\r\n if (this.sortColumn.find((s) => s.column === column).sort === 'asc') {\r\n return 'fa-arrow-up';\r\n } else if (\r\n this.sortColumn.find((s) => s.column === column).sort === 'desc'\r\n ) {\r\n return 'fa-arrow-down';\r\n }\r\n return '';\r\n }\r\n\r\n applyColorBand(finding: Findings) {\r\n let index = this.allfindings.indexOf(finding);\r\n if (index % 2 == 0 || index == 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n getFinding(finding: Findings) {\r\n this.finding = finding;\r\n\r\n this.findingsInfo = [];\r\n\r\n if (this.finding.findingsInfo.length > 0) {\r\n this.findingsInfo = this.finding.findingsInfo;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.getHistoryLog(finding.findingsId);\r\n }\r\n\r\n toggleEdit() {\r\n this.editMode = !this.editMode;\r\n this.newFlag = false;\r\n this.getMaterialList();\r\n }\r\n\r\n toggleCancel() {\r\n this.editMode = !this.editMode;\r\n\r\n if (this.newFlag == false) {\r\n return;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.findingsService.delete(this.finding.findingsId).subscribe();\r\n }\r\n\r\n save() {\r\n this.editMode = !this.editMode;\r\n\r\n this.finding.findingsInfo = [];\r\n this.finding.findingsInfo = this.findingsInfo;\r\n\r\n this.findingsService.addupdate(this.finding).subscribe((res) => {\r\n this.finding = res;\r\n\r\n // Need to recall, freaking array doesn't work\r\n this.findingsService.getList().subscribe((res) => {\r\n this.findings = res;\r\n this.allfindings = res;\r\n });\r\n\r\n this.alertService.success('product details updated.');\r\n });\r\n }\r\n\r\n newProduct() {\r\n this.editMode = !this.editMode;\r\n\r\n this.newFlag = true;\r\n\r\n this.finding = new Findings();\r\n this.finding.name = 'NEW_ITEM';\r\n this.finding.sku = 'NEW_ITEM';\r\n this.finding.createdBy = '';\r\n this.finding.createdDate = new Date();\r\n\r\n this.findingsInfo = [];\r\n\r\n this.finding.createdBy =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n\r\n this.findingsService.addupdate(this.finding).subscribe((res) => {\r\n this.finding = res;\r\n });\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n uploadProductImage(files) {\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('file[]', files[0]);\r\n\r\n formData.append('findingsId', this.finding.findingsId.toString());\r\n formData.append('sku', this.finding.sku);\r\n\r\n // FUNCTION UNDER-CONTRUCTION\r\n this.findingsService.uploadImage(formData).subscribe(\r\n (event) => {\r\n if (event.type === HttpEventType.UploadProgress) {\r\n console.log(\r\n 'Uploading: ' +\r\n Math.round((100 * event.loaded) / event.total) +\r\n '%',\r\n );\r\n } else if (event.type === HttpEventType.Response) {\r\n this.finding.picPath = event.body.responseObject[0];\r\n }\r\n },\r\n (err) => {\r\n err;\r\n },\r\n );\r\n }\r\n\r\n getHistoryLog(id: number) {\r\n this.findingsService.lastupdate(id).subscribe((res) => {\r\n this.lastUpdated = res;\r\n\r\n if (this.lastUpdated != null) {\r\n this.lastUpdated = res;\r\n } else {\r\n this.lastUpdated = new Historylogs();\r\n }\r\n });\r\n }\r\n\r\n formatDate(iDate: Date) {\r\n return this._date.transform(iDate, 'MM.dd.yyyy HH:mm');\r\n }\r\n\r\n // Material and sizes -- codes ***************************************** -- START\r\n getMaterialDesc(matId: number): string {\r\n let materialCode = new MaterialCode();\r\n let desc = '';\r\n\r\n materialCode = this.materialCodes.filter(\r\n (x) => x.materialCodeId == matId,\r\n )[0];\r\n\r\n if (materialCode != undefined) {\r\n desc = materialCode.description;\r\n }\r\n\r\n return desc;\r\n }\r\n\r\n getSelectedFindingsInfo() {\r\n this.selectedFindingsInfo = new FindingsInfo();\r\n\r\n if (this.selectedMaterialCode != 0 && this.selectedSize != '') {\r\n this.selectedFindingsInfo = this.findingsInfo.filter(\r\n (x) =>\r\n x.materialCodeId == this.selectedMaterialCode &&\r\n x.size == this.selectedSize,\r\n )[0];\r\n\r\n if (this.selectedFindingsInfo == undefined) {\r\n this.selectedFindingsInfo = new FindingsInfo();\r\n }\r\n }\r\n }\r\n\r\n getMaterialList() {\r\n if (this.findingsInfo.length > 0) {\r\n this.MatList = this.findingsInfo\r\n .map((x) => parseInt(x.materialCodeId.toString()))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n this.SizeList = this.findingsInfo\r\n .map((x) => x.size)\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n if (this.MatList.length > 0 && this.SizeList.length > 0) {\r\n this.selectedSize = this.findingsInfo[0].size;\r\n this.selectedMaterialCode = this.findingsInfo[0].materialCodeId;\r\n\r\n this.highlightMaterials(this.selectedSize);\r\n this.highlightSizes(this.selectedMaterialCode);\r\n\r\n this.getSelectedFindingsInfo();\r\n }\r\n } else {\r\n this.selectedSize = '';\r\n this.selectedMaterialCode = 0;\r\n this.selectedFindingsInfo = new FindingsInfo();\r\n this.MatList = [];\r\n this.SizeList = [];\r\n }\r\n }\r\n\r\n highlightMaterials(size: string) {\r\n if (this.selectedMaterialCode !== 0) {\r\n // var materials = this.lstMatCodeSize.filter(mat => mat.matID == this.productDetails.matID);\r\n var materials = this.findingsInfo.filter(\r\n (info) => info.materialCodeId == this.selectedMaterialCode,\r\n );\r\n\r\n if (materials !== undefined) {\r\n var filtered = materials.find(\r\n (mat) => mat.size.toString() == size.toString(),\r\n );\r\n\r\n if (filtered !== undefined) {\r\n this.highlightMats = true;\r\n\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n highlightSizes(materialCodeId: number) {\r\n if (this.findingsInfo.length > 0 && this.selectedSize != '') {\r\n var sizes = this.findingsInfo.find((x) => x.size === this.selectedSize);\r\n\r\n if (sizes !== undefined) {\r\n this.highlightSize = true;\r\n\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n // Modal\r\n createMatSizeOpen(content) {\r\n this.modalOpen(content);\r\n }\r\n\r\n closeResult = '';\r\n\r\n modalOpen(content) {\r\n this.modalService\r\n .open(content, { ariaLabelledBy: 'modal-basic-title' })\r\n .result.then(\r\n (result) => {\r\n this.closeResult = `Closed with: ${result}`;\r\n\r\n // Add New Info\r\n this.AddNewFindingsInfo();\r\n },\r\n (reason) => {\r\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\r\n },\r\n );\r\n }\r\n\r\n AddNewFindingsInfo() {\r\n this.newFindingsInfo = new FindingsInfo();\r\n this.newFindingsInfo.findingsInfoId = 0;\r\n this.newFindingsInfo.findingsId = this.finding.findingsId;\r\n this.newFindingsInfo.size = this.modalSize.toString();\r\n this.newFindingsInfo.materialCodeId = this.modalMaterialCode;\r\n\r\n this.newFindingsInfo.stockQty = 0;\r\n this.newFindingsInfo.weight = 0;\r\n\r\n if (this.findingsInfo != undefined && this.findingsInfo.length > 0) {\r\n let index = this.findingsInfo.findIndex(\r\n (d) =>\r\n d.materialCodeId.toString() == this.modalMaterialCode.toString() &&\r\n d.size == this.modalSize.toString(),\r\n );\r\n\r\n if (index == -1) {\r\n this.findingsInfo.push(this.newFindingsInfo);\r\n } else {\r\n this.alertService.error(\r\n 'Existing Material and size combination exist!',\r\n );\r\n }\r\n } else {\r\n this.findingsInfo = [];\r\n this.findingsInfo.push(this.newFindingsInfo);\r\n }\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n private getDismissReason(reason: any): string {\r\n if (reason === ModalDismissReasons.ESC) {\r\n return 'by pressing ESC';\r\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\r\n return 'by clicking on a backdrop';\r\n } else {\r\n return `with: ${reason}`;\r\n }\r\n }\r\n\r\n getSupplierName(supplierId: number) {\r\n return this.suppliers.filter((x) => x.suppliersId == supplierId)[0]\r\n .companyName;\r\n }\r\n}\r\n","\r\n \r\n Metal Weight \r\n \r\n \r\n Casting Cost \r\n \r\n \r\n Metal Gram Cost \r\n \r\n \r\n Labor Time \r\n \r\n \r\n Labor Time Cost \r\n \r\n \r\n Setting Time \r\n \r\n \r\n Setting Time Cost \r\n \r\n \r\n Stone Cost \r\n \r\n \r\n Other Cost \r\n \r\n \r\n Overhead Percentage \r\n \r\n \r\n Profit Percentage \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n \r\n
\r\n View of Total Metal Cost
\r\n {{ totalMetalCost | currency }}
\r\n \r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n \r\n
\r\n View of Other Cost
\r\n {{ totalOtherCost | currency }}
\r\n \r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n\r\n \r\n
\r\n View of Labor Cost
\r\n {{ totalLaborCost | currency }}
\r\n \r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n\r\n \r\n
\r\n View of Overhead Cost
\r\n {{ totalOverheadCost | currency }}
\r\n \r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n\r\n \r\n
\r\n View of Profit
\r\n {{ totalProfit | currency }}
\r\n \r\n \r\n \r\n Re-calculate\r\n \r\n
\r\n \r\n
\r\n Total
\r\n {{ total | currency }}
\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n LAST UPDATE BY : {{ lastUpdated.username }} / DATE :\r\n {{ formatDate(lastUpdated.date) }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n Items: {{ totalFindings }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n ID\r\n | \r\n\r\n NAME\r\n | \r\n\r\n SKU\r\n | \r\n\r\n \r\n SUPPLIER\r\n | \r\n{{ item.findingsId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n{{ item.findingsId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ITEM NAME / SKU\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n NAME\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n SKU\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n SUPPLIER / UNIT OF MEASURE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ sups.supplierId }}\r\n \r\n \r\n\r\n
\r\n \r\n \r\n SUPPLIER CODE\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ unit.uom }}\r\n \r\n \r\n
\r\n \r\n \r\n UOM\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n COMMENTS
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n COMMENT\r\n
\r\n \r\n \r\n \r\n Add Materials\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n *{{ getMaterialDesc(item) }}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n {{ item }}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n EDIT\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n + New\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n \r\n Create Material and Sizes\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {{ mats.description }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n","import { Component, EventEmitter, OnInit, Output } from '@angular/core';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { SupplierService } from 'src/app/services/supplier.service';\r\nimport {\r\n GemCuts,\r\n GemInventory,\r\n Gems,\r\n GemSizes,\r\n GemTypes,\r\n} from '../../models/gems.model';\r\nimport { Suppliers } from '../../models/suppliers.model';\r\nimport { GemService } from '../../services/gem.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n selector: 'app-gems-bom',\r\n templateUrl: './gems-bom.component.html',\r\n styleUrls: ['./gems-bom.component.scss'],\r\n})\r\nexport class GemsBomComponent extends GenericComponent implements OnInit {\r\n gemlist: GemInventory[]; // Data bind list\r\n allgemlist: GemInventory[]; // Stored list for dynamic binding\r\n\r\n gemCuts: GemCuts[] = []; // Gem Cuts\r\n gemTypes: GemTypes[] = [];\r\n allGemSizes: GemSizes[] = [];\r\n gemSizes: GemSizes[] = [];\r\n selectedCut = new GemCuts();\r\n selectedType = new GemTypes();\r\n selectedSize = new GemSizes();\r\n selectedInventory = new GemInventory();\r\n\r\n suppliers: Suppliers[];\r\n newSize: string = '';\r\n\r\n // This will control the behavior of the updating\r\n currentGem = new Gems();\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private gemSvc: GemService,\r\n private supplierService: SupplierService,\r\n ) {\r\n super(loadService, alertService);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.load();\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.gemSvc.getList(),\r\n this.gemSvc.getCutList(),\r\n this.gemSvc.getTypeList(),\r\n this.gemSvc.getSizeList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(([gemlist, cutlist, typelist, sizelist, suppliers]) => {\r\n this.gemlist = gemlist.responseObject;\r\n this.allgemlist = gemlist.responseObject;\r\n\r\n this.gemCuts = cutlist.responseObject;\r\n if (this.gemCuts.length > 0) {\r\n this.selectedCut = this.gemCuts[0];\r\n }\r\n\r\n this.gemTypes = typelist.responseObject;\r\n if (this.gemTypes.length > 0) {\r\n this.selectedType = this.gemTypes[0];\r\n }\r\n\r\n this.allGemSizes = sizelist.responseObject;\r\n\r\n this.getupdatedSize();\r\n\r\n this.suppliers = suppliers;\r\n\r\n this.getSelectedInventory();\r\n\r\n return { gemlist, cutlist, typelist, sizelist, suppliers };\r\n }),\r\n )\r\n .subscribe(\r\n () => {\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getSelectedType(type: GemTypes) {\r\n this.selectedType = type;\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedCut(cut: GemCuts) {\r\n this.selectedCut = cut;\r\n this.getupdatedSize();\r\n\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedSize(size: GemSizes) {\r\n this.selectedSize = size;\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedInventory() {\r\n this.selectedInventory = new GemInventory();\r\n this.selectedInventory.gemTypesId = this.selectedType.gemTypesId;\r\n this.selectedInventory.gemCutsId = this.selectedCut.gemCutsId;\r\n if (this.selectedSize != null) {\r\n this.selectedInventory.gemSizesId = this.selectedSize.gemSizesId;\r\n }\r\n\r\n this.gemSvc.getGemInventory(this.selectedInventory).subscribe((res) => {\r\n this.selectedInventory = res.responseObject;\r\n });\r\n }\r\n\r\n @Output() gemInventoryOutput = new EventEmitter\r\n
\r\n\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { SupplierService } from 'src/app/services/supplier.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\nimport {\r\n GemCuts,\r\n GemInventory,\r\n Gems,\r\n GemSizes,\r\n GemTypes,\r\n} from './../../models/gems.model';\r\nimport { Suppliers } from './../../models/suppliers.model';\r\nimport { GemService } from './../../services/gem.service';\r\n\r\n@Component({\r\n selector: 'app-gems',\r\n templateUrl: './gems.component.html',\r\n styleUrls: ['./gems.component.scss'],\r\n})\r\nexport class GemsComponent extends GenericComponent implements OnInit {\r\n gemlist: GemInventory[]; // Data bind list\r\n allgemlist: GemInventory[]; // Stored list for dynamic binding\r\n\r\n gemCuts: GemCuts[] = []; // Gem Cuts\r\n gemTypes: GemTypes[] = [];\r\n allGemSizes: GemSizes[] = [];\r\n gemSizes: GemSizes[] = [];\r\n selectedCut = new GemCuts();\r\n selectedType = new GemTypes();\r\n selectedSize = new GemSizes();\r\n selectedInventory = new GemInventory();\r\n\r\n suppliers: Suppliers[];\r\n newSize: string = '';\r\n\r\n // This will control the behavior of the updating\r\n currentGem = new Gems();\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private gemSvc: GemService,\r\n private supplierService: SupplierService,\r\n private userPermissionService: UserPermissionService,\r\n ) {\r\n super(loadService, alertService);\r\n this.userPermissionService.checkPagePermission(PAGE_NAME.stone);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.load();\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.gemSvc.getList(),\r\n this.gemSvc.getCutList(),\r\n this.gemSvc.getTypeList(),\r\n this.gemSvc.getSizeList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(([gemlist, cutlist, typelist, sizelist, suppliers]) => {\r\n this.gemlist = gemlist.responseObject;\r\n this.allgemlist = gemlist.responseObject;\r\n\r\n this.gemCuts = cutlist.responseObject;\r\n if (this.gemCuts.length > 0) {\r\n this.selectedCut = this.gemCuts[0];\r\n }\r\n\r\n this.gemTypes = typelist.responseObject;\r\n if (this.gemTypes.length > 0) {\r\n this.selectedType = this.gemTypes[0];\r\n }\r\n\r\n this.allGemSizes = sizelist.responseObject;\r\n\r\n this.getupdatedSize();\r\n\r\n this.suppliers = suppliers;\r\n\r\n this.getSelectedInventory();\r\n\r\n return { gemlist, cutlist, typelist, sizelist, suppliers };\r\n }),\r\n )\r\n .subscribe(\r\n () => {\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getSelectedType(type: GemTypes) {\r\n this.selectedType = type;\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedCut(cut: GemCuts) {\r\n this.selectedCut = cut;\r\n this.getupdatedSize();\r\n\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedSize(size: GemSizes) {\r\n this.selectedSize = size;\r\n this.getSelectedInventory();\r\n }\r\n\r\n getSelectedInventory() {\r\n this.selectedInventory = new GemInventory();\r\n this.selectedInventory.gemTypesId = this.selectedType.gemTypesId;\r\n this.selectedInventory.gemCutsId = this.selectedCut.gemCutsId;\r\n if (this.selectedSize != null) {\r\n this.selectedInventory.gemSizesId = this.selectedSize.gemSizesId;\r\n }\r\n\r\n this.gemSvc.getGemInventory(this.selectedInventory).subscribe((res) => {\r\n this.selectedInventory = res.responseObject;\r\n });\r\n }\r\n\r\n saveInventory() {\r\n this.selectedInventory.stockQty = parseInt(\r\n this.selectedInventory.stockQty.toString(),\r\n );\r\n\r\n this.gemSvc.addupdate(this.selectedInventory).subscribe(\r\n (res) => {\r\n this.selectedInventory = res.responseObject;\r\n\r\n this.gemSvc.getList().subscribe(\r\n (ret) => {\r\n this.gemlist = ret.responseObject;\r\n this.allgemlist = ret.responseObject;\r\n },\r\n (err) => {\r\n err;\r\n },\r\n );\r\n\r\n this.alertService.clear();\r\n this.alertService.success('Gem Inventory SAVED!');\r\n },\r\n (error) => {\r\n this.alertService.error(\r\n error.statusText +\r\n '. ' +\r\n (error.error.errorText !== undefined ? error.error.errorText : ''),\r\n );\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n addsize() {\r\n if (this.newSize == '') return;\r\n\r\n let gemsize = new GemSizes();\r\n gemsize.gemSizeDesc = this.newSize;\r\n gemsize.gemCutsId = this.selectedCut.gemCutsId;\r\n\r\n var gemcheck = this.allGemSizes.filter(\r\n (x) => x.gemSizeDesc == this.newSize && x.gemCutsId == gemsize.gemCutsId,\r\n );\r\n if (gemcheck.length > 0) {\r\n this.alertService.clear();\r\n this.alertService.success('Duplicate GEM SIZE!');\r\n return;\r\n }\r\n\r\n this.gemSvc.addupdateSize(gemsize).subscribe((res) => {\r\n this.allGemSizes.push(res);\r\n this.getupdatedSize();\r\n this.getSelectedInventory();\r\n this.newSize = '';\r\n this.alertService.clear();\r\n this.alertService.success('Added NEW SIZE!');\r\n });\r\n }\r\n\r\n getupdatedSize() {\r\n this.gemSizes = this.allGemSizes.filter(\r\n (x) => x.gemCutsId == this.selectedCut.gemCutsId,\r\n );\r\n\r\n // this.gemSizes = this.allGemSizes;\r\n if (this.gemSizes.length > 0) {\r\n this.selectedSize = this.gemSizes[0];\r\n } else {\r\n this.selectedSize = null;\r\n }\r\n }\r\n\r\n getHighlightedCut() {\r\n let value: Boolean = false;\r\n\r\n var gemInventory = this.gemlist.filter(\r\n (x) =>\r\n x.gemTypesId == this.selectedType.gemTypesId &&\r\n x.gemCutsId == this.selectedCut.gemCutsId,\r\n )[0];\r\n\r\n if (gemInventory != null || gemInventory != undefined) {\r\n value = true;\r\n }\r\n\r\n return value;\r\n }\r\n\r\n getHighlightedCutbyCut(cut: GemCuts) {\r\n let value: Boolean = false;\r\n\r\n var gemInventory = this.gemlist.filter(\r\n (x) =>\r\n x.gemTypesId == this.selectedType.gemTypesId &&\r\n x.gemCutsId == cut.gemCutsId,\r\n )[0];\r\n\r\n if (gemInventory != null || gemInventory != undefined) {\r\n value = true;\r\n }\r\n\r\n return value;\r\n }\r\n\r\n getHighlightedSizebyCut(item: GemSizes) {\r\n let value: Boolean = false;\r\n\r\n var gemInventory = this.gemlist.filter(\r\n (x) =>\r\n x.gemTypesId == this.selectedType.gemTypesId &&\r\n x.gemCutsId == this.selectedCut.gemCutsId &&\r\n x.gemSizesId == item.gemSizesId,\r\n )[0];\r\n\r\n if (gemInventory != null || gemInventory != undefined) {\r\n value = true;\r\n }\r\n\r\n return value;\r\n }\r\n} // end class\r\n","\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | TYPES | \r\n{{ item.colorClarity }} | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | CUTS | \r\n{{ item.cutName }} | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | SIZES | \r\n{{ item.gemSizeDesc }} | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n ADD TO BOM\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import { AlertService } from 'src/app/custom/_alert';\r\nimport { BomItemType } from 'src/app/models/enum/bom-item-type.enum';\r\nimport { LoadService } from '../../custom/load-overlay/load-overlay.service';\r\n\r\nexport abstract class GenericComponent {\r\n searchString = '';\r\n public editMode: boolean = false;\r\n autosaveCounter: number = 0;\r\n showAutosaveCounter: boolean = false;\r\n isAuthorized: boolean = false; // for read/write page permission\r\n\r\n constructor(\r\n public loadService: LoadService,\r\n public alertService: AlertService,\r\n ) {}\r\n\r\n pagePermissionError() {\r\n this.alertService.error('Error: Action is unauthorized for this user.');\r\n }\r\n\r\n checkStringIfEmpty(value: string): boolean {\r\n return value === undefined || value === '';\r\n }\r\n\r\n rowColor(itemType: number) {\r\n if (itemType == BomItemType.Subassemblies) {\r\n return 'row-item-sa';\r\n } else if (itemType == BomItemType.Chain) {\r\n return 'row-item-chain';\r\n } else if (itemType == BomItemType.Enamel) {\r\n return 'row-item-enamel';\r\n } else if (itemType == BomItemType.Findings) {\r\n return 'row-item-finding';\r\n } else if (itemType == BomItemType.Gems) {\r\n return 'row-item-gem';\r\n } else if (itemType == BomItemType.ManufacturedMats) {\r\n return 'row-item-mm';\r\n } else if (itemType == BomItemType.MetalGrains) {\r\n return 'row-item-mg';\r\n } else if (itemType == BomItemType.Nonprecious) {\r\n return 'row-item-np';\r\n }\r\n }\r\n}\r\n\r\nexport class Guid {\r\n static newGuid() {\r\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(\r\n /[xy]/g,\r\n function (c) {\r\n var r = (Math.random() * 16) | 0,\r\n v = c == 'x' ? r : (r & 0x3) | 0x8;\r\n return v.toString(16);\r\n },\r\n );\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { InventoryLog } from 'src/app/models/inventory-log';\r\nimport { InventoryLogService } from 'src/app/services/inventory-log.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n templateUrl: './inventory-log.component.html',\r\n styleUrls: ['./inventory-log.component.scss'],\r\n})\r\nexport class InventoryLogComponent extends GenericComponent implements OnInit {\r\n inventoryLogs: InventoryLog[];\r\n newTotalEditable = true;\r\n wkoID: number;\r\n uom: string;\r\n gramsPerUnit: number;\r\n\r\n inventory: InventoryLog = new InventoryLog();\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private inventoryLogService: InventoryLogService,\r\n private tokenStorageService: TokenStorageService,\r\n private userPermissionService: UserPermissionService,\r\n ) {\r\n super(loadService, alertService);\r\n this.userPermissionService.checkPagePermission(PAGE_NAME.inventory);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.loadTable();\r\n }\r\n\r\n loadTable() {\r\n // this.loadService.loadContent(true);\r\n this.inventoryLogService.getList().subscribe(\r\n (response) => {\r\n this.inventoryLogs = response;\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getScannerData() {\r\n let param = this.inventory.barcodeId;\r\n\r\n if (param !== undefined) {\r\n this.loadService.loadContent(true);\r\n this.inventoryLogService.getScannerData(param).subscribe(\r\n (response) => {\r\n this.mapResponse(response);\r\n this.alertService.clear();\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n }\r\n\r\n getScannerDataItemNo() {\r\n let param = this.inventory.itemNo;\r\n\r\n if (param !== undefined) {\r\n this.loadService.loadContent(true);\r\n this.inventoryLogService.getScannerDataItemNo(this.inventory).subscribe(\r\n (response) => {\r\n this.mapResponse(response);\r\n this.alertService.clear();\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n }\r\n\r\n getScannerDataWKO() {\r\n let param = this.wkoID.toString().replace('e', '').replace('E', '');\r\n\r\n ///alert(param);\r\n\r\n if (param !== undefined) {\r\n this.loadService.loadContent(true);\r\n this.inventoryLogService.getScannerDataWKO(param).subscribe(\r\n (response) => {\r\n this.mapResponsewKO(response);\r\n this.alertService.clear();\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n }\r\n\r\n addInventoryLog() {\r\n let inventoryLog = this.inventory;\r\n this.inventoryLogService.addInventoryLog(inventoryLog).subscribe(\r\n (response) => {\r\n this.alertService.clear();\r\n this.loadTable();\r\n this.inventory = new InventoryLog();\r\n this.wkoID = 0;\r\n this.alertService.success(response.messageText);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n newTotalToggle() {\r\n this.newTotalEditable = !this.newTotalEditable;\r\n }\r\n\r\n updateNewTotal() {\r\n if (this.inventory.qtyNew !== undefined && this.gramsPerUnit)\r\n this.inventory.gramWgtNew = this.inventory.qtyNew * this.gramsPerUnit;\r\n }\r\n\r\n mapResponse(response: any) {\r\n this.inventory.barcodeId = response.barcodeId;\r\n this.inventory.itemType = response.inventoryType;\r\n this.inventory.itemNo = response.itemNo;\r\n this.inventory.karat = response.karat;\r\n this.uom = response.iuom;\r\n this.gramsPerUnit = response.gramsPerUnit;\r\n this.inventory.qtyOld = response.oldWtg;\r\n this.inventory.gramWgtOld = response.oldWtgTotal;\r\n this.wkoID = response.idwko;\r\n if (this.inventory.qtyNew !== undefined)\r\n this.inventory.gramWgtNew = this.inventory.qtyNew * this.gramsPerUnit;\r\n else {\r\n this.inventory.qtyNew = undefined;\r\n this.inventory.gramWgtNew = undefined;\r\n }\r\n\r\n this.inventory.webUser =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n }\r\n\r\n mapResponsewKO(response: any) {\r\n this.inventory.barcodeId = response.idwko;\r\n this.inventory.itemType = response.inventoryType;\r\n this.inventory.itemNo = response.itemNo;\r\n this.inventory.karat = response.karat;\r\n this.uom = response.iuom;\r\n this.gramsPerUnit = response.gramsPerUnit;\r\n this.inventory.qtyOld = response.oldWtg;\r\n this.inventory.gramWgtOld = response.oldWtgTotal;\r\n this.wkoID = response.idwko;\r\n if (this.inventory.qtyNew !== undefined)\r\n this.inventory.gramWgtNew = this.inventory.qtyNew * this.gramsPerUnit;\r\n else {\r\n this.inventory.qtyNew = undefined;\r\n this.inventory.gramWgtNew = undefined;\r\n }\r\n\r\n this.inventory.webUser =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n }\r\n\r\n setInventoryLog(selected: InventoryLog) {\r\n let selectedInventory = new InventoryLog();\r\n\r\n // NOTE : Cannot assign object to object as it is binded on the table\r\n selectedInventory.barcodeId = selected.barcodeId;\r\n selectedInventory.itemType = selected.itemType;\r\n selectedInventory.itemNo = selected.itemNo;\r\n selectedInventory.karat = selected.karat;\r\n selectedInventory.entryDate = selected.entryDate;\r\n selectedInventory.qtyOld = selected.qtyOld;\r\n selectedInventory.qtyNew = selected.qtyNew;\r\n selectedInventory.gramWgtOld = selected.gramWgtOld;\r\n selectedInventory.gramWgtNew = selected.gramWgtNew;\r\n\r\n selectedInventory.id = 0;\r\n selectedInventory.webUser =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n\r\n this.inventory = selectedInventory;\r\n }\r\n}\r\n","\r\n
\r\n \r\n
\r\n \r\n GEM - TYPES / CUTS / SIZES / PRICE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | TYPES | \r\n{{ item.colorClarity }} | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | CUTS | \r\n{{ item.cutName }} | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n | SIZES | \r\n{{ item.gemSizeDesc }} | \r\n \r\n
|---|
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Add Size\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n
\r\n","import { Location } from '@angular/common';\r\nimport { Component, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { WorkOrderService } from 'src/app/services/work-order.service';\r\nimport { OrphanWorkOrderDialogComponent } from '../work-order-view/orphan-work-order-dialog/orphan-work-order-dialog.component';\r\nimport { WorkOrdersReleaseComponent } from '../work-order-view/work-orders-release.component';\r\n\r\n@Component({\r\n selector: 'invoicing-shipping',\r\n templateUrl: './invoicing-shipping.component.html',\r\n styleUrls: ['./invoicing-shipping.component.scss'],\r\n})\r\nexport class InvoicingShippingComponent {\r\n @ViewChild('confirmationWorkOrder')\r\n public readonly confirmationWorkOrder!: SwalComponent;\r\n selectedTabIndex = 0;\r\n confirmation: {\r\n icon: string;\r\n title: string;\r\n description: string;\r\n timer?: number;\r\n } = {\r\n icon: 'question',\r\n title: '',\r\n description: '',\r\n };\r\n\r\n constructor(\r\n public dialog: MatDialog,\r\n public workOrderService: WorkOrderService,\r\n private userPermissionService: UserPermissionService,\r\n private route: ActivatedRoute,\r\n private location: Location,\r\n ) {\r\n this.userPermissionService.checkPagePermission(\r\n PAGE_NAME.invoicingAndShipping,\r\n );\r\n this.route.params.subscribe((params: { slug: string }) => {\r\n this.selectedTabIndex = params.slug === 'shipping' ? 1 : 0;\r\n });\r\n }\r\n\r\n onTabChange(event) {\r\n const slug = event === 0 ? 'invoicing' : 'shipping';\r\n this.location.replaceState(`invoicing-and-shipping/${slug}`);\r\n }\r\n\r\n onScanWorkOrder(action: string) {\r\n const dialogRef = this.dialog.open(WorkOrdersReleaseComponent, {\r\n disableClose: true,\r\n maxWidth: '350px',\r\n width: '100%',\r\n data: {\r\n workOrders: [],\r\n action,\r\n },\r\n });\r\n dialogRef.afterClosed().subscribe((result) => {\r\n if (result) {\r\n if (action === 'shipped') {\r\n this.workOrderService.setWorkOrderShipments(result).subscribe(\r\n () => {\r\n this.confirmation = {\r\n title: 'Work Order Shipped',\r\n description: `Successfully shipped work order number '${result}'`,\r\n icon: 'success',\r\n timer: 1000,\r\n };\r\n setTimeout(() => {\r\n this.confirmationWorkOrder.fire();\r\n }, 100);\r\n },\r\n () => {\r\n this.confirmation = {\r\n title: 'Shipping Failed',\r\n description: `Unable to ship work order number '${result}'. Please contact the administration`,\r\n icon: 'error',\r\n };\r\n setTimeout(() => {\r\n this.confirmationWorkOrder.fire();\r\n }, 100);\r\n },\r\n );\r\n }\r\n if (action === 'invoiced') {\r\n this.workOrderService.setWorkOrderInvoices(result).subscribe(\r\n () => {\r\n this.confirmation = {\r\n title: 'Work Order Invoiced',\r\n description: `Successfully invoiced work order number '${result}'`,\r\n icon: 'success',\r\n timer: 1000,\r\n };\r\n setTimeout(() => {\r\n this.confirmationWorkOrder.fire();\r\n }, 100);\r\n },\r\n () => {\r\n this.confirmation = {\r\n title: 'Invoicing Failed',\r\n description: `Unable to invoice work order number '${result}'. Please contact the administration`,\r\n icon: 'error',\r\n };\r\n setTimeout(() => {\r\n this.confirmationWorkOrder.fire();\r\n }, 100);\r\n },\r\n );\r\n }\r\n }\r\n });\r\n }\r\n\r\n onOpenOrphanWorkOrderDialog() {\r\n this.dialog.open(OrphanWorkOrderDialogComponent, {\r\n disableClose: true,\r\n maxWidth: '800px',\r\n width: '100%',\r\n autoFocus: false,\r\n });\r\n }\r\n}\r\n","INVENTORY SCANNING
\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ENABLE EDIT \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n| ID | \r\nBARCODE ID | \r\nITEM TYPE | \r\nITEM NO | \r\nKARAT | \r\nENTRY DATE | \r\nQTY OLD | \r\nQTY NEW | \r\nGRAM WGT OLD | \r\nGRAM WGT NEW | \r\nWEB USER | \r\n\r\n {{ log.id }}\r\n | \r\n{{ log.barcodeId }} | \r\n{{ log.itemType }} | \r\n{{ log.itemNo }} | \r\n{{ log.karat }} | \r\n{{ log.entryDate }} | \r\n{{ log.qtyOld }} | \r\n{{ log.qtyNew }} | \r\n{{ log.gramWgtOld }} | \r\n{{ log.gramWgtNew }} | \r\n{{ log.webUser }} | \r\n \r\n\r\n
|---|---|---|---|---|---|---|---|---|---|---|
\r\n
\r\n\r\n\r\n \r\n Orphaned Work Orders\r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Select Work Order Items
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Pic \r\n \r\n \r\n \r\n \r\n \r\n Index \r\n {{ element.index }} \r\n \r\n \r\n Product Name \r\n {{ element.productName }} \r\n \r\n \r\n Metal \r\n \r\n {{ element.material }}\r\n / {{ element.materialCode2 }}\r\n \r\n \r\n \r\n Size \r\n {{ element.size }} \r\n \r\n \r\n \r\n {{ hasSecondaryWeight ? 'Primary Weight' : 'Weight' }}\r\n \r\n \r\n {{ element.weight }}g\r\n \r\n \r\n \r\n Secondary Weight \r\n \r\n {{ element.wghtgrmsSecondary\r\n }}g\r\n \r\n \r\n \r\n Qty \r\n \r\n \r\n \r\n \r\n CIPO \r\n {{ element.cipo }} \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n \r\n {{ element.maxQty }}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Invoice Detail\r\n
\r\n \r\n \r\n Open Invoice\r\n \r\n
\r\n \r\n \r\n Linked Shipments\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Invoice No \r\n \r\n \r\n Invoiced Date \r\n \r\n \r\n Customer \r\n 0\r\n \"\r\n >\r\n \r\n {{ customer.companyName }}\r\n \r\n \r\n \r\n \r\n Billing Address \r\n \r\n \r\n {{ billing.fullAddress }}\r\n \r\n \r\n Add New Address\r\n \r\n \r\n \r\n \r\n\r\n \r\n Metal Market Date \r\n \r\n \r\n \r\n \r\n Internal Comments \r\n \r\n \r\n External Comments \r\n \r\n
\r\n \r\n \r\n Paid \r\n \r\n Paid Invoice\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Scan Work Order\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Scan Work Order\r\n \r\n \r\n Add Charge\r\n \r\n
\r\n \r\n \r\n Submit Invoice\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Edit Invoice\r\n \r\n
\r\n \r\n
\r\n \r\n [{{ element.pantoneColor }}]\r\n {{ element.enamelName }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{\r\n element.maxQty\r\n }}\r\n
\r\n {{ element.qty }}\r\n \r\n \r\n {{ element.poNumber }}\r\n \r\n
\r\n \r\n \r\n Shipping cost\r\n \r\n
\r\n \r\n {{ totalPriceExt | currency }}\r\n
\r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n {{ isGeneratingPrice ? 'Generating price...' : 'Loading Details...' }}\r\n
\r\nProduct Pricing
\r\n\r\n
\r\n\r\n \r\n \r\n Pic \r\n \r\n \r\n \r\n \r\n \r\n \r\n Product Name\r\n \r\n \r\n {{ element.productName }}\r\n \r\n \r\n \r\n Metal \r\n {{ element.material }} \r\n \r\n \r\n Size \r\n {{ element.size }} \r\n \r\n \r\n Metal Weight \r\n \r\n {{ element.metalWeight }}\r\n \r\n \r\n \r\n Standard Weight \r\n \r\n {{ element.productPricingStandardWeight }}\r\n \r\n \r\n \r\n Total Addons \r\n \r\n {{ element.totalAddOns | currency }}\r\n \r\n \r\n \r\n Rhodium Plating \r\n \r\n \r\n \r\n \r\n Jeweler Time \r\n \r\n \r\n \r\n \r\n \r\n Setter Time \r\n \r\n \r\n \r\n \r\n \r\n Chain Price \r\n \r\n \r\n \r\n \r\n \r\n Stone Price \r\n \r\n \r\n \r\n \r\n \r\n Findings Price \r\n \r\n \r\n \r\n \r\n \r\n Metal Supplied \r\n \r\n \r\n \r\n \r\n Estimated Price \r\n \r\n {{ element.estimatedPrice ?? 0 | currency }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Linked Shipments
\r\n\r\n \r\n Close\r\n \r\n
\r\n\r\n","import { Component, Inject, OnInit, ViewEncapsulation } from '@angular/core';\r\nimport {\r\n MatDialog,\r\n MatDialogRef,\r\n MAT_DIALOG_DATA\r\n} from '@angular/material/dialog';\r\nimport { Router } from '@angular/router';\r\nimport { Invoice, InvoiceDetail } from './../models/invoice';\r\n\r\n@Component({\r\n selector: 'invoicing-print-dialog',\r\n templateUrl: './invoicing-print-dialog.component.html',\r\n styleUrls: ['./invoicing-print-dialog.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class InvoicingPrintDialogComponent implements OnInit {\r\n totalPriceExt: number;\r\n hasEnamel: boolean;\r\n hasCipo: boolean;\r\n hasSize: boolean;\r\n isShortPage: boolean;\r\n invoicePages: Array\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Riva Precision Manufacturing
\r\n 140 58th ST. Unit 8B
\r\n BROOKLYN, NY 11220
\r\n (718) 361-3100
\r\n Accounting@rivaprecision.com
\r\n \r\n \r\n {{ props.detail.billingAddress.city }},\r\n {{ props.detail.billingAddress.region }}\r\n \r\n {{\r\n props.detail.billingAddress.postalCode\r\n }}\r\n
\r\n BILL TO
\r\n {{ props.detail.customer.companyName }}
\r\n \r\n {{ props.detail.billingAddress.address1 }}\r\n
\r\n \r\n {{ props.detail.billingAddress.address2 }}\r\n
\r\n \r\n {{ props.detail.billingAddress.country }}\r\n
\r\n | Date | \r\n\r\n {{\r\n props.detail.metalMarket?.marketDate\r\n | date : 'MM/dd/yyyy'\r\n }}\r\n | \r\n
|---|---|
| Silver | \r\n\r\n {{\r\n props.detail.metalMarket?.ldpmSilver ?? 0 | currency\r\n }}\r\n | \r\n
| Gold | \r\n\r\n {{ props.detail.metalMarket?.ldpmGold ?? 0 | currency }}\r\n | \r\n
| Platinum | \r\n\r\n {{\r\n props.detail.metalMarket?.ldpmPlatinum ?? 0 | currency\r\n }}\r\n | \r\n
| Palladium | \r\n\r\n {{\r\n props.detail.metalMarket?.ldpmPalladium ?? 0\r\n | currency\r\n }}\r\n | \r\n
\r\n \r\n \r\n
\r\n \r\n ![](\"assets/images/riva-logo.png\")
\r\n
\r\n \r\n \r\n INVOICE\r\n {{ props.detail.invoicesID | number : '6.0-0' | noComma }}\r\n
\r\n \r\n DATE {{ props.detail.invoicedDate | date : 'MM/dd/yyyy' }}\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n P.O. NUMBER
\r\n \r\n {{ props.detail.poNumber.join(', ') }}\r\n
\r\n | Name | \r\n\r\n {{ element.productName }}\r\n | \r\nPO Number | \r\n\r\n {{ element.poNumber }}\r\n | \r\nCIPO | \r\n\r\n {{ element.cipo }}\r\n | \r\nUOM | \r\n\r\n {{ element.uom }}\r\n | \r\nMetal | \r\n\r\n {{ element.material }}\r\n | \r\nSize | \r\n\r\n {{ element.size }}\r\n | \r\nWeight | \r\n\r\n {{ element.weight || '' }}g\r\n | \r\nStone | \r\n\r\n {{ element.stoneType }}\r\n | \r\nStone Color | \r\n\r\n {{ element.stoneColor }}\r\n | \r\nStone Size | \r\n\r\n {{ element.stoneSize }}\r\n | \r\nEnamel Color | \r\n\r\n \r\n \r\n {{ element.enamelName }} \r\n \r\n | \r\n QTY | \r\n\r\n {{ element.qty }}\r\n | \r\nPrice | \r\n\r\n {{ element.price | currency }}\r\n | \r\nPrice EXT | \r\n\r\n {{ element.priceExtension | currency }}\r\n | \r\n
|---|
| \r\n No Available Data\r\n | \r\n
\r\n \r\n
\r\n Shipping Cost
\r\n \r\n {{ props.detail.shippingCost | currency }}\r\n
\r\n \r\n
\r\n \r\n \r\n TOTAL DUE
\r\n {{ totalPriceExt | currency }}
\r\n \r\n
\r\n","import { ProductPricing, RhodiumPlating } from 'src/app/components/product-pricing/product-pricing';\r\nimport { RivaGems } from 'src/app/components/riva-gems/riva-gems.model';\r\nimport { InvoiceProductWeight } from './invoicing-lookup-item';\r\n\r\nexport interface Invoice {\r\n invoicesID: number;\r\n invoicedDate: string;\r\n custIDNo: number;\r\n qtyTotal: number;\r\n poNumber: string[];\r\n customer: {\r\n id: number;\r\n companyName: string;\r\n lockInvoiceGoldPrice?: boolean;\r\n };\r\n invoicesDetails: InvoiceDetail[];\r\n metalMarket: Partial\r\n
\r\n \r\n \r\n Search \r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n All \r\n \r\n {{ customer.companyName }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Export to Excel\r\n \r\n
\r\n \r\n \r\n New Invoice\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Invoice #\r\n \r\n \r\n \r\n {{ element.invoicesID }}\r\n \r\n \r\n \r\n \r\n \r\n Invoiced Date\r\n \r\n \r\n {{ element.invoicedDate }}\r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n \r\n {{ element.customer.companyName }}\r\n \r\n \r\n \r\n \r\n Qty\r\n \r\n \r\n {{ element.qtyTotal }}\r\n \r\n \r\n \r\n Total Billed \r\n \r\n {{ element.totalDue | currency }}\r\n \r\n \r\n \r\n \r\n Paid Date\r\n \r\n \r\n {{\r\n element.invoicePaid | date : 'MM/dd/yyyy'\r\n }}\r\n \r\n Paid\r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\nSelect Work Order Items
\r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Pic \r\n \r\n \r\n \r\n \r\n \r\n Index \r\n {{ element.index }} \r\n \r\n \r\n Product Name \r\n {{ element.productName }} \r\n \r\n \r\n Metal \r\n \r\n {{ element.material }}\r\n \r\n \r\n \r\n Size \r\n {{ element.size }} \r\n \r\n \r\n Qty \r\n \r\n \r\n \r\n \r\n CIPO \r\n {{ element.cipo }} \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n \r\n {{ element.maxQty }}\r\n
\r\n \r\n
\r\n \r\n \r\n Linked Invoices\r\n \r\n
\r\n \r\n \r\n Shipping Detail\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Scan Work Order\r\n \r\n \r\n
\r\n \r\n \r\n Shipment No \r\n \r\n \r\n Shipped Date \r\n \r\n \r\n Customer \r\n \r\n \r\n Shipping Address \r\n \r\n \r\n {{ shipping.fullAddress }}\r\n \r\n \r\n Add New Address\r\n \r\n \r\n \r\n \r\n Tracking # \r\n \r\n \r\n Comments \r\n
\r\n Linked Invoices
\r\n\r\n \r\n Close\r\n \r\n
\r\n\r\n","import { Component, ViewChild } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { PageEvent } from '@angular/material/paginator';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { Router } from '@angular/router';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { DateTime } from 'luxon';\r\nimport { Subject } from 'rxjs';\r\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\r\nimport { INVOICING_SHIPPING_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/invoicing-shipping-permission';\r\nimport { Customers } from 'src/app/models/customer';\r\nimport { CustomerService } from 'src/app/services/customer.service';\r\nimport { ShipmentService } from 'src/app/services/shipments.service';\r\nimport { Shipment } from './models/shipment';\r\n\r\n@Component({\r\n selector: 'shipping',\r\n templateUrl: './shipping.component.html',\r\n styleUrls: ['./shipping.component.scss'],\r\n})\r\nexport class ShippingComponent {\r\n displayedColumns: string[] = [\r\n 'id',\r\n 'qty',\r\n 'customer',\r\n 'shipDate',\r\n 'tracking',\r\n ];\r\n @ViewChild(MatSort) sort: MatSort;\r\n\r\n shipments = new MatTableDataSource\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport jwt_decode from 'jwt-decode';\r\nimport { switchMap } from 'rxjs/operators';\r\nimport { AuthenticationService } from 'src/app/core/authentication/authentication.service';\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { DEFAULT_ROUTE_PAGE } from 'src/app/custom/riva-side-nav/menu';\r\nimport { Login } from 'src/app/models/login';\r\nimport { UserService } from 'src/app/services/user.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n selector: 'riva-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: ['./login.component.scss'],\r\n})\r\nexport class LoginComponent extends GenericComponent implements OnInit {\r\n public login = new Login();\r\n public error = { UserName: false, Password: false };\r\n public returnUrl: string;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n public authenticationService: AuthenticationService,\r\n public tokenStorageService: TokenStorageService,\r\n public userService: UserService,\r\n public userPermissionService: UserPermissionService,\r\n private route: ActivatedRoute,\r\n private router: Router,\r\n ) {\r\n super(loadService, alertService);\r\n if (tokenStorageService.currentUser?.usersID) {\r\n this.router.navigate(['/main/ordersview']);\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n this.loadService.load(false);\r\n this.loadService.loadContent(false);\r\n this.returnUrl =\r\n this.route.snapshot.queryParams['returnUrl'] || '/main/ordersview';\r\n }\r\n\r\n loginUser() {\r\n if (\r\n !this.checkStringIfEmpty(this.login.userName) &&\r\n !this.checkStringIfEmpty(this.login.password)\r\n ) {\r\n this.loadService.load(true);\r\n this.error.UserName = false;\r\n this.error.Password = false;\r\n let defaultPage = DEFAULT_ROUTE_PAGE;\r\n\r\n this.authenticationService\r\n .login(this.login)\r\n .pipe(\r\n switchMap((data: { accessToken: string; refreshToken: string }) => {\r\n this.tokenStorageService.saveToken(data.accessToken);\r\n this.tokenStorageService.saveRefreshToken(data.refreshToken);\r\n const user: any = jwt_decode(data.accessToken);\r\n return this.userService.getUser(user.id);\r\n }),\r\n switchMap((user) => {\r\n defaultPage = user.defaultUrl ?? DEFAULT_ROUTE_PAGE;\r\n this.tokenStorageService.saveUser(user);\r\n return this.userPermissionService.getCurrentUserPermissions(\r\n user.usersID,\r\n );\r\n }),\r\n )\r\n .subscribe(\r\n () => {\r\n this.authenticationService.loggedIn.next(true);\r\n this.loadService.load(false);\r\n this.loadService.reloadNavigation();\r\n this.router.navigate([\r\n this.route.snapshot.queryParams['returnUrl'] || defaultPage,\r\n ]);\r\n },\r\n (error) => {\r\n this.alertService.error(error.error);\r\n this.loadService.load(false);\r\n },\r\n );\r\n } else {\r\n this.error.UserName = this.checkStringIfEmpty(this.login.userName);\r\n this.error.Password = this.checkStringIfEmpty(this.login.password);\r\n this.alertService.error(\r\n 'All fields are required, please check for errors.',\r\n );\r\n }\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n Search \r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n All \r\n \r\n {{ customer.companyName }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n New Shipment\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Shipment #\r\n \r\n \r\n \r\n {{ element.shipmentsID }}\r\n \r\n \r\n \r\n \r\n \r\n Qty\r\n \r\n {{ element.qtyTotal }} \r\n \r\n \r\n \r\n Shipped Date\r\n \r\n {{ element.shipDate }} \r\n \r\n \r\n Tracking # \r\n {{ element.tracking }} \r\n \r\n \r\n \r\n Customer\r\n \r\n \r\n {{ element.customer.companyName }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n ![](\"../../../assets/images/riva-logo.svg\")
\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n\r\n","import { DatePipe } from '@angular/common';\r\nimport { HttpEventType } from '@angular/common/http';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent, Guid } from '../generic/generic.component';\r\n\r\nimport {\r\n ManufacturedMaterials,\r\n ManufacturedMaterialsInfo,\r\n} from 'src/app/models/manufactured-materials';\r\nimport { ManufacturedMaterialsService } from 'src/app/services/manufactured-materials.service';\r\n\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { Suppliers } from 'src/app/models/suppliers.model';\r\nimport { UnitOfMeasure } from 'src/app/models/unit-of-measure';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { SuppliersService } from 'src/app/services/suppliers.service';\r\nimport { UnitOfMeasureService } from 'src/app/services/unit-of-measurement.service';\r\nimport { Historylogs } from '../../models/historylogs.model';\r\n\r\n@Component({\r\n selector: 'app-manufactured-materials',\r\n templateUrl: './manufactured-materials.component.html',\r\n styleUrls: ['./manufactured-materials.component.scss'],\r\n})\r\nexport class ManufacturedMaterialsComponent\r\n extends GenericComponent\r\n implements OnInit\r\n{\r\n tableCollapsed = false;\r\n editMode = false;\r\n\r\n uom: UnitOfMeasure[];\r\n materialCodes: MaterialCode[];\r\n suppliers: Suppliers[];\r\n\r\n manufacturedMats: ManufacturedMaterials[];\r\n allManufacturedMats: ManufacturedMaterials[];\r\n manufacturedMat = new ManufacturedMaterials();\r\n\r\n // Material and List Variables\r\n manufacturedMatsInfo: ManufacturedMaterialsInfo[];\r\n selectedManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n selectedMaterialCode: number = -1;\r\n selectedSize = '';\r\n MatList: number[];\r\n SizeList: string[];\r\n highlightSize: boolean = false;\r\n highlightMats: boolean = false;\r\n\r\n newManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n modalMaterialCode = 0;\r\n modalSize = 0;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private uomService: UnitOfMeasureService,\r\n private manufacturedMatsService: ManufacturedMaterialsService,\r\n private materialCodeService: MaterialCodeService,\r\n private supplierService: SuppliersService,\r\n private tokenStorageService: TokenStorageService,\r\n private userPermissionService: UserPermissionService,\r\n private _date: DatePipe,\r\n private modalService: NgbModal,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadService.loadContent(true);\r\n this.load();\r\n this.userPermissionService.checkPagePermission(\r\n PAGE_NAME.manufacturedMaterial,\r\n );\r\n }\r\n\r\n tableActive = false;\r\n selectedUOM = 1;\r\n newFlag = false;\r\n lastUpdated = new Historylogs();\r\n\r\n ngOnInit(): void {\r\n this.loadService.loadContent(false);\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.uomService.getList(),\r\n this.manufacturedMatsService.getList(),\r\n this.materialCodeService.getList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(\r\n ([\r\n unitOfMeasurements,\r\n manufacturedMats,\r\n materialCodes,\r\n suppliers,\r\n ]) => {\r\n this.uom = unitOfMeasurements.responseObject;\r\n this.manufacturedMats = manufacturedMats;\r\n this.allManufacturedMats = manufacturedMats;\r\n this.materialCodes = materialCodes.responseObject;\r\n this.suppliers = suppliers;\r\n\r\n return {\r\n unitOfMeasurements,\r\n manufacturedMats,\r\n materialCodes,\r\n suppliers,\r\n };\r\n },\r\n ),\r\n )\r\n .subscribe(\r\n (response) => {\r\n if (this.allManufacturedMats.length > 0) {\r\n this.manufacturedMat = this.allManufacturedMats[0];\r\n\r\n if (this.manufacturedMat.manufacturedMaterialsInfo.length > 0) {\r\n this.manufacturedMatsInfo =\r\n this.manufacturedMat.manufacturedMaterialsInfo;\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n this.getHistoryLog(this.manufacturedMat.manufacturedMaterialsId);\r\n }\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n get totalFindings() {\r\n if (this.manufacturedMats !== undefined) {\r\n return this.manufacturedMats.length;\r\n }\r\n return 0;\r\n }\r\n\r\n searchString = '';\r\n\r\n searchTimeout() {\r\n this.manufacturedMats = this.allManufacturedMats.filter(\r\n (p) =>\r\n p.name.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.sku.toLowerCase().includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n sortColumn = [\r\n { column: 'manufacturedMaterialsId', sort: '' },\r\n { column: 'name', sort: '' },\r\n { column: 'sku', sort: '' },\r\n { column: 'suppliersId', sort: '' },\r\n ];\r\n\r\n onSort(column: string) {\r\n if (\r\n this.checkStringIfEmpty(\r\n this.sortColumn.find((s) => s.column === column).sort,\r\n ) ||\r\n this.sortColumn.find((s) => s.column === column).sort !== 'asc'\r\n ) {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'asc';\r\n this.manufacturedMats.sort((a, b) => {\r\n if (a[column] > b[column]) {\r\n return 1;\r\n }\r\n if (a[column] < b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n } else {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'desc';\r\n this.manufacturedMats.sort((a, b) => {\r\n if (a[column] < b[column]) {\r\n return 1;\r\n }\r\n if (a[column] > b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n\r\n sortClass(column) {\r\n if (this.sortColumn.find((s) => s.column === column).sort === 'asc') {\r\n return 'fa-arrow-up';\r\n } else if (\r\n this.sortColumn.find((s) => s.column === column).sort === 'desc'\r\n ) {\r\n return 'fa-arrow-down';\r\n }\r\n return '';\r\n }\r\n\r\n applyColorBand(manufacturedMat: ManufacturedMaterials) {\r\n let index = this.allManufacturedMats.indexOf(manufacturedMat);\r\n if (index % 2 == 0 || index == 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n getManufacturedMat(manufacturedMat: ManufacturedMaterials) {\r\n this.manufacturedMat = manufacturedMat;\r\n\r\n this.manufacturedMatsInfo = [];\r\n\r\n if (this.manufacturedMat.manufacturedMaterialsInfo.length > 0) {\r\n this.manufacturedMatsInfo =\r\n this.manufacturedMat.manufacturedMaterialsInfo;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.getHistoryLog(manufacturedMat.manufacturedMaterialsId);\r\n }\r\n\r\n toggleEdit() {\r\n this.editMode = !this.editMode;\r\n this.newFlag = false;\r\n this.getMaterialList();\r\n }\r\n\r\n toggleCancel() {\r\n this.editMode = !this.editMode;\r\n\r\n if (this.newFlag == false) {\r\n return;\r\n }\r\n\r\n this.getMaterialList();\r\n\r\n this.manufacturedMatsService\r\n .delete(this.manufacturedMat.manufacturedMaterialsId, '')\r\n .subscribe();\r\n }\r\n\r\n save() {\r\n this.manufacturedMat.manufacturedMaterialsInfo = [];\r\n this.manufacturedMat.manufacturedMaterialsInfo = this.manufacturedMatsInfo;\r\n\r\n if (this.editMode) {\r\n if (this.fileId !== '') {\r\n this.manufacturedMatsService\r\n .moveTemp(this.manufacturedMat.manufacturedMaterialsId, this.fileId)\r\n .subscribe((upload) => {\r\n this.manufacturedMat.picPath = upload.responseObject;\r\n this.manufacturedMatsService\r\n .post(this.manufacturedMat, '')\r\n .subscribe(\r\n (res) => {\r\n this.manufacturedMat = res;\r\n\r\n // Need to recall, freaking array doesn't work\r\n this.manufacturedMatsService.getList().subscribe((res) => {\r\n this.manufacturedMats = res;\r\n this.allManufacturedMats = res;\r\n });\r\n\r\n this.alertService.success('product details updated.');\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n (err) => {\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n );\r\n });\r\n } else {\r\n this.manufacturedMatsService.post(this.manufacturedMat, '').subscribe(\r\n (res) => {\r\n this.manufacturedMat = res;\r\n\r\n // Need to recall, freaking array doesn't work\r\n this.manufacturedMatsService.getList().subscribe((res) => {\r\n this.manufacturedMats = res;\r\n this.allManufacturedMats = res;\r\n });\r\n\r\n this.alertService.success('product details updated.');\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n (err) => {\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n );\r\n }\r\n } else if (this.newMode) {\r\n this.manufacturedMatsService.post(this.manufacturedMat, '').subscribe(\r\n (res) => {\r\n this.manufacturedMat = res;\r\n this.manufacturedMatsService.getList().subscribe((res) => {\r\n this.manufacturedMats = res;\r\n this.allManufacturedMats = res;\r\n });\r\n\r\n if (this.fileId !== '') {\r\n this.manufacturedMatsService\r\n .moveTemp(res.metalGrainsId, this.fileId)\r\n .subscribe((upload) => {\r\n this.manufacturedMat.picPath = upload.responseObject;\r\n this.manufacturedMatsService\r\n .post(this.manufacturedMat, '')\r\n .subscribe((result2) => {\r\n this.load();\r\n this.newMode = false;\r\n });\r\n });\r\n }\r\n\r\n this.alertService.success('product details updated.');\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n (err) => {\r\n this.newMode = false;\r\n this.editMode = false;\r\n },\r\n );\r\n }\r\n }\r\n\r\n newMode: boolean = false;\r\n\r\n newProduct() {\r\n this.newMode = true;\r\n\r\n this.newFlag = true;\r\n\r\n this.manufacturedMat = new ManufacturedMaterials();\r\n this.manufacturedMat.name = 'NEW_ITEM';\r\n this.manufacturedMat.sku = 'NEW_ITEM';\r\n this.manufacturedMat.createdBy = '';\r\n this.manufacturedMat.createdDate = new Date();\r\n\r\n this.manufacturedMatsInfo = [];\r\n\r\n this.manufacturedMat.createdBy =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n this.manufacturedMatsService\r\n .post(this.manufacturedMat, '')\r\n .subscribe((res) => {\r\n this.manufacturedMat = res;\r\n });\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n @ViewChild('uploadImage') imageUploader: ElementRef;\r\n fileId: string = '';\r\n\r\n uploadTemp(files) {\r\n if (files.length === 0) {\r\n return;\r\n }\r\n this.loadService.loadContent(true);\r\n const formData = new FormData();\r\n for (var i = 0; i < files.length; i++) {\r\n formData.append('file[]', files[i]);\r\n }\r\n this.fileId = Guid.newGuid();\r\n formData.append('id', this.fileId);\r\n\r\n this.manufacturedMatsService.uploadTempPhoto(formData).subscribe(\r\n (response) => {\r\n if (response.type === HttpEventType.UploadProgress) {\r\n console.log(\r\n 'Uploading: ' +\r\n Math.round((100 * response.loaded) / response.total) +\r\n '%',\r\n );\r\n } else if (response.type === HttpEventType.Response) {\r\n this.manufacturedMat.picPath = response.body.responseObject[0];\r\n this.imageUploader.nativeElement.value = null;\r\n this.loadService.loadContent(false);\r\n }\r\n },\r\n (error) => {\r\n this.imageUploader.nativeElement.value = null;\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getHistoryLog(id: number) {\r\n this.manufacturedMatsService.lastupdate(id).subscribe((res) => {\r\n this.lastUpdated = res;\r\n\r\n if (this.lastUpdated != null) {\r\n this.lastUpdated = res;\r\n } else {\r\n this.lastUpdated = new Historylogs();\r\n }\r\n });\r\n }\r\n\r\n formatDate(iDate: Date) {\r\n return this._date.transform(iDate, 'MM.dd.yyyy HH:mm');\r\n }\r\n\r\n // Material and sizes -- codes ***************************************** -- START\r\n getMaterialDesc(matId: number): string {\r\n let materialCode = new MaterialCode();\r\n let desc = '';\r\n\r\n materialCode = this.materialCodes.filter(\r\n (x) => x.materialCodeId == matId,\r\n )[0];\r\n\r\n if (materialCode != undefined) {\r\n desc = materialCode.description;\r\n }\r\n\r\n return desc;\r\n }\r\n\r\n getSelectedManufacturedMatsInfo() {\r\n this.selectedManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n\r\n if (this.selectedMaterialCode != 0 && this.selectedSize != '') {\r\n this.selectedManufacturedMatsInfo = this.manufacturedMatsInfo.filter(\r\n (x) =>\r\n x.materialCodeId == this.selectedMaterialCode &&\r\n x.size == this.selectedSize,\r\n )[0];\r\n\r\n if (this.selectedManufacturedMatsInfo == undefined) {\r\n this.selectedManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n }\r\n }\r\n }\r\n\r\n getMaterialList() {\r\n if (this.manufacturedMatsInfo.length > 0) {\r\n this.MatList = this.manufacturedMatsInfo\r\n .map((x) => parseInt(x.materialCodeId.toString()))\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n this.SizeList = this.manufacturedMatsInfo\r\n .map((x) => x.size)\r\n .filter((value, index, self) => self.indexOf(value) === index);\r\n\r\n if (this.MatList.length > 0 && this.SizeList.length > 0) {\r\n this.selectedSize = this.manufacturedMatsInfo[0].size;\r\n this.selectedMaterialCode = this.manufacturedMatsInfo[0].materialCodeId;\r\n\r\n this.highlightMaterials(this.selectedSize);\r\n this.highlightSizes(this.selectedMaterialCode);\r\n\r\n this.getSelectedManufacturedMatsInfo();\r\n }\r\n } else {\r\n this.selectedSize = '';\r\n this.selectedMaterialCode = 0;\r\n this.selectedManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n this.MatList = [];\r\n this.SizeList = [];\r\n }\r\n }\r\n\r\n highlightMaterials(size: string) {\r\n if (this.selectedMaterialCode !== 0) {\r\n // var materials = this.lstMatCodeSize.filter(mat => mat.matID == this.productDetails.matID);\r\n var materials = this.manufacturedMatsInfo.filter(\r\n (info) => info.materialCodeId == this.selectedMaterialCode,\r\n );\r\n\r\n if (materials !== undefined) {\r\n var filtered = materials.find(\r\n (mat) => mat.size.toString() == size.toString(),\r\n );\r\n\r\n if (filtered !== undefined) {\r\n this.highlightMats = true;\r\n\r\n return true;\r\n }\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n highlightSizes(materialCodeId: number) {\r\n if (this.manufacturedMatsInfo.length > 0 && this.selectedSize != '') {\r\n var sizes = this.manufacturedMatsInfo.find(\r\n (x) => x.size === this.selectedSize,\r\n );\r\n\r\n if (sizes !== undefined) {\r\n this.highlightSize = true;\r\n\r\n return true;\r\n }\r\n }\r\n\r\n return false;\r\n }\r\n\r\n // Modal\r\n createMatSizeOpen(content) {\r\n this.modalOpen(content);\r\n }\r\n\r\n closeResult = '';\r\n\r\n modalOpen(content) {\r\n this.modalService\r\n .open(content, { ariaLabelledBy: 'modal-basic-title' })\r\n .result.then(\r\n (result) => {\r\n this.closeResult = `Closed with: ${result}`;\r\n\r\n // Add New Info\r\n this.AddNewFindingsInfo();\r\n },\r\n (reason) => {\r\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\r\n },\r\n );\r\n }\r\n\r\n AddNewFindingsInfo() {\r\n this.newManufacturedMatsInfo = new ManufacturedMaterialsInfo();\r\n this.newManufacturedMatsInfo.manufacturedMaterialsInfoId = 0;\r\n this.newManufacturedMatsInfo.manufacturedMaterialsId =\r\n this.manufacturedMat.manufacturedMaterialsId;\r\n this.newManufacturedMatsInfo.size = this.modalSize.toString();\r\n this.newManufacturedMatsInfo.materialCodeId = this.modalMaterialCode;\r\n\r\n this.newManufacturedMatsInfo.stockQty = 0;\r\n this.newManufacturedMatsInfo.weight = 0;\r\n\r\n if (\r\n this.manufacturedMatsInfo != undefined &&\r\n this.manufacturedMatsInfo.length > 0\r\n ) {\r\n let index = this.manufacturedMatsInfo.findIndex(\r\n (d) =>\r\n d.materialCodeId.toString() == this.modalMaterialCode.toString() &&\r\n d.size == this.modalSize.toString(),\r\n );\r\n\r\n if (index == -1) {\r\n this.manufacturedMatsInfo.push(this.newManufacturedMatsInfo);\r\n } else {\r\n this.alertService.error(\r\n 'Existing Material and size combination exist!',\r\n );\r\n }\r\n } else {\r\n this.manufacturedMatsInfo = [];\r\n this.manufacturedMatsInfo.push(this.newManufacturedMatsInfo);\r\n }\r\n\r\n this.getMaterialList();\r\n }\r\n\r\n private getDismissReason(reason: any): string {\r\n if (reason === ModalDismissReasons.ESC) {\r\n return 'by pressing ESC';\r\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\r\n return 'by clicking on a backdrop';\r\n } else {\r\n return `with: ${reason}`;\r\n }\r\n }\r\n\r\n getSupplierName(supplierId: number) {\r\n return this.suppliers.filter((x) => x.suppliersId == supplierId)[0]\r\n .companyName;\r\n }\r\n}\r\n","\r\n
\r\n \r\n \r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n LAST UPDATE BY : {{ lastUpdated.username }} / DATE :\r\n {{ formatDate(lastUpdated.date) }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n Items: {{ totalFindings }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n | \r\n \r\n NAME\r\n | \r\n\r\n SKU\r\n | \r\n\r\n \r\n SUPPLIER\r\n | \r\n{{ item.manufacturedMaterialsId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n{{ item.manufacturedMaterialsId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n\r\n {{ getSupplierName(item.suppliersId) }}\r\n | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ITEM NAME / SKU\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n NAME\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n SKU\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n SUPPLIER / UNIT OF MEASURE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ sups.supplierId }}\r\n \r\n \r\n\r\n
\r\n \r\n \r\n SUPPLIER CODE\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {{ unit.uom }}\r\n \r\n \r\n
\r\n \r\n \r\n UOM\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n COMMENTS
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n COMMENT\r\n
\r\n \r\n \r\n \r\n Add Materials\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n *{{ getMaterialDesc(item) }}\r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n {{ item }}\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n ![](\"{{)
\r\n \r\n UPLOAD\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n EDIT\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n + New\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ×\r\n \r\n
\r\n \r\n Create Material and Sizes\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n {{ mats.description }}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { forkJoin } from 'rxjs';\r\nimport { MaterialCalculation } from 'src/app/models/material-code';\r\nimport { MetalMarket, MetalMarketPremiums } from 'src/app/models/metal-market';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { MetalMarketService } from 'src/app/services/metal-market.service';\r\n\r\nexport const BASE_METAL = {\r\n gold: 1,\r\n fairminedGold: 2,\r\n platinum: 3,\r\n notApplicable: 4,\r\n silver: 5,\r\n palladium: 6,\r\n};\r\n\r\n@Component({\r\n selector: 'app-metal-overhead-equations',\r\n templateUrl: './metal-overhead-equations.component.html',\r\n styleUrls: ['./metal-overhead-equations.component.scss'],\r\n})\r\nexport class MetalOverheadEquationsComponent implements OnInit {\r\n constructor(\r\n private metalMarketService: MetalMarketService,\r\n private materialCodeService: MaterialCodeService,\r\n ) {}\r\n\r\n displayedColumns = [\r\n 'description',\r\n 'baseMetal1',\r\n 'preciousPercentage1',\r\n 'baseMetal2',\r\n 'preciousPercentage2',\r\n 'alloyCost',\r\n 'lossFactor',\r\n 'otherLossFactor',\r\n 'castingFee',\r\n 'bottomCutOff',\r\n 'topCutOff',\r\n 'totalGrams',\r\n 'totalCastingFee',\r\n 'pricePerGram',\r\n 'totalItemCost',\r\n ];\r\n metalMarketPremiums: MetalMarketPremiums = {} as MetalMarketPremiums;\r\n metalMarket: MetalMarket = {} as MetalMarket;\r\n materialCalculations: MaterialCalculation[] = [];\r\n baseMetal = BASE_METAL;\r\n isSaving = false;\r\n isLoading = false;\r\n lossFactor: 'product' | 'other' = 'product';\r\n\r\n ngOnInit(): void {\r\n this.getMetalMarketPremiums();\r\n }\r\n\r\n getMetalMarketPremiums() {\r\n this.isLoading = true;\r\n forkJoin([\r\n this.metalMarketService.getLatestMetalMarket(),\r\n this.metalMarketService.getMetalMarketPremiums(),\r\n ]).subscribe(([metalMarket, [premiums]]) => {\r\n this.metalMarketPremiums = premiums;\r\n this.metalMarket = metalMarket;\r\n this.isLoading = false;\r\n this.getMaterialCodeCalculations();\r\n });\r\n }\r\n\r\n getMaterialCodeCalculations() {\r\n forkJoin([\r\n this.materialCodeService.getList(),\r\n this.materialCodeService.getMaterialCodeCalculations(),\r\n ]).subscribe(\r\n ([{ responseObject: materialCodes }, materialCodeCalculations]) => {\r\n this.materialCalculations = materialCodes.reduce((accum, m) => {\r\n if (m.multiMetal) return accum;\r\n const calculation = materialCodeCalculations.find(\r\n (c) => c.materialCodeID === m.materialCodeId,\r\n );\r\n return [\r\n ...accum,\r\n {\r\n ...m,\r\n ...(calculation ?? {}),\r\n },\r\n ];\r\n }, []);\r\n },\r\n );\r\n }\r\n\r\n setMetalMarketPremiums() {\r\n this.isSaving = true;\r\n this.metalMarketService\r\n .setMetalMarketPremiums(this.metalMarketPremiums)\r\n .subscribe(() => {\r\n this.isSaving = false;\r\n });\r\n }\r\n\r\n getPricePerGram(data: MaterialCalculation) {\r\n if (!data.baseMetal1 || data.baseMetal1 === BASE_METAL.notApplicable)\r\n return 0;\r\n let metalMarketValue1 = 0;\r\n let premium1 = 0;\r\n\r\n let metalMarketValue2 = 0;\r\n let premium2 = 0;\r\n\r\n switch (data.baseMetal1) {\r\n case BASE_METAL.gold:\r\n metalMarketValue1 = this.metalMarket.ldpmGold;\r\n premium1 = this.metalMarketPremiums.gold;\r\n break;\r\n case BASE_METAL.fairminedGold:\r\n metalMarketValue1 = this.metalMarket.ldpmGold;\r\n premium1 = this.metalMarketPremiums.fairminedGold;\r\n break;\r\n case BASE_METAL.platinum:\r\n metalMarketValue1 = this.metalMarket.ldpmPlatinum;\r\n premium1 = this.metalMarketPremiums.platinum;\r\n break;\r\n case BASE_METAL.silver:\r\n metalMarketValue1 = this.metalMarket.ldpmSilver;\r\n premium1 = this.metalMarketPremiums.silver;\r\n break;\r\n case BASE_METAL.palladium:\r\n metalMarketValue1 = this.metalMarket.ldpmPalladium;\r\n premium1 = this.metalMarketPremiums.palladium;\r\n break;\r\n }\r\n\r\n switch (data.baseMetal2) {\r\n case BASE_METAL.gold:\r\n metalMarketValue2 = this.metalMarket.ldpmGold;\r\n premium2 = this.metalMarketPremiums.gold;\r\n break;\r\n case BASE_METAL.fairminedGold:\r\n metalMarketValue2 = this.metalMarket.ldpmGold;\r\n premium2 = this.metalMarketPremiums.fairminedGold;\r\n break;\r\n case BASE_METAL.platinum:\r\n metalMarketValue2 = this.metalMarket.ldpmPlatinum;\r\n premium2 = this.metalMarketPremiums.platinum;\r\n break;\r\n case BASE_METAL.silver:\r\n metalMarketValue2 = this.metalMarket.ldpmSilver;\r\n premium2 = this.metalMarketPremiums.silver;\r\n break;\r\n case BASE_METAL.palladium:\r\n metalMarketValue2 = this.metalMarket.ldpmPalladium;\r\n premium2 = this.metalMarketPremiums.palladium;\r\n break;\r\n }\r\n const preciousPercentage1 = data.preciousPercentage1 ?? 0;\r\n const preciousPercentage2 = data.preciousPercentage2 ?? 0;\r\n\r\n const alloyCost = data.alloyCost ?? 0;\r\n const lossFactor =\r\n (this.lossFactor === 'product'\r\n ? data.lossFactor\r\n : data.otherLossFactor) ?? 0;\r\n\r\n const metal1 = (metalMarketValue1 + premium1) * preciousPercentage1;\r\n const metal2 = (metalMarketValue2 + premium2) * preciousPercentage2;\r\n return ((metal1 + metal2) / 31.1035 + alloyCost) * lossFactor;\r\n }\r\n\r\n onSaveCalculations() {\r\n const request = this.materialCalculations.reduce((accum, calculation) => {\r\n const hasValue =\r\n (calculation.baseMetal1 ?? '') !== '' &&\r\n (calculation.preciousPercentage1 ?? '') !== '' &&\r\n (calculation.alloyCost ?? '') !== '' &&\r\n (calculation.lossFactor ?? '') !== '' &&\r\n (calculation.otherLossFactor ?? '') !== '';\r\n\r\n if (hasValue) {\r\n return [\r\n ...accum,\r\n this.materialCodeService.setMaterialCodeCalculation({\r\n materialCodesCalculationsID:\r\n calculation.materialCodesCalculationsID ?? 0,\r\n materialCodeID: calculation.materialCodeId,\r\n baseMetal1: calculation.baseMetal1,\r\n preciousPercentage1: calculation.preciousPercentage1,\r\n baseMetal2: calculation.baseMetal2,\r\n preciousPercentage2: calculation.preciousPercentage2,\r\n alloyCost: calculation.alloyCost,\r\n lossFactor: calculation.lossFactor,\r\n otherLossFactor: calculation.otherLossFactor,\r\n castingFee: calculation.castingFee,\r\n bottomCutOff: calculation.bottomCutOff,\r\n topCutOff: calculation.topCutOff,\r\n }),\r\n ];\r\n } else if (calculation.materialCodesCalculationsID > 0) {\r\n return [\r\n ...accum,\r\n this.materialCodeService.deleteMaterialCodeCalculation(\r\n calculation.materialCodesCalculationsID,\r\n ),\r\n ];\r\n }\r\n return accum;\r\n }, []);\r\n this.isSaving = true;\r\n forkJoin(request).subscribe(() => {\r\n this.isSaving = false;\r\n this.getMaterialCodeCalculations();\r\n });\r\n }\r\n\r\n onComputeTotal(data: MaterialCalculation) {\r\n const list = Array.from({ length: data.totalGrams }, (_, i) => i + 1);\r\n data.totalCastingFee =\r\n this.lossFactor === 'product'\r\n ? list.reduce(\r\n (total, value) => total + this.getPriceForCurrentGram(data, value),\r\n 0,\r\n )\r\n : 0;\r\n data.totalItemCost =\r\n this.getPricePerGram(data) * data.totalGrams + data.totalCastingFee;\r\n }\r\n\r\n getPriceForCurrentGram(data: MaterialCalculation, currentGram: number) {\r\n if (currentGram <= data.bottomCutOff) return data.castingFee;\r\n if (currentGram > data.topCutOff) return 0;\r\n return (\r\n data.castingFee *\r\n (1 -\r\n (currentGram - data.bottomCutOff) /\r\n (data.topCutOff - data.bottomCutOff))\r\n );\r\n }\r\n onChangeLossFactor(value) {\r\n this.lossFactor = value;\r\n this.materialCalculations.forEach((data) => this.onComputeTotal(data));\r\n }\r\n}\r\n","\r\n","import { DatePipe } from '@angular/common';\r\nimport { HttpEventType } from '@angular/common/http';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { forkJoin } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\n\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport { Nonprecious } from 'src/app/models/nonprecious.model';\r\nimport { NonPreciousService } from 'src/app/services/non-precious.service';\r\n\r\nimport { TokenStorageService } from 'src/app/core/authentication/token-storage.service';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { Suppliers } from 'src/app/models/suppliers.model';\r\nimport { UnitOfMeasure } from 'src/app/models/unit-of-measure';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { SuppliersService } from 'src/app/services/suppliers.service';\r\nimport { UnitOfMeasureService } from 'src/app/services/unit-of-measurement.service';\r\nimport { Historylogs } from '../../models/historylogs.model';\r\n\r\n@Component({\r\n selector: 'app-non-precious',\r\n templateUrl: './non-precious.component.html',\r\n styleUrls: ['./non-precious.component.scss'],\r\n})\r\nexport class NonPreciousComponent extends GenericComponent implements OnInit {\r\n tableCollapsed = false;\r\n editMode = false;\r\n\r\n uom: UnitOfMeasure[];\r\n materialCodes: MaterialCode[];\r\n suppliers: Suppliers[];\r\n\r\n nonPreciousList: Nonprecious[];\r\n allNonPrecious: Nonprecious[];\r\n nonPrecious = new Nonprecious();\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private uomService: UnitOfMeasureService,\r\n private tokenStorageService: TokenStorageService,\r\n private materialCodeService: MaterialCodeService,\r\n private supplierService: SuppliersService,\r\n private _date: DatePipe,\r\n private nonPreciousService: NonPreciousService,\r\n private userPermissionService: UserPermissionService,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadService.loadContent(true);\r\n this.load();\r\n this.userPermissionService.checkPagePermission(PAGE_NAME.nonPrecious);\r\n }\r\n\r\n tableActive = false;\r\n selectedUOM = 1;\r\n newFlag = false;\r\n lastUpdated = new Historylogs();\r\n\r\n @ViewChild('uploadImage') imageUploader: ElementRef;\r\n\r\n ngOnInit(): void {\r\n this.loadService.loadContent(false);\r\n }\r\n\r\n load() {\r\n forkJoin([\r\n this.uomService.getList(),\r\n this.nonPreciousService.getList(),\r\n this.materialCodeService.getList(),\r\n this.supplierService.getList(),\r\n ])\r\n .pipe(\r\n map(\r\n ([unitOfMeasurements, nonpreciouslist, materialCodes, suppliers]) => {\r\n this.uom = unitOfMeasurements.responseObject;\r\n this.nonPreciousList = nonpreciouslist;\r\n this.allNonPrecious = nonpreciouslist;\r\n this.materialCodes = materialCodes.responseObject;\r\n this.suppliers = suppliers;\r\n\r\n return {\r\n unitOfMeasurements,\r\n nonpreciouslist,\r\n materialCodes,\r\n suppliers,\r\n };\r\n },\r\n ),\r\n )\r\n .subscribe(\r\n (response) => {\r\n if (this.allNonPrecious.length > 0) {\r\n this.nonPrecious = this.allNonPrecious[0];\r\n\r\n this.getHistoryLog(this.nonPrecious.nonPreciousId);\r\n }\r\n\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error(error.statusText);\r\n this.loadService.loadContent(false);\r\n },\r\n );\r\n }\r\n\r\n getHistoryLog(id: number) {\r\n this.nonPreciousService.lastupdate(id).subscribe((res) => {\r\n this.lastUpdated = res;\r\n\r\n if (this.lastUpdated != null) {\r\n this.lastUpdated = res;\r\n } else {\r\n this.lastUpdated = new Historylogs();\r\n }\r\n });\r\n }\r\n\r\n searchTimeout() {\r\n this.nonPreciousList = this.allNonPrecious.filter(\r\n (p) =>\r\n p.name.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.sku.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.supplierSku.toLowerCase().includes(this.searchString.toLowerCase()) ||\r\n p.stockQty\r\n .toString()\r\n .toLowerCase()\r\n .includes(this.searchString.toLowerCase()) ||\r\n p.supplierPrice\r\n .toString()\r\n .toLowerCase()\r\n .includes(this.searchString.toLowerCase()) ||\r\n p.nonPreciousId\r\n .toString()\r\n .toLowerCase()\r\n .includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n sortColumn = [\r\n { column: 'nonPreciousId', sort: '' },\r\n { column: 'name', sort: '' },\r\n { column: 'sku', sort: '' },\r\n { column: 'supplierSku', sort: '' },\r\n { column: 'stockQty', sort: '' },\r\n { column: 'supplierPrice', sort: '' },\r\n ];\r\n\r\n get totalNonPrecious() {\r\n if (this.nonPreciousList !== undefined) {\r\n return this.nonPreciousList.length;\r\n }\r\n return 0;\r\n }\r\n\r\n applyColorBand(nonPrecious: Nonprecious) {\r\n let index = this.allNonPrecious.indexOf(nonPrecious);\r\n if (index % 2 == 0 || index == 0) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n uploadProductImage(files) {\r\n if (files.length === 0) {\r\n return;\r\n }\r\n\r\n const formData = new FormData();\r\n\r\n formData.append('file[]', files[0]);\r\n\r\n formData.append('nonPreciousId', this.nonPrecious.nonPreciousId.toString());\r\n formData.append('sku', this.nonPrecious.sku);\r\n\r\n // FUNCTION UNDER-CONTRUCTION\r\n this.nonPreciousService.uploadImage(formData).subscribe(\r\n (event) => {\r\n if (event.type === HttpEventType.UploadProgress) {\r\n console.log(\r\n 'Uploading: ' +\r\n Math.round((100 * event.loaded) / event.total) +\r\n '%',\r\n );\r\n } else if (event.type === HttpEventType.Response) {\r\n this.nonPrecious.picPath = event.body.responseObject[0];\r\n }\r\n },\r\n (err) => {\r\n err;\r\n },\r\n );\r\n }\r\n\r\n formatDate(iDate: Date) {\r\n return this._date.transform(iDate, 'MM.dd.yyyy HH:mm');\r\n }\r\n\r\n newProduct() {\r\n this.editMode = !this.editMode;\r\n this.newFlag = true;\r\n this.nonPrecious = new Nonprecious();\r\n this.nonPrecious.name = 'NEW_ITEM';\r\n this.nonPrecious.sku = 'NEW_ITEM';\r\n this.nonPrecious.createdBy = '';\r\n this.nonPrecious.createdDate = new Date();\r\n\r\n this.nonPrecious.createdBy =\r\n this.tokenStorageService.currentUser?.userName ?? '';\r\n\r\n this.nonPreciousService.addupdate(this.nonPrecious).subscribe((res) => {\r\n this.nonPrecious = res;\r\n });\r\n }\r\n\r\n save() {\r\n this.editMode = !this.editMode;\r\n\r\n this.nonPreciousService.addupdate(this.nonPrecious).subscribe((res) => {\r\n this.nonPrecious = res;\r\n\r\n // Need to recall, freaking array doesn't work\r\n this.nonPreciousService.getList().subscribe((res) => {\r\n this.nonPreciousList = res;\r\n this.allNonPrecious = res;\r\n });\r\n\r\n this.alertService.success('Item details updated.');\r\n });\r\n }\r\n\r\n toggleEdit() {\r\n this.editMode = !this.editMode;\r\n this.newFlag = false;\r\n }\r\n\r\n toggleCancel() {\r\n this.editMode = !this.editMode;\r\n\r\n if (this.newFlag == false) {\r\n return;\r\n }\r\n\r\n // TODO : UNDER CONSTRUCTION\r\n\r\n this.nonPreciousService.delete(this.nonPrecious.nonPreciousId).subscribe();\r\n }\r\n\r\n getNonPrecious(nonPrecious: Nonprecious) {\r\n this.nonPrecious = nonPrecious;\r\n\r\n this.getHistoryLog(nonPrecious.nonPreciousId);\r\n }\r\n\r\n sortClass(column) {\r\n if (this.sortColumn.find((s) => s.column === column).sort === 'asc') {\r\n return 'fa-arrow-up';\r\n } else if (\r\n this.sortColumn.find((s) => s.column === column).sort === 'desc'\r\n ) {\r\n return 'fa-arrow-down';\r\n }\r\n return '';\r\n }\r\n\r\n onSort(column: string) {\r\n if (\r\n this.checkStringIfEmpty(\r\n this.sortColumn.find((s) => s.column === column).sort,\r\n ) ||\r\n this.sortColumn.find((s) => s.column === column).sort !== 'asc'\r\n ) {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'asc';\r\n this.nonPreciousList.sort((a, b) => {\r\n if (a[column] > b[column]) {\r\n return 1;\r\n }\r\n if (a[column] < b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n } else {\r\n this.sortColumn.forEach((s) => {\r\n s.sort = '';\r\n });\r\n this.sortColumn.find((s) => s.column === column).sort = 'desc';\r\n this.nonPreciousList.sort((a, b) => {\r\n if (a[column] < b[column]) {\r\n return 1;\r\n }\r\n if (a[column] > b[column]) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n }\r\n }\r\n}\r\n","\r\n
\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n Items: {{ filteredMetalGrains.length }}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
\r\n | ID | \r\nName | \r\nSKU | \r\nSupplier | \r\nSupplier SKU | \r\nMaterial Code | \r\nUnit of Measure | \r\nQTY in Stock | \r\nQTY in Scrap | \r\n{{ item.metalGrainsId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n{{ supplierName(item.suppliersId) }} | \r\n{{ item.supplierSku }} | \r\n{{ getMaterial(item.materialCode) }} | \r\n{{ getUom(item.uom) }} | \r\n{{ item.qtyinStock }} | \r\n{{ item.qtyinScrap }} | \r\n \r\n
|---|
\r\n
\r\n \r\n \r\n New \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n UPLOAD\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n ({{ supplier.supplierId }}) {{ supplier.companyName }}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{ material.code }}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {{ unit.uom }}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n
\r\n \r\n \r\n Edit\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport groupBy from 'lodash/groupBy';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { DateTime } from 'luxon';\r\nimport { Subject } from 'rxjs';\r\nimport { debounceTime } from 'rxjs/operators';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { OpenOrder } from 'src/app/models/orders.model';\r\nimport { OrderService } from 'src/app/services/order.service';\r\nimport { WorkOrderPrintDialogComponent } from '../work-order-view/work-order-print/work-order-print-dialog.component';\r\ninterface Filters {\r\n ReceivedFrom: string;\r\n ReceivedTo: string;\r\n DueDateFrom: string;\r\n DueDateTo: string;\r\n CustomerId: number;\r\n ShowOverdueOnly: boolean;\r\n DueCutOff: 'all' | 'today' | 'tomorrow-earlier' | 'next-week-earlier';\r\n OrderType: number[];\r\n}\r\ninterface OpenOrderModel {\r\n productsId?: number;\r\n ordersId?: number;\r\n productName?: string;\r\n type?: string;\r\n picturePath?: string;\r\n ordersLink?: string;\r\n totalBackOrder: number;\r\n items: OpenOrder[];\r\n}\r\n@Component({\r\n selector: 'open-order-report',\r\n templateUrl: './open-order-report.component.html',\r\n styleUrls: ['./open-order-report.component.scss'],\r\n})\r\nexport class OpenOrderReportComponent implements OnInit {\r\n customerList: Array<{ customerId: number; customerName: string }>;\r\n filter: Filters = {\r\n CustomerId: 0,\r\n ReceivedFrom: DateTime.local().minus({ months: 9 }).toFormat('yyyy-MM-dd'),\r\n ReceivedTo: DateTime.local().toFormat('yyyy-MM-dd'),\r\n DueDateFrom: null,\r\n DueDateTo: null,\r\n ShowOverdueOnly: false,\r\n DueCutOff: 'all',\r\n OrderType: [-1],\r\n } as Filters;\r\n sortBy: string = 'customername';\r\n sortDirection: string = 'asc';\r\n openOrders: OpenOrderModel[] = [];\r\n totalBackOrder = 0;\r\n orders: OpenOrder[] = [];\r\n isLoading = true;\r\n rawData: OpenOrder[] = [];\r\n orderTypeControl = new FormControl([-1]);\r\n orderTypePreviousValues: number[] = [-1];\r\n isExportingFile = false;\r\n groupType: 'product' | 'order' = 'product';\r\n private debouncer = new Subject\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n LAST UPDATE BY : {{ lastUpdated.username }} / DATE :\r\n {{ formatDate(lastUpdated.date) }}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n\r\n \r\n Items: {{ totalNonPrecious }}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n | \r\n ID\r\n | \r\n\r\n NAME\r\n | \r\n\r\n SKU\r\n | \r\n\r\n \r\n SUPPLIER SKU\r\n | \r\n\r\n STOCK QTY\r\n | \r\n\r\n \r\n SUPPLIER PRICE\r\n | \r\n{{ item.nonPreciousId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n{{ item.supplierSku }} | \r\n{{ item.stockQty }} | \r\n{{ item.supplierPrice }} | \r\n \r\n{{ item.nonPreciousId }} | \r\n{{ item.name }} | \r\n{{ item.sku }} | \r\n{{ item.supplierSku }} | \r\n{{ item.stockQty }} | \r\n{{ item.supplierPrice }} | \r\n \r\n
|---|
\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n ITEM NAME / SKU / UOM / STOCK QUANTITY\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n NAME\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n SKU\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ unit.uom }}\r\n \r\n \r\n
\r\n \r\n \r\n UOM\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n STOCK QTY\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n SUPPLIER NAME / SKU / PRICE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n {{ sups.supplierId }}\r\n \r\n \r\n\r\n
\r\n \r\n \r\n SUPPLIER CODE\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n SUPPLIER SKU\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n SUPPLIER PRICE\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n COMMENTS
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n\r\n
\r\n \r\n \r\n COMMENT\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n EDIT\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n + New\r\n \r\n
\r\n \r\n
\r\n\r\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\r\nimport groupBy from 'lodash/groupBy';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { forkJoin, of } from 'rxjs';\r\nimport { delay } from 'rxjs/operators';\r\nimport { fadeAnimation } from 'src/app/animations/fade-animation';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { STONE_OPEN_ORDER_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/stone-open-order-report-permission';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { StoneOpenOrder } from 'src/app/models/orders.model';\r\nimport { OrderService } from 'src/app/services/order.service';\r\nimport { WorkOrderService } from 'src/app/services/work-order.service';\r\nimport { StoneService } from '../riva-gems/stone.service';\r\nimport { WorkOrderPrintDialogComponent } from '../work-order-view/work-order-print/work-order-print-dialog.component';\r\nimport { WorkOrdersReleaseComponent } from '../work-order-view/work-orders-release.component';\r\nimport { StoneItem } from './stone-receiving-dialog/stone-item';\r\nimport { StoneReceivingDialogComponent } from './stone-receiving-dialog/stone-receiving-dialog.component';\r\nimport { StoneReleaseHistoryDialogComponent } from './stone-release-history-dialog/stone-release-history-dialog.component';\r\n\r\ninterface Filters {\r\n CustomerId: number;\r\n StoneReleased: number;\r\n}\r\ninterface StoneOpenOrderModel {\r\n productsId: number;\r\n productName: string;\r\n type: string;\r\n picturePath: string;\r\n totalBackOrder: number;\r\n items: StoneOpenOrder[];\r\n}\r\n\r\n@Component({\r\n selector: 'open-order-stone-report',\r\n templateUrl: './open-order-stone-report.component.html',\r\n styleUrls: ['./open-order-stone-report.component.scss'],\r\n animations: [fadeAnimation],\r\n})\r\nexport class OpenOrderStoneReportComponent implements OnInit {\r\n @ViewChild('errorWorkOrder')\r\n public readonly errorWorkOrder!: SwalComponent;\r\n\r\n @ViewChild('successRelease')\r\n public readonly successRelease!: SwalComponent;\r\n\r\n error: { title: string; description: string } = {\r\n title: '',\r\n description: '',\r\n };\r\n customerList: Array<{ customerId: number; customerName: string }>;\r\n filter: Filters = {\r\n CustomerId: 0,\r\n StoneReleased: 2,\r\n } as Filters;\r\n sortBy: string = 'customername';\r\n sortDirection: string = 'asc';\r\n openOrders: StoneOpenOrderModel[] = [];\r\n rawOrders: StoneOpenOrder[] = [];\r\n orders: StoneOpenOrder[] = [];\r\n isLoading = true;\r\n searchQuery = '';\r\n isScanning = false;\r\n hasError = false;\r\n featureKey = STONE_OPEN_ORDER_FEATURE_KEY;\r\n\r\n constructor(\r\n public dialog: MatDialog,\r\n private orderService: OrderService,\r\n private workOrderService: WorkOrderService,\r\n private stoneService: StoneService,\r\n private userPermissionService: UserPermissionService\r\n ) {\r\n this.userPermissionService.checkPagePermission(PAGE_NAME.stoneOpenOrderReport);\r\n }\r\n\r\n ngOnInit(): void {\r\n this.getOpenOrders(true);\r\n }\r\n\r\n getOpenOrders(isInitial = false) {\r\n this.orderService\r\n .getStoneOpenOrder({\r\n CustomerId: this.filter.CustomerId,\r\n Status: this.filter.StoneReleased,\r\n OrderBy: this.sortBy,\r\n SortDirection: this.sortDirection,\r\n Take: 0,\r\n })\r\n .subscribe(({ data, customers }) => {\r\n if (isInitial) {\r\n this.customerList = orderBy(customers, 'companyName');\r\n }\r\n this.isLoading = false;\r\n this.rawOrders = [...data];\r\n this.onFilter();\r\n });\r\n }\r\n\r\n onFilter() {\r\n const filteredData =\r\n this.searchQuery !== ''\r\n ? this.rawOrders.filter((o) =>\r\n o.workOrdersId.toString().includes(this.searchQuery),\r\n )\r\n : [...this.rawOrders];\r\n this.onParseOpenOrders(filteredData);\r\n }\r\n\r\n onSortChange() {\r\n this.sortDirection = this.sortDirection === 'asc' ? 'desc' : 'asc';\r\n this.getOpenOrders();\r\n }\r\n\r\n onParseOpenOrders(orders: StoneOpenOrder[]) {\r\n this.openOrders = orders.reduce\r\n
\r\n \r\n \r\n Filter by customer \r\n \r\n ALL \r\n \r\n {{ customer.customerName }}\r\n \r\n \r\n \r\n \r\n Filter by order type \r\n \r\n All \r\n Standard \r\n Internal \r\n Online \r\n Repair \r\n \r\n \r\n \r\n \r\n \r\n \r\n Sort by \r\n \r\n Customer \r\n Due Date \r\n \r\n \r\n Show Late Order Only \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Loading Orders...
\r\n\r\n
\r\n \r\n No Data Available\r\n
\r\n 0\">\r\n 0\"\r\n (click)=\"onDownloadExcelFile()\"\r\n [disabled]=\"isExportingFile\"\r\n >\r\n Export to Excel\r\n \r\n
\r\n \r\n
\r\n Total Back Order
\r\n {{ totalBackOrder | number : '1.0-0' }}
\r\n \r\n \r\n \r\n Product Group\r\n \r\n \r\n Order Group\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Name:
\r\n {{ item.productName }}
\r\n \r\n
\r\n Order #:
\r\n \r\n \r\n {{ item.ordersId }}\r\n \r\n
\r\n \r\n
\r\n Total On BO:
\r\n {{ item.totalBackOrder }}
\r\n \r\n \r\n
\r\n
\r\n | \r\n Product Name\r\n | \r\nWork Order # | \r\nPO # | \r\nBack Order # | \r\nCustomer | \r\nDue Date | \r\nMetal | \r\nSize | \r\nStone Type | \r\n
|---|---|---|---|---|---|---|---|---|
| {{ order.productName }} | \r\n\r\n | \r\n \r\n \r\n {{ order.poExternal || order.poInternal }}\r\n \r\n | \r\n{{ order.backOrder }} | \r\n\r\n {{ order.customerName }}\r\n | \r\n\r\n {{ order.dueDate | date : 'MM/dd/yyyy' }}\r\n | \r\n\r\n \r\n \r\n | \r\n {{ order.size }} | \r\n{{ order.stoneType }} | \r\n
\r\n
\r\n\r\n\r\n
\r\n \r\n \r\n Search by WKO Number \r\n \r\n Filter by customer \r\n \r\n ALL \r\n \r\n {{ customer.customerName }}\r\n \r\n \r\n \r\n \r\n Filter by stones released \r\n \r\n ALL \r\n Stone Released \r\n Stone Unreleased \r\n \r\n \r\n \r\n Sort by \r\n \r\n Customer \r\n Due Date \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n Loading Orders...
\r\n\r\n
\r\n\r\n No Data Available\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Name:
\r\n {{ item.productName }}
\r\n \r\n \r\n
\r\n
\r\n | Work Order # | \r\nType | \r\nCut | \r\nClarity | \r\nColor | \r\nSize | \r\nLab Grown | \r\nTraceable | \r\nCustomer Provided | \r\nTotal Qty | \r\nReleased Date | \r\n\r\n | \r\n \r\n {{ order.stoneType }}\r\n | \r\n{{ order.stoneCut }} | \r\n{{ order.stoneClarity }} | \r\n{{ order.stoneColor }} | \r\n{{ order.stoneSize }} | \r\n{{ order.labGrown ? 'Yes' : 'No' }} | \r\n{{ order.traceable ? 'Yes' : 'No' }} | \r\n{{ order.customerProvided ? 'Yes' : 'No' }} | \r\n{{ order.totalStoneQty }} | \r\n{{ order.stonereleasedate | date : 'MM/dd/yyyy' }} | \r\n \r\n \r\n
|---|
Stones for Work Order {{ props.workOrderId }}
\r\n\r\n
\r\n\r\n \r\n
\r\n
\r\n | Picture | \r\n\r\n | \r\n Type | \r\n{{ element.stoneType }} | \r\nCut | \r\n{{ element.stoneCut }} | \r\nClarity | \r\n{{ element.stoneClarity }} | \r\nColor | \r\n{{ element.stoneColor }} | \r\nSize | \r\n{{ element.stoneSize }} | \r\nLab Grown | \r\n\r\n {{ element.labGrown ? 'Yes' : 'No' }}\r\n | \r\nTraceable | \r\n\r\n {{ element.traceable ? 'Yes' : 'No' }}\r\n | \r\nQty | \r\n\r\n | \r\n Carat | \r\n\r\n | \r\n Customer Provided | \r\n\r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n | Product | \r\n{{ element.productName }} | \r\nType | \r\n{{ element.stoneType }} | \r\nCut | \r\n{{ element.stoneCut }} | \r\nClarity | \r\n{{ element.stoneClarity }} | \r\nColor | \r\n{{ element.stoneColor }} | \r\nSize | \r\n{{ element.stoneSize }} | \r\nLab Grown | \r\n\r\n {{ element.labGrown ? 'Yes' : 'No' }}\r\n | \r\nTraceable | \r\n\r\n {{ element.traceable ? 'Yes' : 'No' }}\r\n | \r\nQty | \r\n\r\n {{ element.qtyMoved }}\r\n | \r\nCustomer | \r\n\r\n {{ element.customerName }}\r\n | \r\nCustomer Provided | \r\n\r\n {{ element.customerProvided ? 'Yes' : 'No' }}\r\n | \r\nReleased Date | \r\n\r\n {{ element.stonereleasedate | date : 'MM/dd/yyyy' }}\r\n | \r\n\r\n Work Order:\r\n {{ groupBy.label }}\r\n | \r\n
|---|
| No Available Data | \r\n
\r\n
\r\n \r\n\r\n","import {\r\n Component,\r\n Inject,\r\n OnInit,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { SwalComponent } from '@sweetalert2/ngx-sweetalert2';\r\nimport { SkuService } from 'src/app/services/sku.service';\r\n\r\n@Component({\r\n selector: 'add-product-by-customer-sku-dialog',\r\n templateUrl: './add-product-by-customer-sku-dialog.component.html',\r\n styleUrls: ['./add-product-by-customer-sku-dialog.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AddProductByCustomerSkuDialogComponent implements OnInit {\r\n @ViewChild('searchConfirmation')\r\n public readonly searchConfirmation!: SwalComponent;\r\n customerSku = '';\r\n isSearching = false;\r\n\r\n confirmation: {\r\n icon: string;\r\n title: string;\r\n description: string;\r\n timer?: number;\r\n } = {\r\n icon: 'question',\r\n title: '',\r\n description: '',\r\n };\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA)\r\n public data: { customerId: number },\r\n public dialogRef: MatDialogRefAdd-ons
\r\nAdd Product by Customer SKU
\r\n\r\n \r\n Customer SKU \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n {{ element.enamel }}\r\n \r\n \r\n \r\n Print\r\n \r\n \r\n {{ element.workOrder.workOrderId }}\r\n \r\n \r\n Undo Bypass\r\n \r\n \r\n \r\n Delete\r\n \r\n \r\n Bypass WKO\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n ADD PRODUCT\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ selectedMaterial.material.description }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {{\r\n selectedMaterial.material?.multiMetalPrimaryMaterial.code\r\n }}\r\n /\r\n {{\r\n selectedMaterial.material?.multiMetalSecondaryMaterial.code\r\n }} \r\n
\r\n \r\n
\r\n \r\n \r\n Product \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n \r\n \r\n {{ product.customerCodeNavigation?.customerId }}\r\n
\r\n \r\n
\r\n \r\n {{ product.productName }}\r\n
\r\n\r\n
\r\n {{ product.sku }}
\r\n\r\n
\r\n {{ product.productDesc }}
\r\nNot Found
\r\n \r\n \r\n Material Code \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Size \r\n \r\n \r\n {{ size.size }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n CI-PO \r\n \r\n \r\n
\r\n \r\n \r\n QTY ORDERED \r\n \r\n \r\n
\r\n \r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n
\r\n \r\n \r\n DUE DATE \r\n \r\n \r\n
\r\n \r\n \r\n 0\"\r\n style=\"grid-column: 1 / span 2; padding: 0 8px\"\r\n >\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n COMMENT \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n Enamel Variation \r\n \r\n NO-ENAMEL \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n [{{ item.pantoneColor }}]\r\n \r\n {{ item.enamelName }}\r\n \r\n Custom \r\n \r\n Customer SKU \r\n
\r\n \r\n \r\n Save\r\n \r\n \r\n
\r\n \r\n \r\n\r\n","import { HttpEventType } from '@angular/common/http';\r\nimport {\r\n Component,\r\n ElementRef,\r\n Inject,\r\n OnInit,\r\n ViewChild,\r\n ViewEncapsulation,\r\n} from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { DateTime } from 'luxon';\r\nimport { forkJoin } from 'rxjs';\r\nimport { Product } from 'src/app/models/product';\r\nimport { OrderService } from 'src/app/services/order.service';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport { SharedService } from 'src/app/services/shared.service';\r\nimport { OrderdetailsService } from '../orderdetails.service';\r\nimport { OrderImport } from './order-import';\r\n\r\n@Component({\r\n selector: 'order-upload-dialog',\r\n templateUrl: './order-upload-dialog.component.html',\r\n styleUrls: ['./order-upload-dialog.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class OrderUploadDialogComponent implements OnInit {\r\n displayedColumns: string[] = [\r\n 'selection',\r\n 'productShortName',\r\n 'karatMetal',\r\n 'size',\r\n 'cipo',\r\n 'qtyOrdered',\r\n 'dueDate',\r\n 'comments',\r\n ];\r\n orderImports: OrderImport[] = [];\r\n orderImportsFailed: OrderImport[] = [];\r\n hasFailedImports = false;\r\n isUploading = false;\r\n isSubmitting = false;\r\n uploadStatus: 'None' | 'Error' | 'Success' = 'None';\r\n importFailedAccordionLabel = 'Failed Imports';\r\n importSuccessAccordionLabel = 'Successful Imports';\r\n products: Product[];\r\n\r\n @ViewChild('uploadOrderFile') fileUploader: ElementRef;\r\n\r\n constructor(\r\n private orderService: OrderService,\r\n private sharedService: SharedService,\r\n private orderDetailsService: OrderdetailsService,\r\n private productService: ProductService,\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n Upload File\r\n \r\n
\r\n \r\n \r\n Re-Upload File\r\n \r\n
\r\n \r\n | \r\n | \r\n | \r\n Product | \r\n\r\n {{\r\n element.productShortName\r\n }}\r\n | \r\n Material | \r\n\r\n {{\r\n element.karatMetal\r\n }}\r\n | \r\n Size | \r\n\r\n \r\n {{ element.size }}\r\n \r\n | \r\n CIPO | \r\n\r\n {{ element.cipo }}\r\n | \r\n Due Date | \r\n\r\n \r\n {{ element.dueDate | date : 'MM/dd/yyyy' }}\r\n \r\n | \r\n Qty | \r\n\r\n {{ element.qtyOrdered }}\r\n | \r\n Comments | \r\n\r\n {{ element.comments }}\r\n | \r\n \r\n | \r\n | \r\n
|---|
| No Failed Import | \r\n
| \r\n | \r\n | \r\n Product | \r\n\r\n {{ element.productShortName }}\r\n | \r\nMaterial | \r\n\r\n {{ element.karatMetal }}\r\n | \r\nSize | \r\n\r\n {{ element.size }}\r\n | \r\nCIPO | \r\n\r\n {{ element.cipo }}\r\n | \r\nDue Date | \r\n\r\n {{ element.dueDate | date : 'MM/dd/yyyy' }}\r\n | \r\nQty | \r\n\r\n {{ element.qtyOrdered }}\r\n | \r\nComments | \r\n\r\n {{ element.comments }}\r\n | \r\n\r\n | \r\n |
|---|
| \r\n No Successful Imports\r\n | \r\n
\r\n \r\n \r\n Cancel\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { Observable, forkJoin } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\n\r\nimport { LoadService } from './../../..//custom/load-overlay/load-overlay.service';\r\nimport { GenericComponent } from './../../../components/generic/generic.component';\r\nimport { AlertService } from './../../../custom/_alert';\r\n\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport { OrderdetailsService } from './../orderdetails.service';\r\n\r\nimport { DateTime } from 'luxon';\r\nimport { ORDER_DETAILS_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/order-details-permission';\r\nimport { CustomerAddOns, Customers } from 'src/app/models/customer';\r\nimport { Enamel } from 'src/app/models/enamel';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport { OrderDetailsEnamel, OrdersDetails } from 'src/app/models/orders.model';\r\nimport { Product, ProductDetail, ProductEnamel } from 'src/app/models/product';\r\nimport { ProductSku } from 'src/app/models/sku';\r\nimport { CustomerService } from 'src/app/services/customer.service';\r\nimport { EnamelService } from 'src/app/services/enamel.service';\r\nimport { PricingAddOnsService } from 'src/app/services/pricing-addons.service';\r\nimport { ProductBomService } from 'src/app/services/product-bom.service';\r\nimport { SkuService } from 'src/app/services/sku.service';\r\nimport { ProductOrderChain } from '../../riva-chain/riva-chain-product/model';\r\nimport { ProductStone } from '../../riva-gems/riva-gems.model';\r\n\r\n@Component({\r\n selector: 'app-orderdetails-item',\r\n templateUrl: './orderdetails-item.component.html',\r\n styleUrls: ['./orderdetails-item.component.scss'],\r\n})\r\nexport class OrderdetailsItemComponent\r\n extends GenericComponent\r\n implements OnInit\r\n{\r\n @Input() orderDetails: OrdersDetails = new OrdersDetails();\r\n @Input() customerId: number;\r\n @Input() isEditable: boolean = true;\r\n @Input() productList: Product[] = [];\r\n @Input() customersList: Customers[] = [];\r\n @Input() materialCodes: MaterialCode[] = [];\r\n @Input() isOrderOnline: boolean = false;\r\n @Input() customerAddOns: CustomerAddOns[] = [];\r\n @Output() onSuccessSave = new EventEmitter();\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private orderDetailsService: OrderdetailsService,\r\n private productService: ProductService,\r\n private productBomService: ProductBomService,\r\n private enamelService: EnamelService,\r\n private customerService: CustomerService,\r\n private skuService: SkuService,\r\n private pricingAddOnsService: PricingAddOnsService,\r\n ) {\r\n super(loadService, alertService);\r\n }\r\n\r\n products: Product[] = [];\r\n materialSizes: string[] = [];\r\n\r\n product: Product = new Product();\r\n materialCode: MaterialCode = new MaterialCode();\r\n materialSize: string = '';\r\n\r\n orderDetailsFeatureKey = ORDER_DETAILS_FEATURE_KEY;\r\n\r\n productControl = new FormControl();\r\n materialCodeControl = new FormControl();\r\n materialSizeControl = new FormControl();\r\n productVariations: ProductEnamel[] = [];\r\n productStoneVariationControl = new FormControl();\r\n productStoneVariations: ProductStone[] = [];\r\n productStoneVariation: ProductStone = {} as ProductStone;\r\n enamelDetail: OrderDetailsEnamel = {} as OrderDetailsEnamel;\r\n productDetail: ProductDetail = {\r\n materials: [],\r\n productSizes: [],\r\n } as ProductDetail;\r\n enamels: Enamel[] = [];\r\n noChain = {\r\n chainProductsID: -1,\r\n chainType: false,\r\n name: 'No Chain',\r\n size: '',\r\n };\r\n\r\n productChains: ProductOrderChain[] = [];\r\n productChain: ProductOrderChain = {} as ProductOrderChain;\r\n productChainControl = new FormControl();\r\n filteredProductChains: Observable\r\n \r\n
\r\n \r\n {{\r\n selectedMaterial.material?.multiMetalPrimaryMaterial.code\r\n }}\r\n /\r\n {{\r\n selectedMaterial.material?.multiMetalSecondaryMaterial.code\r\n }} \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Size \r\n \r\n \r\n {{ size.size }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n CI-PO \r\n \r\n
\r\n \r\n \r\n QTY ORDERED \r\n \r\n
\r\n \r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n
\r\n \r\n \r\n DUE DATE \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Stone Variation \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Chain \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0\"\r\n style=\"grid-column: 1 / span 2; padding: 0 8px\"\r\n >\r\n \r\n
\r\n \r\n \r\n \r\n \r\n COMMENT \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Enamel Variation \r\n \r\n NO-ENAMEL \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n [{{ item.pantoneColor }}]\r\n {{ item.enamelName }}\r\n \r\n
\r\n Type
\r\n Color
\r\n Clarity
\r\n Size
\r\n Lab Grown
\r\n Traceable
\r\n \r\n
\r\n Type
\r\n Color
\r\n Clarity
\r\n Size
\r\n Lab Grown
\r\n Traceable
\r\n \r\n
\r\n \r\n \r\n {{ variation.stone?.stoneType?.name }}\r\n
\r\n \r\n {{ variation.stone?.stoneColor?.colorName ?? '-' }}\r\n
\r\n \r\n {{ variation.stone?.stoneClarity?.name ?? '-' }}\r\n
\r\n \r\n {{\r\n variation.overrideStoneSize ||\r\n (variation.stone?.stoneSize?.displayText ?? '-')\r\n }}\r\n
\r\n \r\n {{ variation.stone?.labGrown ? 'Yes' : 'No' }}\r\n
\r\n \r\n {{ variation.stone?.traceable ? 'Yes' : 'No' }}\r\n
\r\n Not Found
\r\n \r\n \r\n \r\n
\r\n Type
\r\n Name
\r\n Size/Length
\r\n \r\n
\r\n Type
\r\n Name
\r\n Size/Length
\r\n \r\n \r\n \r\n
\r\n \r\n No Chain
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ chain.chainType ? 'Finished' : 'Unfinished' }}\r\n
\r\n \r\n {{ chain.name }}\r\n
\r\n \r\n {{ chain.size }}\r\n
\r\n \r\n Custom \r\n \r\n Customer SKU \r\n
\r\n \r\n \r\n Save\r\n \r\n \r\n
\r\n \r\n \r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core';\r\n\r\nimport { NzTabsModule } from 'ng-zorro-antd/tabs';\r\n\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ListComponent } from './list/list.component';\r\n\r\nimport { SharedModule } from 'src/app/shared modules/shared.module';\r\nimport { AppMaterialModule } from './../../shared modules/app-material/app-material.module';\r\nimport { CustomerAddOnsComponent } from './customer-add-ons/customer-add-ons.component';\r\nimport { NewOrderdetailsItemComponent } from './new-orderdetails-item/new-orderdetails-item.component';\r\nimport { OrderdetailsItemComponent } from './orderdetails-item/orderdetails-item.component';\r\nimport { RivaChainOrderComponent } from './riva-chain-order/riva-chain-order.component';\r\nimport { RivaFindingOrderAddItemComponent } from './riva-findings-order/riva-findings-order-add-item/riva-findings-order-add-item.component';\r\nimport { RivaFindingOrderAddComponent } from './riva-findings-order/riva-findings-order-add/riva-findings-order-add.component';\r\nimport { RivaOtherComponentOrderComponent } from './riva-other-component-order/riva-other-component-order.component';\r\n\r\n@NgModule({\r\n declarations: [\r\n ListComponent,\r\n OrderdetailsItemComponent,\r\n NewOrderdetailsItemComponent,\r\n RivaChainOrderComponent,\r\n RivaFindingOrderAddComponent,\r\n RivaFindingOrderAddItemComponent,\r\n RivaOtherComponentOrderComponent,\r\n CustomerAddOnsComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n AppMaterialModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n SharedModule,\r\n NzTabsModule,\r\n ],\r\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n exports: [ListComponent],\r\n})\r\nexport class OrderdetailsModule {}\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { Observable } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { OrderDetailsEnamel } from 'src/app/models/orders.model';\r\nimport { environment } from 'src/environments/environment';\r\nimport { ProductOrderChainModel } from '../riva-chain/riva-chain-product/model';\r\nimport { GenericService } from './../../services/generic.service';\r\n\r\n@Injectable({\r\n providedIn: 'root',\r\n})\r\nexport class OrderdetailsService extends GenericService {\r\n baseUrl = environment.apiUrl + 'orderdetails';\r\n chainUrl = `${environment.apiUrl}order-details/chain`;\r\n\r\n constructor(http: HttpClient) {\r\n super(http);\r\n }\r\n\r\n getList(): Observable\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ mats.material.description }}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Size \r\n \r\n \r\n {{ size.size }}\r\n \r\n \r\n \r\n \r\n Length \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n
\r\n {{ selectedMaterial.description }}\r\n \r\n \r\n \r\n CI-PO \r\n \r\n
\r\n \r\n \r\n QTY ORDERED \r\n \r\n
\r\n \r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n
\r\n \r\n \r\n DUE DATE \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n","import { AfterViewInit, Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { Finding, FindingsStock } from 'src/app/components/riva-findings/model';\r\nimport { OrdersDetails } from 'src/app/models/orders.model';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\n\r\n@Component({\r\n selector: 'riva-findings-order-add-item',\r\n templateUrl: './riva-findings-order-add-item.component.html',\r\n styleUrls: ['./riva-findings-order-add-item.component.scss'],\r\n})\r\nexport class RivaFindingOrderAddItemComponent implements OnInit, AfterViewInit {\r\n @Input() orderDetail: Partial\r\n \r\n COMMENT \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Custom \r\n
\r\n \r\n \r\n Save\r\n \r\n \r\n Cancel\r\n \r\n 0\">\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { DateTime } from 'luxon';\r\nimport { OrderDetailAlt } from 'src/app/components/riva-chain/riva-chain-finish/models';\r\nimport { FINDINGS_TYPE } from 'src/app/components/riva-findings/constants';\r\nimport { Finding } from 'src/app/components/riva-findings/model';\r\nimport { OrdersDetails } from 'src/app/models/orders.model';\r\nimport { ChainService } from 'src/app/services/chain.service';\r\nimport { FindingsService } from 'src/app/services/findings.service';\r\n\r\nconst getCurrentIndex = (type: number) => {\r\n switch (type) {\r\n case FINDINGS_TYPE.JUMPRINGS:\r\n return 0;\r\n case FINDINGS_TYPE.POST:\r\n return 1;\r\n case FINDINGS_TYPE.FLYER:\r\n return 2;\r\n case FINDINGS_TYPE.SPRING:\r\n return 3;\r\n case FINDINGS_TYPE.SPRING_RING:\r\n return 4;\r\n case FINDINGS_TYPE.LOBSTER_CLAW:\r\n return 5;\r\n case FINDINGS_TYPE.TAGS:\r\n return 6;\r\n default:\r\n return 0;\r\n }\r\n};\r\n@Component({\r\n selector: 'riva-findings-order-add',\r\n templateUrl: './riva-findings-order-add.component.html',\r\n styleUrls: ['./riva-findings-order-add.component.scss'],\r\n})\r\nexport class RivaFindingOrderAddComponent implements OnInit {\r\n @Input() orderDetail: Partial\r\n
\r\n \r\n
\r\n \r\n \r\n Comment \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{ columns['name'] }}\r\n \r\n \r\n {{ element.name }}\r\n \r\n \r\n \r\n \r\n {{ columns['size_1'] }}\r\n \r\n \r\n {{ element.size_1 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_2'] }}\r\n \r\n \r\n {{ element.size_2 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_3'] }}\r\n \r\n \r\n {{ element.size_3 }}mm\r\n \r\n \r\n \r\n \r\n {{ columns['size_4'] }}\r\n \r\n \r\n {{ element.size_4 }}mm\r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n \r\n {{ element.customerName }}\r\n \r\n \r\n \r\n \r\n ID\r\n \r\n \r\n {{ element.jumpringSize }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n Material Code \r\n \r\n \r\n {{ stock.material.description }}\r\n \r\n \r\n \r\n \r\n CI-PO \r\n \r\n \r\n Qty \r\n \r\n
\r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n \r\n DUE DATE \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Save\r\n \r\n \r\n
\r\n \r\n
\r\n","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { DateTime } from 'luxon';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { ORDER_DETAILS_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/order-details-permission';\r\nimport { OrdersDetails } from 'src/app/models/orders.model';\r\nimport { OtherComponentsService } from 'src/app/services/other-components.service';\r\nimport {\r\n OtherComponent,\r\n OtherComponentMaterial,\r\n OtherComponentSize,\r\n OtherComponentType,\r\n} from '../../other-components/model';\r\nimport { OrderDetailAlt } from '../../riva-chain/riva-chain-finish/models';\r\n\r\n@Component({\r\n selector: 'riva-other-component-order',\r\n templateUrl: './riva-other-component-order.component.html',\r\n styleUrls: ['./riva-other-component-order.component.scss'],\r\n})\r\nexport class RivaOtherComponentOrderComponent implements OnInit {\r\n @Input() orderDetail: Partial\r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.JUMPRINGS\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.POST\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.FLYER\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.SPRING\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.SPRING_RING\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.LOBSTER_CLAW\r\n \"\r\n >\r\n \r\n \r\n 0 &&\r\n orderDetail.findingsTypesID !== findingsType.TAGS\r\n \"\r\n >\r\n \r\n \r\n \r\n
\r\n 0\">\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n {{ mats.materialCode.description }}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Size \r\n \r\n \r\n {{ size.label }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Material Code \r\n \r\n \r\n
\r\n {{ selectedMaterial.description }}\r\n \r\n \r\n \r\n CI-PO \r\n \r\n
\r\n \r\n \r\n QTY ORDERED \r\n \r\n
\r\n \r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n
\r\n \r\n \r\n DUE DATE \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n\r\n","import { HttpEventType } from '@angular/common/http';\r\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { Customer } from 'src/app/models/enum/customer.enum';\r\nimport { OrderImportResponse } from 'src/app/models/rgw-order-import.response';\r\nimport { OrderService } from 'src/app/services/order.service';\r\nimport { LoadService } from '../../custom/load-overlay/load-overlay.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nexport const CustomerMapping = [\r\n { value: Customer.HOF, type: 'HOF' },\r\n { value: Customer.HOFFullfilment, type: 'HOF Fulfillment' },\r\n { value: Customer.Ringware, type: 'Ringware' },\r\n { value: Customer.Mizuki, type: 'Mizuki' },\r\n { value: Customer.BaubleBar, type: 'BaubleBar' },\r\n];\r\n\r\n@Component({\r\n templateUrl: './orderimporting.component.html',\r\n styleUrls: ['./orderimporting.component.scss'],\r\n})\r\nexport class OrderImportingComponent\r\n extends GenericComponent\r\n implements OnInit\r\n{\r\n orderImportResponse: OrderImportResponse = new OrderImportResponse();\r\n customers: { value: Customer; type: string }[];\r\n selectedCustomer: number = 0;\r\n invalidOrderItemsCount: number = 0;\r\n succeededOrderItemsCount: number = 0;\r\n orderExists: boolean = false;\r\n\r\n dateTimeFilter = new Date();\r\n hofDueDate: Date;\r\n\r\n @ViewChild('excelUploader') excelUploaderFiles: ElementRef;\r\n\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private orderService: OrderService,\r\n ) {\r\n super(loadService, alertService);\r\n this.loadService.load(false);\r\n this.loadService.loadContent(false);\r\n this.customers = CustomerMapping;\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n public uploadFile(files) {\r\n this.loadService.loadContent(true);\r\n this.orderImport(files);\r\n }\r\n\r\n public orderImport = (files) => {\r\n if (files.length === 0) return;\r\n\r\n let fileToUpload = \r\n \r\n COMMENT \r\n \r\n \r\n
\r\n \r\n \r\n \r\n Custom \r\n
\r\n \r\n \r\n Save\r\n \r\n \r\n Cancel\r\n \r\n 0\">\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dialog-orders-confirmation',\r\n templateUrl: './orders-confirmation.component.html',\r\n})\r\nexport class OrdersConfirmationComponent {}\r\n","ORDER IMPORT
\r\n\r\n \r\n Upload\r\n \r\n\r\n 0\">\r\n Invalid Order Item(s): {{ invalidOrderItemsCount }}\r\n \r\n 0\">\r\n Valid Order Item(s): \r\n \r\n Order already exists. \r\n
\r\n\r\n \r\n \r\n CUSTOMER \r\n \r\n \r\n {{ customer.type }}\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n Due Date \r\n \r\n
\r\n\r\n | Customer Order No | \r\nProduct No | \r\nError | \r\n\r\n {{ invalidOrder.orderNumber }}\r\n | \r\n{{ invalidOrder.orderCode }} | \r\n{{ invalidOrder.errorMessage }} | \r\n \r\n
|---|
Generate Work Order
\r\nClick continue to proceed on generating work orders
\r\n\r\n \r\n Cancel\r\n \r\n \r\n Continue\r\n \r\n
\r\n\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'dialog-orders-progress',\r\n templateUrl: './orders-progress.component.html',\r\n})\r\nexport class OrdersProgressComponent {}\r\n","Generating Work Orders
\r\n\r\n \r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport {\r\n AbstractControl,\r\n FormArray,\r\n FormBuilder,\r\n FormControl,\r\n} from '@angular/forms';\r\nimport { ActivatedRoute, Params, Router } from '@angular/router';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { Observable, forkJoin, of } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\n\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { DateTime } from 'luxon';\r\nimport { ORDER_DETAILS_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/order-details-permission';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { CustomerAddress, Customers } from 'src/app/models/customer';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport {\r\n OrderStatus,\r\n Orders,\r\n OrdersDetails,\r\n} from 'src/app/models/orders.model';\r\nimport { Product, ProductsInfo } from 'src/app/models/product';\r\nimport { CustomerService } from 'src/app/services/customer.service';\r\nimport { MaterialCodeService } from 'src/app/services/material-code.service';\r\nimport { OrderService } from 'src/app/services/order.service';\r\nimport { OrderdetailsService } from 'src/app/services/orderdetails.service';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport { OrderUploadDialogComponent } from '../orderdetails/order-upload-dialog/order-upload-dialog.component';\r\nimport { OrdersConfirmationComponent } from '../orders-dialog/orders-confirmation.component';\r\nimport { OrdersProgressComponent } from '../orders-dialog/orders-progress.component';\r\nimport { ConfirmationService } from '../riva-confirmation/riva-confirmation.service';\r\nimport { SharedService } from './../../services/shared.service';\r\nimport { WorkOrderService } from './../../services/work-order.service';\r\nimport { RelatedInvoicesDialogComponent } from './related-invoices-dialog/related-invoices-dialog.component';\r\n\r\n@Component({\r\n selector: 'app-orders',\r\n templateUrl: './orders.component.html',\r\n styleUrls: ['./orders.component.scss'],\r\n})\r\nexport class OrdersComponent extends GenericComponent implements OnInit {\r\n editMode: boolean = false;\r\n hideOrderDetails: boolean = false;\r\n hidebtns: boolean = true;\r\n customersList: Customers[];\r\n selectedCustomer = new Customers();\r\n selectedCustomerId: number = 1;\r\n productList: Product[] = [];\r\n productPerCustomer: Product[];\r\n productPerCustomer2: Product[];\r\n materialCodes: MaterialCode[];\r\n orderList: Orders[];\r\n ordersAllList: Orders[];\r\n selectedOrder = new Orders();\r\n selectedOrderRaw = new Orders();\r\n orderDetailList: OrdersDetails[];\r\n selectedOrderId: number;\r\n orderStatusList: OrderStatus[];\r\n cancelledOrderIdx: number = 0;\r\n productsInfo: ProductsInfo[];\r\n allProductsInfo: ProductsInfo[];\r\n selectedOrdersDetails: OrdersDetails;\r\n dialogProductId: number;\r\n dialogProductsInfoId: number;\r\n disableFlag: boolean = true;\r\n customerControl = new FormControl();\r\n filteredCustomers: Observable\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n Delete\r\n \r\n \r\n \r\n Related Invoices\r\n \r\n \r\n \r\n Edit\r\n \r\n \r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Order Details\r\n
\r\n \r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n ID
\r\n Name
\r\n \r\n
\r\n ID
\r\n Name
\r\n \r\n
\r\n \r\n \r\n {{ customer.customerId }}\r\n
\r\n \r\n {{ customer.companyName }}\r\n
\r\n Not Found
\r\n \r\n \r\n PO INTERNAL \r\n \r\n\r\n \r\n PO EXTERNAL \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n RECEIVED DATE \r\n \r\n \r\n ENTRY DATE \r\n \r\n \r\n DUE DATE \r\n \r\n
\r\n \r\n {{ selectedOrder.comment?.length ?? 0 }}/1000 \r\n \r\n COMMENTS \r\n \r\n \r\n
\r\n \r\n \r\n Upload Orders\r\n \r\n \r\n Export to Excel\r\n \r\n
\r\n \r\n \r\n Special Procedures\r\n \r\n \r\n Generate Work Orders\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n Edit - Product, Material and Sizes\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n PRODUCT \r\n \r\n \r\n {{ item.productName }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n MATERIAL AND SIZE \r\n \r\n \r\n {{ getProductInfoDesc(item.materialCodeId, item.size) }}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n SAVE\r\n \r\n
\r\n \r\n \r\n CANCEL\r\n \r\n
\r\n \r\n
Related Invoices
\r\n\r\n \r\n Close\r\n \r\n
\r\n\r\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { Router } from '@angular/router';\r\nimport orderBy from 'lodash/orderBy';\r\nimport { forkJoin, Subject } from 'rxjs';\r\nimport { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\n\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\nimport { PageEvent } from '@angular/material/paginator';\r\nimport { DateTime } from 'luxon';\r\nimport { PAGE_NAME } from 'src/app/core/user-permission/user-permission-rules/pages';\r\nimport { PURCHASE_ORDER_FEATURE_KEY } from 'src/app/core/user-permission/user-permission-rules/purchase-order-permission';\r\nimport { UserPermissionService } from 'src/app/core/user-permission/user-permission.service';\r\nimport { Customers } from 'src/app/models/customer';\r\nimport { MaterialCode } from 'src/app/models/material-code';\r\nimport {\r\n OrderParams,\r\n Orders,\r\n OrdersDetails,\r\n OrderStatus,\r\n RivaOrders,\r\n} from 'src/app/models/orders.model';\r\nimport { Product, ProductsInfo } from 'src/app/models/product';\r\nimport { CustomerService } from 'src/app/services/customer.service';\r\nimport { OrderService } from 'src/app/services/order.service';\r\n\r\n@Component({\r\n selector: 'app-orderview',\r\n templateUrl: './orderview.component.html',\r\n styleUrls: ['./orderview.component.scss'],\r\n})\r\nexport class OrderviewComponent extends GenericComponent implements OnInit {\r\n editMode: boolean = false;\r\n hideOrderDetails: boolean = true;\r\n\r\n customersList: Customers[];\r\n selectedCustomer = new Customers();\r\n selectedCustomerId: number = 0;\r\n selectedStatus = 'open';\r\n selectedSort = 'dueDate';\r\n sort = 'desc';\r\n searchString = '';\r\n\r\n productList: Product[];\r\n productPerCustomer: Product[];\r\n materialCodes: MaterialCode[];\r\n\r\n orderList: RivaOrders[];\r\n orderListFiltered: RivaOrders[];\r\n paginatedOrderList: RivaOrders[];\r\n ordersAllList: RivaOrders[];\r\n selectedOrder = new Orders();\r\n orderDetailList: OrdersDetails[];\r\n\r\n orderStatusList: OrderStatus[];\r\n cancelledOrderIdx: number = 0;\r\n\r\n productsInfo: ProductsInfo[];\r\n allProductsInfo: ProductsInfo[];\r\n slideConfig = {\r\n slidesToShow: 1,\r\n slidesToScroll: 1,\r\n draggable: false,\r\n waitForAnimate: false,\r\n };\r\n purchaseOrderFeatureKey = PURCHASE_ORDER_FEATURE_KEY;\r\n orderParams: OrderParams = {\r\n SearchQuery: '',\r\n CustomerId: 0,\r\n Status: 'open',\r\n ReceivedFrom: DateTime.local().minus({ months: 9 }).toFormat('yyyy-MM-dd'),\r\n ReceivedTo: DateTime.local().toFormat('yyyy-MM-dd'),\r\n SortBy: 'receivedDateRaw',\r\n SortDirection: 'desc',\r\n PageNumber: 1,\r\n PageSize: 20,\r\n OrderType: [-1],\r\n ungeneratedWorkOrderOnly: false,\r\n };\r\n pagination = {\r\n totalCount: 0,\r\n };\r\n\r\n orderPresets = [\r\n {\r\n label: 'All Open',\r\n config: {\r\n SearchQuery: '',\r\n CustomerId: 0,\r\n Status: 'open',\r\n ReceivedFrom: DateTime.local()\r\n .minus({ years: 2 })\r\n .toFormat('yyyy-MM-dd'),\r\n ReceivedTo: DateTime.local().toFormat('yyyy-MM-dd'),\r\n SortBy: 'receivedDateRaw',\r\n SortDirection: 'desc',\r\n PageNumber: 1,\r\n PageSize: 20,\r\n OrderType: [-1],\r\n ungeneratedWorkOrderOnly: false,\r\n },\r\n },\r\n {\r\n label: 'All Staged',\r\n config: {\r\n SearchQuery: '',\r\n CustomerId: 0,\r\n Status: 'staged',\r\n ReceivedFrom: DateTime.local()\r\n .minus({ years: 2 })\r\n .toFormat('yyyy-MM-dd'),\r\n ReceivedTo: DateTime.local().toFormat('yyyy-MM-dd'),\r\n SortBy: 'receivedDateRaw',\r\n SortDirection: 'desc',\r\n PageNumber: 1,\r\n PageSize: 20,\r\n OrderType: [-1],\r\n ungeneratedWorkOrderOnly: false,\r\n },\r\n },\r\n {\r\n label: 'Late on Top',\r\n config: {\r\n SearchQuery: '',\r\n CustomerId: 0,\r\n Status: 'open',\r\n ReceivedFrom: DateTime.local()\r\n .minus({ years: 2 })\r\n .toFormat('yyyy-MM-dd'),\r\n ReceivedTo: DateTime.local().toFormat('yyyy-MM-dd'),\r\n SortBy: 'dueDate',\r\n SortDirection: 'asc',\r\n PageNumber: 1,\r\n PageSize: 20,\r\n OrderType: [-1],\r\n ungeneratedWorkOrderOnly: false,\r\n },\r\n },\r\n ];\r\n private debouncer = new Subject\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n Search by RIVA PO or Customer PO or CI-PO \r\n \r\n \r\n Filter by customer \r\n \r\n ALL \r\n \r\n {{ customer.companyName }}\r\n \r\n \r\n \r\n \r\n Filter by status \r\n \r\n All \r\n Open \r\n Staged \r\n Shipped \r\n \r\n \r\n \r\n Filter by order type \r\n \r\n All \r\n Standard \r\n Internal \r\n Online \r\n Repair \r\n \r\n \r\n \r\n \r\n Sort by \r\n \r\n RIVA PO \r\n Customer PO \r\n Received Date \r\n Due Date \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Ungenerated WKOs only\r\n
\r\n \r\n \r\n Internal\r\n Online\r\n Repair\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n CUSTOMER \r\n \r\n \r\n Details\r\n \r\n
\r\n \r\n \r\n RIVA PO \r\n \r\n \r\n Customer PO \r\n \r\n \r\n RECEIVED DATE \r\n \r\n \r\n Due Date \r\n \r\n
\r\n \r\n \r\n \r\n {{\r\n orderdetail.cipo\r\n }}\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n No Data
\r\n\r\n
\r\n \r\n\r\n\r\n \r\n
\r\n Loading Orders...
\r\nCopy From Other Component Routing
\r\n\r\n\r\n
\r\n Long Name
\r\n Short Name
\r\n Description
\r\n \r\n
\r\n Long Name
\r\n Short Name
\r\n Description
\r\n \r\n
\r\n \r\n \r\n {{ item.longName }}\r\n
\r\n {{ item.shortName }}
\r\n \r\n {{ item.description }}\r\n
\r\n Not Found
\r\n Other Components Routing
\r\n\r\n\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Activity Code
\r\n Department
\r\n Description
\r\n Standard Time
\r\n Comment
\r\n \r\n \r\n \r\n \r\n {{ routing.comment }}\r\n \r\n
\r\n \r\n \r\n {{ routing.standardTime }}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{ routing.routingCode?.activityCode }}\r\n
\r\n \r\n {{ routing.routingCode?.department }}\r\n
\r\n \r\n {{ routing.routingCode?.activityDesc }}\r\n
\r\n \r\n \r\n
\r\n No Data
\r\n\r\n","import { Component, Inject } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { OtherComponentsService } from 'src/app/services/other-components.service';\r\nimport { OtherComponentSize } from '../model';\r\n\r\n@Component({\r\n templateUrl: './other-components-size-dialog.component.html',\r\n styleUrls: ['./other-components-size-dialog.component.scss'],\r\n})\r\nexport class OtherComponentsSizeDialogComponent {\r\n isSaving = false;\r\n otherComponentSize: OtherComponentSize = {} as OtherComponentSize;\r\n\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA) public data: { otherComponentsId: number },\r\n public dialogRef: MatDialogRef\r\n \r\n \r\n \r\n \r\n \r\n
\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';\r\nimport { OtherComponentMaterial, OtherComponentSize } from '../model';\r\n\r\ninterface SkuDetail {\r\n materialCodeId: number;\r\n otherComponentSizeId: number;\r\n}\r\n\r\n@Component({\r\n templateUrl: './other-components-sku-generator-dialog.component.html',\r\n styleUrls: ['./other-components-sku-generator-dialog.component.scss'],\r\n})\r\nexport class OtherComponentsSkuGeneratorDialogComponent implements OnInit {\r\n skuDetail: SkuDetail = {} as SkuDetail;\r\n constructor(\r\n @Inject(MAT_DIALOG_DATA)\r\n public data: {\r\n otherComponentId: number;\r\n materials: OtherComponentMaterial[];\r\n sizes: OtherComponentSize[];\r\n },\r\n public dialogRef: MatDialogRefOther Component Size
\r\n\r\n \r\n Dimension 1 \r\n \r\n \r\n Dimension 2 \r\n \r\n \r\n Dimension 3 \r\n \r\n \r\n Dimension 4 \r\n \r\n \r\n Dimension 5 \r\n \r\n
\r\n \r\n \r\n
\r\n Generate Other Component SKU
\r\n\r\n \r\n Size \r\n \r\n -- None -- \r\n \r\n {{ size.label }}\r\n \r\n \r\n \r\n \r\n Material \r\n \r\n -- None -- \r\n \r\n
\r\n {{ mats.materialCode.description }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n {{ getGeneratedProductSku() }}
\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n Search \r\n \r\n Filter by type \r\n \r\n All \r\n \r\n {{ type.type }}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n SKUs\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Long Name\r\n \r\n \r\n {{ element.longName }}\r\n \r\n \r\n \r\n \r\n Short Name\r\n \r\n \r\n {{ element.shortName }}\r\n \r\n \r\n \r\n \r\n Description\r\n \r\n \r\n {{ element.description }}\r\n \r\n \r\n \r\n \r\n UOM\r\n \r\n \r\n {{ element.uom }}\r\n \r\n \r\n \r\n \r\n Type\r\n \r\n \r\n {{ element.typeDisplay }}\r\n \r\n \r\n\r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n Upload Picture\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Long name \r\n \r\n \r\n Short name \r\n \r\n \r\n UOM \r\n \r\n \r\n {{ unitOfMeasure.uom }}\r\n \r\n \r\n \r\n \r\n Type \r\n \r\n \r\n {{ type.type }}\r\n \r\n \r\n \r\n \r\n Description \r\n \r\n \r\n
\r\n \r\n \r\n In-House \r\n
\r\n \r\n 0\"\r\n >\r\n \r\n Material Code \r\n \r\n \r\n {{ mats.description }}\r\n \r\n \r\n \r\n \r\n Add Material\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ item.materialCode?.description }}\r\n \r\n \r\n 0\"\r\n style=\"margin-top: 15px\"\r\n >\r\n \r\n Add Size\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {{ item.label }}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n Save\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Pricing Custom
\r\n\r\n \r\n Search by company, contact or email \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Customer ID\r\n \r\n {{ element.customerId }} \r\n \r\n \r\n \r\n Company\r\n \r\n {{ element.companyName }} \r\n \r\n \r\n \r\n No Available Data \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n 0\"\r\n >\r\n \r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n {{ element.companyName }}\r\n \r\n \r\n \r\n \r\n \r\n \r\n Save\r\n \r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-price-defaults',\r\n templateUrl: './price-defaults.component.html',\r\n styleUrls: ['./price-defaults.component.scss'],\r\n})\r\nexport class PriceDefaultsComponent {\r\n currentTabValue: 'Defaults' | 'Charges' = 'Defaults';\r\n onSelectTab(value) {\r\n this.currentTabValue = value;\r\n }\r\n}\r\n","\r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n {{ element.companyName }}\r\n \r\n \r\n \r\n STD Labor Per Min Cost \r\n \r\n \r\n \r\n \r\n \r\n Setting Labor Per Min Cost \r\n \r\n \r\n \r\n \r\n \r\n Overhead Percentage \r\n \r\n \r\n \r\n \r\n \r\n Profit Percentage \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n \r\n \r\n Save All Defaults\r\n \r\n
\r\n\r\n
\r\n","import { Component } from '@angular/core';\r\nimport { ModalDismissReasons, NgbModal } from '@ng-bootstrap/ng-bootstrap';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport {\r\n GroupItem,\r\n GroupItemRequest,\r\n Product,\r\n ProductsStoreInfo,\r\n} from 'src/app/models/product';\r\nimport { ProductStoreInfoService } from 'src/app/services/product-store-info.service';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n selector: 'app-product-group-table',\r\n templateUrl: './product-group-table.component.html',\r\n styleUrls: ['./product-group-table.component.scss'],\r\n})\r\nexport class ProductGroupTableComponent extends GenericComponent {\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private productService: ProductService,\r\n private storeInfoService: ProductStoreInfoService,\r\n private modalService: NgbModal,\r\n ) {\r\n super(loadService, alertService);\r\n this.load();\r\n }\r\n\r\n groupParents: Product[] = [];\r\n\r\n load() {\r\n this.storeInfoService.getGroupParents().subscribe(\r\n (response) => {\r\n this.groupParents = response;\r\n if (response.length != 0) {\r\n this.selectParent(this.groupParents[0]);\r\n }\r\n },\r\n (error) => {\r\n this.alertService.error('Error loading group parents');\r\n },\r\n );\r\n this.productService.getNotInGroup().subscribe((result) => {\r\n this.notInGroup = result;\r\n this.allNotInGroup = this.notInGroup;\r\n });\r\n }\r\n\r\n selectedParent: Product = new Product();\r\n groupItems: Product[];\r\n\r\n selectParent(product: Product) {\r\n if (!this.editMode) {\r\n this.selectedParent = product;\r\n this.productService\r\n .getProductGroupItems(\r\n this.selectedParent.productsStoreInfo[0].productsGroupId,\r\n )\r\n .subscribe((response) => {\r\n this.groupItems = response;\r\n });\r\n }\r\n }\r\n\r\n searchString: string;\r\n allNotInGroup: Product[];\r\n\r\n searchTimeout() {\r\n this.notInGroup = this.allNotInGroup.filter((p) =>\r\n p.productName.toLowerCase().includes(this.searchString.toLowerCase()),\r\n );\r\n }\r\n\r\n reorderGroupItems(product: Product, index: number) {\r\n this.editMode = true;\r\n if (\r\n this.groupItems.indexOf(product) > 0 ||\r\n this.groupItems.indexOf(product) < this.groupItems.length - 1\r\n ) {\r\n let itemIndex = this.groupItems.indexOf(product);\r\n let nextIndex = itemIndex + index;\r\n this.groupItems[itemIndex] = this.groupItems[nextIndex];\r\n this.groupItems[nextIndex] = product;\r\n // this.productService.reorderGroupItem(product.productsId, this.selectedParent.productsStoreInfo[0].productsGroupId, nextIndex + 1).subscribe(response => {\r\n // // this.groupItems = response;\r\n // });\r\n }\r\n }\r\n\r\n // Not used\r\n refresh: number;\r\n\r\n createGroup(storeInfo: ProductsStoreInfo) {\r\n this.productService\r\n .createGroup(storeInfo.productsId)\r\n .subscribe((result) => {\r\n this.load();\r\n });\r\n }\r\n\r\n newGroupItems: ProductsStoreInfo[] = [];\r\n groupItemRequest: GroupItemRequest = new GroupItemRequest();\r\n\r\n save() {\r\n this.loadService.loadContent(true);\r\n\r\n if (this.groupItems.length != 0) {\r\n this.groupItems.forEach((item) => {\r\n let groupItem = new GroupItem();\r\n groupItem.productsId = item.productsId;\r\n groupItem.productsGroupId = item.productsStoreInfo[0].productsGroupId;\r\n groupItem.productsGroupLevel = this.groupItems.indexOf(item) + 1;\r\n this.groupItemRequest.groupItems.push(groupItem);\r\n });\r\n\r\n this.productService\r\n .updateGroupItems(this.groupItemRequest)\r\n .subscribe((result) => {\r\n this.groupItems = result;\r\n this.editMode = false;\r\n this.loadService.loadContent(false);\r\n });\r\n } else {\r\n this.productService\r\n .removeAllFromGroup(this.selectedParent.productsId)\r\n .subscribe(\r\n (result) => {\r\n this.load();\r\n this.loadService.loadContent(false);\r\n },\r\n (error) => {\r\n this.alertService.error('Error in saving group.');\r\n },\r\n );\r\n }\r\n }\r\n\r\n addToGroup(storeInfo: ProductsStoreInfo) {\r\n this.editMode = true;\r\n storeInfo.productsGroupId =\r\n this.selectedParent.productsStoreInfo[0].productsGroupId;\r\n this.groupItems.push(\r\n this.notInGroup.find((x) => x.productsId == storeInfo.productsId),\r\n );\r\n this.notInGroup = this.notInGroup.filter(\r\n (x) => x.productsId != storeInfo.productsId,\r\n );\r\n this.allNotInGroup = this.notInGroup.filter(\r\n (x) => x.productsId != storeInfo.productsId,\r\n );\r\n this.newGroupItems.push(storeInfo);\r\n }\r\n\r\n removeGroup(product: Product) {\r\n this.productService.removeFromGroup(product.productsId).subscribe(\r\n (result) => {\r\n this.groupParents = this.groupParents.filter(\r\n (item) => item.productsId != product.productsId,\r\n );\r\n this.notInGroup.push(product);\r\n this.notInGroup.sort((a, b) => {\r\n if (a['productsId'] > b['productsId']) {\r\n return 1;\r\n }\r\n if (a['productsId'] < b['productsId']) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n this.load();\r\n },\r\n (error) => {\r\n this.alertService.error('Unable to delete group.');\r\n },\r\n );\r\n }\r\n\r\n removeFromGroup(product: Product) {\r\n this.groupItems = this.groupItems.filter(\r\n (item) => item.productsId != product.productsId,\r\n );\r\n this.notInGroup.push(product);\r\n this.notInGroup.sort((a, b) => {\r\n if (a['productsId'] > b['productsId']) {\r\n return 1;\r\n }\r\n if (a['productsId'] < b['productsId']) {\r\n return -1;\r\n }\r\n return 0;\r\n });\r\n }\r\n\r\n editMode: boolean = false;\r\n\r\n toggleEdit(edit: boolean) {\r\n this.editMode = edit;\r\n }\r\n\r\n cancelChanges() {\r\n this.groupParents = [];\r\n this.groupItems = [];\r\n this.editMode = false;\r\n this.load();\r\n }\r\n\r\n closeResult = '';\r\n\r\n notInGroup: Product[];\r\n\r\n open(value) {\r\n this.modalService\r\n .open(value, { ariaLabelledBy: 'modal-basic-title' })\r\n .result.then(\r\n (result) => {\r\n this.closeResult = `Closed with: ${result}`;\r\n },\r\n (reason) => {\r\n this.closeResult = `Dismissed ${this.getDismissReason(reason)}`;\r\n },\r\n );\r\n }\r\n\r\n private getDismissReason(reason: any): string {\r\n if (reason === ModalDismissReasons.ESC) {\r\n return 'by pressing ESC';\r\n } else if (reason === ModalDismissReasons.BACKDROP_CLICK) {\r\n return 'by clicking on a backdrop';\r\n } else {\r\n return `with: ${reason}`;\r\n }\r\n }\r\n}\r\n","\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n\r\n\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n Group\r\n \r\n
\r\n| \r\n | SKU | \r\nProduct Name | \r\n\r\n | \r\n | \r\n {{ item.sku }} | \r\n{{ item.productName }} | \r\n\r\n | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n \r\n Edit\r\n \r\n
\r\n \r\n \r\n Cancel\r\n \r\n
\r\n \r\n \r\n Items\r\n
\r\n \r\n \r\n
\r\n
\r\n\r\n Items\r\n \r\n
\r\n | \r\n | \r\n | \r\n | SKU | \r\nProduct Name | \r\n\r\n |
|---|---|---|---|---|---|
| \r\n | \r\n \r\n | \r\n \r\n | \r\n {{ item.sku }} | \r\n{{ item.productName }} | \r\n\r\n | \r\n
\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n\r\n Add Group
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n | SKU | \r\nProduct Name | \r\n\r\n | \r\n {{ item.sku }} | \r\n{{ item.productName }} | \r\n \r\n
|---|
\r\n
\r\n\r\n \r\n ×\r\n \r\n
\r\n Add To Group
\r\n\r\n \r\n \r\n
\r\n
\r\n | \r\n | SKU | \r\nProduct Name | \r\n\r\n | \r\n {{ item.sku }} | \r\n{{ item.productName }} | \r\n \r\n
|---|
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Customer \r\n \r\n \r\n \r\n \r\n \r\n [{{ customer.customerId }}] {{ customer.companyName }}\r\n \r\n \r\n \r\n \r\n Save Pricing\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Pic \r\n \r\n \r\n \r\n \r\n \r\n \r\n Product Name\r\n \r\n \r\n {{ element.productName }}\r\n \r\n \r\n \r\n Metal \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n Metal Weight \r\n \r\n \r\n \r\n \r\n \r\n Standard Weight \r\n \r\n \r\n \r\n \r\n \r\n Rhodium Plating \r\n \r\n \r\n \r\n \r\n Jeweler Time \r\n \r\n \r\n \r\n \r\n \r\n Setter Time \r\n \r\n \r\n \r\n \r\n \r\n Chain Price \r\n \r\n \r\n \r\n \r\n \r\n Stone Price \r\n \r\n \r\n \r\n \r\n \r\n Findings Price \r\n \r\n \r\n \r\n \r\n \r\n Estimated Price \r\n \r\n {{ element.estimatedPrice ?? 0 | currency }}\r\n \r\n \r\n \r\n Complete Override Price \r\n \r\n \r\n \r\n \r\n \r\n Labor Override Price \r\n \r\n \r\n \r\n \r\n \r\n Metal Supplied \r\n \r\n \r\n \r\n \r\n \r\n \r\n No Available Data \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n No Pricing for Sizes\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n Invoices Id\r\n \r\n \r\n \r\n {{ element.invoicesId }}\r\n \r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n {{ element.customerName }} \r\n \r\n \r\n \r\n Metal\r\n \r\n {{ element.metal }} \r\n \r\n \r\n \r\n Invoiced Date\r\n \r\n \r\n {{ element.invoicedDate | date : 'MM/dd/yyyy' }}\r\n \r\n \r\n \r\n \r\n Qty\r\n \r\n {{ element.qty }} \r\n \r\n \r\n \r\n Price\r\n \r\n {{ element.price | currency }} \r\n \r\n \r\n \r\n Price Extension\r\n \r\n \r\n {{ element.priceExtension | currency }}\r\n \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n Input,\r\n OnChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { ProductInvoice } from './product-invoice';\r\n\r\n@Component({\r\n selector: 'app-product-invoice',\r\n templateUrl: './product-invoice.component.html',\r\n styleUrls: ['./product-invoice.component.scss'],\r\n})\r\nexport class ProductInvoiceComponent implements OnChanges, AfterViewInit {\r\n @Input() productInvoices: ProductInvoice[] = [];\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n\r\n displayedColumns = ['invoicesId', 'customerName', 'invoicedDate', 'qty'];\r\n invoices = new MatTableDataSource\r\n
\r\n \r\n
\r\n Total Quantity:
\r\n{{ totalQty }}
\r\n\r\n \r\n \r\n \r\n Invoices Id\r\n \r\n \r\n \r\n {{ element.invoicesId }}\r\n \r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n {{ element.customerName }} \r\n \r\n \r\n \r\n Invoiced Date\r\n \r\n \r\n {{ element.invoicedDate | date : 'MM/dd/yyyy' }}\r\n \r\n \r\n \r\n \r\n Qty\r\n \r\n {{ element.qty }} \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n Input,\r\n OnChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { ProductOrder } from '../product-order/product-order';\r\n\r\n@Component({\r\n selector: 'app-product-order-details',\r\n templateUrl: './product-order-details.component.html',\r\n styleUrls: ['./product-order-details.component.scss'],\r\n})\r\nexport class ProductOrderDetailsComponent implements OnChanges, AfterViewInit {\r\n @Input() productOrders: ProductOrder[] = [];\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n\r\n displayedColumns = [\r\n 'ordersId',\r\n 'customerName',\r\n 'metal',\r\n 'poInternal',\r\n 'poExternal',\r\n 'receivedDate',\r\n 'ordersType',\r\n 'qtyOrdered',\r\n ];\r\n orders = new MatTableDataSource\r\n
\r\n \r\n
\r\n Total Quantity:
\r\n{{ totalQty }}
\r\n\r\n \r\n \r\n \r\n Orders Id\r\n \r\n \r\n \r\n {{ element.ordersId }}\r\n \r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n {{ element.customerName }} \r\n \r\n \r\n \r\n Metal\r\n \r\n {{ element.metal }} \r\n \r\n \r\n \r\n RIVA PO\r\n \r\n {{ element.poInternal }} \r\n \r\n \r\n \r\n Customer PO\r\n \r\n {{ element.poExternal }} \r\n \r\n \r\n \r\n Received Date\r\n \r\n \r\n {{ element.receivedDate | date : 'MM/dd/yyyy' }}\r\n \r\n \r\n \r\n \r\n Order Type\r\n \r\n {{ element.ordersType }} \r\n \r\n \r\n \r\n Ordered\r\n \r\n {{ element.qtyOrdered }} \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n","import {\r\n AfterViewInit,\r\n Component,\r\n Input,\r\n OnChanges,\r\n ViewChild,\r\n} from '@angular/core';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { ProductOrder } from './product-order';\r\n\r\n@Component({\r\n selector: 'app-product-order',\r\n templateUrl: './product-order.component.html',\r\n styleUrls: ['./product-order.component.scss'],\r\n})\r\nexport class ProductOrderComponent implements OnChanges, AfterViewInit {\r\n @Input() productOrders: ProductOrder[] = [];\r\n\r\n @ViewChild(MatSort) sort: MatSort;\r\n\r\n displayedColumns = [\r\n 'ordersId',\r\n 'customerName',\r\n 'poInternal',\r\n 'poExternal',\r\n 'receivedDate',\r\n 'ordersType',\r\n 'qtyOrdered',\r\n ];\r\n orders = new MatTableDataSource\r\n
\r\n \r\n
\r\n Total Quantity Ordered:
\r\n{{ totalOrders }}
\r\n\r\n \r\n \r\n \r\n Orders Id\r\n \r\n \r\n \r\n {{ element.ordersId }}\r\n \r\n \r\n \r\n \r\n \r\n Customer\r\n \r\n {{ element.customerName }} \r\n \r\n \r\n \r\n RIVA PO\r\n \r\n {{ element.poInternal }} \r\n \r\n \r\n \r\n Customer PO\r\n \r\n {{ element.poExternal }} \r\n \r\n \r\n \r\n Received Date\r\n \r\n \r\n {{ element.receivedDate | date : 'MM/dd/yyyy' }}\r\n \r\n \r\n \r\n \r\n Order Type\r\n \r\n {{ element.ordersType }} \r\n \r\n \r\n \r\n Ordered\r\n \r\n {{ element.qtyOrdered }} \r\n \r\n \r\n No Available Data \r\n \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { DateTime } from 'luxon';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { SearchProductService } from 'src/app/services/search-product';\r\nimport { WorkOrderMovementService } from 'src/app/services/work-order-movement.service';\r\nimport { ProductLookup } from '../reporting/work-order-movement/model';\r\nimport { ProductInvoice } from './product-invoice/product-invoice';\r\nimport { ProductOrder } from './product-order/product-order';\r\n\r\n@Component({\r\n selector: 'app-product-query',\r\n templateUrl: './product-query.component.html',\r\n styleUrls: ['./product-query.component.scss'],\r\n})\r\nexport class ProductQueryComponent implements OnInit {\r\n constructor(\r\n private workOrderMovementService: WorkOrderMovementService,\r\n private searchProductService: SearchProductService,\r\n ) {}\r\n\r\n productLookup: ProductLookup[] = [];\r\n filteredProductLookup: Observable\r\n
\r\n \r\n
\r\n Total Quantity Ordered:
\r\n{{ totalOrders }}
\r\n\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { AlertService } from 'src/app/custom/_alert';\r\nimport { ProductInventory } from 'src/app/models/inventory-log';\r\nimport { ReportService } from 'src/app/services/report.service';\r\nimport { GenericComponent } from '../generic/generic.component';\r\n\r\n@Component({\r\n selector: 'app-product-report',\r\n templateUrl: './product-report.component.html',\r\n styleUrls: ['./product-report.component.scss'],\r\n})\r\nexport class ProductReportComponent extends GenericComponent implements OnInit {\r\n constructor(\r\n loadService: LoadService,\r\n alertService: AlertService,\r\n private reportService: ReportService,\r\n ) {\r\n super(loadService, alertService);\r\n this.load();\r\n }\r\n\r\n ngOnInit(): void {}\r\n\r\n productInventory: ProductInventory[] = [];\r\n\r\n load() {}\r\n\r\n generateReport() {\r\n this.loadService.loadContent(true);\r\n this.reportService.generateProductInventory().subscribe(\r\n (result) => {\r\n this.loadService.loadContent(false);\r\n this.productInventory = result;\r\n },\r\n (error) => {\r\n this.loadService.loadContent(false);\r\n this.alertService.error('Error generating report. (' + error + ')');\r\n },\r\n );\r\n }\r\n\r\n loadProductMaterialInfo(id: number) {\r\n let inventory = this.productInventory.find((x) => x.productsId == id);\r\n if (inventory != undefined) {\r\n if (!this.checkStringIfEmpty(inventory.materialInfoJson)) {\r\n let materialInfo = JSON.parse(inventory.materialInfoJson);\r\n return materialInfo;\r\n }\r\n return '';\r\n }\r\n }\r\n}\r\n","\r\n \r\n Search products \r\n \r\n \r\n {{ option.productName }}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n 0\"\r\n >\r\n GENERATE REPORT\r\n \r\n \r\n PRINT REPORT\r\n \r\n
\r\n","import { Component, OnInit, ViewChild } from '@angular/core';\r\nimport { FormControl } from '@angular/forms';\r\nimport { MatDialogRef } from '@angular/material/dialog';\r\nimport { Observable } from 'rxjs';\r\nimport { map, startWith } from 'rxjs/operators';\r\nimport { LoadService } from 'src/app/custom/load-overlay/load-overlay.service';\r\nimport { Product, ProductsRouting } from 'src/app/models/product';\r\nimport { ProductService } from 'src/app/services/product.service';\r\nimport { ProductRoutingComponent } from './product-routing.component';\r\n\r\n@Component({\r\n selector: 'product-routing-copy-dialog',\r\n templateUrl: './product-routing-copy-dialog.component.html',\r\n styleUrls: ['./product-routing-copy-dialog.component.scss'],\r\n})\r\nexport class ProductRoutingCopyDialogComponent implements OnInit {\r\n @ViewChild(ProductRoutingComponent)\r\n productRoutingComponent: ProductRoutingComponent;\r\n\r\n productId: number = 0;\r\n filteredProducts: Observable\r\n 0\">\r\n \r\n
\r\n
\r\n| Product ID | \r\nProduct Name | \r\nSKU | \r\nProduct Type | \r\nCustomer ID | \r\nCustomer Company | \r\nStatus | \r\nJewelry Type | \r\nMaterials | \r\n||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ item.productsId }} | \r\n{{ item.productName }} | \r\n{{ item.sku }} | \r\n{{ item.productType }} | \r\n{{ item.customerId }} | \r\n{{ item.companyName }} | \r\n{{ item.status }} | \r\n{{ item.jewelryType }} | \r\n\r\n
| \r\n
Copy From Product Routing
\r\n\r\n\r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n CUST
\r\n Product Name
\r\n Master SKU
\r\n Description
\r\n \r\n
\r\n \r\n \r\n {{ product.customerCodeNavigation?.customerId }}\r\n
\r\n \r\n {{ product.productName }}\r\n
\r\n {{ product.sku }}
\r\n \r\n {{ product.productDesc }}\r\n
\r\n Not Found
\r\n Product Routing
\r\n\r\n\r\n