\r\n ![\"{{title}}\"](\"{{imageLocation}}{{mediaFileName}}\")
\r\n
\r\n\r\n {{title}}
\r\n {{other}}
\r\n {{description}}
\r\n
\r\n \r\n \r\n {{other}}
\r\n {{description}}
\r\n
\r\n \r\n
\r\n","import { Component } from \"@angular/core\";\r\nimport { SafeHtml, DomSanitizer } from \"@angular/platform-browser\";\r\n\r\n@Component({\r\n selector: \"content-description\",\r\n templateUrl: \"./content-description.component.html\",\r\n styleUrls: [\"./content-description.component.less\"]\r\n})\r\nexport class ContentDescriptionComponent {\r\n description: SafeHtml;\r\n descriptionPresent: boolean;\r\n title: SafeHtml;\r\n titlePresent: boolean;\r\n other: SafeHtml;\r\n otherPresent: boolean;\r\n\r\n constructor(private sanitizer: DomSanitizer) { }\r\n\r\n setDescription(description: string): void {\r\n if (description === \"\") {\r\n this.descriptionPresent = false;\r\n } else {\r\n this.description = this.sanitizer.bypassSecurityTrustHtml(description);\r\n this.descriptionPresent = true;\r\n }\r\n }\r\n\r\n setTitle(title: string): void {\r\n if (title === \"\") {\r\n this.titlePresent = false;\r\n } else {\r\n this.title = this.sanitizer.bypassSecurityTrustHtml(title);\r\n this.titlePresent = true;\r\n }\r\n }\r\n\r\n setOther(other: string): void {\r\n if (other === \"\") {\r\n this.otherPresent = false;\r\n } else {\r\n this.other = this.sanitizer.bypassSecurityTrustHtml(other);\r\n this.otherPresent = true;\r\n }\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n
\r\n \r\n '\">\r\n
\r\n \r\n '\">\r\n
\r\n {{job.Title}}\r\n
\r\n![\"\"/](\"{{localImageLocation}}Arrows_12x16_CCC.png\")
\r\n \r\n - {{getDescription(job.Description)}}\r\n \r\n
\r\n\r\n {{title}}\r\n - {{description}}\r\n
\r\n","import { Component } from \"@angular/core\";\r\n\r\nimport { environment } from \"@environment\";\r\n\r\n@Component({\r\n selector: \"content-media-link\",\r\n templateUrl: \"./content-media-link.component.html\",\r\n styleUrls: [\"./content-media-link.component.less\"]\r\n})\r\nexport class ContentMediaLinkComponent {\r\n imageLocation: string = environment.ImageLocation;\r\n\r\n title: string;\r\n description: string;\r\n other: string;\r\n mediaFileName: string;\r\n}\r\n","\r\n {{title}}\r\n - {{description}}\r\n
\r\n","import { Component, OnInit, OnDestroy } from \"@angular/core\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { ActivatedRoute, Params } from \"@angular/router\";\r\n\r\nimport { ContentMenu } from \"@models/menu-item\";\r\nimport { GlobalService } from \"@services/global.service\";\r\nimport { ContentService } from \"@services/content.service\";\r\n\r\n@Component({\r\n selector: \"content-menu\",\r\n templateUrl: \"./content-menu.component.html\",\r\n styleUrls: [\"./content-menu.component.less\"]\r\n})\r\nexport class ContentMenuComponent implements OnInit, OnDestroy {\r\n private subscription: Subscription;\r\n private routeSubscription: Subscription;\r\n\r\n menu: ContentMenu[];\r\n id: string;\r\n selectedMenu: ContentMenu;\r\n\r\n languageCode: string;\r\n\r\n constructor(private globalService: GlobalService, private contentService: ContentService, private route: ActivatedRoute) {\r\n this.subscription = globalService.languageId$.subscribe(() => { this.ngOnInit(); } );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.routeSubscription = this.route.params.subscribe(\r\n (params: Params) => {\r\n this.id = params[\"id\"];\r\n\r\n this.contentService.getMenu(params[\"id\"])\r\n .subscribe(menu => {\r\n this.menu = menu;\r\n if (menu !== null && menu !== undefined) {\r\n this.selectedMenu = menu.find(content => content.Id.toLowerCase() === this.id.toLowerCase());\r\n }\r\n });\r\n }\r\n );\r\n\r\n this.languageCode = this.globalService.getLanguageCode();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n if (this.routeSubscription) {\r\n this.routeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n getClass(item: ContentMenu) {\r\n let cssClass: any;\r\n\r\n if (item.Id.toLowerCase() === this.selectedMenu.Id.toLowerCase()) {\r\n cssClass = { \"menuSelected\": true, \"menuChild\": false, \"menuParent\": false, \"menuSibling\": false };\r\n } else if (item.Level < this.selectedMenu.Level) {\r\n cssClass = { \"menuSelected\": false, \"menuChild\": false, \"menuParent\": true, \"menuSibling\": false };\r\n } else if (item.Level > this.selectedMenu.Level) {\r\n cssClass = { \"menuSelected\": false, \"menuChild\": true, \"menuParent\": false, \"menuSibling\": false };\r\n } else { // item.Level === this.selectedMenu.Level\r\n cssClass = { \"menuSelected\": false, \"menuChild\": false, \"menuParent\": false, \"menuSibling\": true };\r\n }\r\n\r\n return cssClass;\r\n }\r\n\r\n getCurrentPageId(): string {\r\n const id: string = this.route.snapshot.params[\"id\"];\r\n if (id) {\r\n return id;\r\n }\r\n\r\n return \"home\";\r\n }\r\n\r\n getCurrentPageType(): string {\r\n if (this.route.snapshot.url.length > 2) {\r\n return this.route.snapshot.url[1].path;\r\n }\r\n\r\n return \"page\";\r\n }\r\n}\r\n","\r\n","import { Injectable } from \"@angular/core\";\r\nimport { Resolve, Router, ActivatedRouteSnapshot, RouterStateSnapshot } from \"@angular/router\";\r\n\r\nimport { ContentDetail } from \"@models/content-detail\";\r\nimport { ContentService } from \"@services/content.service\";\r\nimport { GlobalService } from \"@services/global.service\";\r\n\r\n@Injectable()\r\nexport class ContentResolverService implements Resolve| \r\n | \r\n | \r\n | \r\n | = 1 && row.Title ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n\r\n | \r\n | = 2 && row.Column1 ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n\r\n | \r\n | = 3 && row.Column2 ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n\r\n | \r\n | = 4 && row.Column3 ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n\r\n | \r\n | = 5 && row.Column4 ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n\r\n | \r\n | = 6 && row.Column5 ===''\" [ngClass]=\" { 'tableValue': row.DetailType!=='Heading' }\"> | \r\n
![\"loading\"](\"{{localImageLocation}}ajax-loader.gif\")
\r\n","import { Component, ElementRef, Output, EventEmitter, Renderer2 } from '@angular/core';\r\nimport { saveAs } from 'file-saver';\r\nimport { NestedTreeControl } from '@angular/cdk/tree';\r\nimport { MatTreeNestedDataSource } from '@angular/material/tree';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { environment } from '@environment';\r\nimport { GlobalService } from '@services/global.service';\r\nimport { FormService } from '@services/form.service';\r\nimport { SharedService } from '@services/shared.service';\r\nimport { DataQueryOutputColumn, DataQueryOutputLinkTarget, DataQueryOutputRow, DataQueryResult } from '@models/data-query-result';\r\nimport { DataQueryDetail } from '@models/data-query-detail';\r\nimport { ColumnSortedEvent } from '../sortable-column/sort.service';\r\nimport { TreeNode } from '@models/tree-node';\r\nimport { PageService } from '@services/page.service';\r\nimport { PageDetail } from '@models/page-detail';\r\nimport { ValidatedUser } from '@models/validated-user';\r\nimport { UserService } from '@services/user.service';\r\nimport { ModalDataQueryConfigs } from '@models/modal-data-query-configs';\r\nimport { SharedHeader } from '@models/shared-header';\r\nimport { LinkBaseComponent } from '../link-base/link-base.component';\r\nimport { firstValueFrom, lastValueFrom } from 'rxjs';\r\nimport { PageSummary } from '@models/page-summary';\r\n\r\n@Component({\r\n selector: 'data-query-results-grid',\r\n templateUrl: './data-query-results-grid.component.html',\r\n styleUrls: ['./data-query-results-grid.component.less'],\r\n})\r\nexport class DataQueryResultsGridComponent {\r\n @Output() refreshPage: EventEmitter| \r\n | \r\n {{header.text}}\r\n | \r\n \r\n
|---|
| \r\n | \r\n
| \r\n | \r\n
| \r\n {{header.text}}*\r\n | \r\n\r\n {{header.text}}*\r\n | \r\n
|---|
| \r\n | \r\n \r\n \r\n |
\r\n \r\n
\r\n","import { Component, Output, EventEmitter, ElementRef, Renderer2 } from \"@angular/core\";\r\nimport { saveAs } from \"file-saver\";\r\nimport { DomSanitizer } from \"@angular/platform-browser\";\r\n\r\nimport { environment } from \"@environment\";\r\nimport { GlobalService } from \"@services/global.service\";\r\nimport { DataQueryResult } from \"@models/data-query-result\";\r\nimport { DataQueryResultRow } from \"@models/data-query-result-row\";\r\nimport { DataQueryDetail } from \"@models/data-query-detail\";\r\nimport { FormService } from \"@services/form.service\";\r\nimport { ModalDataQueryConfigs } from \"@models/modal-data-query-configs\";\r\n\r\nclass ResultRow {\r\n label: string;\r\n value: string;\r\n alignment: string;\r\n specialType: string;\r\n imageWidth: number;\r\n imageHeight: number;\r\n name: string;\r\n width: number;\r\n\r\n linkTarget: string;\r\n destinationRoute: string;\r\n destinationRouteParams: any;\r\n}\r\n\r\nclass LinkTarget {\r\n route: string;\r\n params: any;\r\n streamType: string;\r\n}\r\n\r\n@Component({\r\n selector: \"data-query-results-list\",\r\n templateUrl: \"./data-query-results-list.component.html\",\r\n styleUrls: [\"./data-query-results-list.component.less\"]\r\n})\r\nexport class DataQueryResultsListComponent {\r\n @Output() refreshPage = new EventEmitter{{noResultsText}}
\r\n| \r\n {{row.label}}\r\n | \r\n\r\n \r\n | \r\n \r\n \r\n \r\n \r\n | \r\n
\r\n","import { Component, Input } from \"@angular/core\";\r\n\r\n@Component({\r\n selector: \"dq-image\",\r\n templateUrl: \"./image.component.html\",\r\n styleUrls: [\"./image.component.less\"]\r\n})\r\nexport class ImageComponent {\r\n @Input() width: number;\r\n @Input() height: number;\r\n @Input() src: string;\r\n\r\n constructor() { }\r\n}\r\n","\r\n ![\"{{subItem.Title}}\"](\"{{localImageLocation}}Arrows.png\")
\n \n {{subItem.Title}}\n \n {{language.Description}}\n mobile-header works!
\n","import { Injectable, isDevMode } from \"@angular/core\";\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot } from \"@angular/router\";\r\nimport { Observable } from \"rxjs\";\r\n\r\n@Injectable()\r\nexport class IsSecureGuard implements CanActivate {\r\n canActivate(next: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable\r\n
\r\n
\r\n
\r\n
\r\n \r\n
\r\n","import { NgModule } from \"@angular/core\";\r\nimport { CommonModule } from \"@angular/common\";\r\n\r\nimport { JobRoutingModule } from \"./job-routing.module\";\r\nimport { SharedModule } from \"@shared/shared.module\";\r\nimport { JobResolverService } from \"./job-resolver.service\";\r\nimport { JobComponent } from \"./job/job.component\";\r\nimport { JobMenuComponent } from \"./job-menu/job-menu.component\";\r\nimport { JobDetailComponent } from \"./job-detail/job-detail.component\";\r\nimport { JobSectionHeadingComponent } from \"./job-section-heading/job-section-heading.component\";\r\nimport { JobDescriptionComponent } from \"./job-description/job-description.component\";\r\nimport { JobInstructionComponent } from \"./job-instruction/job-instruction.component\";\r\nimport { JobDetailListComponent } from \"./job-detail-list/job-detail-list.component\";\r\nimport { JobLocationComponent } from \"./job-location/job-location.component\";\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n SharedModule,\r\n JobRoutingModule\r\n ],\r\n providers: [\r\n JobResolverService\r\n ],\r\n declarations: [\r\n JobComponent,\r\n JobMenuComponent,\r\n JobDetailComponent,\r\n JobSectionHeadingComponent,\r\n JobDescriptionComponent,\r\n JobInstructionComponent,\r\n JobDetailListComponent,\r\n JobLocationComponent\r\n ]\r\n})\r\nexport class JobModule { }\r\n","import { Component, OnInit, OnDestroy, AfterViewInit } from \"@angular/core\";\r\nimport { ActivatedRoute } from \"@angular/router\";\r\nimport { Subscription } from \"rxjs\";\r\n\r\ndeclare var enableClickDimensions: any;\r\n\r\nimport { GlobalService } from \"@services/global.service\";\r\nimport { JobDetail } from \"@models/job-detail\";\r\n\r\n@Component({\r\n selector: \"job\",\r\n templateUrl: \"./job.component.html\",\r\n styleUrls: [\"./job.component.less\"]\r\n})\r\nexport class JobComponent implements OnInit, OnDestroy, AfterViewInit {\r\n private languageSubscription: Subscription;\r\n private routeSubscription: Subscription;\r\n details: JobDetail[] = [];\r\n\r\n constructor(private route: ActivatedRoute, private globalService: GlobalService) {\r\n this.languageSubscription = this.globalService.languageId$.subscribe(\r\n () => { this.ngOnInit(); }\r\n );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.routeSubscription = this.route.data\r\n .subscribe((data: { details: JobDetail[] }) => this.details = data.details);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.languageSubscription) {\r\n this.languageSubscription.unsubscribe();\r\n }\r\n if (this.routeSubscription) {\r\n this.routeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n ngAfterViewInit() {\r\n if (this.globalService.cookiesEnabled()) {\r\n enableClickDimensions();\r\n }\r\n }\r\n}\r\n","![\"loading\"](\"{{_localImageLocation}}ajax-loader.gif\")
\r\n| {{account.Id}} | \r\n{{account.Name}} | \r\n{{account.Location}} | \r\n
![\"first\"](\"{{_localImageLocation}}FirstRecord.png\")
\r\n ![\"previous\"](\"{{_localImageLocation}}PreviousRecord.png\")
\r\n {{currentPage + 1}} / {{maxPages}} \r\n ![\"next\"](\"{{_localImageLocation}}NextRecord.png\")
\r\n ![\"last\"](\"{{_localImageLocation}}LastRecord.png\")
\r\n | \r\n | |||
| \r\n {{event.Title}}\r\n | \r\n\r\n \r\n | \r\n\r\n {{event.Location}} \r\n | \r\n \r\n {{event.StartDate | date:'M/d/yyyy'}}\r\n - {{event.EndDate | date:'M/d/yyyy'}}\r\n | \r\n
\r\n \r\n
\r\n","import { Component } from '@angular/core';\r\nimport { SafeHtml, DomSanitizer } from '@angular/platform-browser';\r\n\r\n@Component({\r\n selector: 'page-description',\r\n templateUrl: './page-description.component.html',\r\n styleUrls: ['./page-description.component.less'],\r\n})\r\nexport class PageDescriptionComponent {\r\n description: SafeHtml;\r\n descriptionPresent: boolean;\r\n title: SafeHtml;\r\n titlePresent: boolean;\r\n other: SafeHtml;\r\n otherPresent: boolean;\r\n\r\n constructor(private sanitizer: DomSanitizer) {}\r\n\r\n setDescription(description: string): void {\r\n if (description === '') {\r\n this.descriptionPresent = false;\r\n } else {\r\n this.description = this.sanitizer.bypassSecurityTrustHtml(description);\r\n this.descriptionPresent = true;\r\n }\r\n }\r\n\r\n setTitle(title: string): void {\r\n if (title === '') {\r\n this.titlePresent = false;\r\n } else {\r\n this.title = this.sanitizer.bypassSecurityTrustHtml(title);\r\n this.titlePresent = true;\r\n }\r\n }\r\n\r\n setOther(other: string): void {\r\n if (other === '') {\r\n this.otherPresent = false;\r\n } else {\r\n this.other = this.sanitizer.bypassSecurityTrustHtml(other);\r\n this.otherPresent = true;\r\n }\r\n }\r\n}\r\n","\r\n \r\n
\r\n \r\n
\r\n \r\n '\">\r\n
\r\n \r\n '\">\r\n
\r\n {{title}}\r\n - {{description}}\r\n
\r\n","import { Component } from '@angular/core';\r\n\r\nimport { environment } from '@environment';\r\n\r\n@Component({\r\n selector: 'page-media-link',\r\n templateUrl: './page-media-link.component.html',\r\n styleUrls: ['./page-media-link.component.less'],\r\n})\r\nexport class PageMediaLinkComponent {\r\n imageLocation: string = environment.ImageLocation;\r\n\r\n title: string;\r\n description: string;\r\n other: string;\r\n mediaFileName: string;\r\n\r\n protected getLink(): string {\r\n if (this.other !== '') {\r\n const idx = this.other.indexOf('Id=');\r\n if (idx > -1) {\r\n return this.other.substring(idx + 3);\r\n }\r\n }\r\n\r\n return this.other;\r\n }\r\n}\r\n","\r\n {{title}}\r\n - {{description}}\r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Params } from '@angular/router';\r\n\r\nimport { PageMenu } from '@models/menu-item';\r\nimport { GlobalService } from '@services/global.service';\r\nimport { PageService } from '@services/page.service';\r\nimport { BaseComponent } from 'src/app/base/base.component';\r\n\r\n@Component({\r\n selector: 'page-menu',\r\n templateUrl: './page-menu.component.html',\r\n styleUrls: ['./page-menu.component.less'],\r\n})\r\nexport class PageMenuComponent extends BaseComponent implements OnInit {\r\n menu: PageMenu[] = [];\r\n pageId: string;\r\n selectedMenu: PageMenu;\r\n languageCode: string;\r\n\r\n constructor(\r\n private globalService: GlobalService,\r\n private pageService: PageService,\r\n private route: ActivatedRoute\r\n ) {\r\n super();\r\n\r\n this.subscriptions.push(globalService.languageId$.subscribe(() => {\r\n this.ngOnInit();\r\n }));\r\n }\r\n\r\n ngOnInit(): void {\r\n this.subscriptions.push(this.route.params.subscribe(\r\n (params: Params) => {\r\n this.pageId = params['id'];\r\n\r\n this.pageService.getMenu(params['id']).subscribe((menu: PageMenu[]) => {\r\n this.menu = menu;\r\n if (menu !== null && menu !== undefined) {\r\n this.selectedMenu = menu.find(\r\n (page) => page.Id.toLowerCase() === this.pageId.toLowerCase()\r\n );\r\n }\r\n });\r\n }\r\n ));\r\n\r\n this.languageCode = this.globalService.getLanguageCode();\r\n }\r\n\r\n getClass(item: PageMenu) {\r\n let cssClass: any;\r\n\r\n if (item.Id.toLowerCase() === this.selectedMenu.Id.toLowerCase()) {\r\n cssClass = {\r\n menuSelected: true,\r\n menuChild: false,\r\n menuParent: false,\r\n menuSibling: false,\r\n };\r\n } else if (item.Level < this.selectedMenu.Level) {\r\n cssClass = {\r\n menuSelected: false,\r\n menuChild: false,\r\n menuParent: true,\r\n menuSibling: false,\r\n };\r\n } else if (item.Level > this.selectedMenu.Level) {\r\n cssClass = {\r\n menuSelected: false,\r\n menuChild: true,\r\n menuParent: false,\r\n menuSibling: false,\r\n };\r\n } else {\r\n cssClass = {\r\n menuSelected: false,\r\n menuChild: false,\r\n menuParent: false,\r\n menuSibling: true,\r\n };\r\n }\r\n\r\n return cssClass;\r\n }\r\n\r\n getCurrentPageId(): string {\r\n const id: string = this.route.snapshot.params['id'];\r\n if (id) {\r\n return id;\r\n }\r\n\r\n return 'home';\r\n }\r\n\r\n getCurrentPageType(): string {\r\n if (this.route.snapshot.url.length > 2) {\r\n return this.route.snapshot.url[1].path;\r\n }\r\n\r\n return 'page';\r\n }\r\n}\r\n","\r\n","import { Injectable } from '@angular/core';\r\nimport { ActivatedRouteSnapshot, RouterStateSnapshot, Router, Resolve } from '@angular/router';\r\n\r\nimport { PageService } from '@services/page.service';\r\nimport { GlobalService } from '@services/global.service';\r\nimport { UserService } from '@services/user.service';\r\nimport { PageDetail } from '@models/page-detail';\r\nimport { firstValueFrom } from 'rxjs';\r\nimport { PageSummary } from '@models/page-summary';\r\n\r\n@Injectable()\r\nexport class PageResolverService implements Resolve| \r\n {{column.value}}\r\n | \r\n
-1\">{{viewImages[viewImageIndex].product.Caption}}
![\"Close\"](\"{{localImageLocation}}close_btn.jpg\")
\r\n \r\n {{sectionHeader.Title}}\r\n Upload\r\n
\r\n| Type | \r\nName | \r\nSize | \r\nLanguage | \r\n
| {{detail.Other | uppercase}} | \r\n{{detail.Title}} | \r\n{{detail.FileInfo.FileSize | sizeConversion:1}} | \r\n{{detail.DocumentLanguage | uppercase}} | \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n","import { Component } from \"@angular/core\";\r\n\r\nimport { ProductDetailGroup } from \"@models/product-detail-group\";\r\n\r\n@Component({\r\n selector: \"product-detail-tab-container\",\r\n templateUrl: \"./product-detail-tab-container.component.html\",\r\n styleUrls: [\"./product-detail-tab-container.component.less\"]\r\n})\r\nexport class ProductDetailTabContainerComponent {\r\n tab: ProductDetailGroup;\r\n productId: string;\r\n isShowing: string = \"none\";\r\n\r\n show(): void {\r\n this.isShowing = \"block\";\r\n }\r\n\r\n hide(): void {\r\n this.isShowing = \"none\";\r\n }\r\n}\r\n","\r\n {{sectionHeader.Title}}\r\n Upload\r\n
\r\n| Type | \r\nName | \r\nSize | \r\nLanguage | \r\n
| {{detail.Other | uppercase}} | \r\n{{detail.Title}} | \r\n{{detail.FileInfo.FileSize | sizeConversion:1}} | \r\n{{detail.DocumentLanguage | uppercase}} | \r\n
\r\n {{sectionHeader.Title}}\r\n Upload\r\n
\r\n| Type | \r\nDoc Type Id | \r\nName | \r\nSize | \r\n
| {{detail.Other | uppercase}} | \r\n{{detail.DocumentType}} | \r\n{{detail.Title}} | \r\n{{detail.FileInfo.FileSize | sizeConversion:1}} | \r\n
\r\n {{title}}\r\n - {{description}}\r\n
\r\n","import { Component, OnInit, OnDestroy } from \"@angular/core\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { ActivatedRoute, Params } from \"@angular/router\";\r\n\r\nimport { ProductMenu } from \"@models/menu-item\";\r\nimport { GlobalService } from \"@services/global.service\";\r\nimport { ProductService } from \"@services/product.service\";\r\n\r\n@Component({\r\n selector: \"product-menu\",\r\n templateUrl: \"./product-menu.component.html\",\r\n styleUrls: [\"./product-menu.component.less\"]\r\n})\r\nexport class ProductMenuComponent implements OnInit, OnDestroy {\r\n private subscription: Subscription;\r\n private routeSubscription: Subscription;\r\n\r\n menu: ProductMenu[];\r\n productId: string;\r\n selectedMenu: ProductMenu;\r\n\r\n languageCode: string;\r\n\r\n constructor(private globalService: GlobalService, private productService: ProductService, private route: ActivatedRoute) {\r\n this.subscription = globalService.languageId$.subscribe(\r\n () => { this.ngOnInit(); }\r\n );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.routeSubscription = this.route.params.subscribe(\r\n (params: Params) => {\r\n this.productId = params[\"id\"];\r\n\r\n this.productService.getMenu(params[\"id\"]).subscribe(\r\n (menu: ProductMenu[]) => {\r\n this.menu = menu;\r\n if (menu) {\r\n this.selectedMenu = menu.find(product => product.Id.toLowerCase() === this.productId.toLowerCase());\r\n }\r\n });\r\n }\r\n );\r\n\r\n this.languageCode = this.globalService.getLanguageCode();\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n if (this.routeSubscription) {\r\n this.routeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n getClass(item: ProductMenu) {\r\n let cssClass: any;\r\n\r\n if (item.Id.toLowerCase() === this.selectedMenu.Id.toLowerCase()) {\r\n cssClass = { \"menuSelected\": true, \"menuChild\": false, \"menuParent\": false, \"menuSibling\": false };\r\n } else if (item.Level < this.selectedMenu.Level) {\r\n cssClass = { \"menuSelected\": false, \"menuChild\": false, \"menuParent\": true, \"menuSibling\": false };\r\n } else if (item.Level > this.selectedMenu.Level) {\r\n cssClass = { \"menuSelected\": false, \"menuChild\": true, \"menuParent\": false, \"menuSibling\": false };\r\n } else { // item.Level === this.selectedMenu.Level\r\n cssClass = { \"menuSelected\": false, \"menuChild\": false, \"menuParent\": false, \"menuSibling\": true };\r\n }\r\n\r\n return cssClass;\r\n }\r\n}\r\n","\r\n","import { Component, OnInit, OnDestroy } from \"@angular/core\";\r\nimport { Subscription } from \"rxjs\";\r\nimport { ActivatedRoute, Params } from \"@angular/router\";\r\n\r\nimport { ProductService } from \"@services/product.service\";\r\nimport { SharedService } from \"@services/shared.service\";\r\nimport { GlobalService } from \"@services/global.service\";\r\nimport { environment } from \"@environment\";\r\nimport { ProductQuickLink } from \"@models/product-quick-link\";\r\nimport { SharedHeader } from \"@models/shared-header\";\r\n\r\n@Component({\r\n selector: \"product-quick-link\",\r\n templateUrl: \"./product-quick-link.component.html\",\r\n styleUrls: [\"./product-quick-link.component.less\"]\r\n})\r\nexport class ProductQuickLinkComponent implements OnInit, OnDestroy {\r\n imageLocation: string = environment.ImageLocation;\r\n\r\n private subscription: Subscription;\r\n private routeSubscription: Subscription;\r\n\r\n links: ProductQuickLink[] = [];\r\n productTitle: string;\r\n showImages: boolean = false;\r\n showVideos: boolean = false;\r\n imageGalleryImage: string = \"\";\r\n imageGalleryImageHover: string = \"\";\r\n videoGalleryImage: string = \"\";\r\n videoGalleryImageHover: string = \"\";\r\n\r\n imageGalleryStyle: string = \"\";\r\n videoGalleryStyle: string = \"\";\r\n\r\n images: ProductQuickLink[] = [];\r\n videos: ProductQuickLink[] = [];\r\n\r\n constructor(\r\n private productService: ProductService,\r\n private sharedService: SharedService,\r\n private globalService: GlobalService,\r\n private route: ActivatedRoute\r\n ) {\r\n this.subscription = globalService.languageId$.subscribe(\r\n () => { this.ngOnInit(); }\r\n );\r\n }\r\n\r\n ngOnInit(): void {\r\n this.routeSubscription = this.route.params.subscribe(\r\n (params: Params) => {\r\n this.productService.getQuicklinks(params[\"id\"]).subscribe(\r\n (links: ProductQuickLink[]) => {\r\n this.processLinks(links);\r\n }\r\n );\r\n\r\n this.sharedService.getHeader(params[\"id\"]).subscribe(\r\n (header: SharedHeader) => {\r\n this.productTitle = header.Title;\r\n }\r\n );\r\n }\r\n );\r\n }\r\n\r\n ngOnDestroy(): void {\r\n if (this.subscription) {\r\n this.subscription.unsubscribe();\r\n }\r\n if (this.routeSubscription) {\r\n this.routeSubscription.unsubscribe();\r\n }\r\n }\r\n\r\n hover(type: string): void {\r\n if (type === \"image\") {\r\n this.imageGalleryStyle = this.imageGalleryImageHover;\r\n } else { // if (type === \"video\") {\r\n this.videoGalleryStyle = this.videoGalleryImageHover;\r\n }\r\n }\r\n\r\n clear(type: string): void {\r\n if (type === \"image\") {\r\n this.imageGalleryStyle = this.imageGalleryImage;\r\n } else { // if (type === \"video\") {\r\n this.videoGalleryStyle = this.videoGalleryImage;\r\n }\r\n }\r\n\r\n private processLinks(links: ProductQuickLink[]): void {\r\n this.images = [];\r\n this.videos = [];\r\n if (links !== null && links !== undefined) {\r\n links.forEach((link) => {\r\n if (link.MediaType.toLowerCase() === \"image\") {\r\n this.images.push(link);\r\n } else if (link.MediaType.toLowerCase() === \"video\") {\r\n this.videos.push(link);\r\n // this.getVideoThumbnails(\"\");\r\n } else if (link.MediaType.toLowerCase() === \"button\") {\r\n if (link.Caption.toLowerCase() === \"image gallery\") {\r\n this.imageGalleryImage = `url('${environment.ImageLocation}${link.FileInfo.FileName}')`;\r\n this.imageGalleryImageHover = `url('${environment.ImageLocation}${link.HoverMediaFileName}')`;\r\n } else { // \"video gallery\"\r\n this.videoGalleryImage = `url('${environment.ImageLocation}${link.FileInfo.FileName}')`;\r\n this.videoGalleryImageHover = `url('${environment.ImageLocation}${link.HoverMediaFileName}')`;\r\n }\r\n }\r\n });\r\n\r\n this.imageGalleryStyle = this.imageGalleryImage;\r\n this.videoGalleryStyle = this.videoGalleryImage;\r\n }\r\n\r\n this.links = links === null ? [] : links;\r\n\r\n const urlSegment: string = this.route.snapshot.url[this.route.snapshot.url.length - 1].path;\r\n if (urlSegment === \"images\" || urlSegment === \"image\") {\r\n this.showImages = true;\r\n } else if (urlSegment === \"videos\" || urlSegment === \"video\") {\r\n this.showVideos = true;\r\n }\r\n }\r\n\r\n videoLinkExists(): boolean {\r\n return this.videos !== null && this.videos.length > 0;\r\n }\r\n\r\n imageLinkExists(): boolean {\r\n return this.images !== null && this.images.length > 0;\r\n }\r\n\r\n onShowVideos(): void {\r\n this.showVideos = true;\r\n }\r\n\r\n onShowImages(): void {\r\n this.showImages = true;\r\n }\r\n\r\n onImageViewerClosed(closed: boolean): void {\r\n this.showImages = false;\r\n }\r\n\r\n onVideoViewerClosed(closed: boolean): void {\r\n this.showVideos = false;\r\n }\r\n\r\n getVideoThumbnails(videoId: string) {\r\n videoId = \"6271487\";\r\n this.productService.getVideoThumbnails(videoId).subscribe(\r\n (test: string) => {\r\n console.log(test);\r\n }\r\n );\r\n }\r\n}\r\n","\r\n| \r\n {{tab.Title}}\r\n | \r\n
| \r\n {{column.value}}\r\n | \r\n
![\"Next](\"{{localImageLocation}}arrowsR.jpg\"\r\n)
\r\n 0\" class=\"imageViewCaption\">{{videos[videoIndex].Caption}}
\r\n {{result.CategoriesTitle}}
{{result.ResultsTitle}}...'{{result.OriginalCriteria}}' ({{result.Items.length}})
\r\n| \r\n \r\n | \r\n \r\n \r\n {{item.Title}} \r\n \r\n {{item.Description}} \r\n | \r\n
![\"{{title}}\"/](\"{{imageLocation}}Arrows_12x16_CCC.png\")
\r\n