\\n
\\n \\n
\"","module.exports = \"/*!\\r\\n * Project Name: gcironparts\\r\\n * Copyright 2004-2018 gcironparts\\r\\n */\\n.btn-primary {\\n color: #fff;\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:hover, .btn-primary:focus {\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }\\n.form-control:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);\\n border-color: #f2711e; }\\n.parts-digms {\\n padding: 25px 0; }\\n.parts-digms .parts-digms-header {\\n margin-bottom: 30px;\\n border-bottom: 1px solid #f1eded; }\\n.parts-digms .parts-digms-header h2 {\\n color: #333; }\\n.parts-digms .parts-digms-header p {\\n color: #b75110;\\n font-weight: 600; }\\n.parts-digms .parts-digms-content .side-pic {\\n text-align: center; }\\n.parts-digms .parts-digms-content .side-pic img {\\n max-width: 100%;\\n max-height: 100%; }\\n.parts-digms .parts-digms-content .parts-digms-pic {\\n text-align: center;\\n height: 150px; }\\n.parts-digms .parts-digms-content .parts-digms-pic:hover .parts-digms-tp img {\\n -webkit-transform: scale(1.1);\\n transform: scale(1.1); }\\n.parts-digms .parts-digms-content .parts-digms-pic .parts-digms-tp {\\n width: 100%;\\n height: 50px; }\\n.parts-digms .parts-digms-content .parts-digms-pic .parts-digms-tp img {\\n max-width: 100%;\\n max-height: 100%;\\n transition: all 0.3s; }\\n.parts-digms .parts-digms-content .parts-digms-pic .parts-digms-btm {\\n width: 100%;\\n height: 30px;\\n color: #333; }\\n.home-table td a {\\n color: #333; }\\n#home-adv {\\n padding: 25px 0; }\\n#home-adv a img {\\n max-width: 100%;\\n max-height: 100%;\\n margin-bottom: 15px; }\\n.all-manu-btn-div {\\n text-align: center; }\\n\"","import { Component, OnInit, NgModule } from \"@angular/core\";\nimport { HttpService } from \"../services/http.service\";\nimport { ShareDataService } from \"../services/share-data.service\";\n\nimport { AdsenseModule } from 'ng2-adsense';\nimport { BrowserModule } from \"@angular/platform-browser\";\nimport { AppComponent } from \"../app.component\";\nimport { Template } from \"@angular/compiler/src/render3/r3_ast\";\n\n\n@Component({\n selector: \"app-home\",\n templateUrl: \"./home.component.html\" ,\n styleUrls: [\"./home.component.scss\"]\n})\n\nexport class HomeComponent implements OnInit {\n allManufacturersData: object;\n categoryDefault: any;\n modalDefault: any;\n subDefault: any;\n constructor(\n private _httpService: HttpService, \n private _sharedService: ShareDataService\n ) {\n // console.log(window.location.pathname);\n }\n\n ngOnInit() {}\n\n manufacturerSelected(id:number) {\n this._sharedService.sendSelectedManufacturerID(id);\n localStorage.setItem(\"ProductData\", JSON.stringify(id));\n } \n \n \n}\n\n","module.exports = \"\\n
\\n\\n \\n \\n \\n \\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n Parts & Diagrams
\\nChoose the brand of your equipment below
\\n\\n
\\n \\n
\\n \\n
\\n \\n ![](\\\"https://gcironparts.com/images/interface/thumbnail_exploded_part_2.gif\\\")
\\n
\\n \\n \\n
\\n\\n \\n
\\n\\n \\n
\\n \\n \\n
\\n \\n ![](\\\"/assets/imgs/brands/icon_logo_jlg.gif\\\")
\\n
\\n \\n \\n
\\n \\n JLG
\\n\\n
\\n \\n \\n
\\n \\n ![](\\\"/assets/imgs/brands/genie_brand.gif\\\")
\\n
\\n \\n \\n
\\n \\n Genie
\\n\\n \\n
\\n ![](\\\"/assets/imgs/brands/skyjack.gif\\\")
\\n \\n \\n
\\n ![](\\\"/assets/imgs/brands/icon_logo_skytrak.gif\\\"){kind=icon}
\\n \\n
\\n \\n \\n
\\n \\n ![](\\\"/assets/imgs/brands/icon_logo_lull.gif\\\")
\\n
\\n \\n \\n
\\n \\n Lull
\\n\\n \\n
\\n ![](\\\"/assets/imgs/brands/icon_logo_gradall.gif\\\"){kind=icon}
\\n \\n \\n
\\n\\n ![](\\\"/assets/imgs/brands/Wacker_Neuson_Logo.gif\\\"){kind=logo}
\\n \\n \\n
\\n\\n ![](\\\"/assets/imgs/brands/icon_logo_multiquip.gif\\\"){kind=icon}
\\n \\n \\n
\\n ![](\\\"/assets/imgs/brands/icon_logo_mq_power.gif\\\"){kind=icon}
\\n \\n
\\n \\n \\n
\\n \\n ![](\\\"/assets/imgs/brands/icon_logo_ihi.gif\\\")
\\n
\\n \\n \\n
\\n \\n IHI
\\n\\n \\n
\\n \\n ![](\\\"/assets/imgs/brands/Kubota.gif\\\")
\\n \\n \\n
\\n | Policies | \\nCompany Information | \\nAdditional Resources | \\n
|---|---|---|
| Conditions of Sale | \\nAbout GCIron | \\nFinancing | \\n
| Delivery & Returns | \\nAdvertising | \\nUsed Equipment | \\n
| Frequently Asked Questions | \\nAffiliate Program | \\nAbout Our Products | \\n
| Privacy Policy | \\nCertified Secure Site | \\nTestimonialst | \\n
| Terms & Conditions | \\nJob Opportunities | \\nProduct Index | \\n
| Warranties | \\nPress Releases | \\nCategory Index | \\n
\\n \\n \\n
\\n \\n \\n \\n \\n
\\n \\n \\n \\n
\\n \\n \\n \\n
\\n \\n \\n \\n \\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\"","module.exports = \".lds-ring {\\n position: fixed;\\n top: 110px;\\n width: 100%;\\n height: 100%;\\n z-index: 99999;\\n background-color: rgba(255, 255, 255, 0.5); }\\n\\n.lds-ring div {\\n box-sizing: border-box;\\n display: block;\\n position: absolute;\\n top: 34%;\\n left: 46%;\\n /* bottom: 50%; */\\n right: 50%;\\n width: 80px;\\n height: 80px;\\n margin: 0;\\n border: 6px solid red;\\n border-radius: 50%;\\n -webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\\n animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;\\n border-color: red transparent transparent transparent; }\\n\\n.lds-ring div:nth-child(1) {\\n -webkit-animation-delay: -0.45s;\\n animation-delay: -0.45s; }\\n\\n.lds-ring div:nth-child(2) {\\n -webkit-animation-delay: -0.3s;\\n animation-delay: -0.3s; }\\n\\n.lds-ring div:nth-child(3) {\\n -webkit-animation-delay: -0.15s;\\n animation-delay: -0.15s; }\\n\\n@-webkit-keyframes lds-ring {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\\n@keyframes lds-ring {\\n 0% {\\n -webkit-transform: rotate(0deg);\\n transform: rotate(0deg); }\\n 100% {\\n -webkit-transform: rotate(360deg);\\n transform: rotate(360deg); } }\\n\"","import { Component, OnInit } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"loading-icon\",\r\n templateUrl: \"./loading-icon.component.html\",\r\n styleUrls: [\"./loading-icon.component.scss\"]\r\n})\r\nexport class LoadingIconComponent implements OnInit {\r\n constructor() {}\r\n ngOnInit() {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n// import { MatCardModule, MatSelectModule } from \"@angular/material\";\r\nimport {\r\n\t// MatAutocompleteModule,\r\n\tMatButtonModule,\r\n\tMatFormFieldModule,\r\n\tMatCardModule,\r\n\tMatIconModule,\r\n\tMatInputModule,\r\n\tMatTableModule,\r\n\t// MatMenuModule,\r\n\tMatTooltipModule,\r\n\t// MatSliderModule,\r\n\t// MatCheckboxModule,\r\n\tMatChipsModule,\r\n\tMatSelectModule,\r\n\tMatPaginatorModule,\r\n\t// MatTabsModule,\r\n\r\n\tMatDialogModule,\r\n\t// MatListModule,\r\n\t// MatRadioModule,\r\n\t//MatButtonToggleModule,\r\n\t// MatDatepickerModule,\r\n\t// MatDialogModule,\r\n\tMatDividerModule\r\n\t// MatExpansionModule,\r\n\t// MatGridListModule,\r\n\t// MatListModule,\r\n\t// MatNativeDateModule,\r\n\t// MatProgressBarModule,\r\n\t// MatProgressSpinnerModule,\r\n\r\n\t// MatRippleModule,\r\n\t// MatSidenavModule,\r\n\t// MatSlideToggleModule,\r\n\t// MatSnackBarModule,\r\n\t// MatSortModule,\r\n\t// MatStepperModule,\r\n\r\n\t// MatTabsModule,\r\n\t// MatToolbarModule}\r\n} from '@angular/material';\r\n@NgModule({\r\n\timports: [\r\n\t\t// CommonModule,\r\n\t\t// MatAutocompleteModule,\r\n\t\tMatButtonModule,\r\n\t\tMatFormFieldModule,\r\n\t\tMatCardModule,\r\n\t\tMatIconModule,\r\n\t\tMatInputModule,\r\n\t\tMatTableModule,\r\n\t\t// MatInputModule,\r\n\t\tMatTooltipModule,\r\n\t\t// MatSliderModule,\r\n\t\t// MatCheckboxModule,\r\n\t\tMatChipsModule,\r\n\t\tMatSelectModule,\r\n\t\tMatPaginatorModule,\r\n\t\t// MatTabsModule,\r\n\t\tMatDialogModule,\r\n\t\t// MatListModule,\r\n\t\t// MatRadioModule,\r\n\t\t//MatButtonToggleModule,\r\n\t\t// MatStepperModule,\r\n\t\t// MatDatepickerModule,\r\n\t\t// MatDialogModule,\r\n\t\tMatDividerModule\r\n\t\t// MatExpansionModule,\r\n\t\t// MatGridListModule,\r\n\t\t// MatListModule,\r\n\t\t// MatMenuModule,\r\n\t\t// MatNativeDateModule,\r\n\t\t// MatProgressBarModule,\r\n\t\t// MatProgressSpinnerModule,\r\n\t\t// MatRippleModule,\r\n\t\t// MatSidenavModule,\r\n\t\t// MatSlideToggleModule,\r\n\t\t// MatSnackBarModule,\r\n\t\t// MatSortModule,\r\n\r\n\t\t// MatToolbarModule,\r\n\t\t// MatNativeDateModule,\r\n\t],\r\n\tdeclarations: [],\r\n\texports: [\r\n\t\t// MatAutocompleteModule,\r\n\t\tMatButtonModule,\r\n\t\tMatFormFieldModule,\r\n\t\tMatCardModule,\r\n\t\tMatIconModule,\r\n\t\tMatInputModule,\r\n\t\tMatTableModule,\r\n\t\t// MatMenuModule,\r\n\t\tMatTooltipModule,\r\n\t\t// MatSliderModule,\r\n\t\t// MatCheckboxModule,\r\n\t\tMatChipsModule,\r\n\t\tMatSelectModule,\r\n\t\tMatPaginatorModule,\r\n\t\t// MatTabsModule,\r\n\r\n\t\tMatDialogModule,\r\n\t\t// MatListModule,\r\n\t\t// MatRadioModule,\r\n\t\t// MatButtonToggleModule,\r\n\t\t// MatStepperModule,\r\n\t\t// MatDatepickerModule,\r\n\t\t// MatDialogModule,\r\n\t\tMatDividerModule\r\n\t\t// MatExpansionModule,\r\n\t\t// MatGridListModule,\r\n\t\t// MatListModule,\r\n\t\t// MatNativeDateModule,\r\n\t\t// MatProgressBarModule,\r\n\t\t// MatProgressSpinnerModule,\r\n\t\t// MatRippleModule,\r\n\t\t// MatSidenavModule,\r\n\t\t// MatSlideToggleModule,\r\n\t\t// MatSnackBarModule,\r\n\t\t// MatSortModule,\r\n\t\t// MatTableModule,\r\n\t\t// MatToolbarModule,\r\n\t\t// MatNativeDateModule\r\n\t]\r\n})\r\nexport class MaterialModule {}\r\n","module.exports = \"\\n\"","module.exports = \"/*!\\r\\n * Project Name: gcironparts\\r\\n * Copyright 2004-2018 gcironparts\\r\\n */\\n.btn-primary {\\n color: #fff;\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:hover, .btn-primary:focus {\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }\\n.form-control:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);\\n border-color: #f2711e; }\\n.navbar {\\n padding: 0px 1rem; }\\n.navbar.navbar-bg {\\n background: url(\\\"/assets/imgs/navheader-bg.gif\\\");\\n padding: 5px 1rem; }\\n.navbar .nav-search .form-control {\\n border-radius: 0; }\\n.navbar .nav-right {\\n float: right; }\\n.navbar .nav-right h4 {\\n margin-bottom: 0;\\n color: #f2711e;\\n -webkit-text-stroke: 1px #333;\\n text-stroke: 1px #333;\\n font-weight: bold; }\\n.navbar .nav-right span {\\n font-size: 12px; }\\n.navbar.navbar-menu {\\n background: #f2711e;\\n min-height: 40px;\\n width: 100%; }\\n.navbar.navbar-menu ul .nav-item {\\n border-right: 1px solid #b75110; }\\n.navbar.navbar-menu ul .nav-item:last-child {\\n border-right: 0; }\\n.navbar.navbar-menu ul .nav-item .nav-link {\\n color: #fff;\\n padding: 10px 15px;\\n text-transform: uppercase;\\n font-size: 14px;\\n letter-spacing: 0.5px;\\n font-weight: 600; }\\n.navbar.navbar-menu ul .nav-item .nav-link:hover {\\n background: #b75110; }\\n.navbar.navbar-menu .nav-icn {\\n width: 50px;\\n float: right;\\n font-size: 12px;\\n margin: 0;\\n color: #fff;\\n font-weight: 600;\\n display: inline-block; }\\n.navbar.navbar-menu .nav-icn span {\\n display: block; }\\n.navbar.navbar-menu .nav-icn span i {\\n font-size: 16px;\\n position: relative;\\n top: 2px; }\\n\"","import { Component, OnInit } from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { ShareDataService } from \"../services/share-data.service\";\n\n@Component({\n selector: \"app-nav-header\",\n templateUrl: \"./nav-header.component.html\",\n styleUrls: [\"./nav-header.component.scss\"]\n})\nexport class NavHeaderComponent implements OnInit {\n searchValue: string = \"\";\n constructor(\n private _router: Router,\n private _sharedService: ShareDataService\n ) {}\n\n ngOnInit() {\n // if (this.searchValue !== \"\") {\n // this.searchKeyword();\n // }\n }\n searchKeyword(keyword:any, option:any) {\n if (keyword.value) {\n this.searchValue = keyword.value;\n if (option.value == \"Parts Diagram\") {\n this._router.navigate([\"/PowerPartSearch\", this.searchValue]);\n } else if (option.value == \"Data Base\") {\n window.location.href =\n \"http://www.gciron.com/SearchResults.asp?Search=\" + this.searchValue;\n }\n }\n this.searchValue = \"\";\n }\n}\n","module.exports = \"\\n nav-search works!\\n
\\n\"","module.exports = \"\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-nav-search',\n templateUrl: './nav-search.component.html',\n styleUrls: ['./nav-search.component.scss']\n})\nexport class NavSearchComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","module.exports = \"\\n
\\n\\n\\n\\n
\\n\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n \\n
\\n Choose Manufacturer
\\nStep 1
\\n \\n\\n
\\n \\n
\\n Choose Category
\\nStep 2
\\n \\n\\n\\n
\\n \\n
\\n Choose Model
\\nStep 3
\\n \\n\\n
\\n \\n
\\n Choose Subsystem
\\nStep 4
\\n \\n\\n
\\n \\n \\n
\\n \\n ![\\\"Brand]()
\\n
\\n \\n
\\n \\n \\n \\n \\n
\\n \\n \\n
\\n \\n \\n
\\n
\\n | Figure# | \\n\\n {{element.Reference}}\\n | \\n\\n | ![](\\\"/assets/imgs/cam.png\\\") \\n \\n | \\n \\n \\n | ![](\\\"/assets/imgs/sticky.png\\\") \\n \\n | \\n Part # | \\n{{element.PartCode}}\\n | \\nDescription | \\n{{element.Description | replaceQuotes}} | \\nQty.Req'd | \\n{{element.Quantity}} | \\nChoose Qty | \\nQUOTE | \\n Price (ea) | \\n${{element.Price}} | \\nSales Price (ea) | \\n${{element.SalesPrice}}\\n | \\n
|---|
\\n
\"","module.exports = \"/*!\\r\\n * Project Name: gcironparts\\r\\n * Copyright 2004-2018 gcironparts\\r\\n */\\n.btn-primary {\\n color: #fff;\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:hover, .btn-primary:focus {\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }\\n.form-control:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);\\n border-color: #f2711e; }\\n.selection-process {\\n text-align: center;\\n padding: 25px 0; }\\n.selection-process .selection-process-cnt:hover .stepcircle {\\n border: 3px solid #f2711e;\\n background: #f2711e;\\n color: #fff; }\\n.selection-process .selection-process-cnt p {\\n font-weight: 600; }\\n.selection-process .selection-process-cnt p.stepcircle {\\n display: inline-block;\\n width: 80px;\\n height: 80px;\\n line-height: 75px;\\n border: 3px solid #f2711e;\\n font-size: 14px;\\n border-radius: 50%; }\\n.zoomimg-table {\\n position: relative; }\\n.zoomimg-table .zoom-right-part {\\n position: absolute;\\n width: 40px;\\n height: 330px;\\n right: 20px;\\n top: 20px; }\\n.zoomimg-table .zoom-right-part .zp-block {\\n width: 100%;\\n height: 40px;\\n border-radius: 50%;\\n border: 2px solid #f1eded;\\n margin-bottom: 15px;\\n text-align: center;\\n line-height: 35px; }\\n.zoomimg-table .zoom-right-part .zp-block:hover {\\n background: #f2711e; }\\n.zoomimg-table .zoom-right-part .zp-block:hover a {\\n color: #fff; }\\n.zoomimg-table .zoom-right-part .zp-block a {\\n display: block;\\n color: #f2711e; }\\n.zoomimg-table .zoom-block {\\n width: 100%;\\n height: 500px;\\n border: 1px solid #f1eded; }\\n.zoomimg-table .zoom-block:hover {\\n cursor: pointer; }\\n.zoomimg-table .zoom-block img {\\n display: inline-block;\\n vertical-align: middle;\\n max-height: 100%;\\n max-width: 90%;\\n cursor: crosshair; }\\n.zoomimg-table .ngxImageZoomContainer {\\n width: 300px !important;\\n height: 400px !important;\\n position: relative;\\n margin: auto;\\n overflow: hidden; }\\n.zoomimg-table .table {\\n font-size: 14px; }\\n.zoomimg-table .table .td-desc {\\n width: 250px;\\n word-wrap: break-word; }\\n.zoomimg-table .table .form-control {\\n width: 100px; }\\ntable {\\n width: 100%; }\\ntable th {\\n text-align: center; }\\ntable input {\\n width: 25%; }\\ntd.mat-cell:first-of-type,\\ntd.mat-footer-cell:first-of-type,\\nth.mat-header-cell:first-of-type {\\n padding-left: 0px !important; }\\n\"","import { Component, OnInit, ViewChild } from \"@angular/core\";\nimport { HttpService } from \"../services/http.service\";\nimport { ShareDataService } from \"../services/share-data.service\";\nimport { Subscription } from \"rxjs\";\nimport { MatPaginator, MatTableDataSource } from \"@angular/material\";\nimport { Router } from \"@angular/router\";\n// import { HttpErrorResponse } from \"@angular/common/http\";\nimport { MatDialog } from '@angular/material/dialog';\nimport { DialogComponent } from \"../dialog/dialog.component\";\nimport {ReplaceQuotes} from '../pipes/pipes';\n\n@Component({\n selector: \"app-part-selection\",\n templateUrl: \"./part-selection.component.html\",\n styleUrls: [\"./part-selection.component.scss\"]\n})\nexport class PartSelectionComponent implements OnInit {\n\n subscription: Subscription;\n selectedManufacturersData: any;\n allManufacturers: any;\n categories: any;\n models: any;\n subSystems: any;\n parts: any;\n imagePath: string;\n // to know which manufacturer is selected and send api\n defaultManuId: string;\n defaultCatId: any;\n defaultModelId: any;\n defaultSubId: any;\n // hold all select option values\n changedManufacturerID: any;\n changedCategoryID: any;\n changedModelID: any;\n changedSubSystemID: any;\n cartArray: any = [];\n\n filterKeyword: string;\n\n constructor(\n private _httpService: HttpService,\n private _sharedService: ShareDataService,\n private _router: Router,\n public dialog: MatDialog\n ) {\n\n }\n\n @ViewChild(MatPaginator)\n paginator: MatPaginator;\n displayedColumns: string[] = [\n \"Figure\",\n \" \",\n \" \",\n \"Part\",\n \"Description\",\n \"Qty. Req'd\",\n \"Choose Qty\",\n \"Price(ea)\",\n \"Sales Price(ea)\"\n ];\n dataSource = new MatTableDataSource();\n\n ngOnInit() {\n this.getSelectedManufacturerData();\n this.dataSource.paginator = this.paginator;\n }\n\n applyFilter() {\n this.dataSource.filter = this.filterKeyword.trim().toLowerCase();\n }\n\n openDailog(id) {\n // alert(id);\n let dialogRef = this.dialog.open(DialogComponent, {\n width: '500px',\n data: { partID: id }\n });\n }\n\n getSelectedManufacturerData() {\n this.subscription = this._sharedService\n .getSelectedManufacturerID()\n .subscribe(resp => {\n if (resp.exProp) {\n //check if correct properties are assigned\n this.defaultManuId = resp.ManufacturerID;\n this.defaultCatId = resp.ProductCategoryID;\n this.defaultModelId = resp.ProductID;\n this.defaultSubId = resp.DiagramID;\n } else {\n let resp = JSON.parse(localStorage.getItem(\"ProductData\"));\n this.defaultManuId = resp;\n }\n });\n let params = {\n ManufacturerID: this.defaultManuId ? this.defaultManuId : 0,\n CategoryID: this.defaultCatId ? this.defaultCatId : 0,\n ProductID: this.defaultModelId ? this.defaultModelId : 0,\n SubsystemID: this.defaultSubId ? this.defaultSubId : 0\n };\n this._httpService.getSelectedManufacturerData(params).subscribe(resp => {\n this.selectedManufacturersData = resp;\n this.allManufacturers = this.selectedManufacturersData.Item.Manufacturer;\n this.categories = this.selectedManufacturersData.Item.Category;\n this.models = this.selectedManufacturersData.Item.Product;\n this.subSystems = this.selectedManufacturersData.Item.SubSystem;\n this.parts = this.selectedManufacturersData.Item.Parts;\n this.imagePath = this.selectedManufacturersData.Item.Image[0].ImageURL;\n this.dataSource.data = this.parts;\n // this.dataSource.paginator = this.paginator;\n });\n }\n\n handleOptionChange(manu, cat, model, sub, type) {\n this.filterKeyword = '';\n this.applyFilter();\n if (type == 'manu') {\n this.defaultManuId = manu.value;\n this.defaultCatId = 0;\n this.defaultModelId = 0;\n this.defaultSubId = 0;\n }\n else if (type == 'cat') {\n this.defaultManuId = manu.value;\n this.defaultCatId = cat.value;\n this.defaultModelId = 0;\n this.defaultSubId = 0;\n }\n else if (type == 'model') {\n this.defaultManuId = manu.value;\n this.defaultCatId = cat.value;\n this.defaultModelId = model.value;\n this.defaultSubId = 0;\n }\n else {\n this.defaultManuId = manu.value;\n this.defaultCatId = cat.value;\n this.defaultModelId = model.value;\n this.defaultSubId = sub.value;\n }\n\n let params = {\n ManufacturerID: this.defaultManuId,\n CategoryID: this.defaultCatId,\n ProductID: this.defaultModelId,\n SubsystemID: this.defaultSubId\n };\n\n this._httpService.getSelectedManufacturerData(params).subscribe(resp => {\n this.selectedManufacturersData = resp;\n this.allManufacturers = this.selectedManufacturersData.Item.Manufacturer;\n this.categories = this.selectedManufacturersData.Item.Category;\n this.models = this.selectedManufacturersData.Item.Product;\n this.subSystems = this.selectedManufacturersData.Item.SubSystem;\n this.parts = this.selectedManufacturersData.Item.Parts; \n this.imagePath = this.selectedManufacturersData.Item.Image[0].ImageURL;\n this.paginator.pageIndex = 0;\n this.dataSource.data = this.parts;\n // this.dataSource.paginator = this.paginator;\n // console.log(this.filterKeyword);\n });\n }\n\n createCart(product: any, quantity: any) {\n if (quantity != \"\" && quantity != 0) {\n product.reqQuantity = quantity;\n this.cartArray.push(product);\n } else {\n for (let i = 0; i < this.cartArray.length; i++) {\n if (product.PartID == this.cartArray[i].PartID) {\n this.cartArray.splice(i, 1);\n }\n }\n }\n }\n\n addToCart() {\n let params = \"\";\n for (let i = 0; i < this.cartArray.length; i++) {\n if (this.cartArray[i].reqQuantity == 1) {\n if (i === 0) {\n params += \"ProductCode=\" + this.cartArray[i].PartCode;\n } else {\n params += \"&ProductCode=\" + this.cartArray[i].PartCode;\n }\n } else {\n if (i === 0) {\n params +=\n \"ProductCode=\" +\n this.cartArray[i].PartCode +\n \"&qty.\" +\n this.cartArray[i].PartCode +\n \"=\" +\n this.cartArray[i].reqQuantity;\n } else {\n params +=\n \"&ProductCode=\" +\n this.cartArray[i].PartCode +\n \"&qty.\" +\n this.cartArray[i].PartCode +\n \"=\" +\n this.cartArray[i].reqQuantity;\n }\n }\n }\n window.location.href = \"http://www.gciron.com/ShoppingCart.asp?\" + params;\n }\n\n print(): void {\n let printContents, popupWin;\n printContents = document.getElementById(\"print-section\").innerHTML;\n popupWin = window.open(\"\", \"_blank\", \"top=0,left=0,height=100%,width=auto\");\n popupWin.document.open();\n popupWin.document.write(`\n \n \n \\n \\n
\\n\\n
\"","module.exports = \"/*!\\r\\n * Project Name: gcironparts\\r\\n * Copyright 2004-2018 gcironparts\\r\\n */\\n.btn-primary {\\n color: #fff;\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:hover, .btn-primary:focus {\\n background-color: #f2711e;\\n border-color: #f2711e; }\\n.btn-primary:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0); }\\n.form-control:focus {\\n box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0);\\n border-color: #f2711e; }\\n.selection-process {\\n text-align: center;\\n padding: 25px 0; }\\n.selection-process .selection-process-cnt:hover .stepcircle {\\n border: 3px solid #f2711e;\\n background: #f2711e;\\n color: #fff; }\\n.selection-process .selection-process-cnt p {\\n font-weight: 600; }\\n.selection-process .selection-process-cnt p.stepcircle {\\n display: inline-block;\\n width: 80px;\\n height: 80px;\\n line-height: 75px;\\n border: 3px solid #f2711e;\\n font-size: 14px;\\n border-radius: 50%; }\\n.search-table {\\n position: relative; }\\n.search-table .table {\\n font-size: 14px; }\\n.search-table .table .td-desc {\\n width: 250px;\\n word-wrap: break-word; }\\n.search-table .table .form-control {\\n width: 100px; }\\n.example-container {\\n display: flex;\\n flex-direction: column; }\\n.example-container table {\\n width: 100%; }\\n.example-container table th {\\n text-align: center; }\\n.example-container table input {\\n width: 25%; }\\n.example-container .mat-form-field {\\n font-size: 14px;\\n width: 100%; }\\n.mat-form-field-wrapper {\\n width: 15% !important; }\\n\"","import { Component, OnInit, ViewChild } from \"@angular/core\";\nimport { MatPaginator, MatTableDataSource, PageEvent } from \"@angular/material\";\nimport { Subscription } from \"rxjs\";\nimport { ShareDataService } from \"../services/share-data.service\";\nimport { HttpService } from \"../services/http.service\";\nimport { Router, ActivatedRoute } from \"@angular/router\";\n\n@Component({\n selector: \"app-search-part\",\n templateUrl: \"./search-part.component.html\",\n styleUrls: [\"./search-part.component.scss\"]\n})\nexport class SearchPartComponent implements OnInit {\n @ViewChild(MatPaginator)\n paginator: MatPaginator;\n pageEvent: PageEvent;\n subscription: Subscription;\n keyword: string = \"\";\n\n //All dropdowns data\n categories: any;\n subCategories: any;\n manufacturers: any;\n models: any;\n subSystems: any;\n price: any;\n searchResult: any = [];\n // to know which manufacturer is selected and send api\n defaultManuId: string;\n defaultCatId: any;\n defaultModelId: any;\n defaultSubId: any;\n // hold all select option values\n changedCategoryID: any;\n changedSubCategoryID: any;\n changedManufacturerID: any;\n changedModelID: any;\n changedSubSystemID: any;\n changedPrice: any;\n displayedColumns: string[] = [\n \"Result\",\n \"Part#\",\n \"Description\",\n \"Product\",\n \"subSystem\",\n \"Price\",\n \"SalePrice\",\n \"AltPartId\"\n ];\n dataSource = new MatTableDataSource();\n\n index: number = 0;\n rowCount: number;\n pageIndex: number = 0;\n pageSize: number = 10;\n\n constructor(\n private _sharedService: ShareDataService,\n private _httpService: HttpService,\n private _router: Router,\n private _activeRoute: ActivatedRoute\n ) { }\n\n ngOnInit() {\n this._activeRoute.params.subscribe(params => {\n this.keyword = params[\"keyword\"];\n // console.log(this.keyword);\n this.getSearchResult('true');\n });\n this.getAllCategories();\n this.getAllManufacturers();\n this.getAllModels();\n this.dataSource.paginator = this.paginator;\n }\n getEditedKeywordData(keywordRef) {\n // console.log(this.keyword);\n // if(keywordRef != null){\n // this.keyword = keywordRef.value;\n // this.getSearchResult(); \n // // this._router.navigate([\"/PowerPartSearch/:+this.keyword+\"]);\n // this._router.navigate(['/PowerPartSearch', {keyword: this.keyword}]);\n // }\n // this.ngOnInit();\n }\n getNextPageData(event) {\n if (event.pageIndex === this.pageIndex + 1) {\n this.index = this.index + 1;\n this.getSearchResult('false');\n } else if (event.pageIndex === this.pageIndex - 1) {\n this.index = this.index - 1;\n this.getSearchResult('false');\n } else if (\n event.pageIndex === Math.ceil(this.rowCount / this.pageSize) ||\n event.pageIndex === Math.floor(this.rowCount / this.pageSize)\n ) {\n this.index = event.pageIndex;\n this.getSearchResult('false');\n // console.log(event.pageIndex);\n } else if (event.pageIndex === 0) {\n this.index = event.pageIndex;\n this.getSearchResult('false');\n }\n this.pageIndex = event.pageIndex;\n }\n\n getAllCategories() {\n let params = {\n ParentCategoryID: 0\n };\n this._httpService.getAllCategories(params).subscribe((resp: any) => {\n if (resp) {\n this.categories = resp.Items;\n }\n });\n }\n getAllManufacturers() {\n let params = {\n CategoryID: 0\n };\n this._httpService.getAllManufacturers(params).subscribe((resp: any) => {\n if (resp) {\n this.manufacturers = resp.Items;\n }\n });\n }\n getAllModels() {\n let params = {\n CategoryID: 0,\n ManufacturerID: 0\n };\n this._httpService.getAllModels(params).subscribe((resp: any) => {\n if (resp) {\n this.models = resp.Items;\n }\n });\n }\n getSearchResult(firstPage) {\n // alert(this.keyword);\n let params = {\n ParentCategoryID: this.changedCategoryID ? this.changedCategoryID : 0,\n CategoryID: this.changedSubCategoryID ? this.changedSubCategoryID : 0,\n ManufacturerID: this.changedManufacturerID\n ? this.changedManufacturerID\n : 0,\n ProductID: this.changedModelID ? this.changedModelID : 0,\n DiagramID: this.changedSubSystemID ? this.changedSubSystemID : 0,\n Price: this.changedPrice ? this.changedPrice : 0,\n RowsToReturn: 10,\n Index: this.index,\n SortColumn: \"Price\",\n SortDir: 1,\n // SearchString: \"steering\"\n SearchString: this.keyword\n };\n this._httpService.getSearchResult(params).subscribe((resp: any) => {\n if (resp.Item) {\n this.searchResult = resp.Item.PartSearchModel;\n this.rowCount = resp.Item.RowCount[0] ? resp.Item.RowCount[0].TotalRows : 0;\n if(firstPage == 'true'){\n this.paginator.pageIndex = 0;\n } \n this.dataSource = new MatTableDataSource(this.searchResult);\n // this.dataSource.paginator = this.paginator;\n }\n });\n }\n\n handleCategory(event) {\n this.changedCategoryID =\n event.target.value !== \"All\" ? event.target.value : 0;\n // get subcategory\n let params1 = {\n ParentCategoryID: this.changedCategoryID\n };\n this._httpService\n .handleCategorySubCategory(params1)\n .subscribe((resp: any) => {\n if (resp) {\n this.subCategories = resp.Items;\n }\n });\n // get manufacturers\n let params2 = {\n CategoryID: this.changedCategoryID\n };\n this._httpService\n .handleCategoryManufacturer(params2)\n .subscribe((resp: any) => {\n if (resp) {\n this.manufacturers = resp.Items;\n }\n });\n // get models\n let params3 = {\n CategoryID: this.changedCategoryID,\n ManufacturerID: 0\n };\n this._httpService.handleCategoryModel(params3).subscribe((resp: any) => {\n if (resp) {\n this.models = resp.Items;\n }\n });\n // get table data\n this.getSearchResult('true');\n }\n\n handleSubCategory(event) {\n this.changedSubCategoryID =\n event.target.value !== \"All\" ? event.target.value : 0;\n let params1 = {\n CategoryID: this.changedSubCategoryID\n };\n this._httpService.handleSubCategoryManu(params1).subscribe((resp: any) => {\n if (resp) {\n this.manufacturers = resp.Items;\n }\n });\n // get models\n let params2 = {\n CategoryID: this.changedSubCategoryID,\n ManufacturerID: 0\n };\n this._httpService.handleSubCategoryModel(params2).subscribe((resp: any) => {\n if (resp) {\n this.models = resp.Items;\n }\n });\n //get table data\n this.getSearchResult('true');\n }\n\n handleManufacturer(event) {\n this.changedManufacturerID =\n event.target.value !== \"All\" ? event.target.value : 0;\n // get models\n let params1 = {\n CategoryID: this.changedSubCategoryID ? this.changedSubCategoryID : 0,\n ManufacturerID: this.changedManufacturerID\n ? this.changedManufacturerID\n : 0\n };\n\n this._httpService.handleManuModel(params1).subscribe((resp: any) => {\n if (resp) {\n this.models = resp.Items;\n }\n });\n // get table data\n this.getSearchResult('true');\n }\n handleModel(event) {\n this.changedModelID = event.target.value !== \"All\" ? event.target.value : 0;\n //get subsystems\n let params1 = {\n ProductID: this.changedModelID\n };\n this._httpService.handleModelSub(params1).subscribe((resp: any) => {\n if (resp) {\n this.subSystems = resp.Items;\n }\n });\n //get table data\n this.getSearchResult('true');\n }\n handleSubSystem(event) {\n this.changedSubSystemID =\n event.target.value !== \"All\" ? event.target.value : 0;\n //get table data\n this.getSearchResult('true');\n }\n handlePrice(event) {\n this.changedPrice = event.target.value !== \"All\" ? event.target.value : 0;\n //get table data\n this.getSearchResult('true');\n }\n applyFilter(filterValue: string) {\n this.dataSource.filter = filterValue.trim().toLowerCase();\n }\n getPartDetails(element) {\n element.exProp = \"extra\";\n this._sharedService.sendSelectedManufacturerID(element);\n this._router.navigate([\"/GCIronPartsSelection\"]);\n }\n}\n","import { Injectable } from \"@angular/core\";\r\nimport {\r\n HttpRequest,\r\n HttpHandler,\r\n HttpInterceptor,\r\n HttpResponse\r\n} from \"@angular/common/http\";\r\nimport { tap, catchError } from \"rxjs/operators\";\r\nimport { LoadingIconService } from \"../services/loading-icon.service\";\r\nimport { of } from \"rxjs\";\r\n\r\n@Injectable()\r\nexport class HttpClientInterceptor implements HttpInterceptor {\r\n private totalRequests = 0;\r\n\r\n constructor(private loadingService: LoadingIconService) {}\r\n\r\n intercept(request: HttpRequest\\n
\\n \\n \\n \\n
\\n \\n
\\n Category
\\n \\n\\n
\\n \\n
\\n Subcategory
\\n \\n\\n
\\n \\n
\\n Manufacturer
\\n \\n\\n
\\n \\n
\\n Model
\\n \\n\\n
\\n \\n
\\n Sub System
\\n \\n\\n
\\n \\n
\\n Price
\\n \\n\\n
\\n\\n
\\n \\n
\\n \\n \\n \\n \\n
\\n \\n \\n\\n
\\n
\\n | Result | \\n{{element.RowCounter}} | \\nPart# | \\n{{element.PartCode}} | \\nDescription | \\n{{element.PartName}} | \\nProduct | \\n{{element.ProductCode}} | \\nsubSystem | \\n{{element.DiagramDescription}} | \\nPrice | \\n{{element.PartPrice}} | \\nSalePrice | \\n{{element.SalesPrice}} | \\nAltPart# | \\n{{element.AltPartId}} | \\n
|---|
\\n
\\n\\n \\n \\n