\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/auth/signin/signin.component.html\n// module id = ./src/opc/auth/signin/signin.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { UserService } from '../../shared/services/user.service';\r\nimport { AuthService } from '../auth-service';\r\nimport { Router } from '@angular/router';\r\nimport { TokenRequest } from '../../shared/models/tokenrequest.model';\r\n\r\n@Component({\r\n selector: 'app-signin',\r\n templateUrl: './signin.component.html',\r\n styleUrls: ['./signin.component.css']\r\n})\r\nexport class SigninComponent implements OnInit {\r\n username: string;\r\n password: string;\r\n tokenRequest: TokenRequest;\r\n constructor(private _userService: UserService,\r\n private _authService: AuthService,\r\n private _router: Router) {\r\n if (this._authService.isAdminUser) {\r\n this._router.navigate(['']);\r\n }\r\n }\r\n SiginIn() {\r\n this.tokenRequest = new TokenRequest(this.username, this.password);\r\n this._authService.signIn(this.tokenRequest);\r\n }\r\n ngOnInit(): void { }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/auth/signin/signin.component.ts","module.exports = \"footer {\\r\\n background-color: #9a9a9a;\\r\\n line-height: 14px;\\r\\n text-align: left;\\r\\n clear: both;\\r\\n}\\r\\nfooter a{\\r\\ncolor: #fff;\\r\\n}\\r\\nfooter .nav-link:focus, .nav-link:hover{\\r\\n text-decoration: underline;\\r\\n }\\r\\n@media (min-width: 576px) {\\r\\n footer {\\r\\n bottom: 0;\\r\\n /* position: absolute; */\\r\\n}\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/footer/footer.component.css\n// module id = ./src/opc/footer/footer.component.css\n// module chunks = main","module.exports = \"\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/footer/footer.component.html\n// module id = ./src/opc/footer/footer.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { OPCSettings } from '../shared/models/opcsettings.model';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n blobContainerURL: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n constructor() {}\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/footer/footer.component.ts","module.exports = \"header {\\r\\n height: 86px;\\r\\n}\\r\\n\\r\\n#ngxspinner {\\r\\n z-index: 1000;\\r\\n}\\r\\n\\r\\n.top-info {\\r\\n padding: 8px 0px;\\r\\n color: #fff;\\r\\n -webkit-box-flex: 1;\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n}\\r\\n\\r\\n.navbar-nav>.nav-item>.nav-link {\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.shipping-info-block {\\r\\n position: fixed;\\r\\n width: 100%;\\r\\n top: 0;\\r\\n z-index: 1030;\\r\\n border-bottom: 4px solid #F47a3f;\\r\\n}\\r\\n\\r\\n.sign_style {\\r\\n cursor: pointer;\\r\\n margin-left: 10px !important;\\r\\n color: #828f69;\\r\\n}\\r\\n\\r\\n.secondary-menu-signOut {\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -webkit-box-orient: horizontal;\\r\\n -webkit-box-direction: reverse;\\r\\n -ms-flex-direction: row-reverse;\\r\\n flex-direction: row-reverse;\\r\\n}\\r\\n\\r\\n.sign_in_mr {\\r\\n margin-top: 10px;\\r\\n margin-bottom: 10px;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.top-info,\\r\\n.need-for-user {\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -webkit-box-align: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n}\\r\\n\\r\\n.free-shipping-msg a,\\r\\n.need-for-user a {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.need-for-user a,\\r\\n.need-for-user a:hover,\\r\\n.need-for-user a:focus {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.need-for-user a:hover span {\\r\\n text-decoration: underline;\\r\\n}\\r\\n\\r\\n.free-shipping-msg .caption {\\r\\n color: #F47A3F;\\r\\n font-size: 18px;\\r\\n}\\r\\n\\r\\n.free-shipping-msg .material-icons {\\r\\n font-size: 1rem;\\r\\n position: relative;\\r\\n top: 3px;\\r\\n}\\r\\n\\r\\n.need-for-user {\\r\\n font-size: 1rem;\\r\\n}\\r\\n\\r\\n.material-icons {\\r\\n font-size: 2rem;\\r\\n}\\r\\n\\r\\n.need-for-user .user-account,\\r\\n.need-for-user .help-info {\\r\\n display: -webkit-inline-box;\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n -webkit-box-align: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n margin-left: 15px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.need-for-user .user-account .material-icons,\\r\\n.need-for-user .help-info .material-icons {\\r\\n margin-left: 10px;\\r\\n}\\r\\n\\r\\nheader .navbar {\\r\\n display: block;\\r\\n padding: 0;\\r\\n position: fixed;\\r\\n top: 0;\\r\\n width: 100%;\\r\\n background: #fff;\\r\\n border-bottom: 3px solid #A2B68A;\\r\\n}\\r\\n\\r\\n.need-for-user .help-icon {\\r\\n background: #fff;\\r\\n color: #5a6165;\\r\\n width: 28px;\\r\\n height: 28px;\\r\\n border-radius: 100%;\\r\\n text-align: center;\\r\\n line-height: 28px;\\r\\n font-family: arial;\\r\\n font-size: 24px;\\r\\n}\\r\\n\\r\\n.primary-menu .main-nav {\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -webkit-box-align: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -webkit-box-flex: 1;\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n}\\r\\n\\r\\n.primary-menu {\\r\\n border-top: 4px solid #F47a3f;\\r\\n border-bottom: 1px solid #eee;\\r\\n padding: 5px 0;\\r\\n}\\r\\n\\r\\n.secondary-menu {\\r\\n background-color: #A2B68A;\\r\\n padding: 1px 0;\\r\\n max-height: calc(100vh - 170px);\\r\\n overflow: auto;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul {\\r\\n list-style: none;\\r\\n margin-bottom: 0;\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -webkit-box-align: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n -webkit-box-flex: 1;\\r\\n -ms-flex: 1 1 auto;\\r\\n flex: 1 1 auto;\\r\\n font-size: 0.9rem;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li {\\r\\n line-height: 38px;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li {\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li:not(:last-child) {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li:not(:last-child):after {\\r\\n content: '';\\r\\n position: absolute;\\r\\n right: 10px;\\r\\n width: 1px;\\r\\n height: 100%;\\r\\n background-color: #F47A3F;\\r\\n top: 0;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li a {\\r\\n padding: 0;\\r\\n display: -webkit-inline-box;\\r\\n display: -ms-inline-flexbox;\\r\\n display: inline-flex;\\r\\n -webkit-box-align: center;\\r\\n -ms-flex-align: center;\\r\\n align-items: center;\\r\\n color: #F47A3F;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li a:hover {\\r\\n color: #F1A42A;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li a .material-icons {\\r\\n font-size: 2.4rem;\\r\\n}\\r\\n\\r\\n.cart-chart-info ul li a .material-icons {\\r\\n position: relative;\\r\\n top: 4px;\\r\\n}\\r\\n\\r\\n.cart-title {\\r\\n display: none;\\r\\n}\\r\\n\\r\\n.shopping-cart-block {\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.shopping-cart-block .cart-items {\\r\\n position: absolute;\\r\\n top: -8px;\\r\\n left: 0px;\\r\\n border: 1px solid;\\r\\n border-radius: 100%;\\r\\n height: 18px;\\r\\n line-height: 1;\\r\\n text-align: center;\\r\\n font-size: 0.8rem;\\r\\n padding: 2px 5px;\\r\\n}\\r\\n\\r\\n.secondary-menu .navbar-nav .nav-item>a {\\r\\n color: #fff;\\r\\n font-size: 1rem;\\r\\n text-transform: uppercase;\\r\\n padding: 0;\\r\\n z-index: 1030;\\r\\n}\\r\\n\\r\\n.secondary-menu .navbar-nav .nav-item.active>a {\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.secondary-menu .navbar-nav .nav-item .dropdown-menu {\\r\\n border-radius: 0;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,\\r\\n.secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:active,\\r\\n.secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {\\r\\n color: #fff;\\r\\n text-decoration: none;\\r\\n background-color: transparent;\\r\\n}\\r\\n\\r\\n.secondary-menu .form-inline {\\r\\n -webkit-box-ordinal-group: 3;\\r\\n -ms-flex-order: 2;\\r\\n order: 2;\\r\\n}\\r\\n\\r\\n.search-block {\\r\\n border: 1px solid #ddd;\\r\\n background: #f5f5f5;\\r\\n position: relative;\\r\\n}\\r\\n\\r\\n.search-block input {\\r\\n border: none;\\r\\n background: whitesmoke;\\r\\n height: 44px;\\r\\n margin: 0;\\r\\n float: left;\\r\\n min-width: 350px;\\r\\n}\\r\\n\\r\\n.search-block button {\\r\\n border: 1px solid #ffffff;\\r\\n width: 44px;\\r\\n height: 44px;\\r\\n background: #F47A3F;\\r\\n color: #ffffff;\\r\\n text-align: center;\\r\\n vertical-align: middle;\\r\\n -webkit-box-shadow: none;\\r\\n box-shadow: none;\\r\\n margin: 0;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n line-height: 34px;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.search-block button .material-icons {\\r\\n font-size: 1.5rem;\\r\\n margin-top: 6px;\\r\\n}\\r\\n\\r\\n.search-block button:hover,\\r\\n.search-block button:focus {\\r\\n outline: none;\\r\\n background: #F1A42A;\\r\\n}\\r\\n\\r\\n.navbar-toggler {\\r\\n padding: 0;\\r\\n margin-right: auto;\\r\\n outline: none;\\r\\n font-size: 2rem;\\r\\n color: #828F69;\\r\\n}\\r\\n\\r\\n.navbar-toggler:focus {\\r\\n outline: none;\\r\\n}\\r\\n\\r\\n.navmenu-item-icon {\\r\\n display: inline-block;\\r\\n width: 32px;\\r\\n height: 40px;\\r\\n margin-right: 10px;\\r\\n text-align: center;\\r\\n line-height: 40px;\\r\\n}\\r\\n\\r\\n.navmenu-item-icon img {\\r\\n max-height: 100%;\\r\\n max-width: 100%;\\r\\n}\\r\\n\\r\\n.logo-style {\\r\\n width: 210px;\\r\\n height: 63px;\\r\\n}\\r\\n\\r\\n.mr-auto {\\r\\n display: inherit;\\r\\n}\\r\\n\\r\\n@media(max-width: 767px) {\\r\\n .navbar-brand {\\r\\n width: 60%;\\r\\n text-align: center;\\r\\n margin-right: 0;\\r\\n }\\r\\n}\\r\\n\\r\\n@media(max-width: 991px) {\\r\\n .navbar-collapse {\\r\\n margin: 0 -15px;\\r\\n }\\r\\n\\r\\n .search-block {\\r\\n width: 100%;\\r\\n }\\r\\n\\r\\n .search-block input {\\r\\n min-width: 100%;\\r\\n }\\r\\n\\r\\n .navbar-nav li {\\r\\n line-height: 50px;\\r\\n padding: 0 15px;\\r\\n border-top: 1px solid #DEE6D2;\\r\\n }\\r\\n\\r\\n .secondary-menu .form-inline {\\r\\n padding: 0 15px;\\r\\n margin: 15px 0 !important;\\r\\n }\\r\\n\\r\\n .secondary-menu .container {\\r\\n max-width: initial;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu {\\r\\n background: transparent;\\r\\n border: none;\\r\\n padding: 0;\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {\\r\\n color: #ffffff;\\r\\n line-height: 2;\\r\\n font-size: 0.9rem;\\r\\n border-top: 1px solid #eee;\\r\\n }\\r\\n\\r\\n}\\r\\n\\r\\n@media(min-width: 576px) {}\\r\\n\\r\\n@media(min-width: 768px) {\\r\\n .cart-chart-info ul li:not(:last-child) {\\r\\n display: block;\\r\\n text-transform: uppercase;\\r\\n }\\r\\n\\r\\n .cart-title {\\r\\n display: inline;\\r\\n }\\r\\n\\r\\n .cart-chart-info ul li {\\r\\n padding-right: 20px;\\r\\n }\\r\\n\\r\\n .cart-chart-info ul li:last-child {\\r\\n padding-right: 0px;\\r\\n }\\r\\n\\r\\n .cart-chart-info ul li:not(:last-child) a .material-icons {\\r\\n padding-left: 5px;\\r\\n position: relative;\\r\\n top: 0px;\\r\\n }\\r\\n\\r\\n /* .search-block input {\\r\\n min-width: 350px;\\r\\n } */\\r\\n .shopping-cart-block {\\r\\n padding-left: 15px;\\r\\n }\\r\\n\\r\\n .shopping-cart-block .cart-items {\\r\\n left: 5px;\\r\\n }\\r\\n\\r\\n header {\\r\\n height: 87px;\\r\\n }\\r\\n\\r\\n header .navbar {\\r\\n /* top: 38px; */\\r\\n }\\r\\n}\\r\\n\\r\\n@media(min-width: 992px) {\\r\\n header {\\r\\n height: 129px;\\r\\n }\\r\\n\\r\\n header .navbar {\\r\\n /* top: 52px; */\\r\\n }\\r\\n\\r\\n .secondary-menu {\\r\\n border-bottom: 1px solid #eee;\\r\\n /*padding: 5px 0;*/\\r\\n background: none;\\r\\n overflow: visible;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item {\\r\\n padding-right: 50px;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item.active>a {\\r\\n color: #A2B68A;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item.active>a:hover {\\r\\n color: #828F69;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item>a {\\r\\n color: #50565A;\\r\\n padding: 13px 0;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item>a:hover {\\r\\n color: #090A05;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item {\\r\\n color: #50565A;\\r\\n padding: 0.6rem 1.5rem;\\r\\n border-bottom: 1px solid #eee;\\r\\n }\\r\\n\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus,\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:active,\\r\\n .secondary-menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {\\r\\n background-color: #A2B68A;\\r\\n outline: none;\\r\\n }\\r\\n}\\r\\n\\r\\n.orderIndex {\\r\\n padding-left: 0px;\\r\\n}\\r\\n\\r\\n@media(min-width: 1200px) {}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/header/header.component.css\n// module id = ./src/opc/header/header.component.css\n// module chunks = main","module.exports = \"\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n Color Code\\r\\n
\\r\\n \\r\\n Description\\r\\n
\\r\\n \\r\\n Display\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{color.code}}\\r\\n
\\r\\n \\r\\n {{color.colorCodeDesc}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n {{popupHeader}}
\\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n Warning
\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-admin/export/export.component.html\n// module id = ./src/opc/opc-admin/export/export.component.html\n// module chunks = main","import { HttpClient } from '@angular/common/http';\r\nimport { Component, Input, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Params } from '@angular/router';\r\nimport { saveAs } from 'file-saver';\r\nimport { Observable } from 'rxjs';\r\nimport { Part } from '../../opc-app/part/part.model';\r\nimport { ExportService } from '../../shared/services/export.service';\r\nimport { NgxSpinnerService } from 'ngx-spinner';\r\nimport { PartService } from '../../shared/services/part.service';\r\n\r\n@Component({\r\n selector: 'app-export',\r\n templateUrl: './export.component.html',\r\n \r\n})\r\nexport class ExportComponent implements OnInit {\r\n \r\n title = 'excel-upload-download';\r\n excel = [];\r\n partGroupID: number;\r\n loading = false;\r\n json: any;\r\n constructor(private exportService: ExportService, private http: HttpClient, private _partService: PartService, private spinner: NgxSpinnerService, private _route: ActivatedRoute) { }\r\n ngOnInit() {\r\n this.getParts();\r\n }\r\n\r\n getParts() {\r\n this.loading = true;\r\n this.spinner.show();\r\n this._partService.getAllPartsToExport().subscribe(res => {\r\n this.json=res;\r\n this.spinner.hide();\r\n this.loading = false;\r\n });\r\n }\r\n\r\n getTheFile(): void { \r\n var listOfParts = [];\r\n var parts = this.json;\r\n var list = [];\r\n\r\n type partDetailsModel =\r\n {\r\n CreatedBy: '',\r\n CreatedDt: '',\r\n IsActive: '',\r\n IsDefault: '',\r\n IsServiceReimbursable: '',\r\n PartDesc: '',\r\n PartGroupDesc: '',\r\n ColorDesc: '',\r\n Code: '',\r\n CSSColorCode: '',\r\n PartEffectiveDate: '',\r\n PartEndDate: '',\r\n PartNumber: '',\r\n ReplacementPartID: '',\r\n Size: '',\r\n SupplierName: '',\r\n Quantity: '',\r\n PackageType:'',\r\n UpdatedBy: '',\r\n UpdatedDt: '',\r\n WarrantyPeriod: '',\r\n Handling: '',\r\n Length: '',\r\n Keywords: '',\r\n IsDiscontinued: '',\r\n Notes: '',\r\n WholesalePrice:'',\r\n ProductLineDesc: '',\r\n ProductFamilyDesc: '',\r\n VintageStart: '',\r\n VintageEnd:'',\r\n ProductFamilyName:''\r\n }\r\n \r\n for (let i = 0; i < parts.length; i++) {\r\n const partDetails = {} as partDetailsModel; \r\n \r\n partDetails.CreatedBy = parts[i].createdBy;\r\n partDetails.CreatedDt = parts[i].createdDt;\r\n partDetails.IsActive = parts[i].isActive;\r\n partDetails.IsDefault = parts[i].isDefault;\r\n partDetails.IsServiceReimbursable = parts[i].isServiceReimbursable;\r\n partDetails.PartDesc = parts[i].partDesc;\r\n partDetails.PartGroupDesc = parts[i].partGroup.partGroupDesc;\r\n partDetails.ColorDesc = parts[i].colorCode.colorCodeDesc;\r\n partDetails.Code = parts[i].colorCode.code;\r\n partDetails.CSSColorCode = parts[i].colorCode.cssColorCode;\r\n partDetails.PartEffectiveDate = parts[i].partEffectiveDate;\r\n partDetails.PartEndDate = parts[i].partEndDate;\r\n partDetails.PartNumber = parts[i].partNumber;\r\n partDetails.ReplacementPartID = parts[i].replacementPartID;\r\n partDetails.Size = parts[i].size;\r\n partDetails.SupplierName = parts[i].supplierName;\r\n partDetails.Quantity = parts[i].quantity;\r\n partDetails.PackageType = parts[i].packageType;\r\n partDetails.UpdatedBy = parts[i].updatedBy;\r\n partDetails.UpdatedDt = parts[i].updatedDt;\r\n partDetails.WarrantyPeriod = parts[i].warrantyPeriod;\r\n partDetails.Handling = parts[i].handling;\r\n partDetails.Length = parts[i].length;\r\n partDetails.Keywords = parts[i].keywords;\r\n partDetails.IsDiscontinued = parts[i].isDiscontinued;\r\n partDetails.Notes = parts[i].notes;\r\n partDetails.WholesalePrice = parts[i].partPricing.wholesalePrice;\r\n partDetails.ProductFamilyName = parts[i].productFamily.productFamilyName;\r\n partDetails.ProductFamilyDesc = parts[i].productFamily.productFamilyDesc;\r\n partDetails.VintageStart = parts[i].productLine.vintageStart;\r\n partDetails.VintageEnd = parts[i].productLine.vintageEnd;\r\n partDetails.ProductLineDesc = parts[i].productLine.productLineDesc;\r\n list.push(i);\r\n listOfParts.push(partDetails);\r\n }\r\n\r\n\r\n \r\n this.exportService.exportAsCSVFile(listOfParts, \"PartDetails\")\r\n \r\n }\r\n\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-admin/export/export.component.ts","module.exports = \"\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-admin/managemenu/managemenu.component.html\n// module id = ./src/opc/opc-admin/managemenu/managemenu.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { AuthService } from '../../auth/auth-service';\r\n\r\n@Component({\r\n selector: 'app-manage-menu',\r\n templateUrl: './managemenu.component.html'\r\n})\r\nexport class ManageMenuComponent implements OnInit {\r\n constructor(private _authService: AuthService) { }\r\n logout() {\r\n this._authService.logout();\r\n }\r\n ngOnInit() {\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-admin/managemenu/managemenu.component.ts","module.exports = \"/* primeNG style overrides */\\r\\n.ui-widget-header {\\r\\n background: #a1b689;\\r\\n}\\r\\n.ui-widget.ui-button {\\r\\n background: #f47a3f;\\r\\n border: 1px solid #f47a3f;\\r\\n}\\r\\n.ui-widget.ui-button:focus {\\r\\n background: #f47a3f;\\r\\n border: 1px solid #ee9569;\\r\\n}\\r\\n.ui-button:hover {\\r\\n background: #f5a244 !important;\\r\\n border: 1px solid #f5a244 !important;\\r\\n}\\r\\n.image-pf > .ui-widget.ui-overlaypanel{\\r\\n top: 240px !important;\\r\\n left: 123px !important;\\r\\n}\\r\\n.image-pl > .ui-widget.ui-overlaypanel{\\r\\n top: 401px !important;\\r\\n left: 123px !important;\\r\\n}\\r\\n.image-pc > .ui-widget.ui-overlaypanel{\\r\\n top: 165px !important;\\r\\n left: 123px !important;\\r\\n}\\r\\n.image-pg > .ui-widget.ui-overlaypanel{\\r\\n top: 323px !important;\\r\\n left: 123px !important;\\r\\n}\\r\\n.ui-growl {\\r\\n bottom: 40px;\\r\\n right: 20px;\\r\\n top: auto;\\r\\n}\\r\\n.ui-multiselect .ui-multiselect-label {\\r\\n padding: 8px 12px 6px 0px;\\r\\n margin: auto;\\r\\n font-family: proxima-nova, Arial, Verdana, sans-serif;\\r\\n font-size: 16px;\\r\\n}\\r\\np-multiselect > .ui-multiselect.ui-state-default {\\r\\n border: none;\\r\\n width: 100%;\\r\\n height: 38px;\\r\\n}\\r\\np-multiselect > .ui-multiselect> .ui-widget-content.ui-multiselect-panel {\\r\\n width: 100%;\\r\\n}\\r\\n.ui-multiselect-header .ui-multiselect-filter-container {\\r\\n width: 94%;\\r\\n}\\r\\n.ui-multiselect-panel .ui-multiselect-close{\\r\\n display: none;\\r\\n}\\r\\n.ui-multiselect .ui-multiselect-trigger .fa {\\r\\n margin-top: 0.8em;\\r\\n margin-left: 0.1em;\\r\\n}\\r\\n.ui-multiselect .ui-multiselect-trigger {\\r\\n display: none;\\r\\n}\\r\\n.ui-multiselect-label-container{\\r\\n position: relative;\\r\\n padding-left: 12px;\\r\\n padding-right: 45px;\\r\\n border-radius: 0.25rem;\\r\\n font-size: 16px;\\r\\n border: 1px solid #ced4da;\\r\\n text-align: left;\\r\\n margin: 0;\\r\\n min-width: 150px;\\r\\n height: 38px;\\r\\n background-color: white;\\r\\n display: inline-block;\\r\\n -webkit-appearance: none;\\r\\n -moz-appearance: none;\\r\\n width: 100%;\\r\\n text-indent: 2px;\\r\\n text-overflow: '';\\r\\n color: #7f7f7f;\\r\\n background-image: linear-gradient(45deg, transparent 50%, #da572e 50%), linear-gradient(135deg, #da572e 50%, transparent 50%), linear-gradient(to right, #e5e5e5, #e5e5e5);\\r\\n background-position: calc(100% - 22px) calc(50% + 0px), calc(100% - 14px) calc(50% + 0px), 100% 0;\\r\\n background-size: 8px 8px, 8px 8px, 45px 45px;\\r\\n background-repeat: no-repeat;\\r\\n}\\r\\np-radiobutton > .ui-radiobutton-label {\\r\\n margin-bottom: auto;\\r\\n}\\r\\np-dropdown > .ui-dropdown {\\r\\n width: 70px !important;\\r\\n}\\r\\n/* primeNG style overrides */\\r\\n.switch {\\r\\n position: relative;\\r\\n display: inline-block;\\r\\n width: 51px;\\r\\n height: 25px;\\r\\n margin-bottom: 0px;\\r\\n}\\r\\n.switch input {display:none;}\\r\\n.slider {\\r\\n position: absolute;\\r\\n cursor: pointer;\\r\\n top: 0;\\r\\n left: 0;\\r\\n right: 0;\\r\\n bottom: 0;\\r\\n background-color: #ccc;\\r\\n -webkit-transition: .4s;\\r\\n transition: .4s;\\r\\n}\\r\\n.slider:before {\\r\\n position: absolute;\\r\\n content: \\\"\\\";\\r\\n height: 17px;\\r\\n width: 17px;\\r\\n left: 4px;\\r\\n bottom: 4px;\\r\\n background-color: white;\\r\\n -webkit-transition: .4s;\\r\\n transition: .4s;\\r\\n}\\r\\ninput:checked + .slider {\\r\\n background-color: #2196F3;\\r\\n}\\r\\ninput:focus + .slider {\\r\\n -webkit-box-shadow: 0 0 1px #2196F3;\\r\\n box-shadow: 0 0 1px #2196F3;\\r\\n}\\r\\ninput:checked + .slider:before {\\r\\n -webkit-transform: translateX(26px);\\r\\n transform: translateX(26px);\\r\\n}\\r\\n/* Rounded sliders */\\r\\n.slider.round {\\r\\n border-radius: 34px;\\r\\n}\\r\\n.slider.round:before {\\r\\n border-radius: 50%;\\r\\n}\\r\\n/* Rounded sliders */\\r\\n.form-control-file{\\r\\n border: 1px solid #ced4da;\\r\\n width: auto;\\r\\n}\\r\\n.input-field-label{\\r\\n font-weight: 400;\\r\\n}\\r\\n.card { \\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.card-header {\\r\\n padding: 0.5rem 1rem;\\r\\n}\\r\\nh6.mb-0{\\r\\n float: left;\\r\\n cursor: default;\\r\\n}\\r\\n.image-info{\\r\\n cursor: pointer;\\r\\n color: #f47a3f;\\r\\n}\\r\\n.overlay-image {\\r\\n width: 120px;\\r\\n height: 115px;\\r\\n}\\r\\n.overlay-image img {\\r\\n max-width: 100%;\\r\\n max-height: 100%;\\r\\n}\\r\\n.delete-icon{\\r\\n color: red;\\r\\n float: right;\\r\\n cursor: pointer; \\r\\n line-height: 2em;\\r\\n}\\r\\n.wrench-icon{\\r\\n cursor:pointer;\\r\\n line-height: 2em;\\r\\n}\\r\\n.button-save{\\r\\n background-color: #f47a3f;\\r\\n border-color: #f47a3f;\\r\\n}\\r\\n.button-save:hover {\\r\\n background: #f5a244;\\r\\n border: 1px solid #f5a244;\\r\\n}\\r\\n.button-cancel {\\r\\n background-color: #8387a4;\\r\\n border-color: #8387a4;\\r\\n}\\r\\n.button-cancel:hover {\\r\\n background: #a5a9c7;\\r\\n border: 1px solid #a5a9c7;\\r\\n}\\r\\n.manage-image{\\r\\n text-align: right;\\r\\n}\\r\\n.field-validation .required {\\r\\n width: 100%;\\r\\n margin-top: .5rem;\\r\\n color: #dc3545;\\r\\n}\\r\\n.required > p {\\r\\n margin-bottom: 0.2rem;\\r\\n}\\r\\n.input-info{\\r\\n margin-top: 5px;\\r\\n}\\r\\n.row-admin{\\r\\n margin-bottom: 1rem;\\r\\n}\\r\\n#accordion{\\r\\n z-index: 100;\\r\\n}\\r\\n#ngxspinner{\\r\\n z-index: 1000;\\r\\n}\\r\\noption:after {\\r\\n content: \\\" \\\";\\r\\n height: 5px;\\r\\n width: 5px;\\r\\n background: #c00;\\r\\n border-radius: 5px;\\r\\n display: inline-block;\\r\\n}\\r\\n.color-dropdown{\\r\\n color: black;\\r\\n}\\r\\n.color-view-box{\\r\\n padding-left: 30px;\\r\\n padding-right: 30px;\\r\\n border-style: ridge;\\r\\n margin: 0px 0px 0px 5px;\\r\\n}\\r\\n.export-item {\\r\\n cursor:pointer;\\r\\n font-size: 1.4rem;\\r\\n padding-top: 30px\\r\\n}\\r\\n.quantityField{\\r\\n width:70%\\r\\n}\\r\\n.PalletquantityField {\\r\\n width: 66%\\r\\n}\\r\\n\\r\\n\\r\\n \\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-admin/opc-admin.component.css\n// module id = ./src/opc/opc-admin/opc-admin.component.css\n// module chunks = main","module.exports = \"\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n Part Management Page
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n Part Category Management Page
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n Part Group Management Page
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\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 Family Management Page
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\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 Line Management Page
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/error/error.component.html\n// module id = ./src/opc/opc-app/error/error.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-error',\r\n templateUrl: './error.component.html',\r\n styleUrls: ['./error.component.css']\r\n})\r\nexport class ErrorComponent implements OnInit {\r\n constructor() { }\r\n\r\n ngOnInit(): void { }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/error/error.component.ts","module.exports = \"Something was wrong! Please contact the adminstrator
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n {{partGroup.partGroupDesc}}
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/part/partdetails/partdetails.component.html\n// module id = ./src/opc/opc-app/part/partdetails/partdetails.component.html\n// module chunks = main","import { Component, OnInit, OnChanges, Input, SimpleChanges } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { PartDetails } from './partdetails.model';\r\nimport { PartGroup } from '../../partgroup/partgroup.model';\r\nimport { OPCConstant } from '../../opc.const';\r\nimport { Part } from '../part.model';\r\nimport { ProductLine } from '../../productline/productline.model';\r\nimport { ColorCode } from '../colorcode.model';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport * as _ from 'underscore';\r\nimport { PartService } from '../../../shared/services/part.service';\r\nimport { OPCSettings } from '../../../shared/models/opcsettings.model';\r\nimport { UserService } from '../../../shared/services/user.service';\r\nimport { size } from 'underscore';\r\n\r\n@Component({\r\n selector: 'app-partdetails',\r\n templateUrl: 'partdetails.component.html',\r\n styleUrls: ['partdetails.component.css']\r\n})\r\n\r\nexport class PartDetailsComponent implements OnInit, OnChanges {\r\n size: any;\r\n @Input() viewData: any;\r\n searchText: string;\r\n isDataLoaded: boolean;\r\n partGroupId: number;\r\n productFamilyId: number;\r\n defaultPart: Part;\r\n defaultPartClone: Part;\r\n parts: Part[];\r\n colorCodes: ColorCode[];\r\n allColorCodes: ColorCode[];\r\n productLine: ProductLine[];\r\n partGroup: PartGroup;\r\n colorItems: any;\r\n defaultImage: string;\r\n pacakageQuantitiesItems = [];\r\n packageType: string[];\r\n quantity: number[];\r\n handlingItems: string[];\r\n lengthItems: string[];\r\n sizeItems: string[];\r\n opcSettings: OPCSettings = new OPCSettings();\r\n blobImgURL: string;\r\n partPrice: any;\r\n serviceReimbursableItems: boolean[];\r\n isServiceReimbursableItems: boolean;\r\n pacakageQuantities: string[];\r\n constructor(private _partService: PartService, private _router: Router, private _route: ActivatedRoute,\r\n private _userService: UserService) {\r\n this.isDataLoaded = false;\r\n this.colorItems = [];\r\n }\r\n\r\n getPartDetails() {\r\n this.parts = this.viewData.partDTO;\r\n this.productLine = this.viewData.productLineDTO;\r\n this.partGroup = this.viewData.partGroupDTO;\r\n this.allColorCodes = this.viewData.colorCodeDTO;\r\n if (this.searchText) {\r\n this.defaultPartClone = this.parts.find(p => p.partNumber === this.searchText);\r\n } else {\r\n this.defaultPartClone = this.parts.find(p => p.isDefault);\r\n }\r\n if (!this.defaultPartClone) {\r\n this.defaultPartClone = this.parts[0];\r\n }\r\n if (!this.defaultPart || this.defaultPartClone.partID !== this.defaultPart.partID) {\r\n this.defaultPart = Object.assign({}, this.defaultPartClone);\r\n this.partPrice = this.getPrice();\r\n type temp = { packageType: string };\r\n for (let i = 0; i < this.parts.length; i++) {\r\n const quantity = {} as temp;\r\n if (this.parts[i].packageType === 'pkg' || this.parts[i].packageType === 'roll' || this.parts[i].packageType === 'pallet') {\r\n quantity.packageType = this.parts[i].packageType + \" of \" + (this.parts[i].quantity.toLocaleString('en-US'));\r\n }\r\n else {\r\n quantity.packageType = this.parts[i].packageType;\r\n }\r\n this.pacakageQuantitiesItems.push(quantity);\r\n }\r\n this.pacakageQuantitiesItems = this.pacakageQuantitiesItems.map(p => p.packageType).filter((value, index, self) => self.indexOf(value) === index);\r\n this.colorCodes = this.parts.map(p => p.colorCode).filter((value, index, self) => self.indexOf(value) === index);\r\n this.getColorCode();\r\n this.colorItems = _.uniq(this.colorCodes, _.property('colorCodeID'));\r\n this.handlingItems = this.parts.map(p => p.handling).filter((value, index, self) => self.indexOf(value) === index);\r\n this.handlingItems = this.handlingItems.filter(function (e) { return (e != 'null' && e !== null && e != ''); })\r\n this.handlingItems = (!this.handlingItems.length) ? undefined : this.handlingItems;\r\n this.lengthItems = this.parts.map(p => p.length).filter((value, index, self) => self.indexOf(value) === index);\r\n this.lengthItems = this.lengthItems.filter(function (e) { return (e != 'null' && e !== null && e != ''); })\r\n this.lengthItems = (!this.lengthItems.length) ? undefined : this.lengthItems;\r\n this.sizeItems = this.parts.map(p => p.size).filter((value, index, self) => self.indexOf(value) === index && value != null);\r\n this.sizeItems = this.sizeItems.filter(function (e) { return (e != 'null' && e !== null && e != ''); })\r\n this.sizeItems = (!this.sizeItems.length) ? undefined : this.sizeItems;\r\n var dpHandling = this.defaultPart.handling == null && this.handlingItems != null && this.handlingItems.length > 0 ? this.handlingItems[0] : this.defaultPart.handling;\r\n var availableSize = new Set(this.parts.filter(p => p.handling == dpHandling && p.size != null).map(ele => ele.size));\r\n this.sizeItems = Array.from(availableSize);\r\n this.sizeItems = (!this.sizeItems.length) ? null : this.sizeItems;\r\n this.parts.forEach(e => {\r\n var pkgType = this.pacakageQuantitiesItems[0].split(\" \", 3);\r\n if (e.packageType === pkgType[0]) {\r\n this.isServiceReimbursableItems = e.isServiceReimbursable\r\n }\r\n this.isDataLoaded = true;\r\n });\r\n }\r\n }\r\n\r\n getColorCode() {\r\n this.colorCodes.forEach(e => {\r\n if (e.cssColorCode == null && e.code !== 'none') {\r\n var colorCodeList = e.code.includes('/') ? e.code.split(\"/\") : e.colorCodeDesc.split(\"/\");\r\n var colorCode1 = this.allColorCodes.find(c => c.code === colorCodeList[0] || c.colorCodeDesc === colorCodeList[0] && c.cssColorCode != null) ? this.allColorCodes.find(c => c.code === colorCodeList[0] || c.colorCodeDesc === colorCodeList[0] && c.cssColorCode != null).cssColorCode : 'white';\r\n var colorCode2 = this.allColorCodes.find(c => c.code === colorCodeList[1] || c.colorCodeDesc === colorCodeList[1] && c.cssColorCode != null) ? this.allColorCodes.find(c => c.code === colorCodeList[1] || c.colorCodeDesc === colorCodeList[1] && c.cssColorCode != null).cssColorCode : 'white';\r\n var TempcolorCode1 = colorCode1 == null ? 'white' : colorCode1;\r\n var TempcolorCode2 = colorCode2 == null ? 'white' : colorCode2;\r\n var backgroundColorCode = '-webkit-linear-gradient(-44deg,' + TempcolorCode1 + ' 49%, ' + TempcolorCode2 + ' 51%)';\r\n e.cssColorCode = backgroundColorCode;\r\n }\r\n else {\r\n var color;\r\n if (e.code == 'none') {\r\n color = '#FFFFFF';\r\n } else {\r\n color = e.cssColorCode;\r\n }\r\n var backgroundColorCode = '-webkit-linear-gradient(-44deg,' + color + ' 50%, ' + color + ' 50%)';\r\n e.cssColorCode = backgroundColorCode;\r\n }\r\n })\r\n\r\n }\r\n\r\n onPackageQuantityChange(event: any) {\r\n var pkgType = event.target.value.split(\" \", 3);\r\n var availablePart;\r\n if (pkgType.length == 3) {\r\n availablePart = this.parts.find(p => p.packageType === pkgType[0] && p.quantity.toLocaleString('en-US') === pkgType[2].toLocaleString('en-US')\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && p.handling === this.defaultPart.handling\r\n && p.size === this.defaultPart.size\r\n && p.length === this.defaultPart.length\r\n );\r\n }\r\n else {\r\n availablePart = this.parts.find(p => p.packageType === pkgType[0]\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && (p.handling ==this.defaultPart.handling)\r\n && (p.size === this.defaultPart.size)\r\n && (p.length === this.defaultPart.length)\r\n );\r\n }\r\n this.parts.forEach(e => {\r\n if (e.packageType === pkgType[0]) {\r\n this.isServiceReimbursableItems = e.isServiceReimbursable\r\n }\r\n });\r\n this.defaultPart.packageType = pkgType[0];\r\n this.defaultPart.quantity = pkgType[2];\r\n\r\n this.getAvailablePart(availablePart);\r\n }\r\n onColorChange(event: any, i, c) {\r\n let hexCode = c || this.parts[i].colorCode.cssColorCode;\r\n //if (event.target.style.backgroundImage) {\r\n // hexCode = this.rgbToHexConvert(event.target.style.backgroundImage);\r\n // hexCode = hexCode.toLowerCase();\r\n //} else {\r\n // hexCode = null;\r\n //}\r\n const availablePart = this.parts.find(p => (p.colorCode.cssColorCode ? p.colorCode.cssColorCode.toLowerCase() : null) === hexCode.toLowerCase()\r\n && p.colorCode.colorCodeDesc.toLowerCase() === event.target.title.toLowerCase()\r\n && (p.handling == this.defaultPart.handling)\r\n && p.packageType === this.defaultPart.packageType && (this.defaultPart.packageType != \"unit\" ? p.quantity.toLocaleString('en-US') === this.defaultPart.quantity.toLocaleString('en-US') : p.quantity == 1)\r\n && (p.size === this.defaultPart.size)\r\n && (p.length === this.defaultPart.length));\r\n\r\n this.defaultPart.colorCode = this.parts.find(p => (p.colorCode.cssColorCode\r\n ? p.colorCode.cssColorCode.toLowerCase() : null) === hexCode.toLowerCase()).colorCode;\r\n this.getAvailablePart(availablePart);\r\n }\r\n onHandlingChange(event: any) {\r\n var availableSize = new Set(this.parts.filter(p => p.handling === event.target.value && p.size != null).map(ele => ele.size));\r\n this.sizeItems = Array.from(availableSize);\r\n this.sizeItems = this.sizeItems.length > 0 ? this.sizeItems : null;\r\n this.defaultPart.handling = event.target.value;\r\n if (this.sizeItems != null &&\r\n !this.sizeItems.includes(this.defaultPart.size)) {\r\n this.defaultPart.size = this.sizeItems[0];\r\n }\r\n // this.defaultPart.size = this.sizeItems ? (this.sizeItems[0] == this.defaultPart.size ? this.sizeItems[0] : this.defaultPart.size): null;\r\n const availablePart = this.parts.find(p => p.handling === event.target.value\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && p.packageType === this.defaultPart.packageType && (this.defaultPart.packageType != \"unit\" ? p.quantity.toLocaleString('en-US') === this.defaultPart.quantity.toLocaleString('en-US') : p.quantity == 1)\r\n && p.size === (this.defaultPart.size)\r\n && p.length === (this.defaultPart.length));\r\n this.getAvailablePart(availablePart);\r\n }\r\n onLengthChange(event: any) {\r\n const availablePart = this.parts.find(p => p.length === event.target.value\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && p.packageType === this.defaultPart.packageType && (this.defaultPart.packageType != \"unit\" ? p.quantity.toLocaleString('en-US') === this.defaultPart.quantity.toLocaleString('en-US') : p.quantity == 1)\r\n && p.size === ( this.defaultPart.size)\r\n && (p.handling == this.defaultPart.handling));\r\n this.defaultPart.length = event.target.value;\r\n this.getAvailablePart(availablePart);\r\n }\r\n onPartLoad() {\r\n const availablePart = this.parts.find(p => p.size === (this.defaultPart.size != '' && (this.defaultPart.size != null || this.defaultPart.size === p.size) ? this.defaultPart.size : false)\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && p.packageType === this.defaultPart.packageType && (this.defaultPart.packageType != \"unit\" ? p.quantity === parseInt(this.defaultPart.quantity.toString()) : p.quantity == 1)\r\n && (p.handling == this.defaultPart.handling)\r\n && (p.length === this.defaultPart.length) &&\r\n p.size === (this.defaultPart.size))\r\n this.getAvailablePart(availablePart);\r\n }\r\n onSizeChange(event: any) {\r\n const availablePart = this.parts.find(p => p.size === event.target.value\r\n && p.colorCode.cssColorCode === this.defaultPart.colorCode.cssColorCode\r\n && p.packageType === this.defaultPart.packageType && (this.defaultPart.packageType != \"unit\" ? p.quantity.toLocaleString('en-US') === this.defaultPart.quantity.toLocaleString('en-US') : p.quantity == 1)\r\n && (p.handling == this.defaultPart.handling)\r\n && p.length === this.defaultPart.length);\r\n this.defaultPart.size = event.target.value;\r\n this.getAvailablePart(availablePart);\r\n }\r\n getAvailablePart(availablePart) {\r\n if (availablePart) {\r\n this.defaultPart = Object.assign({}, availablePart);\r\n this.partPrice = this.getPrice();\r\n this.isServiceReimbursableItems = availablePart.isServiceReimbursable;\r\n } else {\r\n this.defaultPart.partDesc = 'Not Available';\r\n this.defaultPart.partNumber = 'Not Available';\r\n this.partPrice = 'Pricing Not Available';\r\n this.defaultPart.notes = '';\r\n this.isServiceReimbursableItems = true;\r\n }\r\n }\r\n rgbToHexConvert(rgb: any) {\r\n rgb = rgb.match(/^rgb\\((\\d+),\\s*(\\d+),\\s*(\\d+)\\)$/);\r\n function hexConvert(x) {\r\n return ('0' + parseInt(x).toString(16)).slice(-2);\r\n }\r\n return '#' + hexConvert(rgb[1]) + hexConvert(rgb[2]) + hexConvert(rgb[3]);\r\n }\r\n errorImage(event) {\r\n //event.target.src = this.defaultImage;\r\n }\r\n getPrice(): any {\r\n // if (this._userService.isAdminUser()) {\r\n // return this.defaultPart.partPricing.wholesalePrice;\r\n // } else if (this.defaultPart.partPricing.retailPrice !== null) {\r\n // return this.defaultPart.partPricing.retailPrice;\r\n // } else {\r\n // return 'Pricing not Available';\r\n // } \r\n if (this.defaultPart.partPricing.wholesalePrice !== null && this.defaultPart.partPricing.wholesalePrice !== 0) {\r\n return this.defaultPart.partPricing.wholesalePrice;\r\n } else {\r\n return 'Pricing Not Available';\r\n }\r\n }\r\n ngOnInit() {\r\n this.onPartLoad();\r\n this.size = this.defaultPart.size;\r\n this._route.params.subscribe(param => {\r\n this.partGroupId = +param['pgid'];\r\n this.productFamilyId = +param['pfid'];\r\n });\r\n this._partService.searchedPart.subscribe(text => {\r\n this.searchText = text;\r\n if (this.viewData.partDTO.find(p => p.partNumber === this.searchText)) {\r\n this.getPartDetails();\r\n }\r\n });\r\n }\r\n ngOnChanges(changes: SimpleChanges) {\r\n this.viewData = changes.viewData.currentValue;\r\n this.getPartDetails();\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/part/partdetails/partdetails.component.ts","module.exports = \"@media (max-width: 992px){\\r\\n .category-3d{\\r\\n display: none;\\r\\n }\\r\\n}\\r\\n\\r\\n#pc-pills-tabContent{\\r\\n margin: 0px;\\r\\n}\\r\\n\\r\\n.title{\\r\\n text-align: center;\\r\\n padding-bottom: 10px;\\r\\n}\\r\\n\\r\\n.vintage-dropdown-label{\\r\\n text-align: center;\\r\\n padding-bottom: 20px;\\r\\n}\\r\\n\\r\\n.vintage-dropdown-label>.col-sm-3{\\r\\n line-height: 45px;\\r\\n padding-right: 0px;\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/partcategory/partcategory.component.css\n// module id = ./src/opc/opc-app/partcategory/partcategory.component.css\n// module chunks = main","module.exports = \"\\r\\n
\\r\\n \\r\\n ![\\\"cataloge](\\\"data:image/JPEG;base64,{{partGroup.image}}\\\")
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n $ {{partPrice | number : '1.2-2'}}\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{partPrice}}\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n {{defaultPart?.partDesc}}\\r\\n
\\r\\n \\r\\n \\r\\n {{defaultPart?.partNumber}}\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n {{defaultPart?.notes}}\\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\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n {{defaultPart?.colorCode.colorCodeDesc}}\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n - \\r\\n
- \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n =1\\\">\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n SELECT YOUR PART TYPE
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/partcategory/partcategory.component.html\n// module id = ./src/opc/opc-app/partcategory/partcategory.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { ProductService } from '../../shared/services/product.service';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { OPCConstant } from '../opc.const';\r\nimport { PartCategory } from './partcategory.model';\r\nimport { ProductLineDetails } from '../productline/productlinedetails/productlinedetails.model';\r\nimport { ProductLine } from '../productline/productline.model';\r\nimport { PartCategoryService } from '../../shared/services/partcategory.service';\r\nimport { OPCSettings } from '../../shared/models/opcsettings.model';\r\n\r\n@Component({\r\n selector: 'app-partcategory',\r\n templateUrl: 'partcategory.component.html',\r\n styleUrls: ['partcategory.component.css']\r\n})\r\n\r\nexport class PartCategoryComponent implements OnInit {\r\n productFamilyID: number;\r\n defaultImage: string;\r\n productLineID: number;\r\n partCategories: PartCategory[];\r\n productLineDetails: ProductLineDetails;\r\n selectedProductLine: ProductLine;\r\n bypass: boolean;\r\n activeItem: string;\r\n partCategoryImgPath: string;\r\n productLineImgPath: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n\r\n constructor(private _partCategoryService: PartCategoryService\r\n , private _productService: ProductService, private _route: ActivatedRoute, private _router: Router) {\r\n this.bypass = false;\r\n }\r\n\r\n getPartCategory() {\r\n this._partCategoryService.getPartCategoryById(this.productLineID).subscribe(res => {\r\n this.partCategories = res;\r\n });\r\n }\r\n getProductLines() {\r\n this._productService.getProductLineById(this.productFamilyID).subscribe(res => {\r\n this.productLineDetails = res;\r\n if (this.productLineDetails.productFamilyName === OPCConstant.BYPASS_FAMILY) {\r\n this.bypass = true;\r\n }\r\n this.selectedProductLine = this.productLineDetails.productLines.find(pl => pl.productLineID === this.productLineID);\r\n if (this.bypass) {\r\n this.activeItem = this.productLineDetails.productFamilyName;\r\n } else {\r\n this.activeItem = this.selectedProductLine.code + ' ' + this.selectedProductLine.vintageStart.substr(0, 4) + ' - ' +\r\n (this.selectedProductLine.vintageEnd ? this.selectedProductLine.vintageEnd.substr(0, 4) : 'PRESENT');\r\n }\r\n });\r\n }\r\n dropdownChange(event) {\r\n const selectedDropdown = event.target.value;\r\n this._router.navigateByUrl('/productfamily/' + this.productFamilyID + '/productline/' + selectedDropdown);\r\n const pl = this.productLineDetails.productLines.find(p => p.productLineID === selectedDropdown);\r\n this.activeItem = pl.code + ' ' + pl.vintageStart.substr(0, 4) + ' - ' + (pl.vintageEnd ? pl.vintageEnd.substr(0, 4) : 'PRESENT');\r\n }\r\n errorImage(event) {\r\n //event.target.src = this.defaultImage;\r\n }\r\n ngOnInit() {\r\n this._route.params.subscribe(param => {\r\n this.productFamilyID = +param['pfid'];\r\n this.productLineID = +param['plid'];\r\n this.getProductLines();\r\n this.getPartCategory();\r\n });\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/partcategory/partcategory.component.ts","export class PartCategory {\r\n partCategoryID: number;\r\n partCategoryDesc: string;\r\n imageUrl: string;\r\n isActive: boolean;\r\n indexOrderID: number;\r\n image: ByteString;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/partcategory/partcategory.model.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/partgroup/partgroup.component.css\n// module id = ./src/opc/opc-app/partgroup/partgroup.component.css\n// module chunks = main","module.exports = \"\\r\\n
\\r\\n \\r\\n
\\r\\n {{productLineDetails.productFamilyName}}
\\r\\n\\r\\n
\\r\\n {{selectedProductLine.code}} - {{selectedProductLine.productLineDesc}}
\\r\\n\\r\\n
\\r\\n Vintage
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n ![\\\"cataloge](\\\"data:image/JPEG;base64,{{selectedProductLine.image}}\\\")
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/partgroup/partgroup.component.html\n// module id = ./src/opc/opc-app/partgroup/partgroup.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Params } from '@angular/router';\r\nimport { Subscriber } from 'rxjs/Subscriber';\r\nimport { PartGroup } from './partgroup.model';\r\nimport { PagerService } from '../../shared/services/pager.service';\r\nimport { PartGroupService } from '../../shared/services/partgroup.service';\r\n\r\n@Component({\r\n selector: 'app-partgroup',\r\n templateUrl: './partgroup.component.html',\r\n styleUrls: ['./partgroup.component.css']\r\n})\r\nexport class PartGroupComponent implements OnInit {\r\n partCategoryId: number;\r\n productlineId: number;\r\n partGroups: PartGroup[];\r\n pagedItems: any = [];\r\n isDataLoaded = false;\r\n\r\n constructor(private _partGroupService: PartGroupService, private _route: ActivatedRoute) { }\r\n\r\n getPartGroups() {\r\n this._partGroupService.getPartGroupByCategoryId(this.productlineId, this.partCategoryId).subscribe(res => {\r\n this.partGroups = res;\r\n this.isDataLoaded = true;\r\n });\r\n }\r\n setPageData(data: any) {\r\n this.pagedItems.data = this.partGroups.slice(data.startIndex, data.endIndex);\r\n this.pagedItems.routeName = 'partgroup';\r\n }\r\n ngOnInit() {\r\n this._route.params.subscribe(\r\n (params: Params) => {\r\n this.partCategoryId = +params['pcid'];\r\n this.productlineId = +params['plid'];\r\n this.getPartGroups();\r\n }\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/partgroup/partgroup.component.ts","import { ProductLinePartGroup } from './productlinepartgroup.model';\r\n\r\nexport class PartGroup {\r\n partGroupID: number;\r\n partGroupDesc: string;\r\n imageUrl: string;\r\n partCategoryID: number;\r\n isActive: boolean;\r\n indexOrderID: number;\r\n image: any;\r\n productLinePartGroup: ProductLinePartGroup[];\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/partgroup/partgroup.model.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productfamily/productfamily.component.css\n// module id = ./src/opc/opc-app/productfamily/productfamily.component.css\n// module chunks = main","module.exports = \"SELECT A PART GROUP
\\r\\nSELECT A PRODUCT FAMILY
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productfamily/productfamily.component.html\n// module id = ./src/opc/opc-app/productfamily/productfamily.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { ProductService } from '../../shared/services/product.service';\r\nimport { ProductFamily } from './productfamily.model';\r\nimport { ProductLine } from '../productline/productline.model';\r\nimport { OPCConstant } from '../opc.const';\r\nimport { OPCSettings } from '../../shared/models/opcsettings.model';\r\nimport { AuthorizationService } from '../../../app/authorization.service';\r\nimport { AfterViewInit } from '@angular/core/public_api';\r\n\r\n@Component({\r\n selector: 'app-productfamily',\r\n templateUrl: './productfamily.component.html',\r\n styleUrls: ['./productfamily.component.css']\r\n})\r\n\r\nexport class ProductFamilyComponent implements OnInit {\r\n productFamilies: ProductFamily[];\r\n intallationpartsFamily: ProductFamily;\r\n byPassFamilyName: string;\r\n productLines: ProductLine;\r\n defaultImage: string;\r\n productFamilyImgPath: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n\r\n constructor(private _productService: ProductService) {\r\n this.byPassFamilyName = OPCConstant.BYPASS_FAMILY;\r\n }\r\n\r\n getProductFamily() {\r\n if (localStorage.getItem('app_token')) {\r\n this._productService.getProductFamily().subscribe(res => {\r\n this.productFamilies = res;\r\n this.intallationpartsFamily = this.productFamilies.find(p => p.productFamilyName === this.byPassFamilyName);\r\n this.productFamilies = this.productFamilies.filter(p => p.productFamilyName !== this.byPassFamilyName);\r\n if (this.intallationpartsFamily) {\r\n this.getProductLine();\r\n }\r\n });\r\n }\r\n }\r\n\r\n getProductLine() {\r\n this._productService.getProductLineById(this.intallationpartsFamily.productFamilyID).subscribe(res => {\r\n this.productLines = res.productLines[0];\r\n });\r\n }\r\n errorImage(event) {\r\n // event.target.src = this.defaultImage;\r\n }\r\n ngOnInit() {\r\n this.getProductFamily();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/productfamily/productfamily.component.ts","export class ProductFamily {\r\n productFamilyID: number;\r\n productFamilyDesc: string;\r\n productFamilyName: string;\r\n isActive: boolean;\r\n imageUrl: string;\r\n productLines: string;\r\n image: any;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/productfamily/productfamily.model.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productline/productline.component.css\n// module id = ./src/opc/opc-app/productline/productline.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n SELECT YOUR WINDOW STYLE
\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productline/productline.component.html\n// module id = ./src/opc/opc-app/productline/productline.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Params, Router } from '@angular/router';\r\nimport { ProductService } from '../../shared/services/product.service';\r\nimport { ProductFamily } from '../productfamily/productfamily.model';\r\nimport { Subscription } from 'rxjs/Subscription';\r\nimport { OPCConstant } from '../opc.const';\r\nimport { ProductLine } from './productline.model';\r\nimport { OPCSettings } from '../../shared/models/opcsettings.model';\r\n\r\n@Component({\r\n selector: 'app-productline',\r\n templateUrl: './productline.component.html',\r\n styleUrls: ['./productline.component.css']\r\n})\r\n\r\nexport class ProductLineComponent implements OnInit {\r\n\r\n productFamilyID: number;\r\n productFamilyName: string;\r\n productFamilies: ProductFamily[];\r\n subscription: Subscription;\r\n intallationpartsFamily: ProductFamily;\r\n byPassFamilyName: string;\r\n productLines: ProductLine;\r\n defaultImage: string;\r\n activeItem: string;\r\n productFamilyImgURL: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n\r\n constructor(private _route: ActivatedRoute, private _productService: ProductService, private _router: Router) {\r\n this.byPassFamilyName = OPCConstant.BYPASS_FAMILY;\r\n }\r\n\r\n getProductLine() {\r\n this._productService.getProductLineById(this.intallationpartsFamily.productFamilyID).subscribe(res => {\r\n this.productLines = res.productLines[0];\r\n });\r\n }\r\n onSelect(pf: ProductFamily) {\r\n this.activeItem = pf.productFamilyName;\r\n }\r\n getProductFamilies() {\r\n this._productService.getProductFamily().subscribe((productFamilies: ProductFamily[]) => {\r\n this.productFamilies = productFamilies;\r\n const pf = this.productFamilies.find(p => p.productFamilyID === this.productFamilyID);\r\n this.activeItem = pf ? pf.productFamilyName : '';\r\n this.intallationpartsFamily = this.productFamilies.find(p => p.productFamilyName === this.byPassFamilyName);\r\n this.productFamilies = this.productFamilies.filter(p => p.productFamilyName !== this.byPassFamilyName);\r\n this.getProductLine();\r\n });\r\n }\r\n errorImage(event) {\r\n //event.target.src = this.defaultImage;\r\n }\r\n ngOnInit() {\r\n this._route.params.subscribe(\r\n (params: Params) => {\r\n this.productFamilyID = +params['pfid'];\r\n this.getProductFamilies();\r\n }\r\n );\r\n this.getProductFamilies();\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/productline/productline.component.ts","export class ProductLine {\r\n productLineID: number;\r\n productLineDesc: string;\r\n isActive: boolean;\r\n imageUrl: string;\r\n productFamilyID: number;\r\n vintageStart: string;\r\n vintageEnd: string;\r\n code: string;\r\n image: ByteString;\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/productline/productline.model.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productline/productlinedetails/productlinedetails.component.css\n// module id = ./src/opc/opc-app/productline/productlinedetails/productlinedetails.component.css\n// module chunks = main","module.exports = \"\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/productline/productlinedetails/productlinedetails.component.html\n// module id = ./src/opc/opc-app/productline/productlinedetails/productlinedetails.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\nimport { ProductService } from '../../../shared/services/product.service';\r\nimport { ActivatedRoute, Params } from '@angular/router';\r\nimport { ProductLineDetails } from './productlinedetails.model';\r\nimport { OPCConstant } from '../../opc.const';\r\nimport { OPCSettings } from '../../../shared/models/opcsettings.model';\r\n\r\n@Component({\r\n selector: 'app-productlinedetails',\r\n templateUrl: './productlinedetails.component.html',\r\n styleUrls: ['./productlinedetails.component.css']\r\n})\r\nexport class ProductLineDetailsComponent implements OnInit {\r\n productFamilyID: number;\r\n productLineDetails: ProductLineDetails;\r\n defaultImage: string;\r\n byPassFamilyName: string;\r\n productLineImgPath: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n\r\n constructor(private _productService: ProductService, private _route: ActivatedRoute) {\r\n this.byPassFamilyName = OPCConstant.BYPASS_FAMILY;\r\n }\r\n\r\n getProductLines() {\r\n this._productService.getProductLineById(this.productFamilyID).subscribe(res => {\r\n this.productLineDetails = res;\r\n if (this.productLineDetails.productFamilyName === this.byPassFamilyName) {\r\n this.productLineDetails.productLines = [];\r\n }\r\n });\r\n }\r\n errorImage(event) {\r\n //event.target.src = this.defaultImage;\r\n }\r\n ngOnInit() {\r\n this._route.params.subscribe(\r\n (params: Params) => {\r\n this.productFamilyID = params['pfid'];\r\n this.getProductLines();\r\n }\r\n );\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/productline/productlinedetails/productlinedetails.component.ts","import { Injectable } from '@angular/core';\r\nimport { CommonService } from '../../shared/services/common.service';\r\nimport { Resolve, ActivatedRouteSnapshot } from '@angular/router';\r\nimport { PartGroup } from '../partgroup/partgroup.model';\r\n\r\n@Injectable()\r\nexport class SearchResolver implements Resolve\\r\\n
\\r\\n\\r\\n
\\r\\n {{productLineDetails?.productFamilyName}}
\\r\\n{{productLineDetails?.productFamilyDesc}}
\\r\\nSELECT WINDOW TO CONTINUE
\\r\\n \\r\\n Search Results
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/opc-app/searchresult/searchresult.component.html\n// module id = ./src/opc/opc-app/searchresult/searchresult.component.html\n// module chunks = main","import { Component, OnInit, ChangeDetectorRef, OnDestroy, AfterViewChecked } from '@angular/core';\r\nimport { PartGroup } from '../partgroup/partgroup.model';\r\nimport { OPCConstant } from '../opc.const';\r\nimport { ActivatedRoute } from '@angular/router';\r\n@Component({\r\n selector: 'app-searchresult',\r\n templateUrl: './searchresult.component.html',\r\n styleUrls: ['./searchresult.component.css']\r\n})\r\nexport class SearchResultComponent implements OnInit, OnDestroy, AfterViewChecked {\r\n searchResults: any;\r\n pagedItems: any = {};\r\n isSearchedByPartNumber = false;\r\n searchText: string;\r\n appSettings: any;\r\n errorMessage: string;\r\n partSearchErrMessage: string;\r\n \r\n private paramObservable: any;\r\n constructor(private _route: ActivatedRoute, private cdRef: ChangeDetectorRef) {\r\n }\r\n setPageData(data: any) {\r\n this.pagedItems.data = this.searchResults.slice(data.startIndex, data.endIndex);\r\n this.pagedItems.routeName = 'partgroup';\r\n }\r\n ngOnInit(): void {\r\n this.paramObservable = this._route.params.subscribe(params => {\r\n this.searchResults = this._route.snapshot.data['search'];\r\n this.searchText = params['text'];\r\n this.appSettings = localStorage.getItem(\"settings\");\r\n const value = JSON.parse(this.appSettings);\r\n this.errorMessage = value.opcSettings.partSearchErrMessage;\r\n this.partSearchErrMessage = this.errorMessage.replace('{{searchText}}', this.searchText);\r\n\r\n if (this.searchResults.partDTO) {\r\n this.isSearchedByPartNumber = true;\r\n } else {\r\n this.isSearchedByPartNumber = false;\r\n }\r\n });\r\n }\r\n ngAfterViewChecked() {\r\n this.cdRef.detectChanges();\r\n }\r\n ngOnDestroy() {\r\n if (this.paramObservable != null) {\r\n this.paramObservable.unsubscribe();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/opc-app/searchresult/searchresult.component.ts","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/shared/components/breadcrumb/breadcrumb.component.html\n// module id = ./src/opc/shared/components/breadcrumb/breadcrumb.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Router, RouterEvent, NavigationStart, NavigationEnd } from '@angular/router';\r\nimport 'rxjs/add/operator/filter';\r\nimport { GlobalVariable } from '../../global.variables';\r\nimport { BreadCrumb } from './breadcrumb.model';\r\n\r\nimport * as $ from 'jquery';\r\nimport { CommonService } from '../../services/common.service';\r\n\r\n@Component({\r\n selector: 'app-breadcrumb',\r\n templateUrl: 'breadcrumb.component.html'\r\n})\r\n\r\nexport class BreadCrumbComponent implements OnInit {\r\n @Input() activeItem: string;\r\n breadCrumbItems: BreadCrumb[];\r\n activeComp: BreadCrumb;\r\n continue: boolean;\r\n\r\n constructor(\r\n private _router: Router,\r\n private _global: GlobalVariable,\r\n private _commonService: CommonService) {\r\n this.continue = true;\r\n }\r\n\r\n getBreadCrumb(url: string) {\r\n url = url.replace(new RegExp('/', 'g'), '$');\r\n if (url.indexOf('search') === -1 && url.indexOf('manage') === -1) {\r\n this._commonService.getBreadCrumbByUrl(url).subscribe((res: BreadCrumb[]) => {\r\n this.breadCrumbItems = res;\r\n this.activeComp = this.breadCrumbItems[this.breadCrumbItems.length - 1];\r\n this.breadCrumbItems.pop();\r\n });\r\n }\r\n }\r\n\r\n ngOnInit() {\r\n this.getBreadCrumb(document.URL.replace(/^.*\\/\\/[^\\/]+/, ''));\r\n this._router.events.subscribe(event => {\r\n if (event instanceof NavigationStart) {\r\n if (this._global.lastUrl !== event.url) {\r\n this._global.lastUrl = event.url;\r\n this.getBreadCrumb(event.url);\r\n }\r\n }\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/shared/components/breadcrumb/breadcrumb.component.ts","module.exports = \".nodata{\\r\\n margin-top: 10px;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/shared/components/cardview/cardview.component.css\n// module id = ./src/opc/shared/components/cardview/cardview.component.css\n// module chunks = main","module.exports = \"{{partSearchErrMessage}}
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/shared/components/cardview/cardview.component.html\n// module id = ./src/opc/shared/components/cardview/cardview.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\nimport { OPCConstant } from '../../../opc-app/opc.const';\r\nimport { OPCSettings } from '../../models/opcsettings.model';\r\n\r\n@Component({\r\n selector: 'app-card-view',\r\n templateUrl: './cardview.component.html',\r\n styleUrls: ['./cardview.component.css']\r\n})\r\nexport class CardViewComponent implements OnInit {\r\n @Input() viewData: any;\r\n defaultImage: string;\r\n opcSettings: OPCSettings = new OPCSettings();\r\n blobImgURL: string;\r\n constructor() { }\r\n ngOnInit() { }\r\n errorImage(event) {\r\n //event.target.src = this.defaultImage;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/opc/shared/components/cardview/cardview.component.ts","module.exports = \".pagination{\\r\\n text-align: center;\\r\\n}\\r\\n.pagination li{ \\r\\n cursor: pointer; \\r\\n}\\r\\n.disabled\\r\\n{\\r\\n cursor: not-allowed !important;\\r\\n color: #767676d6;\\r\\n}\\r\\n.pagination li:hover:not(.disabled) {\\r\\n text-decoration: underline;\\r\\n}\\r\\n.pagination li.active {\\r\\n color: #2a2a2a;\\r\\n font-weight: bold;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/shared/components/pagination/pagination.component.css\n// module id = ./src/opc/shared/components/pagination/pagination.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\nNo results found!
\\r\\n\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/opc/shared/components/pagination/pagination.component.html\n// module id = ./src/opc/shared/components/pagination/pagination.component.html\n// module chunks = main","import { Component, OnInit, Input, Output, EventEmitter, OnChanges } from '@angular/core';\r\nimport { PagerService } from '../../services/pager.service';\r\n\r\n@Component({\r\n selector: 'app-pagination',\r\n templateUrl: './pagination.component.html',\r\n styleUrls: ['./pagination.component.css']\r\n})\r\nexport class PaginationComponent implements OnInit, OnChanges {\r\n pager: any;\r\n pagedItems: any[];\r\n pageSize: number;\r\n initialSize = 8;\r\n pageSizes: number[] = new Array();\r\n pagerData: Pager;\r\n maxPerPage = 32;\r\n\r\n @Input() itemsCount: number;\r\n @Output() setPageData = new EventEmitterShowing {{pager.currentPage}} of {{pager.totalPages}} Pages
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n