= new EventEmitter();\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n constructor(private hpJourneyService: HpJourneyService) {\n this.stepsSubscription = this.hpJourneyService.stepsAnnouncer.subscribe(steps => {\n this.steps = steps\n\n\n })\n }\n\n ngOnInit() {\n this.onResize()\n this.setSteps()\n\n }\n\n\n async setSteps() {\n this.loading = true\n this.hasPassport = await this.hpJourneyService.getPropertyPassport()\n this.hasCompletedSchematics = await this.hpJourneyService.getSchematicDocuments()\n // get last estimate request and prefill forms\n this.loading = false\n\n\n }\n showStep(step) {\n this.currentStep = step\n this.step.emit(step)\n }\n\n getStyle(completion, icon?) {\n if (completion) {\n return `text-success ${icon ? icon : ''} `\n } else return `text-dark fw-bolder ${icon ? icon : ''} `\n }\n\n getCurrentStep() {\n return this.steps.filter(step => step.step == this.currentStep)\n\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HpJourneyStepperComponent } from './hp-journey-stepper.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [HpJourneyStepperComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [HpJourneyStepperComponent]\n})\nexport class HpJourneyStepperModule { }\n","export default \".label {\\n margin: 0px;\\n color: #A2A8CA;\\n}\\n\\n.list-class {\\n color: #2b2b2b;\\n font-size: 1rem;\\n z-index: 4;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2h0Yy1jYXJkL2h0Yy1jYXJkLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2h0Yy1jYXJkL2h0Yy1jYXJkLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksV0FBQTtFQUNBLGNBQUE7QUNDSjs7QURDQztFQUNHLGNBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtBQ0VKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9odGMtY2FyZC9odGMtY2FyZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5sYWJlbHtcbiAgICBtYXJnaW46MHB4O1xuICAgIGNvbG9yOiAjQTJBOENBXG59XG4gLmxpc3QtY2xhc3Mge1xuICAgIGNvbG9yOiAjMmIyYjJiO1xuICAgIGZvbnQtc2l6ZTogMS4wcmVtO1xuICAgIHotaW5kZXg6IDQ7XG4gfSIsIi5sYWJlbCB7XG4gIG1hcmdpbjogMHB4O1xuICBjb2xvcjogI0EyQThDQTtcbn1cblxuLmxpc3QtY2xhc3Mge1xuICBjb2xvcjogIzJiMmIyYjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICB6LWluZGV4OiA0O1xufSJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { HelpModalComponent } from '../help-modal/help-modal.component';\n\n@Component({\n selector: 'app-htc-card',\n templateUrl: './htc-card.component.html',\n styleUrls: ['./htc-card.component.scss']\n})\n\nexport class HtcCardComponent implements OnInit {\n\n @Input() htcValue;\n @Input() accountPageView;\n @Input() htcConfidenceIntervalNegative;\n @Input() htcConfidenceIntervalPositive;\n @Input() hlpValue;\n @Input() toDate;\n @Input() fromDate;\n @Input() createdAt\n @Input() manualHTC;\n @Input() requiredPeakDemand\n @Input() designInternalTemperature\n @Input() designExternalTemperature\n\n hlpDefinition: string = 'The normalised thermal performance by usable space (HTC divided by the floor area). Measured in Watts per square meter per degree Celsius (W/m²/°C).'\n HTC = 'Heat Transfer Coefficient (HTC)'\n HLP = 'Heat Loss Parameter (HLP)'\n HTC_CONFIDENCE_INTERVAL = 'HTC Confidence Interval'\n htcDefinition: string = 'Thermal performance during the measurement period. Measured in Watts per degree Celsius (W/°C). Read more about what HTC is here .'\n confidenceIntervalDefinition;\n modalRef;\n requiredPeakDemandDefinition = \"The peak heat demand is the maximum heating power requirement for your home on the coldest predicted winter day at your home's location, it is used to determine the required size of heating system (e.g. heat pump) for your home. It is calculated by multiplying the HTC by the internal - external design temperature difference.\"\n designExternalTemperatureDefinition = \"The external temperature is determined based on the location and altitude of the site as per CIBSE guidelines.\"\n designInternalTemperatureDefinition = \"The internal temperature is set by default to 20 degrees.\"\n\n constructor(private modalService: NgbModal) { }\n\n ngOnInit() {\n this.confidenceIntervalDefinition = `Your HTC confidence interval is [${this.htcConfidenceIntervalNegative}, + ${this.htcConfidenceIntervalPositive}].
No measurement can be made with 100% accuracy. The confidence interval is a range of values that is likely to contain the true value. For example, if the HTC result is 100W/°C with a confidence interval of [-15, +10]W/°C, we think the HTC is 100W/°C and the true value is likely (95% chance) to be between 85W/°C and 110W/°C.
`\n }\n\n openInfoModal(title, definition) {\n this.modalRef = this.modalService.open(HelpModalComponent, { scrollable: true, centered: true, size: 'lg' });\n this.modalRef.componentInstance.pageTitle = title;\n this.modalRef.componentInstance.modalBodyContent = definition\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HtcCardComponent } from './htc-card.component';\nimport { HeatLossParameterScaleModule } from '../heat-loss-parameter-scale/heat-loss-parameter-scale.module';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n declarations: [HtcCardComponent],\n imports: [\n CommonModule,\n TranslateModule,\n HeatLossParameterScaleModule\n ],\n exports: [HtcCardComponent]\n})\n\nexport class HtcCardModule { }","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaHRjLWZ1bGwtaW5mby9odGMtZnVsbC1pbmZvLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-htc-full-info',\n templateUrl: './htc-full-info.component.html',\n styleUrls: ['./htc-full-info.component.scss'],\n})\nexport class HtcFullInfoComponent implements OnInit {\n accountPageView: boolean;\n pageTitle: string = 'Heat retention score';\n displayTitle: string = 'Your home’s heat retention score';\n toolLink: string = '/pages/tools/estimated-thermal-performance';\n shouldShowToolLink: boolean = false;\n selectedService: any;\n manualHTC: any;\n loadObj;\n HTCDate;\n loading = true;\n htcDefinition: any;\n noManualHTCMessage: string = 'No information available; to calculate yours use our tool here . ';\n subscriptionSelectedService: Subscription;\n constructor(private serviceSelectorSvc: ServiceSelectorSvc, private route: ActivatedRoute, private glowService: GlowService, private router: Router, private strapService: StrapiService) {\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n this.getLatestHTC();\n });\n }\n\n ngOnInit() {\n this.strapService.getOneContent('glossary-terms', 10, []).then((t) => (this.htcDefinition = t.attributes.shortDefinition));\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n // this.checkForManualHTC()\n this.getUrl();\n this.getLatestHTC();\n }\n\n getLatestHTC() {\n this.glowService.getHTCHistory(this.selectedService.veId).subscribe(\n async (resp: any) => {\n if (resp.valid) {\n this.shouldShowToolLink = true;\n this.manualHTC = resp.data[0];\n this.HTCDate = new Date(resp.data[0].created_date).toLocaleDateString('en-GB');\n this.loading = false;\n } else {\n console.log(this.manualHTC);\n this.loading = false;\n this.shouldShowToolLink = false;\n this.loadObj = { ...this.loadObj, loadError: true, loading: false };\n }\n },\n (err) => {\n this.manualHTC = '';\n this.loading = false;\n this.loadObj = { ...this.loadObj, loadError: true, loading: false };\n }\n );\n }\n regenerateHTC() {\n this.manualHTC = false;\n // this.router.navigateByUrl('/pages/tools/estimated-thermal-performance');\n }\n getUrl() {\n //check if on acc pages\n let url = this.route.snapshot.url.map((segment) => segment.path);\n if (url[0] == 'building-fabric') {\n this.accountPageView = true;\n }\n }\n\n formatHouseAttachmentString(str) {\n return str.replace(/([A-Z][a-z])/g, ' $1');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HtcFullInfoComponent } from './htc-full-info.component';\nimport { HtcCardModule } from '../htc-card/htc-card.module';\nimport { AccountNoDataCardModule } from '../account-no-data-card/account-no-data-card.module';\nimport { SpinnerModule } from '../spinner/spinner.module';\n\n@NgModule({\n declarations: [HtcFullInfoComponent],\n imports: [\n CommonModule, HtcCardModule, AccountNoDataCardModule,SpinnerModule\n ],\n exports: [HtcFullInfoComponent]\n})\n\nexport class HtcFullInfoModule { }","export default \".modal-container {\\n z-index: 5000 !important;\\n position: relative;\\n}\\n\\n.modal-container .loading-htc-data .modal-body {\\n height: 200px;\\n}\\n\\nbutton {\\n margin: 0px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2h0Yy1tb2RhbC9odGMtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvaHRjLW1vZGFsL2h0Yy1tb2RhbC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLHdCQUFBO0VBQ0Esa0JBQUE7QUNDSjs7QURFQTtFQUNJLGFBQUE7QUNDSjs7QURDQTtFQUNJLFdBQUE7QUNFSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaHRjLW1vZGFsL2h0Yy1tb2RhbC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tb2RhbC1jb250YWluZXIge1xuICAgIHotaW5kZXg6IDUwMDAgIWltcG9ydGFudDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5tb2RhbC1jb250YWluZXIgLmxvYWRpbmctaHRjLWRhdGEgLm1vZGFsLWJvZHkge1xuICAgIGhlaWdodDogMjAwcHg7XG59XG5idXR0b24ge1xuICAgIG1hcmdpbjogMHB4O1xufSIsIi5tb2RhbC1jb250YWluZXIge1xuICB6LWluZGV4OiA1MDAwICFpbXBvcnRhbnQ7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLm1vZGFsLWNvbnRhaW5lciAubG9hZGluZy1odGMtZGF0YSAubW9kYWwtYm9keSB7XG4gIGhlaWdodDogMjAwcHg7XG59XG5cbmJ1dHRvbiB7XG4gIG1hcmdpbjogMHB4O1xufSJdfQ== */\"","import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { NgcCookieConsentService } from 'ngx-cookieconsent';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowService } from 'src/app/services/glow.service';\n\n@Component({\n selector: 'app-htc-modal',\n templateUrl: './htc-modal.component.html',\n styleUrls: ['./htc-modal.component.scss', '../../pages/pages.component.scss'], // shared css file\n})\n\nexport class HtcModalComponent implements OnInit {\n\n @Input() veId: string;\n @Input() propertyPassportId: string;\n @Input() resources: any;\n @Input() epc: any;\n @Output() updatePassport: EventEmitter = new EventEmitter();\n\n temperatureResources: any = [];\n loadObj: tLoadingElement;\n formInfo: FormGroup;\n maxDate: string = new Date(Date.now() - 86400000).toISOString().split(\"T\")[0];\n passport: any;\n currentHtc: any;\n showSuccess: boolean = false;\n\n constructor(\n public activeModal: NgbActiveModal,\n private uiConfigService: CustomUIConfigService,\n private formBuilder: FormBuilder,\n private glowService: GlowService,\n private ccService: NgcCookieConsentService\n ) {\n this.formInfo = this.formBuilder.group({\n toDate: ['', [Validators.required]]\n })\n\n this.formInfo.controls['toDate'].setValue(this.maxDate)\n }\n\n ngOnInit() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans();\n\n const elecMatch = this.resources.find(x => x.classifier == \"electricity.consumption\")\n\n if (Array.isArray(this.resources) && this.resources.length > 0 && elecMatch && this.epc) {\n this.getDevices()\n } else {\n let errorString = '';\n\n if (!this.epc) {\n errorString += \"We can't find an EPC attached to your property; we need it to calculate your Smart HTC value. For more information please email support@glowmarkt.com \";\n }\n\n if (!elecMatch) {\n errorString += \"We can't find a smart electricity meter assigned to your account; we need it to calculate your Smart HTC value. For more information please email support@glowmarkt.com \";\n }\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString }\n }\n }\n\n getDevices() {\n\n this.glowService.getDevices().subscribe(async resp => {\n // // console.log('getDevices', resp);\n\n const sensorTypeArr = [\"05a115ed-0135-45ad-b677-130a5e971998\", \"ba06dbab-e759-4ad9-8b0e-e56a45b56a91\"]\n const tempSensor = resp.filter(x => sensorTypeArr.includes(x.deviceTypeId));\n // // console.log('tempSensor', tempSensor);\n\n if (Array.isArray(tempSensor) && tempSensor.length > 0) {\n\n let resourceArray = []\n\n await tempSensor.map(x => {\n x.protocol.sensors.map(resource => {\n if (resource.protocolId == 'temp' || resource.protocolId == 'temperature') {\n resourceArray.push({ resourceId: resource.resourceId })\n }\n })\n });\n\n if (Array.isArray(resourceArray) && resourceArray.length > 0) {\n\n this.temperatureResources = resourceArray;\n this.loadObj.loaded = true;\n\n } else {\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString: \"We can't find a temperature sensor assigned to your account; we need it to calculate your Smart HTC value. Order one here .\" }\n }\n } else {\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString: \"We can't find a temperature sensor assigned to your account; we need it to calculate your Smart HTC value. Order one here .\" }\n }\n\n }, (err) => {\n console.warn(err);\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString: \"We can't find a temperature sensor assigned to your account; we need it to calculate your Smart HTC value. Order one here .\" }\n });\n }\n\n getCurrentHtc(htcRecords) {\n return htcRecords ? htcRecords.sort((a, b) => new Date(b.date).valueOf() - new Date(a.date).valueOf())[0] : null\n }\n\n calculateHTC() {\n\n const payload = {\n veId: this.veId,\n propertyPassportId: this.propertyPassportId,\n temperatureResources: this.temperatureResources,\n to: new Date(this.formInfo.controls['toDate'].value).toISOString()\n }\n // // console.log('calculateHTC', payload)\n\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans();;\n this.sendGAEvent({ event: 'generateHTC' })\n\n this.glowService.calculateHTC(payload).subscribe(async resp => {\n // // console.log('calculateHTC resp', resp)\n if (resp.valid) {\n this.passport = resp;\n this.currentHtc = this.getCurrentHtc(resp.htcRecords)\n this.showSuccess = true;\n } else {\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString: resp.errorMsg }\n }\n }, (err) => {\n console.warn(err);\n this.loadObj = { ...this.loadObj, loadError: true, loading: false, errorString: 'Looks like we are having trouble generating your HTC value! Please try again later.' }\n });\n }\n\n close() {\n this.updatePassport.emit(this.passport);\n }\n\n sendGAEvent(params) {\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n window.dataLayer.push(params)\n }\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HtcModalComponent } from './htc-modal.component';\nimport { SpinnerModule } from '../spinner/spinner.module';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@NgModule({\n declarations: [HtcModalComponent],\n imports: [\n CommonModule,\n SpinnerModule,\n FormsModule,\n ReactiveFormsModule\n ],\n exports: [HtcModalComponent],\n entryComponents: [HtcModalComponent]\n})\n\nexport class HtcModalModule { }","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaW1hZ2UtbW9kYWwvaW1hZ2UtbW9kYWwuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-image-modal',\n templateUrl: './image-modal.component.html',\n styleUrls: ['./image-modal.component.scss']\n})\nexport class ImageModalComponent implements OnInit {\n\n @Input() imageUrl: string;\n\n constructor(private activeModal: NgbActiveModal) { }\n\n ngOnInit() { }\n\n close() {\n this.activeModal.dismiss()\n }\n\n\n}\n","export default \"button {\\n all: unset;\\n}\\n\\nimg {\\n width: 100%;\\n height: auto;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n .card,\\n.row {\\n height: 100% !important;\\n padding: 10px;\\n }\\n}\\n\\n.summary {\\n font-family: \\\"PT Serif\\\", serif;\\n max-width: 100%;\\n display: -webkit-box;\\n overflow: hidden;\\n -webkit-line-clamp: 2;\\n -webkit-box-orient: vertical;\\n text-overflow: ellipsis;\\n margin: 5px;\\n font-size: 1rem;\\n line-height: 1.5rem;\\n height: 3rem;\\n}\\n\\n.p-wrapper {\\n height: 70px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luZm9ncmFwaGljLWNhcmQvaW5mb2dyYXBoaWMtY2FyZC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9pbmZvZ3JhcGhpYy1jYXJkL2luZm9ncmFwaGljLWNhcmQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxVQUFBO0FDQ0o7O0FERUU7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQ0NKOztBRENFO0VBQ0U7O0lBRUUsdUJBQUE7SUFDQSxhQUFBO0VDRUo7QUFDRjs7QURNRTtFQUNFLDhCQUFBO0VBQ0EsZUFBQTtFQUNBLG9CQUFBO0VBQ0UsZ0JBQUE7RUFDQSxxQkFBQTtFQUNBLDRCQUFBO0VBQ0EsdUJBQUE7RUFDRixXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtBQ0pKOztBRE9FO0VBQ0UsWUFBQTtBQ0pKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9pbmZvZ3JhcGhpYy1jYXJkL2luZm9ncmFwaGljLWNhcmQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJidXR0b24ge1xuICAgIGFsbDogdW5zZXQ7XG4gIH1cbiAgXG4gIGltZyB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiBhdXRvO1xuICB9XG4gIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTc2cHgpIHtcbiAgICAuY2FyZCxcbiAgICAucm93IHtcbiAgICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgcGFkZGluZzogMTBweDtcbiAgICB9XG4gIH1cbiAgXG4gIC8vIEBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgLy8gICBpbWcge1xuICAvLyAgICAgaGVpZ2h0OiA1MCUgIWltcG9ydGFudFxuICAvLyAgIH1cbiAgLy8gfVxuICAuc3VtbWFyeSB7XG4gICAgZm9udC1mYW1pbHk6ICdQVCBTZXJpZicsc2VyaWY7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAgIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gICAgICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgICBtYXJnaW46IDVweDsgXG4gICAgZm9udC1zaXplOiAxcmVtO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjVyZW07XG4gICAgaGVpZ2h0OiAzcmVtO1xuICB9XG4gIFxuICAucC13cmFwcGVyIHtcbiAgICBoZWlnaHQ6IDcwcHg7XG4gIH1cbiAgIiwiYnV0dG9uIHtcbiAgYWxsOiB1bnNldDtcbn1cblxuaW1nIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogYXV0bztcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAuY2FyZCxcbi5yb3cge1xuICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICAgIHBhZGRpbmc6IDEwcHg7XG4gIH1cbn1cbi5zdW1tYXJ5IHtcbiAgZm9udC1mYW1pbHk6IFwiUFQgU2VyaWZcIiwgc2VyaWY7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIG1hcmdpbjogNXB4O1xuICBmb250LXNpemU6IDFyZW07XG4gIGxpbmUtaGVpZ2h0OiAxLjVyZW07XG4gIGhlaWdodDogM3JlbTtcbn1cblxuLnAtd3JhcHBlciB7XG4gIGhlaWdodDogNzBweDtcbn0iXX0= */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n@Component({\n selector: 'app-infographic-card',\n templateUrl: './infographic-card.component.html',\n styleUrls: ['./infographic-card.component.scss']\n})\nexport class InfographicCardComponent implements OnInit {\n @Input() infographic;\n @Input() shouldDisplaySummary: boolean = true;\n @Input() shouldDisplayCommunityTag: boolean = false;\n @Input() titleStyle: any = {};\n @Input() backgroundStyle: any = {}\n @Input() titleLineHeight: any = {}\n @Input() displayTimeToRead: boolean = true\n innerWidth;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n constructor(private router: Router\n , private strapiService: StrapiService) { \n this.onResize(); }\n \n\n ngOnInit() {\n }\n\n getDisplayImageUrl() {\n return this.strapiService.getSmallDisplayImageUrl(this.infographic);\n }\n\ninfographicRelativePath(){\n return `/home/infographics/${this.infographic.attributes.slug}`\n }\n\n // getTimeToRead() {\n // return Utils.getTimeToRead(this.infographic.attributes.content);\n // }\n getUpdatedAt() {\n return Utils.formatZDate(this.infographic.attributes.updatedAt);\n }\n}\n","export default \".hover_group:hover {\\n opacity: 1;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luZm9ncmFwaGljcy9ocGotaW5mb2dyYXBoaWMvaHBqLWluZm9ncmFwaGljLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2luZm9ncmFwaGljcy9ocGotaW5mb2dyYXBoaWMvaHBqLWluZm9ncmFwaGljLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksVUFBQTtBQ0NKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9pbmZvZ3JhcGhpY3MvaHBqLWluZm9ncmFwaGljL2hwai1pbmZvZ3JhcGhpYy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ob3Zlcl9ncm91cDpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfSIsIi5ob3Zlcl9ncm91cDpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-hpj-infographic',\n templateUrl: './hpj-infographic.component.html',\n styleUrls: ['./hpj-infographic.component.scss']\n})\nexport class HpjInfographicComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HpjInfographicComponent } from './hpj-infographic.component';\n\n\n\n@NgModule({\n declarations: [HpjInfographicComponent],\n imports: [\n CommonModule],\n exports: [HpjInfographicComponent]\n})\nexport class HpjInfographicModule { }\n","export default \".hover_group:hover {\\n opacity: 1;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luZm9ncmFwaGljcy9pbnN0YWxsZXItam91cm5leS1pbmZvZ3JhcGhpYy9pbnN0YWxsZXItam91cm5leS1pbmZvZ3JhcGhpYy5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9pbmZvZ3JhcGhpY3MvaW5zdGFsbGVyLWpvdXJuZXktaW5mb2dyYXBoaWMvaW5zdGFsbGVyLWpvdXJuZXktaW5mb2dyYXBoaWMuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxVQUFBO0FDQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2luZm9ncmFwaGljcy9pbnN0YWxsZXItam91cm5leS1pbmZvZ3JhcGhpYy9pbnN0YWxsZXItam91cm5leS1pbmZvZ3JhcGhpYy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ob3Zlcl9ncm91cDpob3ZlciB7XG4gICAgb3BhY2l0eTogMTtcbiAgfSIsIi5ob3Zlcl9ncm91cDpob3ZlciB7XG4gIG9wYWNpdHk6IDE7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-installer-journey-infographic',\n templateUrl: './installer-journey-infographic.component.html',\n styleUrls: ['./installer-journey-infographic.component.scss']\n})\nexport class InstallerJourneyInfographicComponent implements OnInit {\n\n constructor() { }\n @Input() background;\n ngOnInit() {\n console.log(this.background)\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerJourneyInfographicComponent } from './installer-journey-infographic.component';\n\n\n\n@NgModule({\n declarations: [InstallerJourneyInfographicComponent],\n imports: [\n CommonModule\n ],\n exports: [InstallerJourneyInfographicComponent]\n})\nexport class InstallerJourneyInfographicModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaW5zdGFsbGVyLWNhcmQvaW5zdGFsbGVyLWNhcmQuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-installer-card',\n templateUrl: './installer-card.component.html',\n styleUrls: ['./installer-card.component.scss']\n})\nexport class InstallerCardComponent implements OnInit {\n @Input() installer\n constructor() { }\n\n ngOnInit() {\n }\n getMiles(meters) {\n return (meters / 1609.344).toFixed(1)\n }\n checkWebsiteURL(url) {\n return url.includes('http')\n\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerCardComponent } from './installer-card.component';\nimport { TagModule } from '../tag/tag.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InstallerCardComponent],\n imports: [\n CommonModule,\n TagModule,\n SharedModule\n ],\n exports: [InstallerCardComponent]\n})\nexport class InstallerCardModule { }\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1pbnZpdGF0aW9uLW1vZGFsL2luc3RhbGxlci1pbnZpdGF0aW9uLW1vZGFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1pbnZpdGF0aW9uLW1vZGFsL2luc3RhbGxlci1pbnZpdGF0aW9uLW1vZGFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVJO0VBQ0ksMkJBQUE7QUNEUiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaW5zdGFsbGVyLWludml0YXRpb24tbW9kYWwvaW5zdGFsbGVyLWludml0YXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcblxuICAgIC5uZy10b3VjaGVkLm5nLWludmFsaWR7XG4gICAgICAgIGJvcmRlcjogc29saWQgI2UzMmI0ZCAwLjVweDtcbiAgICB9XG4gICAgLy8gLm5nLXRvdWNoZWQubmctaW52YWxpZDpub3QoI21zY3MtbnVtYmVyKSB7XG4gICAgLy8gICAgIGJvcmRlcjogc29saWQgcmVkIDAuNXB4O1xuICAgIC8vIH1cbn0iLCJmb3JtIC5uZy10b3VjaGVkLm5nLWludmFsaWQge1xuICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-installer-invitation-modal',\n templateUrl: './installer-invitation-modal.component.html',\n styleUrls: ['./installer-invitation-modal.component.scss']\n})\nexport class InstallerInvitationModalComponent implements OnInit {\n\n constructor(public activeModal: NgbActiveModal, private professionalGlowService: ProfessionalGlowService, private fb: FormBuilder, private formValidationService: FormValidationService, private glowService: GlowService, private invitationService: InvitationsService) { }\n invitationForm: FormGroup\n addTag: boolean\n error;\n formErrorMessage;\n loading;\n errorMessage\n firstSection = true\n secondSection\n successMessage: boolean\n\n ngOnInit() {\n this.invitationForm = this.fb.group({\n email: ['', [Validators.required, FormValidator.isEmailValid]],\n firstLine: [''],\n postcode: [''],\n reference: ['']\n\n })\n }\n checkFormValidity(formControlName, translateKey?) {\n return this.formValidationService.checkFormValidity(this.invitationForm, formControlName, translateKey)\n }\n\n\n\n generateEstimateRequest() {\n\n if (this.invitationForm.valid) {\n this.loading = true\n\n const data = {\n \"username\": this.invitationForm.value.email,\n \"estimateType\": \"heat-pump-estimate\",\n \"needsToBeAcceptedBy\": this.getAcceptedByDate(),\n \"address\": {\n \"postcode\": this.invitationForm.value.postcode,\n \"firstLine\": this.invitationForm.value.firstLine,\n },\n\n \"externalReference\": this.invitationForm.value.reference\n }\n\n\n this.professionalGlowService.createEstimateRequestForCustomer(data).subscribe((resp) => { \n this.loading = true\n\n if (!resp.valid) {\n this.error = true\n this.formErrorMessage = 'Unable to send estimate request'\n this.invitationService.getAllProfessionalEstimateRequests()\n this.loading = false\n } else {\n this.error = false\n this.invitationService.getAllProfessionalEstimateRequests()\n this.loading = false\n this.successMessage = true\n // this.activeModal.dismiss()\n\n }\n }, (err) => {\n this.error = true\n this.loading = false\n this.errorMessage = \"Something went wrong, please try again later.\"\n\n })\n } else {\n this.invitationForm.markAllAsTouched()\n // this.error = true\n this.formErrorMessage = 'Please complete form'\n }\n }\n\n getAcceptedByDate() {\n return Utils.getDateIn30Days()\n\n }\n\n changeSection() {\n this.secondSection = true\n this.firstSection = false\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerInvitationModalComponent } from './installer-invitation-modal.component';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InstallerInvitationModalComponent],\n imports: [\n CommonModule, FormValidationMessageModule, SharedModule\n \n ],\n exports: [InstallerInvitationModalComponent],\n entryComponents: [InstallerInvitationModalComponent]\n})\nexport class InstallerInvitationModalModule { }\n","export default \"form .ng-touched.ng-invalid:not(#business-email) {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1yZWdpc3Rlci1mb3JtL2luc3RhbGxlci1yZWdpc3Rlci1mb3JtLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1yZWdpc3Rlci1mb3JtL2luc3RhbGxlci1yZWdpc3Rlci1mb3JtLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVJO0VBQ0ksMkJBQUE7QUNEUiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaW5zdGFsbGVyLXJlZ2lzdGVyLWZvcm0vaW5zdGFsbGVyLXJlZ2lzdGVyLWZvcm0uY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcblxuICAgIC5uZy10b3VjaGVkLm5nLWludmFsaWQ6bm90KCNidXNpbmVzcy1lbWFpbCkge1xuICAgICAgICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG4gICAgfVxuICAgIC8vIC5uZy10b3VjaGVkLm5nLWludmFsaWQ6bm90KCNtc2NzLW51bWJlcikge1xuICAgIC8vICAgICBib3JkZXI6IHNvbGlkIHJlZCAwLjVweDtcbiAgICAvLyB9XG59IiwiZm9ybSAubmctdG91Y2hlZC5uZy1pbnZhbGlkOm5vdCgjYnVzaW5lc3MtZW1haWwpIHtcbiAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, FormGroupName, Validators } from '@angular/forms';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { PostcodeCheckerService } from 'src/app/services/postcode-checker.service';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\n\n\n@Component({\n selector: 'app-installer-register-form',\n templateUrl: './installer-register-form.component.html',\n styleUrls: ['./installer-register-form.component.scss']\n})\nexport class InstallerRegisterFormComponent implements OnInit {\n\n registerForm: FormGroup;\n viewPassword: boolean = false;\n error = false\n postcodeObj: any = { area: '', isValid: null, error: false };\n installerCertifications: Array = [\n 'GasSafe',\n 'NICEIC',\n 'The IAA',\n 'OFTEC',\n 'NAPIT',\n 'MSC',\n 'HEATAS',\n 'APHC',\n 'CIPHA',\n 'Install under umbrella scheme'\n ];\n skills: Array = ['System design', 'System installation', 'Retrofit']\n technologies: Array = ['Air source heat pump', 'Exhaust air heat pump', 'Gas absorption heat pump', 'Solar assisted heat pump']\n regions: Array = ['East of England', 'East Midlands', 'London', 'North East', 'North West', 'South East', 'South West', 'West Midlands', 'Yorkshire and Humberside', 'Scotland', 'Wales', 'Northern Ireland']\n roles: Array = ['Installer'];\n options = ['Yes', 'No']\n roleSelected = '';\n loadObj: tLoadingElementWithSuccess;\n type: 'personal-details'\n success = false;\n constructor(\n private formBuilder: FormBuilder,\n private uiConfigService: CustomUIConfigService,\n private postcodeCheckerService: PostcodeCheckerService,\n private modalService: NgbModal,\n private router: Router,\n private route: ActivatedRoute,\n private translate: TranslateService,\n private glowService: GlowService,\n private formValidationService: FormValidationService,\n private professionalGlowService: ProfessionalGlowService\n\n ) {\n this.type = 'personal-details'\n this.router.events.subscribe(event => {\n if (event instanceof NavigationEnd) {\n this.getParams()\n }\n })\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsgErrorObj(false);\n this.registerForm = this.formBuilder.group({\n role: ['Installer', Validators.required],\n firstName: ['', [Validators.required]],\n lastName: ['', [Validators.required]],\n workEmail: ['', [Validators.required, FormValidator.isEmailValid]],\n password: ['', [Validators.required, FormValidator.isPasswordStrong]],\n confirmPassword: ['', [Validators.required, FormValidator.isPasswordSame]],\n businessEmail: ['', []],\n businessPhoneNumber: ['', [Validators.required, FormValidator.isPhoneNumberValid]],\n businessName: ['', [Validators.required]],\n mcsNumber: ['', []],\n businessURL: ['', []],\n location: ['', [Validators.required]],\n regionsCovered: ['', [Validators.required]],\n technologies: ['', [Validators.required]],\n skills: ['', [Validators.required]],\n certifications: ['', [Validators.required]],\n isOrganisation: ['', [Validators.required]],\n boilerUpgradeScheme: ['', [Validators.required]]\n })\n }\n\n\n\n\n ngOnInit() {\n // resets form to beginning on refresh\n this.router.navigateByUrl('/professionals-register/installer?type=personal-details');\n this.getParams()\n }\n\n back() {\n history.back()\n }\n\n togglePassword(viewPassword) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n selectRole(role) {\n this.roleSelected = role;\n }\n\n checkFormValidity(formControlName, translateKey?) {\n return this.formValidationService.checkFormValidity(this.registerForm, formControlName, translateKey)\n }\n\n resetError() {\n this.postcodeObj.error = false\n this.error = false\n }\n doRegister() {\n\n const role = this.registerForm.get('role').value;\n const firstName = this.registerForm.get('firstName').value;\n const lastName = this.registerForm.get('lastName').value;\n const workEmail = this.registerForm.get('workEmail').value;\n const password = this.registerForm.get('password').value;\n const businessEmail = this.registerForm.get('businessEmail').value;\n const businessPhoneNumber = '+44' + this.registerForm.get('businessPhoneNumber').value.substring(1);\n const businessName = this.registerForm.get('businessName').value;\n const mcsNumber = this.registerForm.get('mcsNumber').value;\n const businessURL = this.registerForm.get('businessURL').value;\n const location = this.registerForm.get('location').value;\n const regionsCovered = this.registerForm.get('regionsCovered').value;\n const technologies = this.registerForm.get('technologies').value;\n const skills = this.registerForm.get('skills').value;\n const certifications = this.registerForm.get('certifications').value;\n const isOrganisation = this.registerForm.get('isOrganisation').value;\n const boilerUpgradeScheme = this.registerForm.get('boilerUpgradeScheme').value == 'Yes' ? true : false;\n const body = { role, firstName, lastName, workEmail, password, businessEmail, businessPhoneNumber, businessName, mcsNumber, businessURL, location, regionsCovered, technologies, skills, certifications, isOrganisation, boilerUpgradeScheme }\n // console.log(body)\n\n if (this.registerForm.valid) {\n // console.log(body)\n this.professionalGlowService.registerServiceAgent(body).subscribe(\n (response) => {\n // console.log('registerServiceAgent', response);\n if (response.valid) {\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loaded: true,\n loadedMessage: 'Professional account successfully created.',\n };\n this.router.navigateByUrl('/login')\n } else {\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loadError: true,\n errorString: 'Failed to create a professional account.',\n };\n }\n },\n (errResp) => {\n console.warn(errResp.error.error);\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loadError: true,\n errorString: 'Failed to create a professional account.',\n };\n }\n );\n } else\n this.error = true\n this.markFormGroup(this.registerForm, 'touched')\n\n }\n\n async checkPostcode() {\n let messages = [];\n await this.checkPostcodeisValid().then((resp) => {\n if (!this.postcodeObj.isValid) {\n messages.push('Invalid postcode');\n }\n return messages\n });\n return\n }\n\n async checkPostcodeisValid() {\n let postcode;\n if (this.registerForm.get('location').touched) {\n postcode = this.registerForm.value.location;\n\n await this.postcodeCheckerService\n .checkPostcode(postcode)\n .then((resp: any) => {\n // console.log('IS POSTCODEVALID', resp);\n this.postcodeObj.area = resp.result['admin_district'];\n this.postcodeObj.isValid = true;\n this.postcodeObj.error = false;\n })\n .catch((err) => {\n console.warn('postcode errr', err);\n this.postcodeObj.area = '';\n this.postcodeObj.isValid = false;\n this.postcodeObj.error = true;\n\n });\n }\n }\n\n openTermsConditions() {\n const termsconditionsRef = this.modalService.open(TermsconditionsModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n termsconditionsRef.componentInstance.displayForm = false;\n termsconditionsRef.componentInstance.title = 'Glow';\n termsconditionsRef.componentInstance.professional = true\n }\n\n navigateForm(param) {\n this.error = false\n if (param == 'business' && this.registerForm.get('firstName').valid && this.registerForm.get('lastName').valid && this.registerForm.get('password').valid && this.registerForm.get('confirmPassword').valid) {\n //untouches form when navigating so errors don't display on next page\n this.markFormGroup(this.registerForm, 'untouched')\n this.router.navigateByUrl('/professionals-register/installer?type=business-details');\n\n } else if (param == 'skills' && this.registerForm.get('businessName').valid && this.registerForm.get('businessPhoneNumber').valid) {\n //untouches form when navigating so errors don't display on next page\n this.markFormGroup(this.registerForm, 'untouched')\n this.router.navigateByUrl('/professionals-register/installer?type=skills');\n }\n else {\n this.error = true\n this.markFormGroup(this.registerForm, 'touched')\n }\n this.getParams()\n }\n\n markFormGroup(formGroup: FormGroup, type) {\n this.formValidationService.markFormGroup(formGroup, type)\n }\n\n getParams() {\n this.route.queryParams.subscribe((params) => {\n if (params.type) {\n this.type = params.type\n }\n else this.type = 'personal-details'\n });\n\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerRegisterFormComponent } from './installer-register-form.component';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { NgSelectModule } from '@ng-select/ng-select';\nimport { ProfessionalRegisterStepperModule } from '../professional-register-stepper/professional-register-stepper.module';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InstallerRegisterFormComponent],\n imports: [\n CommonModule, SharedModule, FormsModule, ReactiveFormsModule, FormValidationMessageModule, NgSelectModule, ProfessionalRegisterStepperModule\n ],\n exports: [InstallerRegisterFormComponent]\n})\nexport class InstallerRegisterFormModule { }\n","export default \"li {\\n padding-bottom: 12px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1zdXBwb3J0LW1vZGFsL2luc3RhbGxlci1zdXBwb3J0LW1vZGFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2luc3RhbGxlci1zdXBwb3J0LW1vZGFsL2luc3RhbGxlci1zdXBwb3J0LW1vZGFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtBO0VBQ0ksb0JBQUE7QUNKSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvaW5zdGFsbGVyLXN1cHBvcnQtbW9kYWwvaW5zdGFsbGVyLXN1cHBvcnQtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIvLyAjaW1nLTI6OmJlZm9yZSB7XG4vLyAgICAgd2lkdGg6IDc1JTtcbi8vICAgICBjb250ZW50OiB1cmwoXCIuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2luc3RhbGxlci1zdXBwb3J0LW1vZGFsL2ludml0ZS1jdXN0b21lcl8xLmdpZlwiKTtcbi8vIH1cblxubGkge1xuICAgIHBhZGRpbmctYm90dG9tOiAxMnB4O1xufSIsImxpIHtcbiAgcGFkZGluZy1ib3R0b206IDEycHg7XG59Il19 */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-installer-support-modal',\n templateUrl: './installer-support-modal.component.html',\n styleUrls: ['./installer-support-modal.component.scss']\n})\nexport class InstallerSupportModalComponent implements OnInit {\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n\n firstSection: boolean = true\n secondSection: boolean\n innerWidth;\n thirdSection: boolean;\n fourthSection: boolean;\n fifthSection: boolean;\n\n modalTitle: string = 'Welcome to Glowmarkt'\n \n constructor(public activeModal: NgbActiveModal) { }\n\n ngOnInit() {\n this.onResize()\n }\n\n changeSection(section) {\n console.log(section)\n if (section == this.firstSection) {\n \n this.secondSection = true\n this.modalTitle = 'Step 1: Access customer property data '\n this.firstSection = !this.firstSection\n } else if (section = this.secondSection) {\n this.modalTitle = 'Step 1: Access customer property data'\n \n this.thirdSection = true\n this.secondSection = !this.secondSection\n } else if (section = this.thirdSection) {\n this.modalTitle = 'Step 2: View property data'\n\n\n \n this.fourthSection = true\n this.thirdSection = !this.thirdSection\n } else if (section = this.fourthSection) {\n this.modalTitle = 'More coming soon...'\n\n \n this.fifthSection = true\n this.fourthSection = !this.fourthSection\n }\n }\n\n back(section) {\n if (section == this.secondSection) {\n this.secondSection = !this.secondSection\n this.modalTitle = 'Welcome to Glowmarkt'\n this.firstSection = true\n } else if (section == this.thirdSection) {\n this.thirdSection = !this.thirdSection\n this.modalTitle = 'Step 1: Access customer property data'\n this.secondSection = true\n } else if (section == this.fourthSection) {\n this.fourthSection = !this.fourthSection\n this.modalTitle = 'Step 1: Access customer property data'\n this.thirdSection = true\n } else if (section == this.fifthSection) {\n this.modalTitle = 'Step 2: View property data'\n this.fifthSection = !this.fifthSection\n this.fourthSection = true\n }\n }\n\n getNumber() {\n if (this.firstSection) {\n return '1'\n } else if (this.secondSection) {\n return '2'\n } else if (this.thirdSection) {\n return '3'\n } else if (this.fourthSection) {\n return '4'\n } else if (this.fifthSection) {\n return '5'\n }\n }\n\n\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerSupportModalComponent } from './installer-support-modal.component';\nimport { InstallerJourneyInfographicComponent } from '../infographics/installer-journey-infographic/installer-journey-infographic.component';\nimport { InstallerJourneyInfographicModule } from '../infographics/installer-journey-infographic/installer-journey-infographic.module';\n\n\n\n@NgModule({\n declarations: [InstallerSupportModalComponent],\n imports: [\n CommonModule,\n InstallerJourneyInfographicModule\n ],\n exports: [InstallerSupportModalComponent],\n entryComponents: [InstallerSupportModalComponent]\n})\nexport class InstallerSupportModalModule { }\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2ludml0YXRpb24tbW9kYWwvaW52aXRhdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9pbnZpdGF0aW9uLW1vZGFsL2ludml0YXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUk7RUFDSSwyQkFBQTtBQ0RSIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9pbnZpdGF0aW9uLW1vZGFsL2ludml0YXRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcblxuICAgIC5uZy10b3VjaGVkLm5nLWludmFsaWR7XG4gICAgICAgIGJvcmRlcjogc29saWQgI2UzMmI0ZCAwLjVweDtcbiAgICB9XG4gICAgLy8gLm5nLXRvdWNoZWQubmctaW52YWxpZDpub3QoI21zY3MtbnVtYmVyKSB7XG4gICAgLy8gICAgIGJvcmRlcjogc29saWQgcmVkIDAuNXB4O1xuICAgIC8vIH1cbn0iLCJmb3JtIC5uZy10b3VjaGVkLm5nLWludmFsaWQge1xuICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormArray, FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { Utils } from 'src/utils';\n@Component({\n selector: 'app-invitation-modal',\n templateUrl: './invitation-modal.component.html',\n styleUrls: ['./invitation-modal.component.scss'],\n})\nexport class InvitationModalComponent implements OnInit {\n invitationForm: FormGroup;\n hasSchematic;\n loading;\n error: boolean;\n errorMessage;\n emailError: boolean;\n firstSection = false;\n secondSection = false;\n installers = [];\n missingData;\n user;\n selectedService;\n schematicDocId;\n estimateRequestId;\n username;\n dropdownOptions;\n schematicDoc;\n successMessage: boolean;\n lastMonth;\n lastYear;\n completedSchematics;\n @Input() validVEs;\n @Input() invalidVEs;\n @Input() customerToInstallerInvitation: boolean;\n @Input() installerToCustomerInvitation: boolean;\n constructor(\n public activeModal: NgbActiveModal,\n private formValidationService: FormValidationService,\n private glowService: GlowService,\n private fb: FormBuilder,\n private auth: AuthenticationService,\n private serviceSelector: ServiceSelectorSvc,\n private invitationsService: InvitationsService,\n private schematicsService: SchematicsService\n ) { }\n\n ngOnInit() {\n \n this.invitationForm = this.fb.group({\n installers: ['', [this.customerToInstallerInvitation ? Validators.required : Validators.nullValidator]],\n installationDate: ['', [Validators.required]],\n spaceHotWaterTank: ['', [Validators.required]],\n selectedService: ['', [Validators.required]],\n radiatorSchematic: ['', [Validators.required]],\n newRadiatorsInstalled: ['', [Validators.required]],\n });\n if (this.validVEs) this.firstSection = true;\n this.selectedService = this.serviceSelector.getSelectedService();\n // this.invitationForm.get('selectedService').patchValue(this.dropdownOptions[0].name)\n this.getAssessmentPeriodsDate()\n if (this.selectedService && this.selectedService.veId) {\n this.schematicsService.getDocumentList(this.selectedService.veId).then((doc) => (this.schematicDoc = doc))\n }\n // this.getSchematicsByStatus()\n\n }\n\n \n getSchematics() {\n this.getSchematicsByStatus()\n }\n\n async getSchematicsByStatus() {\n // console.log(this.invitationForm)\n const documentList = await this.schematicsService.getSchematicsByStatus('complete', this.invitationForm.value.selectedService)\n this.completedSchematics = documentList\n // console.log(this.completedSchematics)\n }\n\n createInstallerGroup() {\n return this.fb.group({\n installerEmail: ['', [Validators.required]],\n });\n }\n\n showNextSection() {\n this.firstSection = false;\n this.secondSection = true;\n }\n selectSchematic(doc) {\n const schematicControl = this.invitationForm.controls['radiatorSchematic']\n schematicControl.setValue(doc)\n schematicControl.markAsTouched()\n }\n\n getValidVesToDisplay(ve) {\n return this.validVEs.find((virtualEntity) => virtualEntity.veId === ve.veId);\n }\n\n sendInvitation() {\n // console.log(this.invitationForm)\n if (this.invitationForm.valid) {\n if (this.customerToInstallerInvitation) {\n this.invitationForm.value.installers.forEach((installer) => {\n this.generateEstimateRequest(installer.value);\n });\n } else {\n if (this.installerToCustomerInvitation) {\n this.updateEstimateRequest();\n }\n }\n } else {\n this.invitationForm.markAllAsTouched();\n this.errorMessage = 'Please complete form';\n }\n }\n\n checkEmailValidity(installerArray) {\n this.emailError = false;\n let sanitisedEmails = [];\n installerArray.forEach((obj) => {\n //rid of white space\n sanitisedEmails.push({ value: obj['value'].replace(/[ \\t]+$/, '') });\n });\n this.installers = sanitisedEmails;\n // console.log(sanitisedEmails)\n sanitisedEmails.forEach((obj) => {\n if (FormValidator.isEmailValid(obj)) {\n this.emailError = true;\n // console.log(this.emailError)\n }\n });\n }\n\n setInstallerEmail(event) {\n // console.log(event)\n this.installers = event;\n this.checkEmailValidity(event);\n }\n\n checkFormValidity(formControlName, translateKey?) {\n return this.formValidationService.checkFormValidity(this.invitationForm, formControlName, translateKey);\n }\n\n resetError(formControl) {\n this.invitationForm.controls[formControl].markAsUntouched();\n this.error = false;\n }\n\n getDateIn30Days() {\n return Utils.getDateIn30Days();\n }\n\n getAssessmentPeriodsDate() {\n var date = new Date(new Date().setMonth(new Date().getMonth() - 1));\n this.lastMonth = new Date(date.getFullYear(), date.getMonth() + 1, 0).toISOString().split('T')[0] + 'T23:59:59';\n\n var t = new Date();\n let lastYear = new Date(new Date(new Date(t.setFullYear(t.getFullYear() - 1))).setDate(1));\n this.lastYear = new Date(lastYear).toISOString().split('T')[0] + 'T00:00:00';\n }\n\n updateEstimateRequest() {\n this.loading = true;\n const selectedService = this.dropdownOptions.find((ss) => {\n return this.invitationForm.value.selectedService == ss.veId;\n });\n const body = {\n estimateRequestState: 'estimate-request-accepted-by-user',\n assessmentPeriodStart: this.lastYear,\n assessmentPeriodEnd: this.lastMonth,\n overview: {\n hotWaterTankSpace: this.invitationForm.value.spaceHotWaterTank == 'Yes' ? true : false,\n newRadiatorsFitted: this.invitationForm.value.newRadiatorsInstalled == 'Yes' ? true : false,\n installationDate: this.invitationForm.value.installationDate,\n },\n heatingSystem: {\n veDocId: this.schematicDoc[0].documentId,\n },\n };\n this.glowService.updateEstimateRequest(body, this.estimateRequestId, selectedService.veId).subscribe((resp) => {\n if (!resp.valid) {\n this.error = true;\n this.errorMessage = 'Unable to send invitation';\n this.invitationsService.getAllEstimateRequests();\n this.loading = false;\n } else {\n this.invitationsService.getAllEstimateRequests().then(resp => {\n this.loading = false\n this.activeModal.dismiss()\n this.error = false\n })\n\n }\n });\n }\n\n generateEstimateRequest(installer) {\n // this.error = false\n // console.log(this.invitationForm)\n const selectedService = this.dropdownOptions.find((ss) => {\n return this.invitationForm.value.selectedService == ss.veId;\n });\n const body = {\n username: this.username,\n estimateType: 'heat-pump-estimate',\n initiatedBy: 'customer',\n professionalUsername: installer,\n needsToBeAcceptedBy: this.getDateIn30Days(),\n assessmentPeriodStart: this.lastYear,\n assessmentPeriodEnd: this.lastMonth,\n overview: {\n hotWaterTankSpace: this.invitationForm.value.spaceHotWaterTank == 'Yes' ? true : false,\n newRadiatorsFitted: this.invitationForm.value.newRadiatorsInstalled == 'Yes' ? true : false,\n installationDate: this.invitationForm.value.installationDate,\n },\n heatingSystem: {\n veDocId: this.invitationForm.value.radiatorSchematic.documentId\n }\n }\n this.glowService.createEstimateRequest(body, selectedService.veId).subscribe((resp) => {\n this.loading = true;\n if (!resp.valid) {\n this.error = true;\n this.loading = false;\n this.errorMessage = 'Unable to send invitation';\n this.invitationsService.getAllEstimateRequests();\n } else {\n this.loading = false;\n this.error = false;\n this.invitationsService.getAllEstimateRequests();\n this.successMessage = true;\n\n // this.activeModal.dismiss()\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InvitationModalComponent } from './invitation-modal.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { FileUploadModule } from '../file-upload/file-upload.module';\nimport { RadiatorSchematicCardModule } from '../radiator-schematic-card/radiator-schematic-card.module';\n\n\n\n@NgModule({\n declarations: [InvitationModalComponent],\n imports: [\n CommonModule,\n SharedModule, FormValidationMessageModule, FileUploadModule, FormValidationMessageModule, RadiatorSchematicCardModule\n ],\n exports: [InvitationModalComponent],\n entryComponents: [InvitationModalComponent],\n})\nexport class InvitationModalModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1iYW5uZXIvbGFuZGluZy1iYW5uZXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { CookieService } from 'ngx-cookie-service';\nimport { NgcCookieConsentService } from 'ngx-cookieconsent';\n\n@Component({\n selector: 'app-landing-banner',\n templateUrl: './landing-banner.component.html',\n styleUrls: ['./landing-banner.component.scss'],\n})\n\nexport class LandingBannerComponent implements OnInit {\n\n formInfo: FormGroup;\n regions = [\n 'Greater London',\n 'South East',\n 'South West',\n 'West Midlands',\n 'North West',\n 'North East',\n 'Yorkshire and the Humber',\n 'East Midlands',\n 'East of England',\n ];\n modalReference: any\n isRegisterSuccessfull = false\n bannerText = \"Are you an Installer? Stay updated on new features!\"\n cookieClass: boolean = false;\n\n constructor(\n private modalService: NgbModal,\n private formBuilder: FormBuilder,\n private strapiService: StrapiService,\n private ccService: NgcCookieConsentService\n ) {\n this.formInfo = this.formBuilder.group({\n firstName: ['', [Validators.required]],\n lastName: ['', Validators.required],\n email: [\n '',\n [\n Validators.required,\n Validators.pattern(\n /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/\n ),\n ],\n ],\n region: ['', Validators.required],\n businessName: ['', Validators.required],\n });\n\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n this.cookieClass = true\n }\n }\n\n ngOnInit() { }\n open(content) {\n this.modalReference = this.modalService.open(content, { ariaLabelledBy: 'Register modal' });\n }\n\n async register() {\n const response = await this.strapiService.addUpdatesInstallerSubscriber(this.formInfo.value)\n this.modalReference.close();\n this.bannerText = \"Thanks for registering!\"\n this.isRegisterSuccessfull = true\n this.sendGAEvent({ event: 'signUp' })\n // this.cookieService.set('preliminaryRegister', \"successfull\");\n }\n\n sendGAEvent(params) {\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n window.dataLayer.push(params)\n }\n }\n\n}","export default \".card-img-overlay {\\n background-image: linear-gradient(to bottom, rgba(116, 116, 116, 0), rgba(5, 5, 5, 0.851));\\n}\\n\\n*, *::before, *::after {\\n border-radius: 50% !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY2Fyb3VzZWwtY2FyZC9sYW5kaW5nLWNhcm91c2VsLWNhcmQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jYXJvdXNlbC1jYXJkL2xhbmRpbmctY2Fyb3VzZWwtY2FyZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLDBGQUNBO0FDQUo7O0FER0E7RUFDSSw2QkFBQTtBQ0FKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9sYW5kaW5nLWNhcm91c2VsLWNhcmQvbGFuZGluZy1jYXJvdXNlbC1jYXJkLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNhcmQtaW1nLW92ZXJsYXkge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6XG4gICAgbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgxMTYsIDExNiwgMTE2LCAwKSwgcmdiYSg1LCA1LCA1LCAwLjg1MSkpIFxuICBcbn1cbiosICo6OmJlZm9yZSwgKjo6YWZ0ZXIge1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJSAhaW1wb3J0YW50O1xufSIsIi5jYXJkLWltZy1vdmVybGF5IHtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgcmdiYSgxMTYsIDExNiwgMTE2LCAwKSwgcmdiYSg1LCA1LCA1LCAwLjg1MSkpO1xufVxuXG4qLCAqOjpiZWZvcmUsICo6OmFmdGVyIHtcbiAgYm9yZGVyLXJhZGl1czogNTAlICFpbXBvcnRhbnQ7XG59Il19 */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-landing-carousel-card',\n templateUrl: './landing-carousel-card.component.html',\n styleUrls: ['./landing-carousel-card.component.scss'],\n})\nexport class LandingCarouselCardComponent implements OnInit {\n @Input() content;\n @Input() type;\n innerWidth;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {\n this.onResize();\n }\n\n contentRelativePath() {\n return `/home/${this.type}/${this.content.attributes.slug}`;\n }\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content);\n return { 'background-image': `url(${url})` };\n }\n}\n","export default \".carousel-text {\\n width: 50%;\\n}\\n\\nimg {\\n width: 60%;\\n}\\n\\n.carousel.carousel-control-prev, .carousel-control-next {\\n bottom: 90% !important;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n .carousel-text {\\n width: 100%;\\n }\\n\\n img {\\n width: 80%;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY2Fyb3VzZWwvbGFuZGluZy1jYXJvdXNlbC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9sYW5kaW5nLWNhcm91c2VsL2xhbmRpbmctY2Fyb3VzZWwuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDSSxVQUFBO0FDREo7O0FES0E7RUFDSSxVQUFBO0FDRko7O0FESUE7RUFDSSxzQkFBQTtBQ0RKOztBRElBO0VBRUE7SUFDSSxXQUFBO0VDRkY7O0VES0E7SUFDRSxVQUFBO0VDRkY7QUFDRiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jYXJvdXNlbC9sYW5kaW5nLWNhcm91c2VsLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiXG5cbi5jYXJvdXNlbC10ZXh0e1xuICAgIHdpZHRoOiA1MCVcblxufVxuXG5pbWd7XG4gICAgd2lkdGg6IDYwJVxufVxuLmNhcm91c2VsLmNhcm91c2VsLWNvbnRyb2wtcHJldiwgLmNhcm91c2VsLWNvbnRyb2wtbmV4dCB7XG4gICAgYm90dG9tOiA5MCUgIWltcG9ydGFudDtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOjU3NnB4KSB7XG5cbi5jYXJvdXNlbC10ZXh0e1xuICAgIHdpZHRoOiAxMDAlXG5cbn1cbiAgaW1ne1xuICAgIHdpZHRoOiA4MCVcbiAgfVxufSIsIi5jYXJvdXNlbC10ZXh0IHtcbiAgd2lkdGg6IDUwJTtcbn1cblxuaW1nIHtcbiAgd2lkdGg6IDYwJTtcbn1cblxuLmNhcm91c2VsLmNhcm91c2VsLWNvbnRyb2wtcHJldiwgLmNhcm91c2VsLWNvbnRyb2wtbmV4dCB7XG4gIGJvdHRvbTogOTAlICFpbXBvcnRhbnQ7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTc2cHgpIHtcbiAgLmNhcm91c2VsLXRleHQge1xuICAgIHdpZHRoOiAxMDAlO1xuICB9XG5cbiAgaW1nIHtcbiAgICB3aWR0aDogODAlO1xuICB9XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbCarouselConfig, NgbCarouselModule } from '@ng-bootstrap/ng-bootstrap';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-landing-carousel',\n templateUrl: './landing-carousel.component.html',\n styleUrls: ['./landing-carousel.component.scss'],\n providers: [NgbCarouselConfig],\n})\nexport class LandingCarouselComponent implements OnInit {\n showNavigationArrows = false;\n showNavigationIndicators = false;\n featuredContent;\n loading=true;\n constructor(config: NgbCarouselConfig, private strapiService: StrapiService) {\n config.showNavigationArrows = true;\n config.showNavigationIndicators = true;\n config.wrap = true;\n config.interval = 5000;\n\n\n this.getFeaturedContent().then((allContent) => {\n // this.allContent = this.formatContentArray(allContent);\n this.loading=false;\n this.featuredContent = allContent;\n });\n }\n\n ngOnInit(): void {}\n\n async getFeaturedContent() {\n const content = await this.strapiService.getContentBySlug('tags', 'featured');\n return content;\n }\n}\n","export default \"@media only screen and (max-width: 768px) {\\n h4 {\\n font-size: 1.25rem;\\n }\\n\\n .view-more {\\n font-size: 1rem;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY29tbXVuaXRpZXMtY29udGVudC9sYW5kaW5nLWNvbW11bml0aWVzLWNvbnRlbnQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jb21tdW5pdGllcy1jb250ZW50L2xhbmRpbmctY29tbXVuaXRpZXMtY29udGVudC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNBO0lBQ0ksa0JBQUE7RUNDRjs7RURDRjtJQUNJLGVBQUE7RUNFRjtBQUNGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9sYW5kaW5nLWNvbW11bml0aWVzLWNvbnRlbnQvbGFuZGluZy1jb21tdW5pdGllcy1jb250ZW50LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuaDQge1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbn1cbi52aWV3LW1vcmUge1xuICAgIGZvbnQtc2l6ZTogMXJlbTtcbn1cbn1cblxuIiwiQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjhweCkge1xuICBoNCB7XG4gICAgZm9udC1zaXplOiAxLjI1cmVtO1xuICB9XG5cbiAgLnZpZXctbW9yZSB7XG4gICAgZm9udC1zaXplOiAxcmVtO1xuICB9XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\nimport _ from 'underscore';\n\nexport type CommunityLayout = 'leftVerticalHero' | 'rightHorizontalHero';\n\n@Component({\n selector: 'app-landing-communities-content',\n templateUrl: './landing-communities-content.component.html',\n styleUrls: ['./landing-communities-content.component.scss'],\n})\nexport class LandingCommunitiesContentComponent implements OnInit {\n @Input() community;\n @Input() layout: CommunityLayout;\n featuredContent: any[] = [];\n heroContent: any;\n\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {\n this.featuredContent = this.getFeaturedContent(this.community)\n .flat()\n .filter((c) => c);\n\n }\n goToCommunityPage() {\n return `/community/${this.community.attributes.slug}`;\n }\n\n getFeaturedContent(community) {\n const featuredArticles = community.attributes.featured_articles\n ? community.attributes.featured_articles.data.map((article) =>\n Object.assign(article, { contentType: 'articles' })\n )\n : [];\n const featuredBlogs = community.attributes.featured_blogs\n ? community.attributes.featured_blogs.data.map((blog) => Object.assign(blog, { contentType: 'blogs' }))\n : [];\n const featuredTutorials = community.attributes.featured_tutorials\n ? community.attributes.featured_tutorials.data.map((tutorial) =>\n Object.assign(tutorial, { contentType: 'tutorials' })\n )\n : [];\n const featuredInfographics = community.attributes.featured_infographics\n ? community.attributes.featured_infographics.data.map((infographic) =>\n Object.assign(infographic, { contentType: 'infographics' })\n )\n : [];\n return _.zip(featuredArticles, featuredBlogs, featuredTutorials, featuredInfographics);\n }\n\n}\n","export default \".horizontal-cards:not(:last-child) {\\n border-right: solid 1px #E7E7E9;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY29tbXVuaXR5LWxheW91dHMvbGVmdC1ob3Jpem9udGFsLWhlcm8vbGVmdC1ob3Jpem9udGFsLWhlcm8uY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jb21tdW5pdHktbGF5b3V0cy9sZWZ0LWhvcml6b250YWwtaGVyby9sZWZ0LWhvcml6b250YWwtaGVyby5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLCtCQUFBO0FDQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY29tbXVuaXR5LWxheW91dHMvbGVmdC1ob3Jpem9udGFsLWhlcm8vbGVmdC1ob3Jpem9udGFsLWhlcm8uY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaG9yaXpvbnRhbC1jYXJkczpub3QoOmxhc3QtY2hpbGQpe1xuICAgIGJvcmRlci1yaWdodDogc29saWQgMXB4ICNFN0U3RTk7XG59IiwiLmhvcml6b250YWwtY2FyZHM6bm90KDpsYXN0LWNoaWxkKSB7XG4gIGJvcmRlci1yaWdodDogc29saWQgMXB4ICNFN0U3RTk7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-left-horizontal-hero',\n templateUrl: './left-horizontal-hero.component.html',\n styleUrls: ['./left-horizontal-hero.component.scss'],\n})\nexport class LeftHorizontalHeroComponent implements OnInit {\n @Input() allContent: any[] = [];\n @Input() heroContent: any;\n sideContent = [];\n bottomContent;\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {\n this.sideContent = this.allContent.length == 4 ? this.allContent.slice(0, 2) : this.allContent.slice(0, 3);\n this.bottomContent = this.allContent.length == 4 ? this.allContent.slice(2) : this.allContent.slice(3);\n }\n contentRelativePath(content: any) {\n return `/home/${content.contentType}/${content.attributes.slug}`;\n }\n\n getTimeToRead(content) {\n if (content.contentType === 'tutorials') {\n let totalMin = 1;\n content.attributes.tutorial_sections.data.forEach((c: any) => {\n totalMin = totalMin + Utils.getTimeToRead(c.attributes.content);\n });\n return totalMin;\n } else {\n return content.attributes.content ? Utils.getTimeToRead(content.attributes.content) : 3;\n }\n }\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content);\n return { 'background-image': `url(${url})` };\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jb21tdW5pdHktbGF5b3V0cy9sZWZ0LXZlcnRpY2FsLWhlcm8vbGVmdC12ZXJ0aWNhbC1oZXJvLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-left-vertical-hero',\n templateUrl: './left-vertical-hero.component.html',\n styleUrls: ['./left-vertical-hero.component.scss'],\n})\nexport class LeftVerticalHeroComponent implements OnInit {\n @Input() allContent;\n @Input() heroContent:any\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {}\n\n contentRelativePath(content: any) {\n return `/home/${content.contentType}/${content.attributes.slug}`;\n }\n\n\n getTimeToRead(content) {\n if (content.contentType === 'tutorials') {\n let totalMin = 1;\n content.attributes.tutorial_sections.data.forEach((c: any) => {\n totalMin = totalMin + Utils.getTimeToRead(c.attributes.content);\n });\n return totalMin;\n } else {\n return content.attributes.content?Utils.getTimeToRead(content.attributes.content):3\n }\n }\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content);\n return { 'background-image': `url(${url})` };\n }\n}\n","export default \".horizontal-cards:not(:last-child) {\\n border-right: solid 1px #E7E7E9;\\n}\\n\\n.card {\\n height: 100% !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctY29tbXVuaXR5LWxheW91dHMvcmlnaHQtaG9yaXpvbnRhbC1oZXJvL3JpZ2h0LWhvcml6b250YWwtaGVyby5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9sYW5kaW5nLWNvbW11bml0eS1sYXlvdXRzL3JpZ2h0LWhvcml6b250YWwtaGVyby9yaWdodC1ob3Jpem9udGFsLWhlcm8uY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSwrQkFBQTtBQ0NKOztBREVBO0VBQ0ksdUJBQUE7QUNDSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1jb21tdW5pdHktbGF5b3V0cy9yaWdodC1ob3Jpem9udGFsLWhlcm8vcmlnaHQtaG9yaXpvbnRhbC1oZXJvLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmhvcml6b250YWwtY2FyZHM6bm90KDpsYXN0LWNoaWxkKXtcbiAgICBib3JkZXItcmlnaHQ6IHNvbGlkIDFweCAjRTdFN0U5O1xufVxuXG4uY2FyZHtcbiAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbn0iLCIuaG9yaXpvbnRhbC1jYXJkczpub3QoOmxhc3QtY2hpbGQpIHtcbiAgYm9yZGVyLXJpZ2h0OiBzb2xpZCAxcHggI0U3RTdFOTtcbn1cblxuLmNhcmQge1xuICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbn0iXX0= */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-right-horizontal-hero',\n templateUrl: './right-horizontal-hero.component.html',\n styleUrls: ['./right-horizontal-hero.component.scss'],\n})\nexport class RightHorizontalHeroComponent implements OnInit {\n @Input() content: any[] = [];\n @Input() heroContent: any;\n displayImageUrl;\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {}\n ngOnChanges() {\n this.displayImageUrl = this.getDisplayImageUrl(this.content);\n }\n\n contentRelativePath(content: any) {\n return `/home/${content.contentType}/${content.attributes.slug}`;\n }\n\n getTimeToRead(content) {\n if (content.contentType === 'tutorials') {\n let totalMin = 1;\n content.attributes.tutorial_sections.data.forEach((c: any) => {\n totalMin = totalMin + Utils.getTimeToRead(c.attributes.content);\n });\n return totalMin;\n } else {\n return content.attributes.content ? Utils.getTimeToRead(content.attributes.content) : 3;\n }\n }\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content);\n return { 'background-image': `url(${url})` };\n }\n}\n","export default \"@media only screen and (max-width: 575px) {\\n .col-sm-4 {\\n padding-top: 10px;\\n width: 75%;\\n }\\n}\\n.input-group-text {\\n background-color: #eeeeee;\\n border: 1px solid #e2e1e1;\\n border-radius: 75px 0px 0px 75px;\\n color: #b6b6b6;\\n}\\n.ng-select {\\n width: 100%;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctc2VhcmNoYmFyL2xhbmRpbmctc2VhcmNoYmFyLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctc2VhcmNoYmFyL2xhbmRpbmctc2VhcmNoYmFyLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0E7SUFDSSxpQkFBQTtJQUNBLFVBQUE7RUNDRjtBQUNGO0FERUE7RUFDSSx5QkFBQTtFQUNBLHlCQUFBO0VBQ0EsZ0NBQUE7RUFDQSxjQUFBO0FDQUo7QURHQTtFQUNJLFdBQUE7QUNBSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1zZWFyY2hiYXIvbGFuZGluZy1zZWFyY2hiYXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGggOiA1NzVweCl7XG4uY29sLXNtLTR7IFxuICAgIHBhZGRpbmctdG9wOjEwcHg7XG4gICAgd2lkdGg6IDc1JTtcbn1cbn1cblxuLmlucHV0LWdyb3VwLXRleHQge1xuICAgIGJhY2tncm91bmQtY29sb3I6I2VlZWVlZTsgXG4gICAgYm9yZGVyOiAxcHggc29saWQgI2UyZTFlMTsgXG4gICAgYm9yZGVyLXJhZGl1czogNzVweCAwcHggMHB4IDc1cHg7IFxuICAgIGNvbG9yOiByZ2IoMTgyLCAxODIsIDE4MikgXG59XG5cbi5uZy1zZWxlY3Qge1xuICAgIHdpZHRoOiAxMDAlXG59IiwiQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzVweCkge1xuICAuY29sLXNtLTQge1xuICAgIHBhZGRpbmctdG9wOiAxMHB4O1xuICAgIHdpZHRoOiA3NSU7XG4gIH1cbn1cbi5pbnB1dC1ncm91cC10ZXh0IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2VlZWVlZTtcbiAgYm9yZGVyOiAxcHggc29saWQgI2UyZTFlMTtcbiAgYm9yZGVyLXJhZGl1czogNzVweCAwcHggMHB4IDc1cHg7XG4gIGNvbG9yOiAjYjZiNmI2O1xufVxuXG4ubmctc2VsZWN0IHtcbiAgd2lkdGg6IDEwMCU7XG59Il19 */\"","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NgSelectComponent } from '@ng-select/ng-select';\nimport { set } from 'core-js/core/dict';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { SearchService } from 'src/app/services/search.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-landing-searchbar',\n templateUrl: './landing-searchbar.component.html',\n styleUrls: ['./landing-searchbar.component.scss'],\n})\nexport class LandingSearchbarComponent implements OnInit {\n @Output() searchResults = new EventEmitter();\n @Output() searchParameters = new EventEmitter();\n @Input() placeholder: string = 'Search Glowmarkt by tags or keywords...';\n @Input() communityTag: string;\n @Input() searchBarClass: string = '';\n //set isDropdownOpen to null for normal behaviour, set to true fo always open, set to false for always closed\n @Input() isDropdownOpen: boolean = false;\n @Output() state = new EventEmitter();\n @ViewChild('ngSelect', { static: true }) ngSelect: NgSelectComponent;\n tags!: any[];\n results: any[] | boolean = [];\n searchTerm = '';\n tagsToFilter = [];\n selectedTags = [];\n\n searchParametersForm: FormGroup;\n currentSearchTerm = '';\n\n community = '';\n constructor(\n private landingService: LandingService,\n private router: Router,\n private searchService: SearchService,\n private strapiService: StrapiService,\n private fb: FormBuilder\n ) {}\n\n ngOnInit(): void {\n // this.searchService.updateSearchSettingsForSearchableContent()\n // this.strapiService.getAllOfContentType('tags').then((tags) => (this.tags = tags));\n this.initSearchParametersForm();\n }\n\n initSearchParametersForm() {\n this.searchParametersForm = this.fb.group({\n searchParameters: [[], Validators.required],\n });\n }\n\n processCurrentSearchTerm(event) {\n this.currentSearchTerm = event.items[0];\n if (\n event.items.length == 1 &&\n event.term.toLowerCase().split(' ').join('') === this.currentSearchTerm.toLowerCase().split(' ').join('')\n ) {\n this.setTagsAndSearchTerm([this.currentSearchTerm]);\n } else {\n this.setTagsAndSearchTerm([{ label: event.term }]);\n }\n }\n\n focusSearchBar() {\n this.ngSelect.focus()\n }\n\n async searchAllContent() {\n if (this.searchTerm || this.tagsToFilter.length) {\n this.results = await this.searchService.filterAllContentWithTags('landing', this.searchTerm, this.tagsToFilter);\n this.emitSearchResults();\n // if (!this.searchTerm.length) {\n // this.emitSearchResults();\n // }\n } else {\n this.results = [];\n this.emitSearchResults();\n }\n }\n\n redirectToSearchResultsPage() {\n this.emitCloseMenu('true');\n // console.log('redirectToSearchResultsPage');\n const tagsAsString =\n this.communityTag && !this.tagsToFilter.includes(this.communityTag)\n ? `${this.communityTag},${this.tagsToFilter.join(',')}`\n : this.tagsToFilter.join(',');\n this.router.navigateByUrl(`search?q[s]=${this.searchTerm}&&q[tags]=${tagsAsString}`);\n }\n\n setTagsAndSearchTerm(tags: any[], community?: string) {\n const tagsWithoutNull = tags.filter((tag) => tag && (typeof tag === 'string' || tag.label));\n if (tags.length || tagsWithoutNull.length) {\n this.community = community ? community : '';\n this.tagsToFilter = tagsWithoutNull.filter((tag) => typeof tag === 'string');\n this.searchTerm = tagsWithoutNull\n .filter((tag) => typeof tag != 'string')\n .map((tag) => tag.label)\n .join(' ');\n }\n return tagsWithoutNull;\n }\n\n setSearchParameters(tags: any[], community?: string) {\n const tagsWithoutNull = this.setTagsAndSearchTerm(tags, community);\n if (tags.length || tagsWithoutNull.length) {\n this.searchParametersForm.setValue({ searchParameters: tagsWithoutNull });\n }\n this.emitSearchParameters();\n }\n\n async setSearchParametersAndSearch(tags: any[], community?: string) {\n this.setSearchParameters(tags, community);\n this.redirectToSearchResultsPage();\n }\n\n emitSearchResults(results = this.results) {\n this.searchResults.emit({\n results: results,\n searchTerm: this.searchTerm,\n tagsToFilter: this.tagsToFilter,\n communityTag: this.getCommunityFiltered(),\n });\n }\n\n emitSearchParameters(tags = this.searchParametersForm.value.searchParameters) {\n this.searchParameters.emit({\n tags: tags,\n searchTerm: this.searchTerm,\n tagsToFilter: this.tagsToFilter,\n communityTag: this.getCommunityFiltered(),\n });\n }\n\n getCommunityFiltered() {\n if (this.tagsToFilter && this.tagsToFilter.length && this.tags && this.tags.length) {\n const communityTags = this.tagsToFilter.filter((tag) => {\n const t = this.tags.filter((ft) => ft.attributes.title == tag)[0];\n return t && t.attributes.isCommunity;\n });\n return communityTags[0];\n }\n }\n\n // navigateToContent(content) {\n // const idFragments = content.id.split('-');\n // this.landingService.setContentToDisplayId(idFragments[idFragments.length - 1]);\n // idFragments.pop();\n // this.router.navigateByUrl(`home/${idFragments.join('-')}/${content.title}`);\n // }\n\n emitCloseMenu(value: string) {\n this.state.emit(value);\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { LandingSearchbarComponent } from './landing-searchbar.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [LandingSearchbarComponent],\n imports: [\n CommonModule,\n SharedModule\n ],\n exports: [LandingSearchbarComponent]\n})\nexport class LandingSearchBarModule { }","export default \".list-group-item {\\n border: none;\\n padding: 0px;\\n margin: none;\\n}\\n\\n.community-text {\\n font-size: 1rem;\\n font-weight: 500;\\n}\\n\\np {\\n font-size: 0.8rem;\\n}\\n\\n.btn {\\n letter-spacing: 0px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xhbmRpbmctc2lkZWJhci9sYW5kaW5nLXNpZGViYXIuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1zaWRlYmFyL2xhbmRpbmctc2lkZWJhci5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLFlBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtBQ0NKOztBREVBO0VBQ0ksZUFBQTtFQUNBLGdCQUFBO0FDQ0o7O0FEQ0E7RUFDSSxpQkFBQTtBQ0VKOztBREFBO0VBQ0csbUJBQUE7QUNHSCIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbGFuZGluZy1zaWRlYmFyL2xhbmRpbmctc2lkZWJhci5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5saXN0LWdyb3VwLWl0ZW17XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmc6IDBweDtcbiAgICBtYXJnaW46bm9uZTtcbn1cblxuLmNvbW11bml0eS10ZXh0IHtcbiAgICBmb250LXNpemU6IDFyZW07XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cbnB7XG4gICAgZm9udC1zaXplOiAwLjhyZW07XG59XG4uYnRuIHtcbiAgIGxldHRlci1zcGFjaW5nOiAwcHg7XG59IiwiLmxpc3QtZ3JvdXAtaXRlbSB7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZzogMHB4O1xuICBtYXJnaW46IG5vbmU7XG59XG5cbi5jb21tdW5pdHktdGV4dCB7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxucCB7XG4gIGZvbnQtc2l6ZTogMC44cmVtO1xufVxuXG4uYnRuIHtcbiAgbGV0dGVyLXNwYWNpbmc6IDBweDtcbn0iXX0= */\"","import { Component, OnInit, Output, EventEmitter, Input, SimpleChanges } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-landing-sidebar',\n templateUrl: './landing-sidebar.component.html',\n styleUrls: ['./landing-sidebar.component.scss'],\n})\nexport class LandingSidebarComponent implements OnInit {\n @Output() selectCommunity = new EventEmitter();\n @Input()communityTag\n communities = [];\n selectedCommunity:any\n constructor(private strapiService: StrapiService) {\n }\n\n ngOnInit() {\n this.getCommunities().then(communities=> this.communities = communities)\n }\n\n ngOnChanges(changes:SimpleChanges){\n this.selectedCommunity=this.getCommunityFromTag(changes.communityTag.currentValue)\n }\n // async getCommunityTags() {\n // const tags = await this.strapiService.getAllOfContentType('tags');\n // this.communities = tags.filter((tag) => tag.attributes.isCommunity);\n // }\n\n getCommunityFromTag(tagTitle){\n return this.communities.filter(community=>community.attributes.name==tagTitle)[0]\n }\n\n async getCommunities(){\n const communities = await this.strapiService.getAllOfContentType(\"communities\")\n return communities\n }\n\n emitSelectedCommunity(community){\n this.selectedCommunity=community\n this.selectCommunity.emit(community)\n }\n}\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xvY2FsLWF1dGhvcml0eS1yZWdpc3Rlci1mb3JtL2xvY2FsLWF1dGhvcml0eS1yZWdpc3Rlci1mb3JtLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2xvY2FsLWF1dGhvcml0eS1yZWdpc3Rlci1mb3JtL2xvY2FsLWF1dGhvcml0eS1yZWdpc3Rlci1mb3JtLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVJO0VBQ0ksMkJBQUE7QUNEUiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbG9jYWwtYXV0aG9yaXR5LXJlZ2lzdGVyLWZvcm0vbG9jYWwtYXV0aG9yaXR5LXJlZ2lzdGVyLWZvcm0uY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcblxuICAgIC5uZy10b3VjaGVkLm5nLWludmFsaWR7XG4gICAgICAgIGJvcmRlcjogc29saWQgI2UzMmI0ZCAwLjVweDtcbiAgICB9XG5cbn0iLCJmb3JtIC5uZy10b3VjaGVkLm5nLWludmFsaWQge1xuICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { FormValidator } from 'src/app/services/user-validators';\n\n@Component({\n selector: 'app-local-authority-register-form',\n templateUrl: './local-authority-register-form.component.html',\n styleUrls: ['./local-authority-register-form.component.scss']\n})\nexport class LocalAuthorityRegisterFormComponent implements OnInit {\n registerForm: FormGroup\n loadObj;\n viewPassword: boolean = false;\n\n error;\n constructor(private formBuilder: FormBuilder,\n private professionalGlowService: ProfessionalGlowService,\n private formValidationService: FormValidationService, private glowService: GlowService, private router: Router) {\n this.registerForm = this.formBuilder.group({\n firstName: ['', [Validators.required]],\n lastName: ['', [Validators.required]],\n workEmail: ['', [Validators.required, FormValidator.isEmailValid]],\n password: ['', [Validators.required, FormValidator.isPasswordStrong]],\n confirmPassword: ['', [Validators.required, FormValidator.isPasswordSame]],\n localAuthority: ['', [Validators.required]],\n jobRole: ['', Validators.required],\n role: ['Local Authority', Validators.required],\n\n })\n }\n\n ngOnInit() {\n }\n checkFormValidity(formControlName, translateKey?) {\n\n return this.formValidationService.checkFormValidity(this.registerForm, formControlName, translateKey)\n\n }\n doRegister() {\n const role = this.registerForm.get('role').value;\n const firstName = this.registerForm.get('firstName').value;\n const lastName = this.registerForm.get('lastName').value;\n const workEmail = this.registerForm.get('workEmail').value;\n const password = this.registerForm.get('password').value;\n const jobRole = this.registerForm.get('jobRole').value;\n const businessName = this.registerForm.get('localAuthority').value;\n\n // console.log(this.registerForm)\n const body = { role, firstName, lastName, workEmail, password, jobRole, businessName }\n if (this.registerForm.valid) {\n // console.log(body)\n this.professionalGlowService.registerServiceAgent(body).subscribe(\n (response) => {\n // console.log('registerServiceAgent', response);\n if (response.valid) {\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loaded: true,\n loadedMessage: 'Professional account successfully created.',\n };\n this.router.navigateByUrl('/login')\n } else {\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loadError: true,\n errorString: 'Failed to create a professional account.',\n };\n }\n },\n (errResp) => {\n console.warn(errResp.error.error);\n this.loadObj = {\n ...this.loadObj,\n loading: false,\n loadError: true,\n errorString: 'Failed to create a professional account.',\n };\n }\n );\n } else\n this.error = true\n this.formValidationService.markFormGroup(this.registerForm, 'touched')\n\n }\n resetError() {\n\n this.error = false\n }\n togglePassword(viewPassword) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LocalAuthorityRegisterFormComponent } from './local-authority-register-form.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\n\n\n\n@NgModule({\n declarations: [LocalAuthorityRegisterFormComponent],\n imports: [\n CommonModule, SharedModule, FormValidationMessageModule\n ],\n exports: [LocalAuthorityRegisterFormComponent]\n})\nexport class LocalAuthorityRegisterFormModule { }\n","export default \".logo-text {\\n font-family: \\\"DIN Next LT Pro\\\" !important;\\n font-weight: 500;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL2xvZ2luLW1vZGFsL2xvZ2luLW1vZGFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL2xvZ2luLW1vZGFsL2xvZ2luLW1vZGFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0kseUNBQUE7RUFDQSxnQkFBQTtBQ0NKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9sb2dpbi1tb2RhbC9sb2dpbi1tb2RhbC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5sb2dvLXRleHQge1xuICAgIGZvbnQtZmFtaWx5OiAnRElOIE5leHQgTFQgUHJvJyAhaW1wb3J0YW50O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbiIsIi5sb2dvLXRleHQge1xuICBmb250LWZhbWlseTogXCJESU4gTmV4dCBMVCBQcm9cIiAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogNTAwO1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationStart, Router } from '@angular/router';\n\nimport { Validators, FormBuilder, FormGroup } from '@angular/forms';\nimport { GlowService } from '../../services/glow.service';\nimport { tLoginInfo, tTermsConditionsUserCreateRes, tUserOrganization } from '../../services/glow.typings';\n// import { UserGroupSelectorService } from \"../../services/usergroup-selector.service\";\n// import { GlowEventService } from \"../../services/event.service\";\nimport { CustomUIConfigService } from '../../services/custom-ui-config.service';\nimport { tLoadingElementWithSuccess } from '../../services/app-config.typings';\nimport { TermsConditionsService } from '../../services/termsconditions.service';\nimport { tTermsConditionsUiConfig } from 'src/app/components/component.typings';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\n// import { GoogleAnalyticsEventsService } from 'app/services/google-analytics-events-service';\n\n@Component({\n selector: 'app-login-modal',\n templateUrl: './login-modal.component.html',\n styleUrls: ['./login-modal.component.scss'],\n})\nexport class LoginModalComponent implements OnInit {\n loginDetailsForm: FormGroup;\n loadObj: tLoadingElementWithSuccess;\n isOpenTermsAndConditionsModal: boolean = false;\n termsConditionsUiConfig: tTermsConditionsUiConfig = {\n allowModalToExit: false,\n showPermissions: true,\n requireAccept: true,\n };\n viewPassword: boolean = false;\n\n termsconditionsRef: any;\n\n constructor(\n private modalService: NgbModal,\n private activeModal: NgbActiveModal,\n private formBuilder: FormBuilder,\n private authService: GlowService,\n // private glowEventService: GlowEventService,\n private termsConditionsService: TermsConditionsService,\n private route: ActivatedRoute,\n private router: Router,\n private uiConfigService: CustomUIConfigService // private userGroupSelectorService: UserGroupSelectorService, // private analytics: GoogleAnalyticsEventsService\n ) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false);\n\n this.loginDetailsForm = this.formBuilder.group({\n username: ['', Validators.required],\n password: ['', Validators.required],\n });\n router.events.subscribe((event) => {\n if (event instanceof NavigationStart) {\n this.closeModal(\"NavigationStart\")\n }})\n\n route.queryParams.subscribe((params) => {\n this.loginDetailsForm.get('username').setValue(params['email']);\n const missingElements = [];\n const incorrectElements = [];\n // scope ccould also be a property, but it is not required\n const incomingRequiredProperties = ['applicationId', 'token', 'userKey'];\n const replaceCharacters = [/%0D/g, /%0A/g, /%0D%0A/g, /\\r/g, /\\n/g];\n const incomingValues: any = Object.keys(params).reduce((acc, incomingProperty) => {\n const sanitisedPropertyName = replaceCharacters.reduce(\n (acc, characterToReplace) => acc.replace(characterToReplace, ''),\n incomingProperty\n );\n if (\n incomingRequiredProperties.indexOf(sanitisedPropertyName) > -1 ||\n incomingRequiredProperties.indexOf(incomingProperty) > -1\n ) {\n const sanitisedValue = replaceCharacters.reduce(\n (acc, characterToReplace) => acc.replace(characterToReplace, ''),\n params[incomingProperty] || params[sanitisedPropertyName]\n );\n acc[sanitisedPropertyName] = sanitisedValue;\n }\n return acc;\n }, {});\n incomingRequiredProperties.forEach((property) => {\n if (!incomingValues[property]) {\n missingElements.push(property);\n console.warn('Missing element: ' + property);\n }\n });\n const { applicationId, token, userKey } = incomingValues;\n const emailVerificationIncomingParams = { applicationId, token, usernameHash: userKey };\n // if (missingElements.length === 0 && incorrectElements.length === 0) {\n // this.submitEmailVerificationInformation(emailVerificationIncomingParams)\n // }\n this.submitEmailVerificationInformation(emailVerificationIncomingParams);\n });\n }\n\n ngOnInit(): void {}\n\n\n closeModal(result) {\n this.activeModal.close(result);\n // this.router.navigateByUrl('/support/system-incidents');\n }\n\n submitEmailVerificationInformation(emailVerificationIncomingParams) {\n this.authService.verify(emailVerificationIncomingParams).subscribe(\n (verificationResponse) => {\n if (verificationResponse.valid === true) {\n // console.log('Email successfully verified');\n } else {\n // console.log('email address could not be verified.');\n }\n },\n (err) => {\n // console.log('email verification error', err);\n console.warn(err.error);\n }\n );\n }\n\n sanitiseDetails(loginDetailsForm: tLoginInfo): tLoginInfo {\n // Lowercase Username:\n if (loginDetailsForm && loginDetailsForm.username) {\n loginDetailsForm.username = loginDetailsForm.username.toLowerCase();\n loginDetailsForm.username = loginDetailsForm.username.replace(/\\s+/g, '');\n }\n\n if (loginDetailsForm.password) {\n loginDetailsForm.password = loginDetailsForm.password.replace(/\\s+$/, ''); // Trailing spaces\n loginDetailsForm.password = loginDetailsForm.password.replace(/^\\s+/g, ''); // Spaces at the start of the string\n }\n\n return loginDetailsForm;\n }\n\n togglePassword(viewPassword) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n logOut() {\n this.authService.logout().subscribe(\n (resp) => {\n // // console.log('logout', resp);\n // // console.log(\"Log Out user as T&Cs cound not happen\")\n },\n (err) => {\n console.warn(err);\n }\n );\n // this.isOpenTermsAndConditionsModal = false\n }\n\n goToNextPage(userOrganizations: tUserOrganization[]) {\n this.router.navigateByUrl('/pages/my-data');\n\n // if (userOrganizations && Array.isArray(userOrganizations) && userOrganizations.length > 1) {\n // this.router.navigateByUrl('/pages/usergroup');\n // } else if (userOrganizations.length == 1) {\n // this.userGroupSelectorService.setUserOrganization(userOrganizations[0])\n // this.router.navigateByUrl('/pages/overview');\n // } else {\n // console.warn(\"No user Organizations found\")\n // this.router.navigateByUrl('/pages/user-management');\n // }\n }\n\n openTermsConditionsModal(termsConditions) {\n this.termsconditionsRef = this.modalService.open(TermsconditionsModalComponent, {\n scrollable: true,\n backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n // this.termsconditionsRef.componentInstance.termsConditions=termsConditions\n }\n\n findUserOrganizations() {\n this.authService.getUserOrganizationsOfUser().subscribe(\n (userOrganizations) => {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loaded: true,\n loadedMessage: 'Success',\n };\n // this.goToNextPage(userOrganizations);\n this.closeModal('success');\n },\n (error) => {\n console.warn(error);\n // // console.log('User Organizations loading error is : ' + error);\n }\n );\n }\n\n async checkTermsConditions() {\n let userTcObj;\n try {\n userTcObj = await this.termsConditionsService.checkIfUserHasAcceptedCurrentTermsAndConditions();\n } catch (e) {\n console.warn(e);\n if (e && e.message) {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: e.message,\n };\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'ERROR',\n };\n }\n }\n // console.log('userTcObj', userTcObj);\n if (userTcObj && userTcObj.hasUserAcceptedTermsConditions === true) {\n this.findUserOrganizations();\n } else {\n // console.log('NOT ACCEPTED TERMS');\n this.isOpenTermsAndConditionsModal = true;\n const ts = await this.termsConditionsService.getCurrentTermsConditionsSync();\n this.openTermsConditionsModal(ts);\n this.termsconditionsRef.result.then(\n (data) => {\n // // console.log('RESULT CLOSE', data);\n if (data.reference && data.data) {\n this.termsConditionsService.setUserTermsConditions(data);\n this.findUserOrganizations();\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'Terms and conditions must be accepted to continue',\n };\n }\n },\n (err) => {\n console.warn(err);\n }\n );\n }\n }\n\n // async termsConditionsAggreed(termsConditionsUser: tTermsConditionsUserCreateRes) {\n // let userTcObj;\n // try {\n // userTcObj = await this.termsConditionsService.checkIfUserHasAcceptedCurrentTermsAndConditions();\n // } catch (e) {\n // console.warn(e)\n // }\n // if (userTcObj && userTcObj.hasUserAcceptedTermsConditions === true) {\n // this.findUserOrganizations()\n // } else {\n // this.loadObj = {\n // ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n // loadError: true,\n // errorString: \"ERROR_TERMS_CONDITIONS_NOT_ACCEPTED\"\n // }\n // this.logOut()\n // }\n // }\n\n // Attempt to login in through our User service\n doLogin() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n\n // console.log('Login attempt');\n let loginDetails = this.sanitiseDetails({ ...this.loginDetailsForm.value });\n this.authService.login(loginDetails).subscribe(\n (authResponse) => {\n if (authResponse === true) {\n // this.glowEventService.sendEvent({}, 'login')\n const isTempAuth = this.authService.isTempAuth();\n if (isTempAuth === true) {\n // console.log('Temp auth credentials detected, going straight to home');\n this.findUserOrganizations();\n } else {\n // authentication success | Check T&Cs and consent\n this.checkTermsConditions();\n // this.analytics.emitEvent('Login', 'Loggin Event')\n }\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'Access Denied',\n };\n }\n },\n (err) => {\n console.warn(err);\n let errorString = 'An error has occurred';\n // try {\n // const errJson = err.json()\n // if (errJson.error) {\n // errorString = errJson.error\n // } else if (errJson.valid === false ) {\n // errorString = 'Invalid username or password'\n // }\n try {\n if (err.error && typeof err.error === 'string') {\n errorString = err.error;\n } else if ((err.error && !err.error.valid) || err.valid === false) {\n errorString = 'Invalid username or password';\n }\n } catch (e) {\n console.warn(e);\n }\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString,\n };\n }\n );\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormArray, FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { Utils } from 'src/utils';\nimport { InvitationModalComponent } from '../invitation-modal/invitation-modal.component';\nimport { async } from '@angular/core/testing';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\n\n@Component({\n selector: 'app-notification',\n templateUrl: './notification.component.html',\n styleUrls: ['./notification.component.scss'],\n})\nexport class NotificationComponent implements OnInit {\n @Input() notification;\n @Input() readOnlyNotification: boolean\n @Input() installerToCustomerNotification: boolean\n @Input() customerToInstallerNotification: boolean\n @Input() validVEs\n @Input() virtualEntities\n invitationAccepted;\n errorMessage;\n invitationDeclined;\n loading = false;\n veForm: FormGroup\n constructor(private glowService: GlowService, private professionalGlowService: ProfessionalGlowService, private invitationsService: InvitationsService, private fb: FormBuilder, private modalService: NgbModal) {\n\n\n }\n\n ngOnInit() {\n }\n\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string);\n\n\n }\n\n\n\n openInvitationModal(estimateRequestId) {\n const modalRef = this.modalService.open(InvitationModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' });\n // modalRef.componentInstance.hasSchematic = this.isSchematicComplete\n // modalRef.componentInstance.schematicDocId = this.schematicDoc[0].documentId\n // modalRef.componentInstance.username = this.account.email\n modalRef.componentInstance.estimateRequestId = estimateRequestId\n modalRef.componentInstance.missingData = []\n modalRef.componentInstance.validVEs = this.validVEs\n modalRef.componentInstance.dropdownOptions = this.virtualEntities\n\n modalRef.componentInstance.installerToCustomerInvitation = true\n\n }\n async declineFromCustomer(id) {\n this.loading = true\n const body = {\n estimateRequestState: 'estimate-request-rejected-by-user',\n };\n this.glowService.updateEstimateRequestUserState(body, id).subscribe(async (resp) => {\n if (resp.valid) {\n this.loading = false\n this.invitationDeclined = true\n } else {\n this.loading = false\n this.errorMessage = 'An error has occured';\n }\n await this.invitationsService.getAllEstimateRequests()\n })\n\n\n }\n async handleRequest(id, decision) {\n this.loading = true;\n let state;\n decision == 'accepted' ? (state = 'estimate-request-accepted-by-professional') : (state = 'estimate-request-rejected-by-professional');\n const body = {\n estimateRequestState: state,\n };\n this.professionalGlowService.updateEstimateRequestProfessionalState(body, id).subscribe(async (resp) => {\n if (resp.valid) {\n decision == 'accepted' ? (this.invitationAccepted = true) : (this.invitationDeclined = true);\n } else {\n this.errorMessage = 'An error has occured';\n this.loading = false\n }\n\n await this.invitationsService.getAllEstimateRequestsByState('pending-professional-acceptance');\n this.loading = false;\n });\n await this.invitationsService.getAllProfessionalEstimateRequests();\n this.loading = false;\n }\n \n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NotificationComponent } from './notification.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [NotificationComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [NotificationComponent]\n})\nexport class NotificationModule { }\n","export default \".line {\\n background-color: #c6c6c6;\\n height: 60px;\\n width: 2px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Byb2Zlc3Npb25hbC1hY2NvdW50LXNpZGUtbWVudS9wcm9mZXNzaW9uYWwtYWNjb3VudC1zaWRlLW1lbnUuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvcHJvZmVzc2lvbmFsLWFjY291bnQtc2lkZS1tZW51L3Byb2Zlc3Npb25hbC1hY2NvdW50LXNpZGUtbWVudS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNJLHlCQUFBO0VBQ0EsWUFBQTtFQUNBLFVBQUE7QUNBSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcHJvZmVzc2lvbmFsLWFjY291bnQtc2lkZS1tZW51L3Byb2Zlc3Npb25hbC1hY2NvdW50LXNpZGUtbWVudS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuLmxpbmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigxOTgsIDE5OCwgMTk4KTtcbiAgICBoZWlnaHQ6IDYwcHg7XG4gICAgd2lkdGg6IDJweDtcbiAgXG59IiwiLmxpbmUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjYzZjNmM2O1xuICBoZWlnaHQ6IDYwcHg7XG4gIHdpZHRoOiAycHg7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n selector: 'app-professional-account-side-menu',\n templateUrl: './professional-account-side-menu.component.html',\n styleUrls: ['./professional-account-side-menu.component.scss']\n})\nexport class ProfessionalAccountSideMenuComponent implements OnInit {\n @Input() pageTitle\n @Input() currentPage\n @Input() estimateRequestId;\n pages: any = []\n\n constructor(private router: Router, private route: ActivatedRoute) {\n route.url.subscribe((url) => {\n console.log(this.route.snapshot.url.map((segment) => segment.path))\n console.log('params',url)\n \n })\n\n }\n ngOnInit() {\n this.setPages()\n console.log(this.currentPage)\n }\n\n setPages (){\n this.pages = [\n {\n name: 'Home and energy data',\n path: 'home-energy-data',\n },\n {\n name: 'Manage quotes and estimates',\n path: 'estimate-quotes',\n },\n {\n name: 'Update customer heating system',\n path: '',\n disabled: true\n },\n {\n name: 'Submit to DNO, share with peers',\n path: '',\n disabled: true\n },\n ]\n\n\n }\n navigateToPage(path) {\n this.router.navigate([`professional/property/${this.estimateRequestId}/`+ path]);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfessionalAccountSideMenuComponent } from './professional-account-side-menu.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [ProfessionalAccountSideMenuComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [ProfessionalAccountSideMenuComponent]\n})\nexport class ProfessionalAccountSideMenuModule { }\n","export default \".line {\\n margin-top: 20px;\\n height: 2px;\\n}\\n\\n@media only screen and (max-width: 360px) {\\n .bi, p {\\n font-size: 14px;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Byb2Zlc3Npb25hbC1yZWdpc3Rlci1zdGVwcGVyL3Byb2Zlc3Npb25hbC1yZWdpc3Rlci1zdGVwcGVyLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL3Byb2Zlc3Npb25hbC1yZWdpc3Rlci1zdGVwcGVyL3Byb2Zlc3Npb25hbC1yZWdpc3Rlci1zdGVwcGVyLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksZ0JBQUE7RUFDQSxXQUFBO0FDQ0o7O0FERUE7RUFFRTtJQUNFLGVBQUE7RUNBRjtBQUNGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9wcm9mZXNzaW9uYWwtcmVnaXN0ZXItc3RlcHBlci9wcm9mZXNzaW9uYWwtcmVnaXN0ZXItc3RlcHBlci5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5saW5le1xuICAgIG1hcmdpbi10b3A6IDIwcHg7XG4gICAgaGVpZ2h0OiAycHg7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogMzYwcHgpIHtcbiAgICBcbiAgLmJpLCBwe1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgfVxuICB9XG4iLCIubGluZSB7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG4gIGhlaWdodDogMnB4O1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDM2MHB4KSB7XG4gIC5iaSwgcCB7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICB9XG59Il19 */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-professional-register-stepper',\n templateUrl: './professional-register-stepper.component.html',\n styleUrls: ['./professional-register-stepper.component.scss']\n})\nexport class ProfessionalRegisterStepperComponent implements OnInit {\n innerWidth;\n // @HostListener('window:resize', []) onResize() {\n // // checks size of window to view specific menu\n // this.innerWidth = window.innerWidth;\n // if (this.innerWidth <= 360) {\n // this.removeLinesOnSmallerScreens()\n // }\n // }\n constructor() { }\n @Input() state;\n ngOnInit() {\n\n }\n // removeLinesOnSmallerScreens() {\n // const lineOne = document.getElementById('line-one')\n // const lineTwo = document.getElementById('line-two')\n // lineOne.remove()\n // lineTwo.remove()\n\n // }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfessionalRegisterStepperComponent } from './professional-register-stepper.component';\n\n\n\n@NgModule({\n declarations: [ProfessionalRegisterStepperComponent],\n imports: [\n CommonModule\n ],\n exports: [ProfessionalRegisterStepperComponent]\n})\nexport class ProfessionalRegisterStepperModule { }\n","export default \"form .ng-touched.ng-invalid:not(#business-email) {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Byb2ZpbGUtbW9kYWwvcHJvZmlsZS1tb2RhbC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9wcm9maWxlLW1vZGFsL3Byb2ZpbGUtbW9kYWwuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUk7RUFDSSwyQkFBQTtBQ0RSIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9wcm9maWxlLW1vZGFsL3Byb2ZpbGUtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcblxuICAgIC5uZy10b3VjaGVkLm5nLWludmFsaWQ6bm90KCNidXNpbmVzcy1lbWFpbCkge1xuICAgICAgICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG4gICAgfVxuICAgIC8vIC5uZy10b3VjaGVkLm5nLWludmFsaWQ6bm90KCNtc2NzLW51bWJlcikge1xuICAgIC8vICAgICBib3JkZXI6IHNvbGlkIHJlZCAwLjVweDtcbiAgICAvLyB9XG59IiwiZm9ybSAubmctdG91Y2hlZC5uZy1pbnZhbGlkOm5vdCgjYnVzaW5lc3MtZW1haWwpIHtcbiAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xufSJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { PostcodeCheckerService } from 'src/app/services/postcode-checker.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { ServiceAgentService } from 'src/app/services/service-agent.service';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { Utils } from 'src/utils';\n@Component({\n selector: 'app-profile-modal',\n templateUrl: './profile-modal.component.html',\n styleUrls: ['./profile-modal.component.scss']\n})\nexport class ProfileModalComponent implements OnInit {\n @Input() serviceAgent\n @Input() heatPumpManufacturerList\n @Input() logoImageSrc\n @Input() profileImageSrc\n postcodeObj: any = { area: '', isValid: null, error: false };\n showPersonalInfoForm: boolean\n showBusinessDetailsForm: boolean\n showAccountForm: boolean\n showPasswordForm: boolean\n personalInfoForm: FormGroup\n businessDetailsForm: FormGroup\n accountForm: FormGroup\n emailForm: FormGroup\n photoForm: FormGroup\n logoForm: FormGroup\n passwordForm: FormGroup\n serviceAgentSubscription: Subscription\n loading: boolean\n imageSizeErrorMessage = \"Please upload an image smaller than 1mb\"\n showPhotoSizeErrorMessage: boolean = false\n showLogoSizeErrorMessage: boolean = false\n\n error: boolean\n errorMessage: string\n formattedSelectedCertifications: Array\n regions: Array = ['East of England', 'East Midlands', 'London', 'North East', 'North West', 'South East', 'South West', 'West Midlands', 'Yorkshire and Humberside', 'Scotland', 'Wales', 'Northern Ireland']\n installerCertifications: Array = [\n 'GasSafe',\n 'NICEIC',\n 'The IAA',\n 'OFTEC',\n 'NAPIT',\n 'MSC',\n 'HEATAS',\n 'APHC',\n 'CIPHA',\n 'Install under umbrella scheme'\n ];\n skills: Array = ['System design', 'System installation', 'Retrofit']\n technologies: Array = ['Air source heat pump', 'Exhaust air heat pump', 'Gas absorption heat pump', 'Solar assisted heat pump']\n constructor(public activeModal: NgbActiveModal, \n private fb: FormBuilder, \n public formValidationService: FormValidationService,\n public postcodeCheckerService: PostcodeCheckerService, \n private glowService: GlowService, \n private serviceAgentService: ServiceAgentService,\n private professionalGlowService: ProfessionalGlowService\n ) {\n this.serviceAgentSubscription = this.serviceAgentService.serviceAgentAnnouncer.subscribe(resp => {\n this.serviceAgent = resp\n // console.log(this.serviceAgent)\n this.loading = false\n this.activeModal.dismiss()\n\n })\n }\n\n ngOnInit() {\n this.getCertifications()\n this.personalInfoForm = this.fb.group({\n firstName: [this.serviceAgent.profile.firstName, [Validators.required]],\n lastName: [this.serviceAgent.profile.lastName, [Validators.required]],\n regionsCovered: [this.serviceAgent.regionsCovered, [Validators.required]],\n location: [this.serviceAgent.location, [Validators.required]],\n technologies: [this.serviceAgent.technologies, [Validators.required]],\n skills: [this.serviceAgent.skills, [Validators.required]],\n certifications: [this.formattedSelectedCertifications, [Validators.required]],\n businessEmail: [this.serviceAgent.businessEmail, []],\n businessName: [this.serviceAgent.businessName, [Validators.required]],\n mcsNumber: [this.serviceAgent.mcsNumber, []],\n businessURL: [this.serviceAgent.businessURL, []],\n brands: [this.serviceAgent.brands, []],\n professionalDescription: [this.serviceAgent.professionalDescription, []],\n relevantExperience: [this.serviceAgent.relevantExperience, []],\n\n\n })\n this.photoForm = this.fb.group({\n photo: [[], []],\n\n })\n this.logoForm = this.fb.group({\n logo: [[], []]\n })\n\n this.accountForm = this.fb.group({\n businessPhoneNumber: ['0' + this.serviceAgent.phone.phone.substring(3), [Validators.required, FormValidator.isPhoneNumberValid]],\n email: [this.serviceAgent.email.email, [Validators.required]]\n })\n\n this.passwordForm = this.fb.group({\n password: ['', [Validators.required, FormValidator.isPasswordStrong]],\n confirmPassword: ['', [Validators.required, FormValidator.isPasswordSame]]\n })\n\n }\n\n\n close() {\n this.activeModal.dismiss()\n }\n\n findChangedValues(form) {\n const updatedValues = {};\n for (let x in form.controls) {\n if (form.controls[x].touched) {\n updatedValues[x] = form.controls[x].value\n }\n }\n // console.log(updatedValues)\n return updatedValues\n }\n\n\n\n getCertifications() {\n\n this.formattedSelectedCertifications = this.serviceAgent.certifications.map(c => c.certification)\n }\n\n\n getModalTitle() {\n if (this.showAccountForm) {\n return 'Update account details'\n } else if (this.showPersonalInfoForm) {\n return 'Update profile'\n } else if (this.showBusinessDetailsForm) {\n return 'Update business details'\n } else if (this.showPasswordForm) {\n return 'Update password'\n }\n }\n\n checkFormValidity(form, formControlName, translateKey?) {\n\n return this.formValidationService.checkFormValidity(form, formControlName, translateKey)\n }\n\n async checkPostcode() {\n let messages = [];\n await this.checkPostcodeisValid().then((resp) => {\n if (!this.postcodeObj.isValid) {\n messages.push('Invalid postcode');\n }\n return messages\n });\n return\n }\n\n async checkPostcodeisValid() {\n let postcode;\n if (this.personalInfoForm.get('location').touched) {\n postcode = this.personalInfoForm.value.location;\n await this.postcodeCheckerService\n .checkPostcode(postcode)\n .then((resp: any) => {\n // console.log('IS POSTCODEVALID', resp);\n this.postcodeObj.area = resp.result['admin_district'];\n this.postcodeObj.isValid = true;\n this.postcodeObj.error = false;\n })\n .catch((err) => {\n console.warn('postcode errr', err);\n this.postcodeObj.area = '';\n this.postcodeObj.isValid = false;\n this.postcodeObj.error = true;\n\n });\n }\n }\n\n getForm() {\n if (this.showAccountForm) {\n return this.accountForm\n } else if (this.showPersonalInfoForm) {\n return this.personalInfoForm\n } else if (this.showPasswordForm) {\n return this.passwordForm\n }\n }\n\n async updateDetails() {\n (!this.photoForm.pristine) ? this.checkImageChange('photo', this.photoForm) : '';\n (!this.logoForm.pristine) ? this.checkImageChange('logo', this.logoForm) : ''\n const form = this.getForm()\n let body: any = this.findChangedValues(form)\n if (form.valid && !this.showLogoSizeErrorMessage && !this.showPhotoSizeErrorMessage) {\n this.error = false\n this.loading = true\n if (form == this.personalInfoForm) {\n if (body.firstName && !body.lastName) {\n body.lastName = this.serviceAgent.profile.lastName\n } else if (body.lastName && !body.firstName) {\n body.firstName = this.serviceAgent.profile.firstName\n }\n this.updatePersonalDetails(body)\n } else if (form == this.passwordForm) {\n this.updatePassword(body)\n } else if (form == this.accountForm) {\n if (body.businessPhoneNumber) {\n body = { businessPhoneNumber: '+44' + body.businessPhoneNumber.substring(1) }\n this.updatePhone(body)\n } else if (body.email) {\n this.updateEmail(body)\n } else this.activeModal.dismiss()\n } else { this.activeModal.dismiss() }\n\n } else {\n this.error = true\n this.errorMessage = 'Please complete form'\n }\n }\n\n\n\n updatePersonalDetails(body) {\n this.professionalGlowService.updateServiceAgentDetails(body).subscribe((resp) => {\n console.log(resp)\n this.serviceAgentService.getServiceAgent()\n }, err => {\n this.setError()\n\n })\n }\n\n updateEmail(body) {\n this.professionalGlowService.updateServiceAgentEmail(body).subscribe((resp) => {\n // console.log(resp)\n this.serviceAgentService.getServiceAgent()\n }, err => {\n this.setError()\n\n })\n }\n\n updatePassword(body) {\n this.professionalGlowService.updateServiceAgentPassword(body).subscribe((resp) => {\n // console.log(resp)\n this.serviceAgentService.getServiceAgent()\n }, err => {\n this.setError()\n\n })\n }\n \n updatePhone(body) {\n this.professionalGlowService.updateServiceAgentPhone(body).subscribe((resp) => {\n // console.log(resp)\n this.serviceAgentService.getServiceAgent()\n }, err => {\n this.setError()\n })\n }\n\n updatePhoto(body, imageType) {\n this.professionalGlowService.updateServiceAgentPhoto(body, imageType).subscribe((resp) => {\n // console.log(resp)\n // this.serviceAgentService.getServiceAgent()\n }, err => {\n console.warn(err.statusCode)\n console.log('error', err.error.statusCode)\n this.setError()\n })\n }\n\n\n setError() {\n this.errorMessage = 'Something went wrong'\n this.error = true\n this.loading = false\n }\n async setImageSourceAndClass(blob, id) {\n const imgElm = await Utils.waitForElemById(id);\n if (!imgElm) return;\n const scr = (await Utils.getBlobImageSource(blob)) as string;\n imgElm.setAttribute('src', scr);\n }\n\n async fileInputChange(event, controlName, form: FormGroup) {\n this.error = false\n this.showPhotoSizeErrorMessage = false\n this.showLogoSizeErrorMessage = false\n const files = event.target.files[0];\n console.log(files.size)\n if (files.size > 1000000 && controlName == 'photo') {\n this.showPhotoSizeErrorMessage = true\n }\n if (files.size > 1000000 && controlName == 'logo') {\n this.showLogoSizeErrorMessage = true\n }\n form.get(controlName).setValue(files);\n await this.setImageSourceAndClass(files, controlName)\n\n\n }\n\n async checkImageChange(controlName, form) {\n // console.log(form.controls[controlName].value)\n const files = form.controls[controlName].value\n const formData: any = await Utils.formDataFromImgFile(files, '')\n this.updatePhoto(formData, controlName)\n }\n\n\n\n\n\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfileModalComponent } from './profile-modal.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { FileUploadModule } from '../file-upload/file-upload.module';\n\n\n\n@NgModule({\n declarations: [ProfileModalComponent],\n imports: [\n CommonModule, SharedModule, FormValidationMessageModule, FileUploadModule\n ],\n exports: [ProfileModalComponent],\n entryComponents: [ProfileModalComponent]\n})\nexport class ProfileModalModule { }\n","export default \"form .ng-touched.ng-invalid:not(#file) {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3F1b3RlLW1vZGFsL3F1b3RlLW1vZGFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL3F1b3RlLW1vZGFsL3F1b3RlLW1vZGFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUdJO0VBQ0ksMkJBQUE7QUNGUiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcXVvdGUtbW9kYWwvcXVvdGUtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbmZvcm0ge1xuXG4gICAgLm5nLXRvdWNoZWQubmctaW52YWxpZDpub3QoI2ZpbGUpIHtcbiAgICAgICAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xuICAgIH1cbiAgICAvLyAubmctdG91Y2hlZC5uZy1pbnZhbGlkOm5vdCgjbXNjcy1udW1iZXIpIHtcbiAgICAvLyAgICAgYm9yZGVyOiBzb2xpZCByZWQgMC41cHg7XG4gICAgLy8gfVxufSIsImZvcm0gLm5nLXRvdWNoZWQubmctaW52YWxpZDpub3QoI2ZpbGUpIHtcbiAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xufSJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-quote-modal',\n templateUrl: './quote-modal.component.html',\n styleUrls: ['./quote-modal.component.scss']\n})\nexport class QuoteModalComponent implements OnInit {\n fileForm: FormGroup\n @Input() estimateRequestId\n thumbnail;\n formError: boolean;\n loadObj: tLoadingElement\n success: boolean\n\n constructor(private activeModal: NgbActiveModal, private glowService: GlowService,\n private fb: FormBuilder, private formValidationService: FormValidationService, \n private invitationsService: InvitationsService,\n private professionalGlowService: ProfessionalGlowService) {\n this.fileForm = this.fb.group({\n file: ['', [Validators.required]],\n amount: ['', [Validators.required]],\n\n })\n }\n\n ngOnInit() {\n this.loadObj = { ...this.loadObj, loadError: false, loading: false, errorString: '' };\n\n }\n async fileInputChange(event, controlName, form: FormGroup) {\n const files = event.target.files[0];\n form.get(controlName).setValue(files)\n await this.setImageSourceAndClass(files)\n\n\n }\n async setImageSourceAndClass(blob) {\n const reader = new FileReader()\n reader.readAsDataURL(blob);\n reader.onloadend = () => {\n this.thumbnail = reader.result;\n };\n }\n\n\n\n async checkFileChangeAndUpload(controlName, form) {\n let file = form.controls[controlName].value\n file = { file: file, 'estimateType': 'heat-pump-estimate', 'amount': this.fileForm.value.amount }\n const formData: any = await Utils.toFormData(file)\n // for (var pair of formData.entries()) {\n // console.log(pair[0] + ', ' + pair[1]);\n // }\n this.updateFile(this.estimateRequestId, formData)\n }\n\n async updateDetails(controlName, form: FormGroup) { \n this.loadObj.loading = true\n\n console.log(form)\n if (form.valid) {\n this.checkFileChangeAndUpload(controlName, form)\n } else {\n this.formError = true\n this.fileForm.markAllAsTouched()\n }\n }\n\n updateFile(estimateRequestId: string, data: any) {\n this.professionalGlowService.uploadQuoteOrEstimate(data, estimateRequestId).subscribe((resp: any) => {\n\n if (resp.valid) {\n this.loadObj = {\n ...this.loadObj,\n loadError: false,\n loading: false,\n };\n this.success = true\n this.invitationsService.getEstimateRequestById(this.estimateRequestId)\n\n } else {\n this.loadObj = {\n ...this.loadObj,\n loadError: true,\n loading: false,\n errorString: 'An error occurred. Please try again later.'\n };\n }\n }, (err) => {\n this.loadObj = {\n ...this.loadObj,\n loadError: true,\n loading: false,\n errorString: 'An error occurred. Please try again later.'\n };\n }\n )\n }\n\n checkFormValidity(form, formControlName, translateKey?) {\n return this.formValidationService.checkFormValidity(form, formControlName, translateKey)\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { QuoteModalComponent } from './quote-modal.component';\nimport { FileUploadModule } from '../file-upload/file-upload.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\n\n\n\n@NgModule({\n declarations: [QuoteModalComponent],\n imports: [\n CommonModule, FileUploadModule, SharedModule, FormValidationMessageModule\n ],\n exports: [QuoteModalComponent],\n entryComponents: [QuoteModalComponent]\n})\nexport class QuoteModalModule { }\n","export default \".aspect-ratio-container::before {\\n content: \\\"\\\";\\n display: block;\\n padding-top: 56.25%;\\n /* 16:9 aspect ratio (height divided by width) */\\n}\\n\\n.aspect-ratio-container > .rounded-0 {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n background-repeat: no-repeat;\\n background-size: cover;\\n background-position: center;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3JhZGlhdG9yLXNjaGVtYXRpYy1jYXJkL3JhZGlhdG9yLXNjaGVtYXRpYy1jYXJkLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL3JhZGlhdG9yLXNjaGVtYXRpYy1jYXJkL3JhZGlhdG9yLXNjaGVtYXRpYy1jYXJkLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksV0FBQTtFQUNBLGNBQUE7RUFDQSxtQkFBQTtFQUNBLGdEQUFBO0FDQ0o7O0FERUU7RUFDRSxrQkFBQTtFQUNBLE1BQUE7RUFDQSxPQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSw0QkFBQTtFQUNBLHNCQUFBO0VBQ0EsMkJBQUE7QUNDSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmFkaWF0b3Itc2NoZW1hdGljLWNhcmQvcmFkaWF0b3Itc2NoZW1hdGljLWNhcmQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYXNwZWN0LXJhdGlvLWNvbnRhaW5lcjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgIHBhZGRpbmctdG9wOiA1Ni4yNSU7XG4gICAgLyogMTY6OSBhc3BlY3QgcmF0aW8gKGhlaWdodCBkaXZpZGVkIGJ5IHdpZHRoKSAqL1xuICB9XG4gIFxuICAuYXNwZWN0LXJhdGlvLWNvbnRhaW5lcj4ucm91bmRlZC0wIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXI7XG4gIH0iLCIuYXNwZWN0LXJhdGlvLWNvbnRhaW5lcjo6YmVmb3JlIHtcbiAgY29udGVudDogXCJcIjtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBhZGRpbmctdG9wOiA1Ni4yNSU7XG4gIC8qIDE2OjkgYXNwZWN0IHJhdGlvIChoZWlnaHQgZGl2aWRlZCBieSB3aWR0aCkgKi9cbn1cblxuLmFzcGVjdC1yYXRpby1jb250YWluZXIgPiAucm91bmRlZC0wIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlcjtcbn0iXX0= */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { SchematicsService } from 'src/app/services/schematics.service';\n\n@Component({\n selector: 'app-radiator-schematic-card',\n templateUrl: './radiator-schematic-card.component.html',\n styleUrls: ['./radiator-schematic-card.component.scss'],\n})\nexport class RadiatorSchematicCardComponent implements OnInit {\n @Input() schematicDocument: any;\n @Input() isNewAction: boolean;\n completionStatus = 'In progress';\n completionStatusColor = 'warning';\n heatEmitterNumber = 0;\n constructor() {}\n\n ngOnInit() {\n this.completionStatus = this.getCompletionStatus();\n this.completionStatusColor = this.getCompletionStatusColor();\n if (this.schematicDocument) this.heatEmitterNumber = this.getHeatEmitterNumber();\n }\n\n \n getCompletionStatus() {\n if (!this.schematicDocument) return 'Not started';\n if (!this.schematicDocument.status) {\n return this.completionStatus;\n }\n return this.schematicDocument.status.replace('-', ' ').charAt(0).toUpperCase() + this.schematicDocument.status.slice(1);\n }\n\n getCompletionStatusColor() {\n if (!this.schematicDocument) return 'danger';\n if (!this.schematicDocument.status) {\n return this.completionStatusColor;\n }\n switch (this.schematicDocument.status) {\n case 'complete':\n return 'success';\n case 'in-progress':\n return 'warning';\n case 'not-started':\n return 'danger';\n default:\n return 'warning';\n }\n }\n\n getHeatEmitterNumber() {\n return this.schematicDocument.data.floors.reduce((acc, floor) => {\n return (\n acc +\n floor.rooms.reduce((acc, room) => {\n return acc + room.radiators.length;\n }, 0)\n );\n }, 0);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadiatorSchematicCardComponent } from './radiator-schematic-card.component';\n\n@NgModule({\n declarations: [RadiatorSchematicCardComponent],\n imports: [CommonModule],\n exports: [RadiatorSchematicCardComponent],\n})\nexport class RadiatorSchematicCardModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmFkaWF0b3Itc2NoZW1hdGljLXNlbGVjdG9yLW1vZGFsL3JhZGlhdG9yLXNjaGVtYXRpYy1zZWxlY3Rvci1tb2RhbC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { SchematicsService } from 'src/app/services/schematics.service';\n\n@Component({\n selector: 'app-radiator-schematic-selector-modal',\n templateUrl: './radiator-schematic-selector-modal.component.html',\n styleUrls: ['./radiator-schematic-selector-modal.component.scss'],\n})\nexport class RadiatorSchematicSelectorModalComponent implements OnInit {\n @Input() veId: string;\n schematicDocuments = [];\n\n constructor(private activeModal: NgbActiveModal, private schematicsService: SchematicsService) {}\n\n ngOnInit() {\n this.setSchematicDocuments();\n }\n\n ngOnChanges() {\n this.setSchematicDocuments();\n }\n\n setSchematicDocuments() {\n this.schematicsService.getSchematicsByStatus('complete', this.veId).then((documents) => {\n this.schematicDocuments = documents;\n\n // if (documents && documents.length > 1) {\n // this.schematicDocuments = documents;\n // } else if (documents && documents.length === 1) {\n // this.selectSchematicDocument(documents[0]);\n // }\n });\n }\n\n selectSchematicDocument(schematicDocument) {\n this.activeModal.close(schematicDocument);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadiatorSchematicSelectorModalComponent } from './radiator-schematic-selector-modal.component';\nimport { RadiatorSchematicCardModule } from '../radiator-schematic-card/radiator-schematic-card.module';\n\n@NgModule({\n declarations: [RadiatorSchematicSelectorModalComponent],\n imports: [CommonModule, RadiatorSchematicCardModule],\n exports: [RadiatorSchematicSelectorModalComponent],\n entryComponents: [RadiatorSchematicSelectorModalComponent],\n})\nexport class RadiatorSchematicSelectorModalModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmFkaWF0b3Itc2NoZW1hdGljL3JhZGlhdG9yLXNjaGVtYXRpYy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, HostListener, Input, OnInit, SimpleChanges } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport Konva from 'konva';\nimport { Subscription } from 'rxjs';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { AddRadiatorModalComponent } from '../add-radiator-modal/add-radiator-modal.component';\nimport { AddHeatingSystemModalComponent } from '../add-heating-system-modal/add-heating-system-modal.component';\nimport { KonvaUtils } from './raditator-schematic.utils';\nimport { Utils } from 'src/utils';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-radiator-schematic',\n templateUrl: './radiator-schematic.component.html',\n styleUrls: ['./radiator-schematic.component.scss'],\n})\nexport class RadiatorSchematicComponent implements OnInit {\n @Input() schematicDocument;\n @Input() schematicId;\n @HostListener('window:resize', []) onResize() {\n this.fitStageIntoParentContainer();\n }\n @Input() isEditing: boolean = false;\n @Input() isCustomWidth: boolean = false;\n schematic: any;\n\n container: HTMLElement;\n displayTitle: string = 'Heating elements schematic';\n toolLink: string = '/pages/tools/heating-by-room';\n shouldShowToolLink: boolean = true;\n selectedService;\n width = 0;\n height = 0;\n\n layerWidth;\n layerHeight;\n\n // rectSpacing = 50;\n rectSpacing = window.innerWidth > 500 ? 40 : 30;\n rectH = 100;\n rectW = 190;\n\n pipeHeight = 20;\n pipeWidth = 8;\n\n radWidth = this.rectW + this.pipeWidth * 2;\n radHeight = this.rectH + this.pipeHeight / 2;\n\n titleBoxHeight = window.innerWidth >= 992 ? this.rectSpacing : 110;\n schematicDescriptionBoxHeight = window.innerWidth >= 992 ? 220 : 320;\n\n sideBarWidth = window.innerWidth >= 992 ? 300 : 0;\n\n maxX = 0;\n\n layer: Konva.Layer;\n // targets: any;\n\n // connectors: any;\n stage: Konva.Stage;\n\n floorGroups: any;\n\n schematicSubscription: Subscription;\n subscriptionSelectedService: Subscription;\n\n drawingAttributes: any = { floors: {} };\n\n colors;\n\n iconPaths = {\n trash: '../../../assets/icons/trash3-fill.svg',\n edit: '../../../assets/icons/pencil-square.svg',\n add: '../../../assets/icons/plus-circle.svg',\n };\n\n pipeworkColors;\n pipeworkSizeColor = {};\n\n isInstaller: boolean = false;\n constructor(private schematicService: SchematicsService, private modalService: NgbModal, private auth: AuthenticationService) {}\n\n ngOnInit() {\n this.isInstaller = this.auth.checkIsRole('installer');\n this.container = document.querySelector('#container');\n this.setColors();\n this.initStage();\n this.setSizes();\n this.onResize();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n if (changes && changes.schematicDocument && changes.schematicDocument.currentValue.data && (!changes.schematicDocument.currentValue.data.version || changes.schematicDocument.currentValue.data.version < 2.0)) {\n this.schematicDocument = this.schematicService.addVersionSchematicDocument(changes.schematicDocument.currentValue);\n this.schematicDocument = this.schematicService.addUnitsSchematicDocument(this.schematicDocument);\n }\n this.schematic = { ...this.schematicDocument.data };\n this.updateDrawing();\n }\n\n ngOnDestroy() {\n if (this.schematicSubscription) {\n this.schematicSubscription.unsubscribe();\n }\n }\n\n setColors() {\n //defined in _variables.scss :root\n const styles = getComputedStyle(document.documentElement);\n this.colors = {\n black: styles.getPropertyValue('--black'),\n white: styles.getPropertyValue('--white'),\n dark: styles.getPropertyValue('--dark'),\n 'gray-100': styles.getPropertyValue('--gray-100'),\n 'gray-400': styles.getPropertyValue('--gray-400'),\n 'gray-500': styles.getPropertyValue('--gray-500'),\n 'grey-purple': styles.getPropertyValue('--grey-purple'),\n purple: styles.getPropertyValue('--purple'),\n 'light-purple': styles.getPropertyValue('--light-purple'),\n blue: styles.getPropertyValue('--blue'),\n 'mid-yellow': styles.getPropertyValue('--mid-yellow'),\n 'light-yellow': styles.getPropertyValue('--light-yellow'),\n yellow: styles.getPropertyValue('--yellow'),\n red: styles.getPropertyValue('--red'),\n 'light-red': styles.getPropertyValue('--light-red'),\n orange: styles.getPropertyValue('--orange'),\n 'dark-orange': styles.getPropertyValue('--dark-orange'),\n pink: styles.getPropertyValue('--pink'),\n green: styles.getPropertyValue('--green'),\n 'light-green': styles.getPropertyValue('--light-green'),\n };\n this.pipeworkColors = [this.colors['pink'], this.colors['yellow'], this.colors['orange'], this.colors['red'], this.colors['blue'], this.colors['purple'], this.colors['green']];\n }\n\n shouldBreak(breakpoint) {\n const width = this.isCustomWidth ? this.container.offsetWidth : window.innerWidth;\n switch (breakpoint) {\n case 'sm':\n return width < 576;\n case 'md':\n return width < 768;\n case 'lg':\n return width < 992;\n case 'xl':\n return width < 1200;\n default:\n return false;\n }\n }\n\n setSizes() {\n this.rectSpacing = this.shouldBreak('sm') ? 30 : 40;\n this.radWidth = this.rectW + this.pipeWidth * 2;\n this.radHeight = this.rectH + this.pipeHeight / 2;\n this.sideBarWidth = this.shouldBreak('xl') ? 0 : 250;\n this.titleBoxHeight = this.shouldBreak('xl') ? 110 : this.rectSpacing;\n // this.schematicDescriptionBoxHeight = this.shouldBreak('sm') ? (this.isEditing ? 400 : 410) : this.shouldBreak('lg') ? (this.isEditing ? 330 : 320) : this.isEditing ? 230 : 220;\n this.schematicDescriptionBoxHeight = this.getSchematicDescriptionBoxHeight();\n this.width = this.container.offsetWidth;\n\n this.height = this.getHeight(this.schematic);\n this.layerWidth = this.width;\n this.layerHeight = this.height;\n this.layer.width(this.layerWidth);\n this.layer.height(this.layerHeight);\n this.stage.width(this.width);\n this.stage.height(this.height);\n this.maxX = this.layerWidth - this.radWidth - this.rectSpacing - this.sideBarWidth;\n }\n\n initStage() {\n this.layer = new Konva.Layer({});\n this.stage = new Konva.Stage({\n container: 'container',\n width: this.width,\n height: this.height,\n });\n this.stage.add(this.layer);\n }\n\n getSchematicDescriptionBoxHeight() {\n const schematicDescription = this.generateSchematicDescription(0, 0, this.layerWidth - 40, false);\n return schematicDescription.height() + 40;\n }\n\n getHeight(schematic) {\n let height = this.schematicDescriptionBoxHeight;\n schematic.floors\n ? schematic.floors.forEach((floor) => {\n height += this.getFloorGroupHeight(floor);\n })\n : null;\n return height;\n }\n\n getFloorGroupHeight(floor) {\n let radNumber = 0;\n let x = 0;\n let rows = 1;\n let rowHeight = this.rectH + this.pipeHeight / 2 + this.rectSpacing;\n\n floor.rooms\n ? floor.rooms.forEach((room) => {\n room.radiators && room.radiators.length > 0 ? (radNumber += room.radiators.length) : (radNumber += 1);\n })\n : null;\n\n for (let i = 0; i < radNumber; i++) {\n if (x * (this.radWidth + this.rectSpacing) >= this.maxX) {\n x = 1;\n rows += 1;\n } else {\n x++;\n }\n }\n const height = this.isEditing ? rows * rowHeight + this.titleBoxHeight * 1.5 : rows * rowHeight + this.titleBoxHeight;\n return radNumber ? height : rowHeight;\n }\n\n fitStageIntoParentContainer() {\n this.updateDrawing();\n }\n\n updateDrawing() {\n if (this.stage) {\n this.pipeworkSizeColor = this.getPipeworkSizeColor(this.schematic);\n this.layer.destroyChildren();\n this.setSizes();\n this.drawSchematic(this.schematic);\n }\n }\n\n updateObjects(targets, connectors) {\n targets.forEach((target) => {\n var node = this.layer.findOne('#' + target.id);\n node.x(target.x);\n node.y(target.y);\n });\n connectors.forEach((connect) => {\n var line = this.layer.findOne('#' + connect.id) as any;\n var fromNode = this.layer.findOne('#' + connect.from);\n var toNode = this.layer.findOne('#' + connect.to);\n\n // const points = this.getConnectorPoints(fromNode.position(), toNode.position());\n const points = KonvaUtils.getConnectorPoints(fromNode, toNode);\n line.points(points);\n });\n }\n\n fitGroupIntoWidth(group, width) {\n if (group.width() > width) {\n const scale = width / group.width();\n group.scale({ x: scale, y: scale });\n group.width(group.width() * scale);\n group.height(group.height() * scale);\n }\n }\n\n getPipeworkSizeColor(schematic) {\n const pipeworkSizeColor = {};\n let pipeworkCount = 0;\n schematic.floors.forEach((floor) => {\n floor.rooms.forEach((room) => {\n if (!(room.pipework && room.pipework.length)) {\n return;\n }\n // assumes there is only one pipe per room\n const internalDiameter = room.pipework[0].internalDiameter;\n if (!pipeworkSizeColor[internalDiameter]) {\n if (!this.pipeworkColors[pipeworkCount]) {\n // get random color - not ideal but will do for now as not expecting more than 7 different sizes\n pipeworkSizeColor[internalDiameter] = '#' + Math.floor(Math.random() * 16777215).toString(16);\n } else {\n pipeworkSizeColor[internalDiameter] = this.pipeworkColors[pipeworkCount];\n }\n pipeworkCount++;\n }\n });\n });\n return pipeworkSizeColor;\n }\n\n drawSchematic(schematic) {\n let h = 0;\n schematic.floors\n ? schematic.floors.forEach((floor, i) => {\n h = this.drawFloor(floor, h);\n })\n : null;\n\n this.generateDashedLinesBetweenFloors();\n const yPosBuildingDescription = this.stage.height() - this.schematicDescriptionBoxHeight;\n this.generateSchematicDescriptionBorder(this.schematicDescriptionBoxHeight, 0, yPosBuildingDescription);\n this.generateSchematicDescription(this.schematicDescriptionBoxHeight / 2, 0, yPosBuildingDescription + 20);\n\n this.schematicService.setStage(this.stage);\n }\n\n drawFloor(floor, totalHeight) {\n let floorHeight = this.getFloorGroupHeight(floor);\n totalHeight += floorHeight;\n const yOffset = -totalHeight;\n const y = this.stage.height() - this.schematicDescriptionBoxHeight + yOffset;\n const floorGroup = new Konva.Group({ id: floor.id, width: this.layerWidth, height: floorHeight, x: 0, y });\n floorGroup.addName('floorGroup' + floor.id);\n const radGroup = new Konva.Group({ id: floor.id, width: this.layerWidth, height: floorHeight, x: 0, y: 0 });\n radGroup.addName('radGroup' + floor.id);\n const border = new Konva.Rect({ x: 0, y: 0, width: this.layerWidth, height: floorHeight, fill: this.colors['white'] });\n const leftBorder = KonvaUtils.generateSolidLine(0, 0, 0, floorHeight, this.colors['purple']);\n const rightBorder = KonvaUtils.generateSolidLine(this.layerWidth, 0, this.layerWidth, floorHeight, this.colors['purple']);\n floorGroup.add(border);\n floorGroup.add(leftBorder);\n floorGroup.add(rightBorder);\n const targets = this.generateTargets(floor.rooms, floorHeight);\n const connectors = this.generateConnectors(targets);\n this.generateNodes(connectors, targets, radGroup, floor);\n let minX;\n let maxX;\n if (targets.length) {\n minX = targets.reduce((prev, curr) => (prev.x < curr.x ? prev : curr)).x;\n maxX = targets.reduce((prev, curr) => (prev.x > curr.x ? prev : curr)).x;\n }\n\n radGroup.width(maxX + this.radWidth + this.rectSpacing - minX);\n this.alignRadGroup(radGroup, this.layerWidth);\n floorGroup.add(radGroup);\n const floorTitleYpos = floorHeight > this.rectSpacing ? this.rectSpacing : 5;\n this.generateFloorTitle(floor, this.titleBoxHeight / 2, floorTitleYpos);\n floorGroup.add(this.drawingAttributes.floorTitle);\n if (this.isEditing) {\n this.generateAddRoomButton(floor, floorGroup, this.drawingAttributes.floorTitle.y() + this.drawingAttributes.floorTitle.height() + 5);\n }\n this.drawingAttributes.floors[floor.id] = floorGroup;\n this.layer.add(floorGroup);\n this.updateObjects(targets, connectors);\n return totalHeight;\n }\n\n generateTargets(roomsArray = [], floorGroupHeight) {\n const result = [];\n let yOffset = -1.5 * this.radHeight;\n let offsetXPos = 0;\n let direction = 1;\n for (let room of roomsArray) {\n let radNumber = (room.radiators && room.radiators.length) || 1;\n let rowNum = 0;\n for (let i = 0; i < radNumber; i++) {\n let x = offsetXPos * (this.radWidth + this.rectSpacing);\n if (x >= this.maxX || x < 0) {\n yOffset -= this.radHeight + this.rectSpacing;\n direction = direction * -1;\n offsetXPos = direction > 0 ? offsetXPos + 1 : offsetXPos - 1;\n x = offsetXPos * (this.radWidth + this.rectSpacing);\n if (radNumber > 1 && i > 0) {\n rowNum++;\n }\n }\n const title = (room.radiators[i] && room.radiators[i].title) || 'No Heating Elements';\n const radH = (room.radiators[i] && room.radiators[i].height) || 0;\n const radL = (room.radiators[i] && room.radiators[i].length) || 0;\n const radOutput = (room.radiators[i] && room.radiators[i].output) || 0;\n const id = (room.radiators[i] && room.radiators[i].id) || `no-radiators-${room.id}`;\n result.push({ roomObj: room, rowInRoom: rowNum, room: room.title, roomH: room.height, roomW: room.width, roomL: room.length, roomFloorArea: room.floorArea, title, radH, radL, radOutput, id, x: x, y: floorGroupHeight + yOffset });\n offsetXPos = direction > 0 ? offsetXPos + 1 : offsetXPos - 1;\n }\n }\n return result;\n }\n\n generateConnectors(targets) {\n const result = [];\n for (let i = 0; i < targets.length; i++) {\n const from = targets[i].id;\n const to = targets[i + 1] ? targets[i + 1].id : targets[i].id;\n if (from === to) {\n continue;\n }\n result.push({\n id: `connector-${from}-${to}`,\n from: from,\n to: to,\n });\n }\n return result;\n }\n\n generateSchematicDescriptionBorder(height, x = 0, y = 0) {\n const border = new Konva.Group({ x, y, width: this.layerWidth, height: height });\n border.addName('schematicDescriptionBorder');\n const background = new Konva.Rect({\n x: 0,\n y: 0,\n width: this.layerWidth,\n height: height,\n stroke: this.colors['purple'],\n strokeWidth: 1,\n fill: this.colors['white'],\n });\n border.add(background);\n this.layer.add(border);\n return border;\n }\n\n generateWaterCylinderDescription(x, y) {\n const waterCylinderDescription = new Konva.Group({ x, y, width: this.layerWidth });\n waterCylinderDescription.addName('waterCylinderDescription');\n let text = 'TBC';\n let sizeText = 'TBC';\n if (this.schematic.heatingSystem && this.schematic.heatingSystem.DHWHasCylinder) {\n text = this.schematic.heatingSystem.DHWHasCylinder;\n if (this.schematic.heatingSystem.DHWHasCylinder == 'No') {\n sizeText = 'N/A';\n } else if (this.schematic.heatingSystem.DHWHasCylinder == 'Yes') {\n sizeText = this.schematic.heatingSystem.DHWCylinderSize ? `${this.schematic.heatingSystem.DHWCylinderSize} L` : 'TBC';\n }\n }\n\n const textGroup = new Konva.Group({ x: 0, y: 0 });\n textGroup.addName('waterCylinderDescriptionTextGroup');\n const cylinderGroup = new Konva.Group({ x: 0, y: 0 });\n cylinderGroup.addName('waterCylinderDescriptionCylinderGroup');\n const cylinderTitle = new Konva.Text({\n text: 'Water Cylinder:',\n fontSize: 18,\n y: 0,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n const waterCylinder = new Konva.Text({\n text,\n fontSize: 18,\n y: 0,\n x: cylinderTitle.width(),\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n cylinderGroup.add(cylinderTitle);\n cylinderGroup.add(waterCylinder);\n cylinderGroup.height(cylinderTitle.height());\n cylinderGroup.width(cylinderTitle.width() + waterCylinder.width());\n\n const sizeGroup = new Konva.Group({ x: 0, y: 0 });\n sizeGroup.addName('waterCylinderDescriptionSizeGroup');\n const sizeTitle = new Konva.Text({\n text: 'Size:',\n fontSize: 18,\n y: 0,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n const sizeValue = new Konva.Text({\n text: sizeText,\n fontSize: 18,\n y: 0,\n x: sizeTitle.width(),\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n\n sizeGroup.add(sizeTitle);\n sizeGroup.add(sizeValue);\n sizeGroup.height(sizeTitle.height());\n sizeGroup.width(sizeTitle.width() + sizeValue.width());\n\n cylinderGroup.y(0);\n sizeGroup.y(cylinderGroup.height());\n\n textGroup.add(cylinderGroup);\n textGroup.add(sizeGroup);\n textGroup.width(Math.max(cylinderGroup.width(), sizeGroup.width()));\n textGroup.height(cylinderGroup.height() + sizeGroup.height());\n\n const background = new Konva.Rect({\n x: 0,\n y: 0,\n width: Math.max(cylinderGroup.width(), sizeGroup.width()) + 20,\n height: cylinderGroup.height() + sizeGroup.height() + 20,\n // stroke: this.colors['grey-purple'],\n fill: this.colors['light-red'],\n });\n\n KonvaUtils.virticalAlignCenter(textGroup, background.y() + background.height() / 2);\n\n waterCylinderDescription.add(background);\n waterCylinderDescription.add(textGroup);\n waterCylinderDescription.width(background.width());\n waterCylinderDescription.height(background.height());\n return waterCylinderDescription;\n }\n\n generateHeatingSystemDescription(x, y, maxW) {\n let heatingSystemDescription = new Konva.Group({ x, y });\n heatingSystemDescription.addName('heatingSystemDescription');\n let heatingSystemType, heatingSystemManufacturer, heatingSystemModel, background, editIconGroup;\n let textGroup = new Konva.Group({});\n textGroup.addName('heatingSystemDescriptionTextGroup');\n heatingSystemType = new Konva.Text({\n text: this.schematic.heatingSystem && this.schematic.heatingSystem.type ? `${this.schematic.heatingSystem.type}` : `Heating System`,\n fontSize: 18,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n heatingSystemManufacturer = new Konva.Text({\n text: this.schematic.heatingSystem && this.schematic.heatingSystem.manufacturer ? `${this.schematic.heatingSystem.manufacturer}:` : 'Manufacturer TBC:',\n fontSize: 18,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n heatingSystemModel = new Konva.Text({\n text: this.schematic.heatingSystem && this.schematic.heatingSystem.model ? `${this.schematic.heatingSystem.model}` : 'Model TBC',\n fontSize: 18,\n\n x: heatingSystemManufacturer.width(),\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n\n if (this.isEditing) {\n //attach edit icon to heating system type\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(heatingSystemType, this.iconPaths.edit, 20, 20, heatingSystemType.width() + 5, heatingSystemType.height() - 25, this.stage);\n iconGroup.on('pointerup', () => {\n this.openAddHeatingSystemModal();\n });\n editIconGroup = iconGroup;\n textGroup.add(tr);\n }\n\n const linedText = KonvaUtils.breakTextIntoLines(heatingSystemModel, maxW);\n heatingSystemModel.text(linedText);\n\n textGroup.add(heatingSystemType);\n textGroup.add(heatingSystemManufacturer);\n textGroup.add(heatingSystemModel);\n textGroup.width(Math.max(heatingSystemManufacturer.width() + heatingSystemModel.width(), heatingSystemType.width() + ((editIconGroup && editIconGroup.width()) || 0)));\n textGroup.height(heatingSystemType.height() + Math.max(heatingSystemManufacturer.height(), heatingSystemModel.height()));\n\n background = new Konva.Rect({\n width: textGroup.width() + 20,\n height: textGroup.height() + 20,\n fill: this.colors['mid-yellow'],\n });\n\n heatingSystemDescription.add(background);\n heatingSystemDescription.add(textGroup);\n\n heatingSystemDescription.width(background.width());\n heatingSystemDescription.height(background.height());\n heatingSystemDescription.x(0);\n background.position({ x: 0, y: 0 });\n\n heatingSystemType.y(0);\n heatingSystemManufacturer.y(heatingSystemType.height());\n //on the same line as heatingSystemManufacturer\n heatingSystemModel.y(heatingSystemManufacturer.y());\n KonvaUtils.virticalAlignCenter(textGroup, background.y() + background.height() / 2);\n\n return heatingSystemDescription;\n }\n\n generateFloorAreaDescription(x, y, maxW) {\n const floorAreaDescription = new Konva.Group({\n x: x,\n y: y,\n width: this.layerWidth,\n });\n floorAreaDescription.addName('floorAreaDescription');\n const floorAreaTitle = new Konva.Text({\n text: `Floor Area:`,\n fontSize: 18,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n const floorArea = new Konva.Text({\n text: `${Utils.getNumberToDecimalPlace(this.schematic.totalFloorArea) || 0} m²`,\n x: floorAreaTitle.width(),\n fontSize: 18,\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n\n const linedText = KonvaUtils.breakTextIntoLines(floorArea, maxW);\n floorArea.text(linedText);\n\n floorAreaDescription.add(floorArea);\n floorAreaDescription.add(floorAreaTitle);\n floorAreaDescription.width(floorArea.width() + floorAreaTitle.width());\n floorAreaDescription.height(Math.max(floorArea.height(), floorAreaTitle.height()));\n return floorAreaDescription;\n }\n\n generateHeatingPowerOutputDescription(x, y, maxW) {\n const heatingPowerOutputDescription = new Konva.Group({ x, y, width: this.layerWidth });\n heatingPowerOutputDescription.addName('heatingPowerOutputDescription');\n const heatingPowerOutputTitle = new Konva.Text({\n text: `Heating Power Output:`,\n fontSize: 18,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n\n const heatingPowerOutput = new Konva.Text({\n text: `${Utils.getNumberToDecimalPlace(this.schematic.totalHeatingPowerOutput) || 0} W`,\n fontSize: 18,\n x: heatingPowerOutputTitle.width(),\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'start',\n });\n\n const linedText = KonvaUtils.breakTextIntoLines(heatingPowerOutput, maxW);\n heatingPowerOutput.text(linedText);\n heatingPowerOutputDescription.add(heatingPowerOutput);\n heatingPowerOutputDescription.add(heatingPowerOutputTitle);\n heatingPowerOutputDescription.width(heatingPowerOutput.width() + heatingPowerOutputTitle.width());\n heatingPowerOutputDescription.height(Math.max(heatingPowerOutput.height(), heatingPowerOutputTitle.height()));\n return heatingPowerOutputDescription;\n }\n\n generateBuildingDescription(x, y, maxW) {\n const buildingDescription = new Konva.Group({ x, y, width: this.layerWidth });\n buildingDescription.addName('buildingDescription');\n const textGroup = new Konva.Group({ x: 0, y: 0 });\n textGroup.addName('buildingDescriptionTextGroup');\n const totalArea = this.generateFloorAreaDescription(0, 0, maxW);\n const totalHeatingPowerOutput = this.generateHeatingPowerOutputDescription(0, totalArea.height(), maxW);\n textGroup.add(totalArea);\n textGroup.add(totalHeatingPowerOutput);\n textGroup.width(Math.max(totalArea.width(), totalHeatingPowerOutput.width()));\n textGroup.height(totalArea.height() + totalHeatingPowerOutput.height());\n const background = new Konva.Rect({\n x: 0,\n y: 0,\n width: Math.max(totalArea.width(), totalHeatingPowerOutput.width()) + 20,\n height: totalArea.height() + totalHeatingPowerOutput.height() + 20,\n fill: this.colors['light-yellow'],\n });\n\n KonvaUtils.virticalAlignCenter(textGroup, background.y() + background.height() / 2);\n\n buildingDescription.add(background);\n buildingDescription.add(textGroup);\n buildingDescription.width(background.width());\n buildingDescription.height(background.height());\n return buildingDescription;\n }\n\n generateHeatingDescription(x, y, maxW) {\n const heatingSystemAndWaterCylinderGroup = new Konva.Group({ x, y });\n heatingSystemAndWaterCylinderGroup.addName('heatingSystemAndWaterCylinderGroup');\n const heatingSystemDescription = this.generateHeatingSystemDescription(x, y, maxW);\n const waterCylinderDescription = this.generateWaterCylinderDescription(heatingSystemDescription.x() + heatingSystemDescription.width() + this.rectSpacing, 0);\n this.alignHsAndWcDescription(heatingSystemDescription, waterCylinderDescription);\n const points = KonvaUtils.getConnectorPoints(waterCylinderDescription, heatingSystemDescription);\n const connector = KonvaUtils.generateSolidLine(points[0], points[1], points[2], points[3], this.colors['gray-400'], 3);\n\n heatingSystemAndWaterCylinderGroup.add(heatingSystemDescription);\n heatingSystemAndWaterCylinderGroup.add(connector);\n heatingSystemAndWaterCylinderGroup.add(waterCylinderDescription);\n if (heatingSystemDescription.y() == waterCylinderDescription.y()) {\n heatingSystemAndWaterCylinderGroup.height(Math.max(heatingSystemDescription.height(), waterCylinderDescription.height()));\n heatingSystemAndWaterCylinderGroup.width(heatingSystemDescription.width() + waterCylinderDescription.width() + connector.width());\n } else {\n heatingSystemAndWaterCylinderGroup.height(heatingSystemDescription.height() + waterCylinderDescription.height() + connector.height());\n heatingSystemAndWaterCylinderGroup.width(Math.max(heatingSystemDescription.width(), waterCylinderDescription.width()));\n }\n return { heatingSystemAndWaterCylinderGroup, heatingSystemDescription, waterCylinderDescription };\n }\n\n generateSchematicDescription(height, x = 0, y = 10, addToLayer = true) {\n const groupH = height;\n const groupW = this.layerWidth;\n const descriptionGroup = new Konva.Group({ x, y, width: groupW, height: groupH });\n descriptionGroup.addName('schematicDescription');\n\n let addFloorButton, heatingSystemAndWaterCylinderGroup;\n\n const buildingDescription = this.generateBuildingDescription(this.rectSpacing, 0, this.layerWidth - 40);\n if (this.isEditing) {\n addFloorButton = this.generateAddFloorButton(buildingDescription.x(), buildingDescription.y() + buildingDescription.height() + 5);\n descriptionGroup.add(addFloorButton);\n }\n descriptionGroup.add(buildingDescription);\n ({ heatingSystemAndWaterCylinderGroup } = this.generateHeatingDescription(buildingDescription.x() + buildingDescription.width() + this.rectSpacing, 0, this.layerWidth - 40));\n descriptionGroup.add(heatingSystemAndWaterCylinderGroup);\n\n this.alignSchematicDescription(heatingSystemAndWaterCylinderGroup, buildingDescription, addFloorButton);\n\n if (buildingDescription.y() === heatingSystemAndWaterCylinderGroup.y()) {\n descriptionGroup.height(Math.max(buildingDescription.height(), heatingSystemAndWaterCylinderGroup.height()) + (addFloorButton ? addFloorButton.height() + 5 : 0));\n } else {\n descriptionGroup.height(buildingDescription.height() + heatingSystemAndWaterCylinderGroup.height() + (addFloorButton ? addFloorButton.height() + 5 : 0));\n }\n\n this.drawingAttributes.schematicDescription = descriptionGroup;\n if (addToLayer) {\n this.layer.add(descriptionGroup);\n }\n return descriptionGroup;\n }\n\n generateAddFloorButton(x: number = 0, y: number = 0) {\n const groupH = this.titleBoxHeight;\n const groupW = this.layerWidth;\n const buttonGroup = new Konva.Group({ x, y, width: groupW, height: groupH, listening: true });\n buttonGroup.addName('addFloorButton');\n const background = new Konva.Rect({\n width: groupW / 2,\n y: 0,\n fill: this.colors['purple'],\n shadowBlur: 0,\n stroke: '',\n strokeWidth: 1,\n cornerRadius: 0,\n });\n\n const textGroup = new Konva.Group({ x: 0, y: 0 });\n textGroup.addName('addFloorButtonText');\n\n const addFloor = new Konva.Text({\n text: `New Floor`,\n y: 0,\n x: 20,\n fontSize: 16,\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['white'],\n align: 'center',\n verticalAlign: 'middle',\n });\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(addFloor, this.iconPaths.add, 15, 15, addFloor.x() - 40, addFloor.y(), this.stage);\n textGroup.add(tr);\n textGroup.add(addFloor);\n textGroup.height(addFloor.height());\n textGroup.width(addFloor.width() + iconGroup.width());\n background.height(textGroup.height() + 15);\n background.width(textGroup.width() + 30);\n KonvaUtils.horizontalAlignCenter(textGroup, background.width() / 2);\n KonvaUtils.virticalAlignCenter(textGroup, background.y() + background.height() / 2);\n\n buttonGroup.add(background);\n buttonGroup.add(textGroup);\n buttonGroup.height(background.height());\n buttonGroup.width(background.width());\n buttonGroup.on('pointerup', () => {\n this.schematicService.addFloor(this.schematicDocument, this.schematicId, { title: `Floor ${this.schematic.floors.length + 1}`, id: `floor${this.schematic.floors.length + 1}`, rooms: [], estimatedArea: 0 });\n });\n buttonGroup.on('mouseenter', () => {\n this.stage.container().style.cursor = 'pointer';\n });\n buttonGroup.on('mouseleave', () => {\n this.stage.container().style.cursor = 'default';\n });\n\n this.drawingAttributes.addFloorButton = buttonGroup;\n return buttonGroup;\n }\n\n generateAddRoomButton(floor, floorGroup, yPos) {\n const groupH = this.titleBoxHeight;\n const groupW = this.layerWidth;\n const buttonGroup = new Konva.Group({ x: 0, y: yPos, width: groupW, height: groupH, listening: true });\n buttonGroup.addName('addRoomButton');\n\n const background = new Konva.Rect({\n y: 0.1 * groupH,\n fill: this.colors['purple'],\n shadowBlur: 0,\n padding: 5,\n strokeWidth: 1,\n cornerRadius: 0,\n });\n\n const textGroup = new Konva.Group({ y: 0.1 * groupH });\n textGroup.addName('addRoomButtonText');\n\n const addRoom = new Konva.Text({\n text: `New Room`,\n y: 0,\n x: 20,\n fontSize: 16,\n fontStyle: 'normal',\n fontFamily: 'Open Sans',\n fill: this.colors['white'],\n align: 'center',\n verticalAlign: 'middle',\n });\n\n //add icon to left of text\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(addRoom, this.iconPaths.add, 15, 15, addRoom.x() - 40, addRoom.y(), this.stage);\n textGroup.add(tr);\n textGroup.add(addRoom);\n textGroup.width(addRoom.width() + iconGroup.width());\n textGroup.height(addRoom.height());\n\n background.height(textGroup.height() + 15);\n background.width(textGroup.width() + 30);\n //center text in background\n KonvaUtils.horizontalAlignCenter(textGroup, background.width() / 2);\n KonvaUtils.virticalAlignCenter(textGroup, background.y() + background.height() / 2);\n buttonGroup.add(background);\n buttonGroup.add(textGroup);\n buttonGroup.height(background.height());\n buttonGroup.width(background.width());\n\n this.alignAddRoomButton(buttonGroup, groupW);\n\n buttonGroup.on('pointerup', () => {\n this.openAddRoomModal({}, floor);\n });\n buttonGroup.on('mouseenter', () => {\n this.stage.container().style.cursor = 'pointer';\n });\n buttonGroup.on('mouseleave', () => {\n this.stage.container().style.cursor = 'default';\n });\n\n this.drawingAttributes.addRoomButton = buttonGroup;\n floorGroup.add(buttonGroup);\n }\n\n generateFloorTitle(floor, height, yPos = 0) {\n const groupH = height;\n const groupW = this.layerWidth;\n const iconH = 15;\n const iconW = 15;\n let deleteButton, trashIcon;\n const titleGroup = new Konva.Group({\n x: 0,\n y: yPos,\n width: groupW,\n height: groupH,\n });\n titleGroup.addName('floorTitle');\n\n const title = new Konva.Text({\n text: `${floor.title} (${Utils.getNumberToDecimalPlace(floor.estimatedArea)} m²)`,\n fontSize: 18,\n fontStyle: 'bold',\n fontFamily: 'Open Sans',\n // fill: this.colors['purple'],\n fill: this.colors['dark'],\n // width: groupW / 2,\n padding: 5,\n align: 'center',\n y: 0.1 * groupH,\n });\n\n const background = new Konva.Rect({\n y: 0.1 * groupH,\n fill: this.colors['light-yellow'],\n // stroke: this.colors['grey-purple'],\n shadowBlur: 0,\n cornerRadius: 0,\n });\n\n background.width(title.width() + 10);\n background.height(title.height());\n titleGroup.add(background);\n titleGroup.add(title);\n titleGroup.width(background.width());\n titleGroup.height(background.height());\n\n if (this.isEditing) {\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(title, this.iconPaths.trash, 15, 15, title.width() + 5, title.height() - 20, this.stage);\n iconGroup.on('pointerup', () => {\n this.schematicService.removeFloor(this.schematic, this.schematicId, floor.id);\n });\n deleteButton = iconGroup;\n trashIcon = icon;\n background.width(title.width() + 20 + iconGroup.width());\n titleGroup.add(tr);\n }\n this.alignFloorTitle(titleGroup, groupW);\n\n this.drawingAttributes.floorTitle = titleGroup;\n\n return titleGroup;\n }\n\n getRadiatorShape(backgroundColor) {\n const rad = new Konva.Group({\n width: this.radWidth,\n height: this.radHeight,\n draggable: false,\n });\n\n rad.addName('radiatorShape');\n const radBody = new Konva.Rect({ x: this.pipeHeight, y: 0, fill: backgroundColor, width: this.rectW, height: this.rectH, shadowBlur: 0, stroke: this.colors['purple'], strokeWidth: 1 });\n const rightPipeGroup = new Konva.Group({ x: radBody.x() + radBody.width(), y: this.rectH - 10 });\n rightPipeGroup.addName('rightPipeGroup');\n const virticalPart = new Konva.Rect({ fill: 'transparent', width: this.pipeWidth, height: this.pipeHeight, x: this.pipeWidth / 2, y: 0, shadowBlur: 0, stroke: this.colors['purple'], strokeWidth: 1 });\n const horizontalPart = new Konva.Rect({ fill: this.colors['light-purple'], width: this.pipeHeight, height: this.pipeWidth, x: 0, y: 0, shadowBlur: 0, stroke: this.colors['purple'], strokeWidth: 1 });\n rightPipeGroup.add(virticalPart);\n rightPipeGroup.add(horizontalPart);\n const leftPipeGroup = new Konva.Group({ x: 0, y: this.rectH - 10 });\n leftPipeGroup.addName('leftPipeGroup');\n const virticalPartLeft = new Konva.Rect({ fill: 'transparent', width: this.pipeWidth, height: this.pipeHeight, x: this.pipeWidth / 2, y: 0, shadowBlur: 0, stroke: this.colors['purple'], strokeWidth: 1 });\n const horizontalPartLeft = new Konva.Rect({ fill: this.colors['light-purple'], width: this.pipeHeight, height: this.pipeWidth, x: 0, y: 0, shadowBlur: 0, stroke: this.colors['purple'], strokeWidth: 1 });\n leftPipeGroup.add(virticalPartLeft);\n leftPipeGroup.add(horizontalPartLeft);\n rad.add(radBody);\n rad.add(rightPipeGroup);\n rad.add(leftPipeGroup);\n return rad;\n }\n\n generateRadiatorBox(target, group, floor) {\n const backgroundColor = target.id.includes('no-radiators') ? this.colors['light-purple'] : this.colors['mid-yellow'];\n const nodeGroup = new Konva.Group({\n id: target.id,\n width: this.radHeight,\n height: this.radWidth,\n draggable: false,\n });\n nodeGroup.addName('radiator-' + target.id);\n\n const rad = this.getRadiatorShape(backgroundColor);\n nodeGroup.add(rad);\n const roomTitle = `${target.room.toUpperCase()}`;\n\n let roomInfo = ``;\n if (target.roomFloorArea) {\n roomInfo += `\\nFloor Area: ${target.roomFloorArea} m²`;\n } else {\n const floorArea = target.roomL * target.roomW;\n roomInfo += `\\nFloor Area: ${Utils.getNumberToDecimalPlace(floorArea)} m²`;\n }\n roomInfo += `; Height: ${target.roomH}m`;\n\n let heatingElementInfo = target.id.includes('no-radiators')\n ? `\\n\\n${target.title}\\n\\n\\n`\n : target.title === 'Under-floor Heating'\n ? `\\n\\nL ${target.radH}m x W ${target.radL}m\\n${target.title}\\n\\n`\n : `\\n\\nH ${target.radH}cm x L ${target.radL}cm\\n${target.title}\\n\\n`;\n\n if (target.radOutput && !isNaN(target.radOutput)) {\n heatingElementInfo += `Output: ${Utils.getNumberToDecimalPlace(target.radOutput)}W @ 50°C`;\n }\n const roomTitleBox = new Konva.Text({ x: this.pipeHeight, text: roomTitle, fontSize: 15, fontStyle: 'bold', fontFamily: 'Open sans', fill: this.colors['dark'], padding: 3, y: 5, align: 'start', verticalAlign: 'top' });\n nodeGroup.add(roomTitleBox);\n\n const roomInfoBox = new Konva.Text({ x: this.pipeHeight, text: roomInfo, fontSize: 15, fontFamily: 'Open sans', fill: this.colors['dark'], width: this.rectW, padding: 3, y: 5, align: 'start' });\n nodeGroup.add(roomInfoBox);\n\n const radInfoBox = new Konva.Text({ x: this.pipeHeight, text: heatingElementInfo, fontSize: 15, fontFamily: 'Open sans', fill: this.colors['dark'], width: this.rectW, padding: 3, y: roomInfoBox.height(), align: 'start' });\n nodeGroup.add(radInfoBox);\n\n const trashBox = new Konva.Rect({ fill: 'transparent' });\n let editIconGroup;\n if (floor && this.isEditing) {\n //attach edit icon to room title\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(roomTitleBox, this.iconPaths.edit, 10, 10, roomTitleBox.width() + roomTitleBox.x() + 5, roomTitleBox.y() + 3, this.stage);\n editIconGroup = iconGroup;\n iconGroup.on('pointerup', () => {\n this.openAddRoomModal(target.roomObj, floor);\n });\n\n nodeGroup.add(iconGroup);\n nodeGroup.add(tr);\n\n //attach trash icon to bottom right corner\n if (!target.id.includes('no-radiators')) {\n const { iconGroup, tr, icon } = KonvaUtils.attachIconToNode(trashBox, this.iconPaths.trash, 15, 15, this.rectW + this.pipeWidth - 10, this.rectH - 20, this.stage);\n iconGroup.on('pointerup', () => {\n this.schematicService.removeRadiator(this.schematic, this.schematicId, target.id, target.roomObj.id);\n });\n nodeGroup.add(iconGroup);\n nodeGroup.add(tr);\n }\n }\n\n while (radInfoBox.height() + roomInfoBox.height() > this.rectH) {\n radInfoBox.fontSize(radInfoBox.fontSize() - 0.1);\n roomTitleBox.fontSize(roomInfoBox.fontSize() - 0.1);\n editIconGroup && editIconGroup.x(roomTitleBox.width() + roomTitleBox.x() + 5) && editIconGroup.y(roomTitleBox.y() + 3);\n roomInfoBox.fontSize(roomInfoBox.fontSize() - 0.1);\n radInfoBox.y(0.5 * roomInfoBox.height());\n }\n group.add(nodeGroup);\n }\n\n generateNodes(connectors, targets, group, floor) {\n connectors.forEach((connect) => {\n var line = new Konva.Line({\n id: connect.id,\n fill: 'transparent',\n points: [],\n });\n group.add(line);\n });\n\n floor.rooms.forEach((room) => {\n const roomTargets = targets.filter((target) => target.roomObj.id === room.id);\n // const roomBorder = this.generateRoomBorder(roomTargets);\n // group.add(roomBorder);\n const roomPipes = this.generateRoomPipe(roomTargets, floor);\n roomPipes.forEach((pipe) => {\n group.add(pipe);\n });\n roomTargets.forEach((target) => {\n this.generateRadiatorBox(target, group, floor);\n });\n });\n }\n\n generateRoomPipe(targets, floor) {\n // this function assumes there is only one pipe per room\n const rowInRoom = new Set(targets.map((target) => target.rowInRoom));\n const numRows = rowInRoom.size;\n const pipeLines = [];\n const rowPadding = 10;\n // assumes only one pipe per room\n const pipe = targets[0].roomObj.pipework && targets[0].roomObj.pipework[0];\n let pipeColor = this.colors['grey-purple'];\n if (pipe) {\n pipeColor = this.pipeworkSizeColor[pipe.internalDiameter];\n }\n for (let i = 0; i < numRows; i++) {\n const targetsInRow = targets.filter((target) => target.rowInRoom === i);\n const xCoords = targetsInRow.map((target) => target.x);\n const minX = Math.min(...xCoords);\n const maxX = Math.max(...xCoords) + this.radWidth + this.rectSpacing;\n const maxY = Math.max(...targetsInRow.map((target) => target.y)) + this.radHeight + rowPadding;\n const pipeGroup = new Konva.Group({});\n const pipeLine = KonvaUtils.generateSolidLine(minX, maxY, maxX, maxY, pipeColor, 3);\n if (pipe) {\n const pipeLabel = new Konva.Text({\n text: pipe.internalDiameter + ' ' + pipe.units.internalDiameter + ' ' + pipe.material,\n fontSize: 12,\n y: maxY,\n x: minX,\n fontStyle: 'regular',\n fontFamily: 'Open Sans',\n fill: this.colors['dark'],\n padding: 5,\n align: 'center',\n });\n\n pipeGroup.add(pipeLabel);\n }\n pipeGroup.add(pipeLine);\n pipeLines.push(pipeGroup);\n if (this.isEditing && this.isInstaller) {\n pipeGroup.on('mouseenter', () => {\n this.stage.container().style.cursor = 'pointer';\n });\n pipeGroup.on('mouseleave', () => {\n this.stage.container().style.cursor = 'default';\n });\n pipeGroup.on('pointerup', () => {\n this.openAddRoomModal(targets[0].roomObj, floor);\n });\n }\n }\n return pipeLines;\n }\n\n generateRoomBorder(roomTargets) {\n const roomGroup = new Konva.Group({});\n const cornerCoords = KonvaUtils.getCorners(roomTargets, this.radWidth, this.radHeight);\n const edges = KonvaUtils.getEdgeCoordsFromCorners(cornerCoords);\n roomGroup.addName('roomBorder');\n const roomBorder = new Konva.Shape({\n fill: this.colors['light-success'],\n stroke: this.colors['purple'],\n strokeWidth: 1,\n draggable: false,\n sceneFunc: function (context) {\n context.beginPath();\n context.moveTo(edges[0][0][0], edges[0][0][1]);\n edges.forEach((edge) => {\n context.lineTo(edge[1][0], edge[1][1]);\n });\n context.closePath();\n // Konva specific method\n context.fillStrokeShape(this);\n },\n });\n roomGroup.add(roomBorder);\n return roomGroup;\n }\n\n generateDashedLinesBetweenFloors() {\n const floors = Object.values(this.drawingAttributes.floors);\n floors.forEach((floor: any, index) => {\n if (index === floors.length - 1) {\n const topBorder = KonvaUtils.generateSolidLine(0, floor.y(), floor.width(), floor.y(), this.colors['purple'], 2);\n this.layer.add(topBorder);\n }\n if (index !== floors.length - 1) {\n const line = KonvaUtils.generateDashedLine(0, floor.y(), floor.width(), floor.y(), this.colors['purple']);\n this.layer.add(line);\n }\n });\n }\n\n alignRadGroup(radGroup, groupW) {\n if (this.shouldBreak('xl')) {\n KonvaUtils.horizontalAlignCenter(radGroup, groupW / 2);\n } else {\n KonvaUtils.horizontalAlignRight(radGroup, groupW - 2 * this.rectSpacing);\n }\n }\n\n alignPipe(pipe, groupW) {\n if (this.shouldBreak('xl')) {\n KonvaUtils.horizontalAlignCenter(pipe, groupW / 2);\n }\n }\n\n alignFloorTitle(titleGroup, groupW) {\n if (this.shouldBreak('xl')) {\n KonvaUtils.horizontalAlignCenter(titleGroup, groupW / 2);\n } else {\n KonvaUtils.horizontalAlignLeft(titleGroup, this.rectSpacing);\n }\n }\n\n alignAddRoomButton(buttonGroup, groupW) {\n if (this.shouldBreak('xl')) {\n KonvaUtils.horizontalAlignCenter(buttonGroup, groupW / 2);\n } else {\n KonvaUtils.horizontalAlignLeft(buttonGroup, this.rectSpacing);\n }\n }\n\n alignHsAndWcDescription(heatingSystemDescription, waterCylinderDescription) {\n if (!this.shouldBreak('xl')) return;\n if (this.shouldBreak('lg')) {\n const maxW = Math.max(heatingSystemDescription.width(), waterCylinderDescription.width());\n heatingSystemDescription.children[0].width(maxW);\n heatingSystemDescription.width(maxW);\n heatingSystemDescription.x(0);\n // KonvaUtils.horizontalAlignCenter(heatingSystemDescription, this.layerWidth / 2);\n if (waterCylinderDescription) {\n waterCylinderDescription.y(heatingSystemDescription.y() + heatingSystemDescription.height() + 5);\n //extend background size\n waterCylinderDescription.children[0].width(maxW);\n waterCylinderDescription.width(maxW);\n waterCylinderDescription.x(0);\n // KonvaUtils.horizontalAlignCenter(waterCylinderDescription, this.layerWidth / 2);\n }\n }\n }\n\n alignSchematicDescription(heatingSystemAndWaterCylinderGroup, buildingDescription, addFloorButton) {\n const hsWcXPos = heatingSystemAndWaterCylinderGroup.x();\n const isOutside = hsWcXPos + heatingSystemAndWaterCylinderGroup.width() + this.rectSpacing >= this.layerWidth;\n if (!this.shouldBreak('xl') && !isOutside) return;\n\n if (this.shouldBreak('lg')) {\n this.resizeHsAndWcDescription(heatingSystemAndWaterCylinderGroup, buildingDescription);\n KonvaUtils.horizontalAlignCenter(buildingDescription, this.layerWidth / 2);\n if (addFloorButton) {\n KonvaUtils.horizontalAlignCenter(addFloorButton, this.layerWidth / 2);\n }\n }\n if (isOutside || this.shouldBreak('lg')) {\n heatingSystemAndWaterCylinderGroup.y(buildingDescription.y() + buildingDescription.height() + 10 + ((addFloorButton && addFloorButton.height() + 5) || 0));\n\n heatingSystemAndWaterCylinderGroup.x(buildingDescription.x());\n }\n }\n\n resizeHsAndWcDescription(heatingSystemAndWaterCylinderGroup, buildingDescription) {\n let maxW = Math.max(buildingDescription.width(), heatingSystemAndWaterCylinderGroup.width());\n if (maxW > this.layerWidth) {\n maxW = this.layerWidth - this.rectSpacing;\n }\n const rectChildren = heatingSystemAndWaterCylinderGroup.children\n .filter((child) => child.getClassName() === 'Group')\n .map((group) => group.children)\n .flat()\n .filter((child) => child.getClassName() === 'Rect');\n const rectChildrenBuildDesc = buildingDescription.children.filter((child) => child.getClassName() === 'Rect');\n\n rectChildrenBuildDesc.forEach((rect) => {\n rect.width(maxW);\n });\n rectChildren.forEach((rect) => {\n rect.width(maxW);\n });\n heatingSystemAndWaterCylinderGroup.width(maxW);\n buildingDescription.width(maxW);\n }\n\n openAddRoomModal(room, floor) {\n const addRadiatorModal = this.modalService.open(AddRadiatorModalComponent, {\n scrollable: true,\n // backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n addRadiatorModal.componentInstance.room = room;\n addRadiatorModal.componentInstance.floor = floor;\n addRadiatorModal.result.then((result) => {\n if (result.msg && result.msg === 'deleteRoom') {\n this.schematicService.removeRoom(this.schematic, this.schematicId, room, floor);\n } else if (result.radiators || result.height) {\n this.schematicService.updateRoom(this.schematicDocument, this.schematicId, result, floor);\n }\n });\n }\n\n openAddHeatingSystemModal() {\n const addHeatingSystemModal = this.modalService.open(AddHeatingSystemModalComponent, {\n scrollable: true,\n // backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n addHeatingSystemModal.componentInstance.heatingSystem = this.schematic.heatingSystem;\n addHeatingSystemModal.result.then((result) => {\n if (result && result.heatingSystem && result.domesticHotWater) {\n const heatingSystem = { ...result.heatingSystem, ...result.domesticHotWater };\n this.schematicService.updateHeatingSystem(this.schematicDocument, this.schematicId, heatingSystem);\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadiatorSchematicComponent } from './radiator-schematic.component';\nimport { AddHeatingSystemModalModule } from '../add-heating-system-modal/add-heating-system-modal.module';\n\n@NgModule({\n declarations: [RadiatorSchematicComponent],\n imports: [CommonModule, AddHeatingSystemModalModule],\n exports: [RadiatorSchematicComponent],\n entryComponents: [RadiatorSchematicComponent],\n})\nexport class RadiatorSchematicModule {}\n","import Konva from 'konva';\n\nexport class KonvaUtils {\n public static attachIconToNode(node, iconSVGSource, iconW, iconH, xPosition, yPosition, stage) {\n const tr = new Konva.Transformer({\n node: node,\n height: iconH,\n borderEnabled: false,\n anchorStroke: '',\n enabledAnchors: ['top-left', 'top-center', 'top-right', 'middle-right', 'middle-left', 'bottom-left', 'bottom-center', 'bottom-right'],\n resizeEnabled: false,\n rotateEnabled: false,\n });\n const iconGroup = new Konva.Group({\n height: iconH,\n width: iconW,\n });\n let iconObj = new Image();\n iconObj.src = iconSVGSource;\n let icon = new Konva.Image({\n width: iconW,\n height: iconH,\n image: iconObj,\n });\n iconGroup.add(icon);\n tr.add(iconGroup);\n iconGroup.position({ x: xPosition, y: yPosition });\n iconGroup.on('mouseenter', () => {\n stage.container().style.cursor = 'pointer';\n });\n iconGroup.on('mouseleave', () => {\n stage.container().style.cursor = 'default';\n });\n return { iconGroup, tr, icon };\n }\n\n public static resizeImageHeight(image, newHeight) {\n let ratio = image.height() / image.width();\n image.height(newHeight);\n image.width(newHeight / ratio);\n return image;\n }\n\n public static virticalAlignCenter(node, y) {\n node.y(y - node.height() / 2);\n }\n\n public static horizontalAlignCenter(node, x) {\n node.x(x - node.width() / 2);\n }\n\n public static horizontalAlignRight(node, x) {\n node.x(x - node.width());\n }\n\n public static horizontalAlignLeft(node, x) {\n node.x(x);\n }\n\n public static getNumberToDecimalPlace(number, decimalPlace = 1) {\n if (!number) {\n return 0;\n }\n return Math.round(number * Math.pow(10, decimalPlace)) / Math.pow(10, decimalPlace);\n }\n\n public static generateSolidLine(x1, y1, x2, y2, stroke, strokeWidth = 1) {\n const line = new Konva.Line({\n points: [x1, y1, x2, y2],\n stroke: stroke,\n strokeWidth,\n });\n return line;\n }\n\n public static breakTextIntoLines(konvaText, maxWidth) {\n let isOutside = konvaText.x()+konvaText.width() > maxWidth;\n if(!isOutside)return konvaText.text();\n let startingPoint = konvaText.x();\n const text = konvaText.text();\n const words = text.split(' ');\n let line = '';\n let lines = [];\n for (let i = 0; i < words.length; i++) {\n const testLine = line + words[i] + ' ';\n const testWidth = konvaText.getTextWidth(testLine);\n isOutside = startingPoint+testWidth >= maxWidth; \n if (isOutside) {\n lines.push(line);\n konvaText.x(0)\n startingPoint = 0; \n line = words[i] + ' ';\n } else {\n line = testLine;\n }\n }\n lines.push(line);\n return lines.join('\\n'); \n }\n\n public static generateDashedLine(x1, y1, x2, y2, stroke) {\n const line = new Konva.Line({\n points: [x1, y1, x2, y2],\n stroke: stroke,\n strokeWidth: 1,\n dash: [10, 5],\n });\n return line;\n }\n\n public static getCenter(node) {\n return {\n x: node.x() + node.width() / 2,\n y: node.y() + node.height() / 2,\n };\n }\n\n public static getRectangleBorderPoint(radians, size, sideOffset = 0) {\n const width = size.width + sideOffset * 2;\n\n const height = size.height + sideOffset * 2;\n\n radians %= 2 * Math.PI;\n if (radians < 0) {\n radians += Math.PI * 2;\n }\n\n const phi = Math.atan(height / width);\n\n let x, y;\n if ((radians >= 2 * Math.PI - phi && radians <= 2 * Math.PI) || (radians >= 0 && radians <= phi)) {\n x = width / 2;\n y = Math.tan(radians) * x;\n } else if (radians >= phi && radians <= Math.PI - phi) {\n y = height / 2;\n x = y / Math.tan(radians);\n } else if (radians >= Math.PI - phi && radians <= Math.PI + phi) {\n x = -width / 2;\n y = Math.tan(radians) * x;\n } else if (radians >= Math.PI + phi && radians <= 2 * Math.PI - phi) {\n y = -height / 2;\n x = y / Math.tan(radians);\n }\n\n return {\n x: -Math.round(x),\n y: Math.round(y),\n };\n }\n\n public static getConnectorPoints(from, to) {\n const c1 = this.getCenter(from);\n const c2 = this.getCenter(to);\n\n const dx = c1.x - c2.x;\n const dy = c1.y - c2.y;\n const angle = Math.atan2(-dy, dx);\n\n const startOffset = this.getRectangleBorderPoint(angle + Math.PI, from.size());\n const endOffset = this.getRectangleBorderPoint(angle, to.size());\n\n const start = {\n x: c1.x - startOffset.x,\n y: c1.y - startOffset.y,\n };\n\n const end = {\n x: c2.x - endOffset.x,\n y: c2.y - endOffset.y,\n };\n\n return [start.x, start.y, end.x, end.y];\n }\n\n public static getCorners(targets, radWidth, radHeight) {\n let maxY = targets.reduce((prev, curr) => (prev.y > curr.y ? prev : curr), 0).y + radHeight;\n const cornerCoords = [];\n const existingCoords = {};\n const rowInRoom = new Set(targets.map((target) => target.rowInRoom));\n const numRows = rowInRoom.size;\n for (let i = 0; i < numRows; i++) {\n const rowTargets = targets.filter((target) => target.rowInRoom === i);\n const rowMaxY = maxY - i * radHeight;\n const rowMinY = rowMaxY - radHeight;\n const rowMaxX = rowTargets.reduce((prev, curr) => (prev.x > curr.x ? prev : curr), 0).x + radWidth;\n const rowMinX = rowTargets.reduce((prev, curr) => (prev.x < curr.x ? prev : curr), 0).x;\n const corner1Id = `${rowMinX}-${rowMaxY}`;\n const corner2Id = `${rowMaxX}-${rowMaxY}`;\n const corner3Id = `${rowMaxX}-${rowMinY}`;\n const corner4Id = `${rowMinX}-${rowMinY}`;\n if (!existingCoords[corner1Id]) {\n cornerCoords.push([rowMinX, rowMaxY]);\n existingCoords[corner1Id] = true;\n }\n if (!existingCoords[corner2Id]) {\n cornerCoords.push([rowMaxX, rowMaxY]);\n existingCoords[corner2Id] = true;\n }\n if (!existingCoords[corner3Id]) {\n cornerCoords.push([rowMaxX, rowMinY]);\n existingCoords[corner3Id] = true;\n }\n if (!existingCoords[corner4Id]) {\n cornerCoords.push([rowMinX, rowMinY]);\n existingCoords[corner4Id] = true;\n }\n }\n return cornerCoords;\n }\n\n public static findCentroid(points) {\n const n = points.length;\n let cx = 0,\n cy = 0;\n\n for (let i = 0; i < n; i++) {\n cx += points[i][0];\n cy += points[i][1];\n }\n\n return [cx / n, cy / n];\n }\n\n public static sortCorners(coordinates) {\n const centroid = KonvaUtils.findCentroid(coordinates);\n\n coordinates.sort((a, b) => {\n const angleA = Math.atan2(a[1] - centroid[1], a[0] - centroid[0]);\n const angleB = Math.atan2(b[1] - centroid[1], b[0] - centroid[0]);\n\n return angleA - angleB;\n });\n\n return coordinates;\n }\n\n public static getEdgeCoordsFromCorners(corners) {\n corners = KonvaUtils.sortCorners(corners); // Access the static member 'sortCorners' of the 'KonvaUtils' class\n const edges = [];\n\n for (let i = 0; i < corners.length; i++) {\n const startPoint = corners[i];\n const endPoint = corners[(i + 1) % corners.length];\n\n edges.push([startPoint, endPoint]);\n }\n\n return edges;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmVsYXRlZC1mYXFzLXNpZGViYXIvcmVsYXRlZC1mYXFzLXNpZGViYXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-related-faqs-sidebar',\n templateUrl: './related-faqs-sidebar.component.html',\n styleUrls: ['./related-faqs-sidebar.component.scss']\n})\nexport class RelatedFaqsSidebarComponent implements OnInit {\n@Input() relatedFaqs\n constructor() { }\n\n ngOnInit() {\n \n }\n faqRelativePath(faq:any){\n \n return `/support/${faq.faq_topics.data[0].attributes.slug}/${faq.slug}`\n }\n}\n","export default \"button {\\n all: unset;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Jlc291cmNlcy1saXN0LWNhcmQvcmVzb3VyY2VzLWxpc3QtY2FyZC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9yZXNvdXJjZXMtbGlzdC1jYXJkL3Jlc291cmNlcy1saXN0LWNhcmQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRyxVQUFBO0FDREgiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3Jlc291cmNlcy1saXN0LWNhcmQvcmVzb3VyY2VzLWxpc3QtY2FyZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8vc3R5bGVzIHdoZW4gbmF2aWdhdGluZyB3aXRoIGtleWJvYXJkXG5cbmJ1dHRvbntcbiAgIGFsbDogdW5zZXQ7XG59XG5cbi8vIGg1e1xuLy8gICAgY29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG5cbi8vIH0iLCJidXR0b24ge1xuICBhbGw6IHVuc2V0O1xufSJdfQ== */\"","import { ChangeDetectorRef, Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LandingService } from 'src/app/services/landing.service';\n\n@Component({\n selector: 'app-resources-list-card',\n templateUrl: './resources-list-card.component.html',\n styleUrls: ['./resources-list-card.component.scss'],\n})\nexport class ResourcesListCardComponent implements OnInit {\n @Input() resourcesList!: any;\n @Input() blog!: any;\n @Input() shouldDisplaySummary: boolean = false;\n @Input() shouldDisplayCommunityTag: boolean = false;\n @Input() titleStyle: any = {};\n @Input() backgroundStyle: any = {}\n @Input() titleLineHeight: any = {}\n @Input() displayTimeToRead: boolean = true\n \n constructor(private router: Router, private landingService: LandingService) {}\n\n ngOnInit() {\n }\n\n navigateToResources() {\n this.router.navigateByUrl(`home/resources-lists/${this.resourcesList.attributes.slug}` );\n }\n\n resourcesRelativePath(){\n return `/home/resources-lists/${this.resourcesList.attributes.slug}`\n }\n}\n","export default \"#resource-list-sm li {\\n list-style: none;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Jlc291cmNlcy1saXN0LWNvbnRlbnQvcmVzb3VyY2VzLWxpc3QtY29udGVudC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9yZXNvdXJjZXMtbGlzdC1jb250ZW50L3Jlc291cmNlcy1saXN0LWNvbnRlbnQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxnQkFBQTtBQ0NKIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9yZXNvdXJjZXMtbGlzdC1jb250ZW50L3Jlc291cmNlcy1saXN0LWNvbnRlbnQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIjcmVzb3VyY2UtbGlzdC1zbSBsaSB7XG4gICAgbGlzdC1zdHlsZTpub25lO1xufVxuLy8gLmJvcmRlci1ib3R0b206bnRoLWNoaWxkKG9kZCl7XG4vLyAgICAgYmFja2dyb3VuZC1jb2xvcjojZjJmMmYyO1xuLy8gfSIsIiNyZXNvdXJjZS1saXN0LXNtIGxpIHtcbiAgbGlzdC1zdHlsZTogbm9uZTtcbn0iXX0= */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-resources-list-content',\n templateUrl: './resources-list-content.component.html',\n styleUrls: ['./resources-list-content.component.scss'],\n})\nexport class ResourcesListContentComponent implements OnInit {\n @Input() resourcesList!: any;\n innerWidth;\n @Input() url;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n\n constructor() {}\n\n ngOnInit() {\n this.onResize();\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvcmVzcG9uc2UtbW9kYWwvcmVzcG9uc2UtbW9kYWwuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit, Output, EventEmitter } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\n\n@Component({\n selector: 'app-response-modal',\n templateUrl: './response-modal.component.html',\n styleUrls: ['./response-modal.component.scss'],\n host: { class: 'd-block' },\n})\n\nexport class ResponseModalComponent implements OnInit {\n\n @Input() resources: any;\n // @Output() updateHtcCard: EventEmitter = new EventEmitter();\n\n loadObj: tLoadingElement;\n showSuccess: boolean = false;\n\n constructor(\n public activeModal: NgbActiveModal,\n private uiConfigService: CustomUIConfigService,\n ) {\n\n\n }\n\n ngOnInit() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(true);\n\n if (this.resources && this.resources.length > 0) {\n\n this.loadObj.loadError = this.resources.filter(x => x.valid == false).length > 0 ? true : false\n this.showSuccess = this.resources.filter(x => x.valid == false).length > 0 ? false : true\n\n }\n\n }\n\n\n close() {\n this.activeModal.dismiss()\n }\n\n\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ResponseModalComponent } from './response-modal.component';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SpinnerModule } from '../spinner/spinner.module';\n\n@NgModule({\n declarations: [ResponseModalComponent],\n imports: [\n CommonModule,\n ReactiveFormsModule,\n SpinnerModule,\n FormsModule\n ],\n exports: [ResponseModalComponent],\n entryComponents: [ResponseModalComponent],\n \n})\n\nexport class ResponseModalModule { }","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2NoZW1hdGljLXRvb2wvc2NoZW1hdGljLXRvb2wuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { HelpModalComponent } from '../help-modal/help-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-schematic-tool',\n templateUrl: './schematic-tool.component.html',\n styleUrls: ['./schematic-tool.component.scss'],\n})\nexport class SchematicToolComponent implements OnInit {\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n innerWidth: number;\n pageTitle = 'Heating by Room';\n currentPage = 'Heating by Room';\n schematic: any;\n schematicDocument: any;\n completionStatus = 'In progress';\n completionStatusColor = 'warning';\n loading = true;\n\n subscriptionSelectedService: Subscription;\n schematicSubscription: Subscription;\n schematicId;\n\n constructor(private schematicsService: SchematicsService, private route: ActivatedRoute, private serviceSelectorSvc: ServiceSelectorSvc, private router: Router, private glowService: GlowService, private modalService: NgbModal) {\n route.params.subscribe(async (params) => {\n if (params['id']) {\n this.schematicId = params['id'];\n const veId = this.serviceSelectorSvc.getSelectedService().veId;\n this.schematicDocument = await this.schematicsService.getSchematic(veId, params['id']);\n this.schematic = { ...this.schematicDocument.data };\n\n this.completionStatus = this.getCompletionStatus();\n if (this.completionStatus === 'Complete') {\n this.schematicsService.setIsEditing(false);\n }\n this.completionStatusColor = this.getCompletionStatusColor();\n this.loading = false;\n }\n });\n\n route.queryParams.subscribe(async (params) => {\n if (params['edit'] && JSON.parse(params['edit'])) {\n this.schematicsService.setIsEditing(JSON.parse(params['edit']));\n }\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe(async (selectedService) => {\n this.schematicsService.setSelectedService(selectedService);\n this.router.navigate(['/pages/tools/heating-by-room']);\n });\n\n this.schematicSubscription = this.schematicsService.schematicDocument$.subscribe((schematicDocument) => {\n this.schematicDocument = schematicDocument;\n this.schematic = { ...schematicDocument.data };\n this.completionStatus = this.getCompletionStatus();\n if (this.completionStatus === 'Complete') {\n this.schematicsService.setIsEditing(false);\n }\n this.completionStatusColor = this.getCompletionStatusColor();\n this.loading = false;\n });\n }\n\n ngOnInit() {\n this.onResize()\n this.schematicsService.setSelectedService(this.serviceSelectorSvc.getSelectedService());\n }\n\n ngOnDestroy() {\n if (this.subscriptionSelectedService) this.subscriptionSelectedService.unsubscribe();\n if (this.schematicSubscription) this.schematicSubscription.unsubscribe();\n }\n\n getCompletionStatus() {\n if (!this.schematicDocument) return 'Not started';\n if (!this.schematicDocument.status) {\n return this.completionStatus;\n }\n return this.schematicDocument.status.replace('-', ' ').charAt(0).toUpperCase() + this.schematicDocument.status.slice(1);\n }\n\n getCompletionStatusColor() {\n if (!this.schematicDocument) return 'danger';\n if (!this.schematicDocument.status) {\n return this.completionStatusColor;\n }\n switch (this.schematicDocument.status) {\n case 'complete':\n return 'success';\n case 'in-progress':\n return 'warning';\n case 'not-started':\n return 'danger';\n default:\n return 'warning';\n }\n }\n\n async edit() {\n if (this.completionStatus === 'Complete') {\n const newSchematic = await this.schematicsService.createNewSchematicFromExisting(this.schematicDocument);\n this.router.navigate(['/pages/tools/heating-by-room/schematic/' + newSchematic.documentId], { queryParams: { edit: true } });\n } else {\n this.schematicsService.setIsEditing(true);\n }\n }\n\n async save() {\n this.schematicDocument['status'] = 'in-progress';\n await this.schematicsService.setSchematicsAndUpdateSchematicsDocument(this.schematicDocument, this.schematicId);\n this.schematicsService.setIsEditing(false);\n }\n\n async complete() {\n this.loading = true;\n const validity = this.checkValidity();\n if (!validity) {\n const modalRef = this.modalService.open(HelpModalComponent, { size: 'lg', centered: true, scrollable: true });\n modalRef.componentInstance.pageTitle = 'Error';\n const heatingSystemValidityMessage = this.isHeatingSystemValid() ? '' : 'Please complete all heating system details - including the type of heating system, manufacturer and model. ';\n const heatEmitterValidityMessage = this.hasMoreThanOneHeatEmitter() ? '' : 'You have not added a valid number of heat emitters. Please add at least one heat emitter. ';\n modalRef.componentInstance.modalBodyContent = '' + 'Some information is missing from your schematic:' + '
' + '' + heatingSystemValidityMessage + heatEmitterValidityMessage + ' ';\n } else {\n await this.schematicsService.updateSchematicsDocumentStatus(this.schematicDocument, this.schematicId, 'complete');\n this.schematicsService.setIsEditing(false);\n }\n this.loading = false;\n }\n\n isHeatingSystemValid() {\n const heatingSystem = this.schematic.heatingSystem;\n const isHeatingSystemValid = heatingSystem && heatingSystem.type && heatingSystem.manufacturer && heatingSystem.model;\n return isHeatingSystemValid;\n }\n\n hasMoreThanOneHeatEmitter() {\n console.log('schematic', this.schematic)\n const floors = this.schematic.floors;\n const hasMoreThanOneHeatEmitter =\n floors.reduce((acc, floor) => {\n return (\n acc +\n floor.rooms.reduce((acc, room) => {\n return acc + room.radiators.length;\n }, 0)\n );\n }, 0) > 0;\n return hasMoreThanOneHeatEmitter;\n }\n\n checkValidity() {\n const heatingSystemValidity = this.isHeatingSystemValid();\n const heatEmitterValidity = this.hasMoreThanOneHeatEmitter();\n return heatingSystemValidity && heatEmitterValidity;\n }\n\n async deleteSchematic() {\n await this.glowService.deleteVEDocumentByID(this.serviceSelectorSvc.getSelectedService().veId, this.schematicId).toPromise();\n this.router.navigateByUrl('/pages/tools/heating-by-room/in-progress');\n }\n\n downloadURI({ fileName, uri }) {\n const element = document.createElement('a');\n element.download = fileName;\n element.href = uri;\n element.setAttribute('download', fileName);\n const event = new MouseEvent('click');\n element.dispatchEvent(event);\n }\n\n downloadImage() {\n const dataURL = this.schematicsService.getCanvasDataUrl(2);\n this.downloadURI({ fileName: 'radiator-schematic', uri: dataURL });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SchematicToolComponent } from './schematic-tool.component';\nimport { RadiatorSchematicModule } from '../radiator-schematic/radiator-schematic.module';\nimport { SpinnerModule } from '../spinner/spinner.module';\n\n@NgModule({\n declarations: [SchematicToolComponent],\n imports: [CommonModule, RadiatorSchematicModule, SpinnerModule],\n exports: [SchematicToolComponent],\n})\nexport class SchematicToolModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2NoZW1hdGljcy1ob21lcGFnZS1zdGF0dXMvc2NoZW1hdGljcy1ob21lcGFnZS1zdGF0dXMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, EventEmitter, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-schematics-homepage-status',\n templateUrl: './schematics-homepage-status.component.html',\n styleUrls: ['./schematics-homepage-status.component.scss'],\n})\nexport class SchematicsHomepageStatusComponent implements OnInit {\n schematicDocuments: any;\n schematicDocumentsDisplay: any;\n schematicDocumentsSubscripion: Subscription;\n subscriptionSelectedService: Subscription;\n statusToFilterBy = 'in-progress';\n //ping observable\n ping: EventEmitter = new EventEmitter();\n shouldPing: boolean = false;\n statusToPing: string;\n\n constructor(private schematicsService: SchematicsService, private serviceSelectorSvc: ServiceSelectorSvc, private router: Router, private route: ActivatedRoute) {\n route.params.subscribe(async (params) => {\n this.statusToFilterBy = params['status'];\n this.schematicDocumentsDisplay = await this.schematicsService.getSchematicsByStatus(this.statusToFilterBy);\n this.setPing();\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe(async (selectedService) => {\n this.schematicsService.setSelectedService(selectedService);\n this.schematicDocumentsDisplay = await this.schematicsService.getSchematicsByStatus(this.statusToFilterBy);\n });\n }\n\n ngOnInit() {\n const selectedService = this.serviceSelectorSvc.getSelectedService();\n this.serviceSelectorSvc.announceSelectedService(selectedService);\n }\n\n setPing() {\n this.shouldPing = !(this.schematicDocumentsDisplay && this.schematicDocumentsDisplay.length > 0);\n if (this.shouldPing) {\n this.statusToPing = 'new';\n }\n this.ping.emit({ shouldPing: this.shouldPing, statusToPing: this.statusToPing });\n }\n\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SchematicsHomepageStatusComponent } from './schematics-homepage-status.component';\nimport { RadiatorSchematicCardModule } from '../radiator-schematic-card/radiator-schematic-card.module';\n\n@NgModule({\n declarations: [SchematicsHomepageStatusComponent],\n imports: [CommonModule, RadiatorSchematicCardModule],\n exports: [SchematicsHomepageStatusComponent],\n})\nexport class SchematicsHomepageStatusModule {}\n","export default \".progress-container {\\n width: 100%;\\n height: 6px;\\n background: transparent;\\n overflow: hidden;\\n}\\n\\n.progress-bar {\\n background: #F2638C;\\n width: 0%;\\n transition-timing-function: ease-out;\\n transition: width 0.5s;\\n height: 100vh;\\n z-index: 1000 !important;\\n}\\n\\n.progress-nav {\\n z-index: 2000 !important;\\n}\\n\\n.fixed-top {\\n animation: fadeInDown 0.5s;\\n}\\n\\nheader {\\n margin: 0px;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n h5 {\\n font-size: 0.9rem !important;\\n margin: 0px;\\n }\\n\\n .progress-container {\\n height: 4px;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Njcm9sbC1wcm9ncmVzcy1iYXIvc2Nyb2xsLXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9zY3JvbGwtcHJvZ3Jlc3MtYmFyL3Njcm9sbC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxXQUFBO0VBQ0EsV0FBQTtFQUNBLHVCQUFBO0VBQ0EsZ0JBQUE7QUNDRjs7QURFQTtFQUNFLG1CQUFBO0VBUUEsU0FBQTtFQUNBLG9DQUFBO0VBQ0Esc0JBQUE7RUFDQSxhQUFBO0VBQ0Esd0JBQUE7QUNORjs7QURTQTtFQUNJLHdCQUFBO0FDTko7O0FEU0E7RUFDSSwwQkFBQTtBQ05KOztBRFNBO0VBQ0UsV0FBQTtBQ05GOztBRFFBO0VBQ0k7SUFDRSw0QkFBQTtJQUNBLFdBQUE7RUNMSjs7RURRRTtJQUVFLFdBQUE7RUNOSjtBQUNGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9zY3JvbGwtcHJvZ3Jlc3MtYmFyL3Njcm9sbC1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucHJvZ3Jlc3MtY29udGFpbmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogNnB4O1xuICBiYWNrZ3JvdW5kOnRyYW5zcGFyZW50O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZDogI0YyNjM4QztcbiAgLy8gYmFja2dyb3VuZDogLW1vei1saW5lYXItZ3JhZGllbnQobGVmdCwgcmdiYSgyMzcsMjU1LDE4NCwxKSAwJSwgI0YyNjM4QyAgMTAwJSk7XG4gIC8vIGJhY2tncm91bmQ6IC13ZWJraXQtZ3JhZGllbnQobGVmdCB0b3AsIHJpZ2h0IHRvcCwgY29sb3Itc3RvcCgwJSwgcmdiYSgyMzcsMjU1LDE4NCwxKSksIGNvbG9yLXN0b3AoMTAwJSwgI0YyNjM4QyApKTtcbiAgLy8gYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQobGVmdCwgcmdiYSgyMzcsMjU1LDE4NCwxKSAwJSwgI0YyNjM4QyAgMTAwJSk7XG4gIC8vIGJhY2tncm91bmQ6IC1vLWxpbmVhci1ncmFkaWVudChsZWZ0LCByZ2JhKDIzNywyNTUsMTg0LDEpIDAlLCAjRjI2MzhDIDEwMCUpO1xuICAvLyBiYWNrZ3JvdW5kOiAtbXMtbGluZWFyLWdyYWRpZW50KGxlZnQsIHJnYmEoMjM3LDI1NSwxODQsMSkgMCUsICNGMjYzOEMgIDEwMCUpO1xuICAvLyBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsIHJnYmEoMjM3LDI1NSwxODQsMSkgMCUsICNGMjYzOEMgIDEwMCUpO1xuICAvLyBmaWx0ZXI6IHByb2dpZDpEWEltYWdlVHJhbnNmb3JtLk1pY3Jvc29mdC5ncmFkaWVudCggc3RhcnRDb2xvcnN0cj0nI2VkZmZiOCcsIGVuZENvbG9yc3RyPScjNjFjOTAwJywgR3JhZGllbnRUeXBlPTEgKTtcbiAgd2lkdGg6IDAlO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gIHRyYW5zaXRpb246IHdpZHRoIDAuNXM7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6MTAwMCAhaW1wb3J0YW50XG59XG5cbi5wcm9ncmVzcy1uYXZ7XG4gICAgei1pbmRleDoyMDAwICFpbXBvcnRhbnQ7XG59XG5cbi5maXhlZC10b3B7XG4gICAgYW5pbWF0aW9uOiBmYWRlSW5Eb3duIC41cztcbn1cblxuaGVhZGVye1xuICBtYXJnaW46IDBweDtcbn1cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDo1NzZweCkge1xuICAgIGg1IHtcbiAgICAgIGZvbnQtc2l6ZTogMC45cmVtICFpbXBvcnRhbnQ7XG4gICAgICBtYXJnaW46MHB4O1xuXG4gICAgfVxuICAgIC5wcm9ncmVzcy1jb250YWluZXIge1xuXG4gICAgICBoZWlnaHQ6IDRweDtcbiAgfVxufSIsIi5wcm9ncmVzcy1jb250YWluZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiA2cHg7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuXG4ucHJvZ3Jlc3MtYmFyIHtcbiAgYmFja2dyb3VuZDogI0YyNjM4QztcbiAgd2lkdGg6IDAlO1xuICB0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1vdXQ7XG4gIHRyYW5zaXRpb246IHdpZHRoIDAuNXM7XG4gIGhlaWdodDogMTAwdmg7XG4gIHotaW5kZXg6IDEwMDAgIWltcG9ydGFudDtcbn1cblxuLnByb2dyZXNzLW5hdiB7XG4gIHotaW5kZXg6IDIwMDAgIWltcG9ydGFudDtcbn1cblxuLmZpeGVkLXRvcCB7XG4gIGFuaW1hdGlvbjogZmFkZUluRG93biAwLjVzO1xufVxuXG5oZWFkZXIge1xuICBtYXJnaW46IDBweDtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICBoNSB7XG4gICAgZm9udC1zaXplOiAwLjlyZW0gIWltcG9ydGFudDtcbiAgICBtYXJnaW46IDBweDtcbiAgfVxuXG4gIC5wcm9ncmVzcy1jb250YWluZXIge1xuICAgIGhlaWdodDogNHB4O1xuICB9XG59Il19 */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { Injectable } from '@angular/core';\nimport { map } from 'rxjs/operators';\nimport { Observable } from 'rxjs';\nimport { Router } from '@angular/router';\nimport { Utils } from 'src/utils';\n\ntype Target = Document | Element;\n\n@Component({\n selector: 'app-scroll-progress-bar',\n templateUrl: './scroll-progress-bar.component.html',\n styleUrls: ['./scroll-progress-bar.component.scss'],\n})\nexport class ScrollProgressBarComponent implements OnInit {\n @Input() title: string;\n contentElement;\n lastScrollPos = window.pageYOffset || document.documentElement.scrollTop;\n displayProgressNav = false;\n @HostListener('window:scroll', []) addStyles() {\n const scTop = window.pageYOffset || document.documentElement.scrollTop;\n if(scTop>400){\n this.displayProgressNav=true\n Utils.waitForElemById('content').then((el) => {\n this.contentElement = document.getElementById('content');\n this.getScrollAsStream() // Defaults to Document if no Element supplied.\n .subscribe((percent: number): void => {\n document.getElementById('scrollBar').style.width = percent + '%';\n });\n });\n const stickyNav: any = document.querySelector('.progress-nav');\n // const height = stickyNav.clientHeight\n const stickyHeight = stickyNav.offsetHeight;\n // const stickySpace: any = document.querySelector('#sticky-space');\n if (stickyNav) {\n if (scTop > this.lastScrollPos) {\n // stickySpace.removeClass('active');\n // stickySpace.style.height = '0px';\n stickyNav.addClass('fixed-top');\n stickyNav.style.transform = 'translateY(0px)';\n this.lastScrollPos = scTop;\n } else {\n // stickySpace.addClass('active');\n // (document.querySelector('#sticky-space.active') as any).style.height = stickyHeight + 'px';\n stickyNav.removeClass('fixed-top');\n stickyNav.style.transform = 'translateY(' + stickyHeight + 'px)';\n this.lastScrollPos = scTop;\n }\n }\n }else{\n this.displayProgressNav=false\n }\n \n }\n\n constructor(private router: Router) {}\n\n ngOnInit() {\n this.stickyOn();\n\n }\n\n goToLanding() {\n this.router.navigateByUrl('/home');\n }\n\n stickyOn() {\n const stickyNav: any = document.querySelector('.progress-nav');\n stickyNav ? stickyNav.insertAdjacentHTML('afterend', '
') : null;\n }\n\n // I return the current scroll percentage (0,100) of the given DOM node.\n getScroll(node: Target = document): number {\n var currentScroll = this.getCurrentScroll(node);\n var maxScroll = this.getMaxScroll(node);\n\n // Ensure that the percentage falls strictly within (0,1).\n var percent = currentScroll / Math.max(maxScroll, 1);\n percent = Math.max(percent, 0);\n percent = Math.min(percent, 1);\n\n // Return the percentage in a more human-consumable format.\n return percent * 100;\n }\n\n // I return the current scroll percentage (0,100) of the given DOM node as a STREAM.\n // --\n // NOTE: The resultant STREAM is a COLD stream, which means that it won't actually\n // subscribe to the underlying DOM events unless something in the calling context\n // subscribes to the COLD stream.\n getScrollAsStream(node: Target = document): Observable {\n if (node instanceof Document) {\n // When we watch the DOCUMENT, we need to pull the scroll event from the\n // WINDOW, but then check the scroll offsets of the DOCUMENT.\n var stream = fromEvent(window, 'scroll').pipe(\n map((event: UIEvent): number => {\n return this.getScroll(document);\n })\n );\n } else {\n // When we watch an ELEMENT node, we can pull the scroll event and the scroll\n // offsets from the same ELEMENT node (unlike the Document version).\n var stream = fromEvent(node, 'scroll').pipe(\n map((event: UIEvent): number => {\n return this.getScroll(node);\n })\n );\n }\n\n return stream;\n }\n\n // ---\n // METHODS.\n // ---\n\n // I return the current scroll offset (in pixels) of the given DOM node.\n getCurrentScroll(node: Target): number {\n if (node instanceof Document) {\n return window.pageYOffset;\n } else {\n return node.scrollTop;\n }\n }\n\n // I return the maximum scroll offset (in pixels) of the given DOM node.\n getMaxScroll(node: Target): number {\n // When we want to get the available scroll height of the DOCUMENT, things get\n // a little peculiar from a cross-browser consistency standpoint. As such, when\n // dealing with the Document node, we have to look in a few different places.\n // --\n // READ MORE: https://javascript.info/size-and-scroll-window\n if (node instanceof Document) {\n var scrollHeight = Math.max(\n node.body.scrollHeight,\n node.body.offsetHeight,\n node.body.clientHeight,\n node.documentElement.scrollHeight,\n node.documentElement.offsetHeight,\n node.documentElement.clientHeight\n );\n\n var clientHeight = node.documentElement.clientHeight;\n\n return scrollHeight - clientHeight;\n } else {\n return node.scrollHeight - node.clientHeight;\n }\n }\n}\n\n\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3NldHVwLXNtYXJ0LW1ldGVyLW1vZGFsL3NldHVwLXNtYXJ0LW1ldGVyLW1vZGFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL3NldHVwLXNtYXJ0LW1ldGVyLW1vZGFsL3NldHVwLXNtYXJ0LW1ldGVyLW1vZGFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFO0VBQ0UsMkJBQUE7QUNBSiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2V0dXAtc21hcnQtbWV0ZXItbW9kYWwvc2V0dXAtc21hcnQtbWV0ZXItbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcbiAgLm5nLXRvdWNoZWQubmctaW52YWxpZCB7XG4gICAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xuICB9XG59XG4iLCJmb3JtIC5uZy10b3VjaGVkLm5nLWludmFsaWQge1xuICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG59Il19 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { shareReplay } from 'rxjs/operators';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { MeterPointVerificationConsentManagementService } from 'src/app/services/meter-point-verification-consent-management.service';\nimport { PostcodeCheckerService } from 'src/app/services/postcode-checker.service';\nimport { TermsConditionsService } from 'src/app/services/termsconditions.service';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-setup-smart-meter-modal',\n templateUrl: './setup-smart-meter-modal.component.html',\n styleUrls: ['./setup-smart-meter-modal.component.scss'],\n})\nexport class SetupSmartMeterModalComponent implements OnInit {\n @Input() type: string;\n @Input() parentActivatedRoute;\n formErrorMessage;\n modalRef: any;\n loading: boolean = false;\n displayImages: boolean = false;\n ihdForm: FormGroup;\n postcodeObj: any = { area: '', isValid: false, error: false };\n euiObj: any = { error: '', missingElements: [], incorrectElements: [], isValid: false };\n mpanForm: FormGroup;\n mpanObj: any = { error: '', isValid: false };\n\n constructor(\n public activeModal: NgbActiveModal,\n private router: Router,\n private modalService: NgbModal,\n private route: ActivatedRoute,\n private fb: FormBuilder,\n private postcodeCheckerService: PostcodeCheckerService,\n private glowService: GlowService,\n private formValidationService: FormValidationService,\n private veService: VirtualEntityService,\n private meterPointVerificationService: MeterPointVerificationConsentManagementService,\n private termsConditionsService: TermsConditionsService\n ) {\n // listen to query params\n this.route.queryParams.subscribe((params) => {\n if (params['type']) {\n this.type = params['type'];\n this.initForms();\n }\n console.log('params', params);\n });\n }\n\n ngOnInit() {\n this.initForms();\n this.termsConditionsService.checkIfUserHasAcceptedCurrentTermsAndConditions().then((userTcObj) => {\n console.log('userTcObj', userTcObj);\n });\n }\n\n initForms() {\n switch (this.type) {\n case 'ihd':\n this.initIhdForm();\n break;\n case 'mpan':\n this.initMpanForm();\n break;\n default:\n break;\n }\n }\n\n // ************* MODAL OPERATIONS *******************\n close() {\n this.modalService.dismissAll();\n this.router.navigate(['..'], { relativeTo: this.parentActivatedRoute });\n this.meterPointVerificationService.getVerificationStatus();\n }\n\n // ************* START SCREEN *******************\n\n navigateToIHD() {\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'ihd' } });\n }\n\n navigateToMPAN() {\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'mpan' } });\n }\n\n navigateToBright() {\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'bright' } });\n }\n\n // ************* IHD SCREEN *******************\n\n initIhdForm() {\n this.ihdForm = this.fb.group({\n postcode: ['', [Validators.required]],\n eui: ['', [Validators.required, FormValidator.isEUIValid]],\n });\n }\n\n showImages() {\n this.displayImages = !this.displayImages;\n }\n\n async checkPostcode() {\n let messages = [];\n await this.checkPostcodeIsValid().then((resp) => {\n if (!this.postcodeObj.isValid) {\n messages.push('Invalid postcode');\n }\n return messages;\n });\n return;\n }\n showErrorMessage() {\n if (this.type == 'ihd') {\n if (!this.ihdForm.valid) {\n this.formErrorMessage = true;\n this.formValidationService.markFormGroup(this.ihdForm, 'touched');\n }\n } else if (!this.mpanForm.valid && this.type == 'mpan') {\n this.formErrorMessage = true;\n this.formValidationService.markFormGroup(this.mpanForm, 'touched');\n }\n }\n resetErrorMsg() {\n this.formErrorMessage = false;\n }\n async checkPostcodeIsValid() {\n let postcode;\n if (this.ihdForm.get('postcode').dirty) {\n postcode = this.ihdForm.value.postcode;\n // console.log(postcode)\n\n await this.postcodeCheckerService\n .checkPostcode(postcode)\n .then((resp: any) => {\n // // console.log('IS POSTCODEVALID', resp);\n this.postcodeObj.area = resp.result['admin_district'];\n this.postcodeObj.isValid = true;\n this.postcodeObj.error = false;\n })\n .catch((err) => {\n console.warn('postcode errr', err);\n this.postcodeObj.area = '';\n this.postcodeObj.isValid = false;\n this.postcodeObj.error = true;\n });\n }\n }\n\n checkFormValidity(formControlName, translateKey?) {\n if (this.type == 'ihd') {\n return this.formValidationService.checkFormValidity(this.ihdForm, formControlName, translateKey);\n } else if (this.type == 'mpan') {\n return this.formValidationService.checkFormValidity(this.mpanForm, formControlName, translateKey);\n }\n }\n\n sanitiseEUI(eui) {\n return eui.replace(/-|\\s+/g, '');\n }\n async checkEui() {\n const eui = this.sanitiseEUI(this.ihdForm.value.eui);\n const postcode = this.ihdForm.value.postcode;\n await this.glowService\n .checkSmetsIhdPostcodeIsEligible({ postcode: postcode, eui: eui })\n .toPromise()\n .then((resp: any) => {\n this.euiObj = resp.valid\n ? { error: '', missingElements: [], incorrectElements: [], isValid: resp.valid }\n : {\n error: 'Postcode and EUI do not match',\n missingElements: [],\n incorrectElements: [],\n isValid: resp.valid,\n };\n // // console.log('RESPP', resp);\n })\n .catch((err) => {\n console.warn('ERRRR', err);\n this.euiObj = {\n error: err.error.error,\n missingElements: err.error.missingElements,\n incorrectElements: err.error.incorrectElements,\n isValid: err.error.isValid,\n };\n });\n }\n\n async checkPostcodeAndEui() {\n // // console.log('Checking postcode and eui');\n await this.checkEui();\n await this.checkPostcode();\n }\n\n async onboard() {\n if (!this.ihdForm.valid) {\n this.showErrorMessage();\n } else {\n this.loading = true;\n const eui = this.sanitiseEUI(this.ihdForm.value.eui);\n const postcode = this.ihdForm.value.postcode;\n await this.checkPostcodeAndEui();\n // // console.log('**********', this.euiObj.isValid && this.postcodeObj.isValid);\n if (this.euiObj.isValid && this.postcodeObj.isValid) {\n await this.glowService\n .onboardSmartMeterEuiPostcode({ eui, postcode })\n .toPromise()\n .then((resp) => {\n // // console.log('onboard resp', resp);\n this.navigateToSuccess();\n // this.loading = false;\n })\n .catch((err) => {\n console.warn('onboard err', err);\n this.euiObj = { error: 'Something went wrong - please try again later', missingElements: [], incorrectElements: [], isValid: false };\n this.loading = false;\n });\n }\n }\n this.loading = false;\n }\n\n navigateToSuccess() {\n this.veService.findVirtualEntities();\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'success' } });\n }\n\n // ************* MPAN SCREEN *******************\n\n initMpanForm() {\n this.mpanForm = this.fb.group({\n mpan: ['', [Validators.required, FormValidator.isMpanValid]],\n });\n }\n\n updateMpanObj() {\n this.mpanObj = this.mpanForm.value.mpan.length > 12 && !this.mpanForm.valid ? { isValid: false, error: 'Invalid MPAN' } : { error: '', isValid: false };\n }\n\n async checkMpan() {\n if (!this.mpanForm.valid) {\n this.showErrorMessage();\n } else {\n this.loading = true;\n const mpxn = this.mpanForm.value.mpan;\n const [error, mpxnEligiblity] = await Utils.promiseHandler(this.glowService.checkSmetsMpxnIsEligible({ mpxn }).toPromise());\n if (error) {\n console.warn('mpan errrr', error);\n this.mpanObj = { isValid: false, error: 'Validation error - please check your details' };\n this.loading = false;\n return;\n }\n\n if (mpxnEligiblity && mpxnEligiblity.valid) {\n const userTcObj = await this.termsConditionsService.checkIfUserHasAcceptedCurrentTermsAndConditions();\n const consent = { tcId: userTcObj.record.tcId, reference: userTcObj.record.reference, acceptedAt: userTcObj.record.createdAt, data: {} };\n const [onBoardError, onBoardResp] = await Utils.promiseHandler(this.glowService.onboardSmartMeterMpxnAvs({ consent, mpxn }).toPromise());\n this.loading = false;\n if (onBoardError) {\n console.warn('onboard err', onBoardError);\n this.mpanObj = { isValid: false, error: 'Validation error - please check your details' };\n return;\n }\n if (onBoardResp) {\n console.log('onboard resp', onBoardResp);\n }\n this.navigateToEligible();\n } else {\n this.navigateToNotEligible();\n }\n }\n }\n\n navigateToEligible() {\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'eligible' } });\n }\n\n navigateToNotEligible() {\n this.router.navigate(['.'], { relativeTo: this.parentActivatedRoute, queryParams: { type: 'not-eligible' } });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SetupSmartMeterModalComponent } from './setup-smart-meter-modal.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from '../spinner/spinner.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { StripeCardFormModule } from '../stripe-card-form/stripe-card-form.module';\n\n@NgModule({\n declarations: [SetupSmartMeterModalComponent],\n imports: [CommonModule, SharedModule, SpinnerModule, FormValidationMessageModule, StripeCardFormModule],\n exports: [SetupSmartMeterModalComponent],\n entryComponents: [SetupSmartMeterModalComponent],\n})\nexport class SetupSmartMeterModalModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2V0dXAtc21hcnQtbWV0ZXIvc2V0dXAtc21hcnQtbWV0ZXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { SetupSmartMeterModalComponent } from '../setup-smart-meter-modal/setup-smart-meter-modal.component';\n\n@Component({\n selector: 'app-setup-smart-meter',\n templateUrl: './setup-smart-meter.component.html',\n styleUrls: ['./setup-smart-meter.component.scss'],\n})\nexport class SetupSmartMeterComponent implements OnInit {\n modalRef: any;\n constructor(private modalService: NgbModal, private route: ActivatedRoute, private router: Router) {\n console.log('Constructing')\n\n route.queryParams.subscribe((params) => {\n this.modalRef ? this.modalService.dismissAll() : null;\n this.open(params.type);\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.modalService.dismissAll();\n }\n open(type) {\n this.modalRef = this.modalService.open(SetupSmartMeterModalComponent, {\n scrollable: true,\n backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n this.modalRef.componentInstance.type = type;\n this.modalRef.componentInstance.parentActivatedRoute = this.route;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SetupSmartMeterComponent } from './setup-smart-meter.component';\nimport { RouterModule } from '@angular/router';\n\n@NgModule({\n declarations: [SetupSmartMeterComponent],\n imports: [CommonModule, RouterModule],\n exports: [SetupSmartMeterComponent],\n})\nexport class SetupSmartMeterModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc2lkZS1iYXIvc2lkZS1iYXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit, Input } from '@angular/core';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport _ from 'underscore';\n\n@Component({\n selector: 'app-side-bar',\n templateUrl: './side-bar.component.html',\n styleUrls: ['./side-bar.component.scss'],\n})\nexport class SideBarComponent implements OnInit {\n @Input() content: any;\n userStories: any = [];\n blogs: any = [];\n articles: any = [];\n infographics: any = [];\n resourceLists: any = [];\n relatedContent: any = [];\n\n loading = true;\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit(): void {}\n\n ngOnChanges(): void {\n this.getAllRelatedContent().then(() => (this.loading = false));\n }\n\n async getAllRelatedContent(content?) {\n content ? (this.content = content) : null;\n this.blogs = this.getRelatedContent('blogs');\n this.articles = this.getRelatedContent('articles');\n this.infographics = this.getRelatedContent('infographics');\n this.relatedContent = _.shuffle([...this.blogs, ...this.articles]);\n }\n\n getContentObject(content, contentType) {\n return { ...content, contentType };\n }\n getRelatedContent(contentType) {\n const contents = this.content.attributes[contentType] && this.content.attributes[contentType].data ? this.content.attributes[contentType].data : [];\n return contents.map((content) => this.getContentObject(content, contentType));\n }\n}\n","export default \"button {\\n all: unset;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3NpZGViYXItY29udGVudC1jYXJkL3NpZGViYXItY29udGVudC1jYXJkLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9jb21wb25lbnRzL3NpZGViYXItY29udGVudC1jYXJkL3NpZGViYXItY29udGVudC1jYXJkLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQVEsVUFBQTtBQ0VSIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9zaWRlYmFyLWNvbnRlbnQtY2FyZC9zaWRlYmFyLWNvbnRlbnQtY2FyZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbImJ1dHRvbiB7YWxsOiB1bnNldDt9XG4iLCJidXR0b24ge1xuICBhbGw6IHVuc2V0O1xufSJdfQ== */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-sidebar-content-card',\n templateUrl: './sidebar-content-card.component.html',\n styleUrls: ['./sidebar-content-card.component.scss'],\n})\nexport class SidebarContentCardComponent implements OnInit {\n @Input() content;\n @Input() shouldDisplaySummary;\n @Input() shouldDisplayTimeToRead;\n @Input() titleStyle;\n\n innerWidth;\n displayImageUrl;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n constructor(private strapiService: StrapiService) {}\n\n ngOnInit() {\n this.onResize();\n }\n\n ngAfterContentChecked() {\n this.displayImageUrl = this.getDisplayImageUrl(this.content);\n }\n\n // navigateTocontent() {\n // this.router.navigateByUrl(`home/content/${this.content.attributes.slug}`);\n // }\n\n contentRelativePath() {\n return `/home/${this.content.contentType}/${this.content.attributes.slug}`;\n }\n\n getTimeToRead() {\n return Utils.getTimeToRead(this.content.attributes.content);\n }\n getUpdatedAt() {\n return Utils.formatZDate(this.content.attributes.updatedAt);\n }\n\n getCreatedAt() {\n return Utils.formatZDate(this.content.attributes.createdAt);\n }\n\n isBookmarked() {\n return this.strapiService.isContentBookmarked(this.content.attributes.slug);\n }\n\n bookmarkContent() {\n this.strapiService.bookmarkContent(this.content.attributes.slug, this.content.contentType);\n }\n\n unbookmarkContent() {\n this.strapiService.unbookmarkContent(this.content.attributes.slug);\n }\n\n getDisplayImageUrl(content) {\n return this.strapiService.getThumbnailDisplayImageUrl(content);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SidebarContentCardComponent } from './sidebar-content-card.component';\nimport { PipesModule } from 'src/app/shared/pipes/pipes.module';\n\n\n\n@NgModule({\n declarations: [SidebarContentCardComponent],\n imports: [\n CommonModule, PipesModule\n ],\n exports:[SidebarContentCardComponent]\n})\nexport class SidebarContentCardModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc29jaWFsLW1lZGlhLWJ1dHRvbnMvc29jaWFsLW1lZGlhLWJ1dHRvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Component({\n selector: 'app-social-media-buttons',\n templateUrl: './social-media-buttons.component.html',\n styleUrls: ['./social-media-buttons.component.scss'],\n})\nexport class SocialMediaButtonsComponent implements OnInit {\n @Input() content:any\n constructor(private router:Router) {}\n\n ngOnInit(): void {}\n\n getTwitterUrl() {\n return `https://twitter.com/intent/tweet?text=${this.content.attributes.title}&&url=${this.router.url}`;\n }\n\n getFacebookUrl(){\n return `https://www.facebook.com/sharer/sharer.php?u=${this.router.url}`\n }\n\n getEmailUrl(){\n return `mailto:?subject=${this.content.attributes.title}&body=I found this interesting, check it out ${this.router.url}`\n }\n\n getLinkedInUrl(){\n return `https://www.linkedin.com/sharing/share-offsite/?url=${this.router.url}`\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3Bpbm5lci9zcGlubmVyLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-spinner',\n templateUrl: './spinner.component.html',\n styleUrls: ['./spinner.component.scss']\n})\nexport class SpinnerComponent implements OnInit {\n @Input() loadingMessage:string\n @Input() smallSpinner:boolean = false\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SpinnerComponent } from './spinner.component';\n\n\n\n@NgModule({\n declarations: [SpinnerComponent],\n imports: [\n CommonModule\n ],\n exports:[SpinnerComponent]\n})\nexport class SpinnerModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3Rhci1yYXRpbmcvc3Rhci1yYXRpbmcuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-star-rating',\n templateUrl: './star-rating.component.html',\n styleUrls: ['./star-rating.component.scss']\n})\nexport class StarRatingComponent implements OnInit {\n @Input() rating: number = 0;\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StarRatingComponent } from './star-rating.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [StarRatingComponent],\n imports: [\n CommonModule,\n SharedModule\n ],\n exports: [StarRatingComponent]\n})\nexport class StarRatingModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3RyaXBlLWNhcmQtZm9ybS9zdHJpcGUtY2FyZC1mb3JtLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { th } from 'date-fns/locale';\nimport { ConfigService } from 'src/app/services/app-config.service';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { Utils } from 'src/utils';\n\ndeclare var Stripe;\n\n//removed auto-topup functionality\n\n@Component({\n selector: 'app-stripe-card-form',\n templateUrl: './stripe-card-form.component.html',\n styleUrls: ['./stripe-card-form.component.scss'],\n})\nexport class StripeCardFormComponent implements OnInit {\n @Output() onSuccessfulOperation: EventEmitter = new EventEmitter();\n stripe; // = Stripe(environment && environment.stripePublicKey);\n elements;\n loadObj: tLoadingElement;\n loadObjSetUp: tLoadingElement;\n clientSecret: string;\n\n constructor(private configService: ConfigService, private formBuilder: FormBuilder, private uiConfigService: CustomUIConfigService, private dialogService: NgbModal, public glowService: GlowService) {\n this.loadObjSetUp = this.uiConfigService.initialiseLoadingBooleans(true);\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(false);\n const configuration = this.configService.loadConfig();\n const env = this.glowService.getEnvironment() || 'prod';\n const publicStripeKey = configuration.environments[env].stripe.publicKey;\n this.stripe = Stripe(publicStripeKey);\n }\n\n ngOnInit() {\n this.setUp();\n }\n\n async setUp() {\n this.loadObjSetUp = this.uiConfigService.initialiseLoadingBooleans(true);\n const [error, customer] = await Utils.promiseHandler(this.glowService.srtipeSetUpCustomer().toPromise());\n if (error) {\n this.loadObjSetUp = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loadError: true,\n errorString: 'ERROR',\n };\n return;\n }\n this.setUpIntent()\n .then((clientSecret) => {\n if (clientSecret) {\n this.clientSecret = clientSecret;\n this.setupStripeElements();\n\n } else {\n console.warn('No Client Secret returns');\n this.loadObjSetUp = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loadError: true,\n errorString: 'ERROR',\n };\n }\n })\n .catch((err) => {\n console.warn(err);\n this.loadObjSetUp = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loadError: true,\n errorString: 'ERROR',\n };\n });\n }\n\n async setUpIntent() {\n const setUpIntent = await this.glowService.stripeSetupIntent().toPromise();\n return setUpIntent && setUpIntent.client_secret;\n }\n\n // https://docs.stripe.com/payments/payment-element/migration?integration-path=future\n setupStripeElements() {\n const styles = getComputedStyle(document.documentElement);\n const options = {\n mode: 'setup',\n currency: 'gbp',\n terms: {card:\"never\"}\n };\n // https://docs.stripe.com/elements/appearance-api\n const appearance = {\n rules: {\n '.Input': {\n padding: `${styles.getPropertyValue('--input-padding-y')} ${styles.getPropertyValue('--input-padding-x')}`,\n border: styles.getPropertyValue('--input-border-width').trim() + ' solid ' + styles.getPropertyValue('--input-border-color').trim(),\n borderRadius: styles.getPropertyValue('--input-border-radius').trim(),\n boxShadow: styles.getPropertyValue('--input-box-shadow').trim(),\n color: styles.getPropertyValue('--input-color').trim(),\n fontSize: styles.getPropertyValue('--input-font-size').trim(),\n fontFamily: 'inherit',\n fontWeight: styles.getPropertyValue('--input-font-weight').trim(),\n },\n '.Input--invalid': {\n border: styles.getPropertyValue('--input-border-width').trim() + ' solid ' + styles.getPropertyValue('--danger').trim(),\n boxShadow: 'none',\n },\n '.Input:focus': {\n borderColor: styles.getPropertyValue('--input-focus-border-color').trim(),\n boxShadow: styles.getPropertyValue('--input-focus-box-shadow').trim(),\n },\n },\n };\n\n this.elements = this.stripe.elements({ clientSecret: this.clientSecret, appearance: appearance });\n const paymentElement = this.elements.create('payment', options);\n this.loadObjSetUp = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loaded: true,\n };\n paymentElement.mount('#payment-element'); \n }\n\n async setUpPaymentMethod() {\n const { error: submitError } = await this.elements.submit();\n if (submitError) {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loadError: false,\n errorString: null,\n };\n return;\n }\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(true);\n\n // Use the clientSecret and Elements instance to confirm the setup\n const { error } = await this.stripe.confirmSetup({\n elements: this.elements,\n clientSecret: this.clientSecret,\n // confirmParams: {\n // return_url: 'https://example.com/order/123/complete',\n // },\n // Uncomment below if you only want redirect for redirect-based payments\n redirect: 'if_required',\n });\n\n if (error) {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loadError: true,\n errorString: error.message || 'ERROR',\n };\n return;\n }\n\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleans(false),\n loaded: true,\n };\n this.onSuccessfulOperation.emit({ isSuccess: true });\n\n console.log('error', error);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StripeCardFormComponent } from './stripe-card-form.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\nimport { SpinnerModule } from '../spinner/spinner.module';\n\n@NgModule({\n declarations: [StripeCardFormComponent],\n imports: [CommonModule, SharedModule, FormValidationMessageModule, SpinnerModule],\n exports: [StripeCardFormComponent],\n})\nexport class StripeCardFormModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3VjY2Vzcy1tb2RhbC9zdWNjZXNzLW1vZGFsLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\n\n@Component({\n selector: 'app-success-modal',\n templateUrl: './success-modal.component.html',\n styleUrls: ['./success-modal.component.scss'],\n})\nexport class SuccessModalComponent implements OnInit {\n successMessage: string;\n constructor(private activeModal: NgbActiveModal) {}\n\n ngOnInit() {}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuccessModalComponent } from './success-modal.component';\n\n@NgModule({\n declarations: [SuccessModalComponent],\n imports: [CommonModule],\n exports: [SuccessModalComponent],\n entryComponents: [SuccessModalComponent],\n})\nexport class SuccessModalModule {}\n","export default \".form-check-input:checked {\\n background-color: #5F6CBD;\\n background-image: #5F6CBD;\\n}\\n\\nform .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3N5c3RlbS1pbmNpZGVudC1zdWJzY3JpcHRpb24tbWFuYWdlbWVudC9zeXN0ZW0taW5jaWRlbnQtc3Vic2NyaXB0aW9uLW1hbmFnZW1lbnQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvc3lzdGVtLWluY2lkZW50LXN1YnNjcmlwdGlvbi1tYW5hZ2VtZW50L3N5c3RlbS1pbmNpZGVudC1zdWJzY3JpcHRpb24tbWFuYWdlbWVudC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNHLHlCQUFBO0VBQ0EseUJBQUE7QUNDSDs7QURHRztFQUNJLDJCQUFBO0FDQVAiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3N5c3RlbS1pbmNpZGVudC1zdWJzY3JpcHRpb24tbWFuYWdlbWVudC9zeXN0ZW0taW5jaWRlbnQtc3Vic2NyaXB0aW9uLW1hbmFnZW1lbnQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9ybS1jaGVjay1pbnB1dDpjaGVja2Vke1xuICAgYmFja2dyb3VuZC1jb2xvcjogICM1RjZDQkQ7XG4gICBiYWNrZ3JvdW5kLWltYWdlOiAgIzVGNkNCRDtcbn1cblxuZm9ybSB7XG4gICAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgICAgICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG4gICB9XG59IiwiLmZvcm0tY2hlY2staW5wdXQ6Y2hlY2tlZCB7XG4gIGJhY2tncm91bmQtY29sb3I6ICM1RjZDQkQ7XG4gIGJhY2tncm91bmQtaW1hZ2U6ICM1RjZDQkQ7XG59XG5cbmZvcm0gLm5nLXRvdWNoZWQubmctaW52YWxpZCB7XG4gIGJvcmRlcjogc29saWQgI2UzMmI0ZCAwLjVweDtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { ConfirmationModalComponent } from '../confirmation-modal/confirmation-modal.component';\nimport { SystemIncidentsMailSubscriptionModalComponent } from '../system-incidents-mail-subscription-modal/system-incidents-mail-subscription-modal.component';\n\n@Component({\n selector: 'app-system-incident-subscription-management',\n templateUrl: './system-incident-subscription-management.component.html',\n styleUrls: ['./system-incident-subscription-management.component.scss'],\n})\nexport class SystemIncidentSubscriptionManagementComponent implements OnInit {\n detailsForm: FormGroup;\n subscriptionId: string | number;\n saved = false;\n loadObj = { loading: true, error: false, success: false, errorMessage: '' };\n\n modalReference: any;\n constructor(\n private formBuilder: FormBuilder,\n private strapiService: StrapiService,\n private modalService: NgbModal,\n private glowService: GlowService,\n private formValidationService: FormValidationService\n\n ) {\n this.initDetailsForm();\n this.getSubscriptionId();\n }\n\n ngOnInit() {\n \n // Initialize the form\n }\n\n getSubscriptionId() {\n this.glowService.getUserActions('IncidentReportingSubscription').subscribe((resp) => {\n if (resp && resp.length > 0) {\n this.subscriptionId = resp.sort(\n (a: any, b: any) => new Date(b.createdAt).valueOf() - new Date(a.createdAt).valueOf()\n )[0].data.subscriptionId; // Get the latest subscription id (if there are multiple\n if (this.subscriptionId) {\n this.getSubscriberDetails(this.subscriptionId);\n }\n }\n this.loadObj.loading = false;\n });\n }\n\n initDetailsForm() {\n this.detailsForm = this.formBuilder.group({\n email: [\n '',\n [Validators.required,FormValidator.isEmailValid],\n ],\n noticeOfCompletion: [false],\n });\n }\n\n getSubscriberDetails(subscriptionId: string | number) {\n this.loadObj.loading = true;\n this.strapiService\n .getOneContent('system-incidents-mail-subscribers', subscriptionId, [])\n .then((resp) => {\n if (resp) {\n this.updateDetails(resp.attributes.email, resp.attributes.noticeOfCompletion);\n } else {\n this.subscriptionId = null;\n this.sendUserAction(this.userActionBody(null));\n }\n this.loadObj.loading = false;\n })\n .catch((err) => {\n this.loadObj.loading = false;\n this.loadObj.error = true;\n this.loadObj.errorMessage =\n \"We couldn't load your details. Please try again later. If the problem persists, please contact us at support@glowmarkt.com\";\n });\n }\n checkFormValidity(formControlName, translateKey?){\n return this.formValidationService.checkFormValidity(this.detailsForm,formControlName, translateKey)\n }\n\n updateDetails(email, noticeOfCompletion) {\n this.detailsForm.patchValue({\n email,\n noticeOfCompletion,\n });\n }\n\n userActionBody(id) {\n return {\n isNew: true,\n reference: 'IncidentReportingSubscription',\n data: {\n subscriptionId: id,\n },\n };\n }\n\n onSubmit() {\n if (this.detailsForm.invalid) {\n return;\n }\n this.strapiService\n .updateContent('system-incidents-mail-subscribers', this.subscriptionId, this.detailsForm.value)\n .then((resp) => {\n this.detailsForm.markAsPristine();\n this.saved = !this.saved;\n setTimeout(() => {\n this.saved = !this.saved;\n }, 1500);\n })\n .catch((err) => {\n this.loadObj.error = true;\n this.loadObj.errorMessage =\n \"We couldn't save your changes. Please try again later. If the problem persists, please contact us at support@glowmarkt.com\";\n });\n }\n\n unsubscribe() {\n this.loadObj.loading = true;\n this.strapiService\n .deleteSystemIncidentsMailSubscriber(this.subscriptionId)\n .then((resp) => {\n this.subscriptionId = null;\n this.sendUserAction(this.userActionBody(this.subscriptionId));\n this.loadObj.loading = false;\n this.loadObj.success = true;\n })\n .catch((err) => {\n this.loadObj.loading = false;\n this.loadObj.error = true;\n this.loadObj.errorMessage =\n \"We couldn't unsubscribe you. Please try again later. If the problem persists, please contact us at support@glowmarkt.com\";\n });\n }\n\n openConfirmationModal() {\n this.modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n this.modalReference.componentInstance.confirmationTitle = 'Are you sure you want to unsubscribe?';\n this.modalReference.componentInstance.confirmationText =\n 'You will no longer receive updates about upcoming system incidents/completions. If you wish to continue press \"Unsubscribe\".';\n this.modalReference.componentInstance.confirmationButtonText = 'Unsubscribe';\n this.modalReference.result.then((result) => {\n switch (result) {\n case 'confirm':\n this.unsubscribe();\n break;\n default:\n break;\n }\n });\n }\n\n openSubscribeModal() {\n // Open the modal\n this.modalReference = this.modalService.open(SystemIncidentsMailSubscriptionModalComponent, {\n ariaLabelledBy: 'Subscribe modal',\n backdrop: 'static',\n size: 'md',\n });\n this.modalReference.result.then(\n (result) => {\n if (result.status == 'success') {\n this.subscriptionId = result.response.data.id;\n this.updateDetails(result.response.data.attributes.email, result.response.data.attributes.noticeOfCompletion);\n } else if (result.error && result.status == 'error') {\n this.loadObj.error = true;\n this.loadObj.errorMessage =\n \"We couldn't subscribe you. Please try again later. If the problem persists, please contact us at support@glowmarkt.com\";\n }\n },\n (error) => {\n this.loadObj.error = true;\n this.loadObj.errorMessage =\n \"We couldn't subscribe you. Please try again later. If the problem persists, please contact us at support@glowmarkt.com\";\n }\n );\n }\n\n sendUserAction(action) {\n this.glowService.sendUserAction(action).subscribe(\n (resp) => {\n this.loadObj.loading = false;\n },\n (error) => {\n this.loadObj.loading = false;\n }\n );\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SystemIncidentSubscriptionManagementComponent } from './system-incident-subscription-management.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from '../spinner/spinner.module';\nimport { FormValidationMessageModule } from '../form-validation-message/form-validation-message.module';\n\n@NgModule({\n declarations: [SystemIncidentSubscriptionManagementComponent],\n imports: [CommonModule, SharedModule, SpinnerModule, FormValidationMessageModule],\n exports: [SystemIncidentSubscriptionManagementComponent],\n})\nexport class SystemIncidentSubscriptionManagementModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvc3lzdGVtLWluY2lkZW50cy1jb250ZW50L3N5c3RlbS1pbmNpZGVudHMtY29udGVudC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { LoginModalComponent } from '../login-modal/login-modal.component';\nimport { SuccessModalComponent } from '../success-modal/success-modal.component';\nimport { SystemIncidentsMailSubscriptionModalComponent } from '../system-incidents-mail-subscription-modal/system-incidents-mail-subscription-modal.component';\n\n@Component({\n selector: 'app-system-incidents-content',\n templateUrl: './system-incidents-content.component.html',\n styleUrls: ['./system-incidents-content.component.scss'],\n})\nexport class SystemIncidentsContentComponent implements OnInit {\n subscribePrompt: string;\n isLoggedIn;\n isSubscribed;\n\n incidentTimeLines = [\n { title: 'Live incidents', id: 'live' },\n { title: 'Upcoming incidents', id: 'upcoming' },\n { title: 'Past incidents', id: 'past' },\n ];\n incidents: any[] = [];\n upcomingIncidents: any[] = [];\n pastIncidents: any[] = [];\n liveIncidents: any[] = [];\n modalReference: any;\n incidentTimeline = { title: 'Live incidents', id: 'live' };\n\n loading = true;\n error;\n constructor(\n private strapiService: StrapiService,\n private modalService: NgbModal,\n private formBuilder: FormBuilder,\n private route: ActivatedRoute,\n private router: Router,\n private glowService: GlowService\n ) {\n this.route.queryParams.subscribe((params) => {\n if (params && params.modal && params.modal === 'incidents-subscription') {\n if (!this.getIsLoggedIn()) {\n this.openLoginModal();\n } else {\n this.openSubscribeModal();\n }\n }\n if (params && params.incidentTimeline) {\n this.incidentTimeline = this.incidentTimeLines.filter((otl) => otl.id === params.incidentTimeline)[0];\n }\n });\n }\n\n ngOnInit() {\n this.getAllIncidents();\n this.isLoggedIn = this.getIsLoggedIn();\n this.getIsSubscribed();\n }\n\n // This function checks whether a user is logged in by checking\n // whether the id_token is stored in localStorage.\n getIsLoggedIn() {\n return localStorage.length > 0 && localStorage.getItem('id_token');\n }\n\n getIsSubscribed() {\n return false\n // this.glowService.getUserActions('IncidentReportingSubscription').subscribe((resp) => {\n // this.isSubscribed =\n // resp &&\n // resp.length > 0 &&\n // resp.sort((a: any, b: any) => new Date(b.createdAt).valueOf() - new Date(a.createdAt).valueOf())[0].data\n // .subscriptionId;\n // });\n }\n\n // Get the text for the subscribe button based on whether the user is logged in or not.\n // getSubscribePrompt() {\n // return this.isLoggedIn() ? ' ' : 'Sign in and register your details';\n // }\n\n openSubscribeModal() {\n // Open the modal\n this.modalReference = this.modalService.open(SystemIncidentsMailSubscriptionModalComponent, {\n ariaLabelledBy: 'Subscribe modal',\n backdrop: 'static',\n size: 'md',\n });\n this.modalReference.result.then(\n (result) => {\n if (result.status === 'success') {\n this.isSubscribed = true;\n this.openSuccessModal();\n } else if (result.status === 'dismiss') {\n this.router.navigate(['/support/system-incidents']);\n } else if (result.status === 'error') {\n // Error Modal\n }else{\n this.router.navigate(['/support/system-incidents']);\n }\n },\n (error) => {\n // Error Modal\n }\n );\n }\n\n openSuccessModal() {\n this.modalReference = this.modalService.open(SuccessModalComponent, {\n ariaLabelledBy: 'Success modal',\n backdrop: 'static',\n size: 'lg',\n });\n this.modalReference.componentInstance.successMessage =\n 'You have successfully subscribed to the Glowmarkt System Incidents mailing list!';\n this.modalReference.result.then(\n (result) => {\n this.router.navigateByUrl('/support/system-incidents');\n },\n (error) => {\n // Error Modal\n }\n );\n }\n\n openLoginModal() {\n this.modalReference = this.modalService.open(LoginModalComponent, {\n ariaLabelledBy: 'Login modal',\n backdrop: 'static',\n });\n this.modalReference.result.then(\n (result) => {\n // Login modal closed\n switch (result) {\n case 'success':\n // User logged in successfully\n this.openSubscribeModal();\n break;\n case 'dismiss':\n // User dismissed login modal\n this.router.navigate(['/support/system-incidents']);\n break;\n default:\n // this.router.navigate(['/support/system-incidents']);\n break;\n }\n },\n (error) => {\n // User logged in, but something went wrong\n // Error Modal\n }\n );\n }\n\n // This code returns all timelines except the current timeline.\n // The current timeline is the timeline that is currently displayed.\n // The other timelines are timelines that are not currently displayed.\n // The purpose of this code is to allow the user to switch timelines.\n getOtherTimelines() {\n return this.incidentTimeLines.filter((otl) => otl.id !== this.incidentTimeline.id);\n }\n\n // This code is used to calculate the estimated completion date of an incident.\n // If the incident has a targetCompletionDateTime, return that.\n // If the incident has a targetCompletionHours value, return an estimate based on the incidentDateTime plus the targetCompletionHours.\n // If the incident has neither a targetCompletionDateTime nor a targetCompletionHours, return an estimate based on the incidentDateTime plus 24 hours.\n\n getCompletionDateTime(incident) {\n const targetCompletionDateTime = incident.attributes.targetCompletionDateTime;\n const targetCompletionHours = incident.attributes.targetCompletionHours;\n const incidentDateTime = incident.attributes.incidentDateTime;\n\n // If the incident has a targetCompletionDateTime, return that.\n if (targetCompletionDateTime) {\n return targetCompletionDateTime;\n }\n\n // If the incident has a targetCompletionHours value, return an estimate based on the incidentDateTime plus the targetCompletionHours.\n if (targetCompletionHours && targetCompletionHours > 0) {\n const ms = targetCompletionHours * 3600000;\n return new Date(new Date(incidentDateTime).valueOf() + ms);\n }\n\n // If the incident has neither a targetCompletionDateTime nor a targetCompletionHours,\n // return an estimate based on the incidentDateTime plus 24 hours.\n const ms = 24 * 3600000;\n return new Date(new Date(incidentDateTime).valueOf() + ms);\n }\n\n async getAllIncidents() {\n // get all incidents from strapi\n this.loading = true;\n try {\n const incidents = await this.strapiService.getAllOfContentType('system-incidents', null, ['system_incident_affected_areas', 'system_incident_updates']);\n\n // filter upcoming incidents\n this.upcomingIncidents = incidents\n .filter(\n (incident) =>\n new Date() < new Date(incident.attributes.incidentDateTime) && !incident.attributes.completedDateTime\n )\n .sort(\n (o1, o2) =>\n new Date(o1.attributes.incidentDateTime).valueOf() - new Date(o2.attributes.incidentDateTime).valueOf()\n );\n\n // filter past incidents\n this.pastIncidents = incidents\n .filter((incident) => incident.attributes.completedDateTime)\n .sort(\n (o1, o2) =>\n new Date(o2.attributes.incidentDateTime).valueOf() - new Date(o1.attributes.incidentDateTime).valueOf()\n );\n\n // filter live incidents\n this.liveIncidents = incidents\n .filter(\n (incident) =>\n new Date() >= new Date(incident.attributes.incidentDateTime) && !incident.attributes.completedDateTime\n )\n .sort(\n (o1, o2) =>\n new Date(o1.attributes.incidentDateTime).valueOf() - new Date(o2.attributes.incidentDateTime).valueOf()\n );\n\n this.incidents = incidents;\n } catch (error) {\n this.error = error;\n console.error(error);\n } finally {\n this.loading = false;\n }\n }\n\n // A function that sorts an array of incident updates\n sortedUpdates(incident) {\n // Sort the incident updates by date\n return incident.attributes.system_incident_updates.data.sort(\n // Sort the updates by the date they were updated\n (update1, update2) => {\n // If either of the updates do not have a date, return 0\n if (!update1.attributes.updatedAt || !update2.attributes.updatedAt) return 0;\n // Otherwise, sort the updates by their date\n return new Date(update2.attributes.updatedAt).valueOf() - new Date(update1.attributes.updatedAt).valueOf();\n }\n );\n }\n}\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3N5c3RlbS1pbmNpZGVudHMtbWFpbC1zdWJzY3JpcHRpb24tbW9kYWwvc3lzdGVtLWluY2lkZW50cy1tYWlsLXN1YnNjcmlwdGlvbi1tb2RhbC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy9zeXN0ZW0taW5jaWRlbnRzLW1haWwtc3Vic2NyaXB0aW9uLW1vZGFsL3N5c3RlbS1pbmNpZGVudHMtbWFpbC1zdWJzY3JpcHRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0k7RUFDSSwyQkFBQTtBQ0FSIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy9zeXN0ZW0taW5jaWRlbnRzLW1haWwtc3Vic2NyaXB0aW9uLW1vZGFsL3N5c3RlbS1pbmNpZGVudHMtbWFpbC1zdWJzY3JpcHRpb24tbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcbiAgICAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgICAgICAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xuICAgIH1cbn0iLCJmb3JtIC5uZy10b3VjaGVkLm5nLWludmFsaWQge1xuICBib3JkZXI6IHNvbGlkICNlMzJiNGQgMC41cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { FormValidator } from 'src/app/services/user-validators';\n\n@Component({\n selector: 'app-system-incidents-mail-subscription-modal',\n templateUrl: './system-incidents-mail-subscription-modal.component.html',\n styleUrls: ['./system-incidents-mail-subscription-modal.component.scss'],\n})\nexport class SystemIncidentsMailSubscriptionModalComponent implements OnInit {\n formInfo: FormGroup;\n formErrorMessage: boolean\n constructor(\n private strapiService: StrapiService,\n private modalService: NgbModal,\n private formBuilder: FormBuilder,\n private router: Router,\n private activeModal: NgbActiveModal,\n private glowService: GlowService,\n private formValidationService: FormValidationService\n ) {}\n\n ngOnInit() {\n this.initFormInfo();\n }\n\n close(result) {\n this.activeModal.close(result);\n }\n checkFormValidity(formControlName, translateKey?){\n return this.formValidationService.checkFormValidity(this.formInfo,formControlName, translateKey)\n }\n showErrorMessage() {\n if (!this.formInfo.valid) {\n this.formErrorMessage = true\n this.formValidationService.markFormGroup(this.formInfo, 'touched')\n }\n }\n initFormInfo() {\n this.formInfo = this.formBuilder.group({\n firstName: ['', [Validators.required]],\n lastName: ['', [Validators.required]],\n email: [\n '',\n [Validators.required, FormValidator.isEmailValid],\n ],\n noticeOfCompletion: [false],\n });\n }\n\n async submitInfo() {\n if (!this.formInfo.valid){\n this.formValidationService.markFormGroup(this.formInfo, 'touched')\n } else {\n this.strapiService\n .addSystemIncidentsMailSubscriber(this.formInfo.value)\n .then((response) => {\n console.log(response);\n this.formInfo.reset();\n this.sendUserAction(this.userActionBody(response.data.id));\n this.close({ response, status: 'success' });\n return response;\n })\n .catch((error) => {\n this.formInfo.reset();\n this.formInfo.reset();\n this.close({ error, status: 'error' });\n return error;\n }); \n }\n }\n userActionBody(id) {\n return {\n isNew: true,\n reference: 'IncidentReportingSubscription',\n data: {\n subscriptionId: id,\n },\n };\n \n }\n\n sendUserAction(action) {\n this.glowService.sendUserAction(action).subscribe(\n (resp) => {\n },\n (error) => {\n }\n );\n }\n}\n","export default \".badge:hover {\\n background-color: #f0f1f3 !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvdGFnL3RhZy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLG9DQUFBO0FDQ0oiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3RhZy90YWcuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuYmFkZ2U6aG92ZXIge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmMGYxZjMgIWltcG9ydGFudDtcbn0iLCIuYmFkZ2U6aG92ZXIge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjBmMWYzICFpbXBvcnRhbnQ7XG59Il19 */\"","import { Component, OnInit, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'app-tag',\n templateUrl: './tag.component.html',\n styleUrls: ['./tag.component.scss'],\n})\nexport class TagComponent implements OnInit {\n @Input() tag: any;\n @Input() shouldDisplayCommunity: boolean = false;\n @Input() isTagBgWhite: boolean = true;\n @Input() isButton: boolean = false;\n @Output() click: EventEmitter = new EventEmitter();\n constructor() {}\n\n ngOnInit(): void {}\n\n tagRelativePath(tag) {\n return tag.attributes.isCommunity ? `/community/${tag.attributes.slug}` : `/tag/${tag.attributes.slug}`;\n }\n\n tagClick() {\n this.click.emit(this.tag);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TagComponent } from './tag.component';\n\n\n\n@NgModule({\n declarations: [TagComponent],\n imports: [\n CommonModule\n ],\n exports:[TagComponent]\n})\nexport class TagModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdGVtcGVyYXR1cmUtc2Vuc29yLWRhdGEtdGFibGUvdGVtcGVyYXR1cmUtc2Vuc29yLWRhdGEtdGFibGUuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { DateFormatService } from 'src/app/services/date-format.service';\nimport { GlowService } from 'src/app/services/glow.service';\n\ndeclare var require: any\nvar FileSaver = require(\"file-saver\");\n\n@Component({\n selector: 'app-temperature-sensor-data-table',\n templateUrl: './temperature-sensor-data-table.component.html',\n styleUrls: ['./temperature-sensor-data-table.component.scss']\n})\n\nexport class TemperatureSensorDataTableComponent implements OnInit {\n\n @Input() pageTitle = \"\"\n @Input() currentPage = \"\"\n @Input() sensorVEList: any\n @Input() innerWidth;\n @Output() selectResourceToDownload = new EventEmitter()\n\n constructor(private glowService: GlowService,\n private dateFormatService: DateFormatService,\n private route: ActivatedRoute\n ) {\n this.route.params.subscribe((params) => {\n this.pageTitle = params && params.sensor && params.sensor.replace(\"-\", \" \")\n this.currentPage = this.pageTitle\n });\n }\n\n ngOnInit() {\n if (this.sensorVEList) {\n this.processSensorData()\n }\n \n }\n\n ngOnChanges() {\n if (this.sensorVEList) {\n this.processSensorData()\n }\n }\n\n processResourceDownload(id) {\n this.selectResourceToDownload.emit(id)\n }\n\n processSensorData() {\n\n\n this.sensorVEList.map(async ve => {\n ve.resources = await ve.resources.sort((a, b) => a.name.localeCompare(b.name))\n ve.resources.map((x, i) => { if (x.classifier == \"illuminance\") { ve.resources.splice(i, 1); } })\n })\n }\n\n async getResourceDownloadData(resource,) {\n\n // Get last 10 days\n var from = new Date();\n const fromDate = this.dateFormatService.apiTimeFromFormat(new Date(from.setDate(from.getDate() - 11)));\n\n var to = new Date();\n const toDate = this.dateFormatService.apiTimeToFormat(new Date(to.setDate(to.getDate() - 1)));\n\n this.glowService.getResourceReadings(resource.resourceId, fromDate, toDate, 'PT30M').subscribe(response => {\n if (response && response.data) {\n this.downloadResult(response)\n }\n })\n }\n\n downloadResult(resource) {\n var date = new Date();\n var dateString = date.toISOString().split(\".\");\n var dateInFileName = dateString[0];\n var reportName = resource.name.replace(',', '');\n var filename = `${reportName}-${dateInFileName}.csv`;\n var csvContent = toCSV(resource.data, resource.units);\n var blob = new Blob([csvContent], { type: \"text/json\" });\n FileSaver.saveAs(blob, filename);\n }\n\n}\n\nfunction toCSV(json, units) {\n var jsonVal = Object.keys(json).map(function (e) { return json[e] })\n var csv = \"\";\n csv += ['timestamp', units, 'epoch'].join(\",\") + \"\\n\";\n for (var line of jsonVal) {\n csv += (line[0] / 1000) + \",\"\n csv += (line[1] ? (line[1]).toFixed(3) : '') + \",\"\n csv += epochToIso(line[0]) + '\\n'\n }\n return csv;\n}\n\nfunction epochToIso(epoch) {\n let newDate = new Date(epoch)\n let formattedDate = newDate.toISOString().split('T')\n let result = formattedDate[0] + ' ' + formattedDate[1].split('.')[0]\n return result\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TemperatureSensorDataTableComponent } from './temperature-sensor-data-table.component';\n\n\n\n@NgModule({\n declarations: [TemperatureSensorDataTableComponent],\n imports: [\n CommonModule\n ],\n exports:[TemperatureSensorDataTableComponent]\n})\nexport class TemperatureSensorDataTableModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdGVybXMtYW5kLWNvbmRpdGlvbnMvdGVybXMtYW5kLWNvbmRpdGlvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { TermsConditionsService } from 'src/app/services/termsconditions.service';\nimport { tTermsConditionsUiConfig } from '../component.typings';\n\n@Component({\n selector: 'app-terms-and-conditions',\n templateUrl: './terms-and-conditions.component.html',\n styleUrls: ['./terms-and-conditions.component.scss']\n})\nexport class TermsAndConditionsComponent implements OnInit {\n @Input() options: tTermsConditionsUiConfig | any = {\n allowModalToExit: true,\n showPermissions: true,\n requireAccept: true,\n referenceKey: null,\n };\n termsConditions\n constructor(private termsConditionsService: TermsConditionsService) { }\n\n ngOnInit() {\n this.termsConditionsService.getCurrentTermsConditionsSync(this.options.referenceKey).then((tc) => {\n this.termsConditions = tc;\n });\n\n\n }\n}","export default \".form-check-input:checked {\\n background-color: #5f6dbf;\\n border-color: #5f6dbf;\\n}\\n\\n.form-check-input:focus {\\n border-color: #5f6dbf;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3Rlcm1zY29uZGl0aW9ucy1tb2RhbC90ZXJtc2NvbmRpdGlvbnMtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL2NvbXBvbmVudHMvdGVybXNjb25kaXRpb25zLW1vZGFsL3Rlcm1zY29uZGl0aW9ucy1tb2RhbC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHlCQUFBO0VBQ0EscUJBQUE7QUNDRjs7QURDQTtFQUNFLHFCQUFBO0FDRUYiLCJmaWxlIjoic3JjL2FwcC9jb21wb25lbnRzL3Rlcm1zY29uZGl0aW9ucy1tb2RhbC90ZXJtc2NvbmRpdGlvbnMtbW9kYWwuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuZm9ybS1jaGVjay1pbnB1dDpjaGVja2VkIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzVmNmRiZjtcbiAgYm9yZGVyLWNvbG9yOiAjNWY2ZGJmO1xufVxuLmZvcm0tY2hlY2staW5wdXQ6Zm9jdXMge1xuICBib3JkZXItY29sb3I6ICM1ZjZkYmY7XG59XG5cbiIsIi5mb3JtLWNoZWNrLWlucHV0OmNoZWNrZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2ZGJmO1xuICBib3JkZXItY29sb3I6ICM1ZjZkYmY7XG59XG5cbi5mb3JtLWNoZWNrLWlucHV0OmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiAjNWY2ZGJmO1xufSJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { tTermsConditions } from 'src/app/services/glow.typings';\nimport { TermsConditionsService } from 'src/app/services/termsconditions.service';\nimport { tTermsConditionsUiConfig } from '../component.typings';\nimport { data } from '../../../assets/content/professional-terms-conditions.json'\n@Component({\n selector: 'app-termsconditions-modal',\n templateUrl: './termsconditions-modal.component.html',\n styleUrls: ['./termsconditions-modal.component.scss'],\n})\nexport class TermsconditionsModalComponent implements OnInit {\n @Input() options: tTermsConditionsUiConfig | any = {\n allowModalToExit: true,\n showPermissions: true,\n requireAccept: true,\n referenceKey: null,\n };\n @Input() title;\n professionalTerms = data\n loadObj: tLoadingElementWithSuccess;\n requiresPermisssionReq: boolean = false;\n hasTermConditionDetails: boolean = false;\n termsConditionsRef: string;\n termsConditions: tTermsConditions;\n termsConditionsDetailList: any[];\n hasTermsConditions: boolean;\n termsConditionsForm: FormGroup;\n // formPermissionMetaData: tTermsConditionPermissionsDisplayData;\n formPermissionMetaData: any;\n displayForm: boolean = true\n @Input() professional: boolean = false\n constructor(\n private termsConditionsService: TermsConditionsService,\n private glowService: GlowService,\n private modalService: NgbModal,\n private router: Router,\n private formBuilder: FormBuilder,\n private activeModal: NgbActiveModal\n ) { }\n\n ngOnInit() {\n this.termsConditionsService.getCurrentTermsConditionsSync(this.options.referenceKey).then((tc) => {\n this.termsConditions = tc;\n this.processTC();\n });\n\n\n }\n\n processTC() {\n //July 2018: more strigent checks to be added\n // // console.log('processTC');\n // // console.log(this.termsConditions);\n // // console.log(this.options);\n\n if (this.termsConditions && this.termsConditions.reference) {\n this.termsConditionsRef = this.termsConditions.reference\n }\n\n if (this.termsConditions && this.termsConditions.hasOwnProperty('data')) {\n var permissionsForm = {};\n this.requiresPermisssionReq = false;\n this.formPermissionMetaData = {\n textStart: null,\n textEnd: null,\n permissionList: [],\n };\n if (this.termsConditions.data.hasOwnProperty('permissions') && this.options.showPermissions === true) {\n if (Array.isArray(this.termsConditions.data.permissions)) {\n this.termsConditions.data.permissions.forEach((permission) => {\n if (permission.hasOwnProperty('reference')) {\n //TO do check if you overwrtting the reference in PermisssionsForm\n this.formPermissionMetaData.permissionList.push(permission);\n } else {\n console.warn('No reference in permission element');\n console.warn(permission);\n }\n });\n } else if (this.termsConditions.data && this.termsConditions.data.permissions && Array.isArray(this.termsConditions.data.permissions.permissionList)) {\n this.formPermissionMetaData = {\n ...this.formPermissionMetaData,\n ...this.termsConditions.data.permissions,\n ...{ permissionList: [] },\n };\n this.termsConditions.data.permissions.permissionList.forEach((permission) => {\n if (permission.hasOwnProperty('reference')) {\n //TO do check if you overwrtting the reference in PermisssionsForm\n this.formPermissionMetaData.permissionList.push(permission);\n } else {\n console.warn('No reference in permission element');\n console.warn(permission);\n }\n });\n }\n this.formPermissionMetaData.permissionList.forEach((permission) => {\n const isRequiredPermission = permission.hasOwnProperty('isRequired') ? permission.isRequired : true;\n if (isRequiredPermission === true) {\n // // console.log('Permission is required' + permission.reference);\n permissionsForm[permission.reference] = [false, Validators.requiredTrue];\n } else {\n permissionsForm[permission.reference] = [false];\n }\n });\n // // console.log('this.formPermissionMetaData');\n\n // // console.log(this.formPermissionMetaData);\n this.requiresPermisssionReq = true;\n this.termsConditionsForm = this.formBuilder.group(permissionsForm);\n // // console.log(this.termsConditionsForm);\n\n this.hasTermsConditions = true;\n } else {\n if (this.options.requireAccept === true) {\n this.termsConditionsForm = this.formBuilder.group([]);\n this.requiresPermisssionReq = true;\n }\n }\n if (this.termsConditions.data.hasOwnProperty('details') && Array.isArray(this.termsConditions.data.details)) {\n // TO DO validate it is valid an a parsable\n this.hasTermConditionDetails = true;\n this.hasTermsConditions = true;\n this.termsConditionsDetailList = this.termsConditions.data.details;\n }\n this.loadObj = { ...this.loadObj, ...{ loaded: true, loading: false } };\n } else {\n console.warn('Unexpected Terms and condition object');\n console.warn(this.termsConditions);\n this.loadObj = { ...this.loadObj, ...{ loadError: true, loading: false, errorString: 'ERROR' } };\n }\n }\n}\n","export default \"button {\\n all: unset;\\n}\\n\\nimg {\\n width: 100%;\\n height: auto;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n .card,\\n.row {\\n height: 100% !important;\\n padding: 10px;\\n }\\n}\\n\\n.summary {\\n font-family: \\\"PT Serif\\\", serif;\\n max-width: 100%;\\n display: -webkit-box;\\n overflow: hidden;\\n -webkit-line-clamp: 2;\\n -webkit-box-orient: vertical;\\n text-overflow: ellipsis;\\n margin: 5px;\\n font-size: 1rem;\\n line-height: 1.5rem;\\n height: 3rem;\\n}\\n\\n.p-wrapper {\\n height: 70px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3R1dG9yaWFsLWNhcmQvdHV0b3JpYWwtY2FyZC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy90dXRvcmlhbC1jYXJkL3R1dG9yaWFsLWNhcmQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxVQUFBO0FDQ0Y7O0FERUE7RUFDRSxXQUFBO0VBQ0EsWUFBQTtBQ0NGOztBRENBO0VBQ0U7O0lBRUUsdUJBQUE7SUFDQSxhQUFBO0VDRUY7QUFDRjs7QURDQTtFQUNFLDhCQUFBO0VBQ0EsZUFBQTtFQUNBLG9CQUFBO0VBQ0EsZ0JBQUE7RUFDQSxxQkFBQTtFQUNBLDRCQUFBO0VBQ0EsdUJBQUE7RUFDQSxXQUFBO0VBQ0EsZUFBQTtFQUNBLG1CQUFBO0VBQ0EsWUFBQTtBQ0NGOztBREVBO0VBQ0UsWUFBQTtBQ0NGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy90dXRvcmlhbC1jYXJkL3R1dG9yaWFsLWNhcmQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJidXR0b24ge1xuICBhbGw6IHVuc2V0O1xufVxuXG5pbWcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBhdXRvO1xufVxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAuY2FyZCxcbiAgLnJvdyB7XG4gICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMTBweDtcbiAgfVxufVxuXG4uc3VtbWFyeSB7XG4gIGZvbnQtZmFtaWx5OiBcIlBUIFNlcmlmXCIsIHNlcmlmO1xuICBtYXgtd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICAtd2Via2l0LWxpbmUtY2xhbXA6IDI7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBtYXJnaW46IDVweDtcbiAgZm9udC1zaXplOiAxcmVtO1xuICBsaW5lLWhlaWdodDogMS41cmVtO1xuICBoZWlnaHQ6IDNyZW07XG59XG5cbi5wLXdyYXBwZXIge1xuICBoZWlnaHQ6IDcwcHg7XG59XG4iLCJidXR0b24ge1xuICBhbGw6IHVuc2V0O1xufVxuXG5pbWcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBhdXRvO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5jYXJkLFxuLnJvdyB7XG4gICAgaGVpZ2h0OiAxMDAlICFpbXBvcnRhbnQ7XG4gICAgcGFkZGluZzogMTBweDtcbiAgfVxufVxuLnN1bW1hcnkge1xuICBmb250LWZhbWlseTogXCJQVCBTZXJpZlwiLCBzZXJpZjtcbiAgbWF4LXdpZHRoOiAxMDAlO1xuICBkaXNwbGF5OiAtd2Via2l0LWJveDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgLXdlYmtpdC1saW5lLWNsYW1wOiAyO1xuICAtd2Via2l0LWJveC1vcmllbnQ6IHZlcnRpY2FsO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgbWFyZ2luOiA1cHg7XG4gIGZvbnQtc2l6ZTogMXJlbTtcbiAgbGluZS1oZWlnaHQ6IDEuNXJlbTtcbiAgaGVpZ2h0OiAzcmVtO1xufVxuXG4ucC13cmFwcGVyIHtcbiAgaGVpZ2h0OiA3MHB4O1xufSJdfQ== */\"","import { Component, HostListener, Input, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-tutorial-card',\n templateUrl: './tutorial-card.component.html',\n styleUrls: ['./tutorial-card.component.scss'],\n})\nexport class TutorialCardComponent implements OnInit {\n innerWidth;\n @Input() tutorial;\n @Input() shouldDisplaySummary: boolean = true;\n @Input() shouldDisplayCommunityTag: boolean = false;\n @Input() titleStyle: any = {};\n @Input() backgroundStyle: any = {};\n @Input() titleLineHeight: any = {};\n @Input() displayTimeToRead: boolean = true;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n\n timeToRead = 1;\n createdAt: string;\n // displayImageUrl = { 'background-image': 'url(\"../../../assets/images/soft-orange.jpg\")' };\n displayImageUrl = \"../../../assets/images/soft-orange.jpg\"\n relativePath:string\n constructor(private strapiService:StrapiService) {}\n\n ngOnInit() {\n this.timeToRead=this.getTimeToRead()\n this.createdAt = this.getCreatedAt(this.tutorial)\n this.displayImageUrl=this.getDisplayImageUrl(this.tutorial)\n this.relativePath=this.getRelativePath()\n this.onResize();\n }\n\n getTimeToRead() {\n let totalMin = 1;\n this.tutorial.attributes.tutorial_sections.data.forEach((c: any) => {\n totalMin = totalMin + Utils.getTimeToRead(c.attributes.content);\n });\n return totalMin;\n }\n\n getCreatedAt(content) {\n return Utils.formatZDate(content.attributes.createdAt);\n }\n\n isBookmarked() {\n return this.strapiService.isContentBookmarked(this.tutorial.attributes.slug);\n }\n\n bookmarkContent() {\n this.strapiService.bookmarkContent(this.tutorial.attributes.slug, 'articles');\n }\n\n unbookmarkContent() {\n this.strapiService.unbookmarkContent(this.tutorial.attributes.slug);\n }\n\n\n getRelativePath(){\n return `/home/tutorials/${this.tutorial.attributes.slug}`\n }\n\n getDisplayImageUrl(content) {\n return this.strapiService.getSmallDisplayImageUrl(content);\n }\n}\n","export default \"@media only screen and (max-width: 768px) {\\n .card, .card-img, .card-img-overlay {\\n height: 300px !important;\\n width: 100% !important;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9jb21wb25lbnRzL3R1dG9yaWFsLWNvbnRlbnQvdHV0b3JpYWwtY29udGVudC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvY29tcG9uZW50cy90dXRvcmlhbC1jb250ZW50L3R1dG9yaWFsLWNvbnRlbnQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSTtJQUFzQyx3QkFBQTtJQUEwQixzQkFBQTtFQ0dsRTtBQUNGIiwiZmlsZSI6InNyYy9hcHAvY29tcG9uZW50cy90dXRvcmlhbC1jb250ZW50L3R1dG9yaWFsLWNvbnRlbnQuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICA3NjhweCl7XG4gICAgLmNhcmQsIC5jYXJkLWltZywgLmNhcmQtaW1nLW92ZXJsYXkgeyBoZWlnaHQ6IDMwMHB4ICFpbXBvcnRhbnQ7IHdpZHRoOjEwMCUgIWltcG9ydGFudH1cbiAgICBcbn0iLCJAbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gIC5jYXJkLCAuY2FyZC1pbWcsIC5jYXJkLWltZy1vdmVybGF5IHtcbiAgICBoZWlnaHQ6IDMwMHB4ICFpbXBvcnRhbnQ7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgfVxufSJdfQ== */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { ScrollSpyService } from '@uniprank/ngx-scrollspy';\nimport { BehaviorSubject, Subscription } from 'rxjs';\nimport { ViewportScroller } from '@angular/common';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-tutorial-content',\n templateUrl: './tutorial-content.component.html',\n styleUrls: ['./tutorial-content.component.scss'],\n})\nexport class TutorialContentComponent implements OnInit {\n @Input() tutorial;\n //dummy placeholder data\n\n content = [];\n timeToRead = 1\n createdAt:string\n displayImageUrl = { 'background-image': 'url(\"../../../assets/images/soft-orange.jpg\")' };\n\n public activeSection: BehaviorSubject<{ id?: string; elementId?: string; nativeElement?: HTMLElement }> =\n new BehaviorSubject({});\n\n private _subscription: Subscription;\n\n constructor(\n private _scrollSpyService: ScrollSpyService,\n private viewportScroller: ViewportScroller,\n private strapiService: StrapiService\n ) {}\n\n ngOnInit() {\n this.content = this.getSections(this.tutorial);\n this.timeToRead=this.getTimeToRead()\n this.createdAt = this.getCreatedAt(this.tutorial)\n this.displayImageUrl=this.getDisplayImageUrl(this.tutorial)\n // set offset because 2 sticky menu bars width single height of 50px\n this._scrollSpyService.setOffset('window', 100);\n // subscribe to window scroll listener, it is also possible to use an ScrollSpyElement id\n this._subscription = this._scrollSpyService.observe('window').subscribe((item) => {\n if (item != null) {\n const _nextSection = {\n id: item.id,\n elementId: item.scrollElementId,\n };\n this.activeSection.next(_nextSection);\n }\n });\n }\n\n ngOnDestroy() {\n if (this._subscription) {\n this._subscription.unsubscribe();\n }\n }\n\n public onClick(elementId: string) {\n document.getElementById(elementId).scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n }\n\n getSections(tutorial) {\n if (tutorial.attributes.tutorial_sections && tutorial.attributes.tutorial_sections.data.length) {\n return tutorial.attributes.tutorial_sections.data.sort((s1, s2) => {\n return s1.attributes.stepNumber - s2.attributes.stepNumber;\n });\n }\n }\n\n getTimeToRead() {\n let totalMin = 1;\n this.content.forEach((c: any) => {\n totalMin = totalMin + Utils.getTimeToRead(c.attributes.content);\n });\n return totalMin;\n }\n\n getCreatedAt(content) {\n return Utils.formatZDate(content.attributes.createdAt);\n }\n\n isBookmarked() {\n return this.strapiService.isContentBookmarked(this.tutorial.attributes.slug);\n }\n\n bookmarkContent() {\n this.strapiService.bookmarkContent(this.tutorial.attributes.slug, 'articles');\n }\n\n unbookmarkContent() {\n this.strapiService.unbookmarkContent(this.tutorial.attributes.slug);\n }\n\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content)\n return { 'background-image': `url(\"${url}\")` };\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdXNlci1zdG9yeS1jYXJkL3VzZXItc3RvcnktY2FyZC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Input,ViewChild,ElementRef, ChangeDetectorRef } from '@angular/core';\nimport { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { Utils } from 'src/utils';\n\n\n@Component({\n selector: 'app-user-story-card',\n templateUrl: './user-story-card.component.html',\n styleUrls: ['./user-story-card.component.scss']\n})\nexport class UserStoryCardComponent implements OnInit {\n @Input() userStory!:any\n\n\n constructor(private router:Router, private landingService:LandingService, private ref:ChangeDetectorRef) { }\n\n ngOnInit(): void {\n this.ref.detectChanges()\n }\n\n\n getUpdatedAt(){\n return new Date(this.userStory.attributes.updatedAt).toDateString().split(' ').slice(1).join(' ');\n }\n\n navigateToUserStory(){\n // this.landingService.setUserStoryId(this.userStory.id)\n this.router.navigateByUrl(`home/user-story/${this.userStory.attributes.slug}`);\n }\n\n userStoryRelativePath(){\n return `/home/user-story/${this.userStory.attributes.slug}`\n }\n\n getImageURL(userStory:any){\n return Utils.getApiServerAddress()+userStory.attributes.headingImage.data.attributes.url\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL2NvbXBvbmVudHMvdXNlci1zdG9yeS1kZXRhaWxlZC1jb250ZW50L3VzZXItc3RvcnktZGV0YWlsZWQtY29udGVudC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-user-story-detailed-content',\n templateUrl: './user-story-detailed-content.component.html',\n styleUrls: ['./user-story-detailed-content.component.scss'],\n})\nexport class UserStoryDetailedContentComponent implements OnInit {\n userStory!: any;\n\n constructor(private route: ActivatedRoute, private landingService: LandingService, private strapiService:StrapiService) {\n this.getUserStory().then((userStory) => {\n this.userStory = userStory;\n });\n }\n\n ngOnInit(): void {}\n\n getUpdatedAt(){\n return new Date(this.userStory.attributes.updatedAt).toDateString().split(' ').slice(1).join(' ');\n }\n\n async getUserStory() {\n\n }\n \n getImageURL(userStory: any) {\n return Utils.getApiServerAddress() + userStory.attributes.headingImage.data.attributes.url;\n }\n}\n","import { Injectable } from '@angular/core';\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree, CanDeactivate } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { HeatPumpCaseStudyComponent } from '../pages/case-study-creator-tool/heat-pump-case-study/heat-pump-case-study.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ConfirmationModalComponent } from '../components/confirmation-modal/confirmation-modal.component';\nimport { CaseStudyFormService } from '../services/case-study-form.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class HeatPumpCsFormGuard implements CanDeactivate {\n constructor(private modalService: NgbModal, private caseStudyFormService: CaseStudyFormService) {}\n canDeactivate(component: HeatPumpCaseStudyComponent, next: ActivatedRouteSnapshot, state: RouterStateSnapshot, ): Observable | Promise | boolean {\n return new Promise((resolve) => {\n if (this.caseStudyFormService.isSectionPristine(component.section)) {\n resolve(true);\n } else {\n const modalRef = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalRef.componentInstance.confirmationTitle = 'Unsaved changes';\n modalRef.componentInstance.confirmationText = 'You have unsaved changes. Do you want to leave without saving?';\n modalRef.componentInstance.confirmationButtonText = 'Save';\n modalRef.componentInstance.dismissButtonText = \"Don't save\";\n modalRef.result.then((result) => {\n if (result === 'confirm') {\n component.saveChangesToActiveChildComponent()\n }\n resolve(result === 'confirm');\n });\n }\n });\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL2FjY291bnQtcGFnZXMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subject } from 'rxjs';\nimport { HelpModalComponent } from 'src/app/components/help-modal/help-modal.component';\nimport { InstallerInvitationModalComponent } from 'src/app/components/installer-invitation-modal/installer-invitation-modal.component';\n\n@Component({\n selector: 'app-account-pages',\n templateUrl: './account-pages.component.html',\n styleUrls: ['./account-pages.component.scss']\n})\nexport class AccountPagesComponent implements OnInit {\n pageTitle = 'Account';\n currentPage = '';\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n constructor(private modalService: NgbModal, private translate: TranslateService) {}\n\n ngOnInit() {}\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle);\n this.currentPage = event.pageTitle;\n }\n\n // // console.log(\"EVENT\",event);\n }\n openInvitationModal(){\n this.modalService.open(InstallerInvitationModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' })\n }\n openInfoModal() {\n const modalRef = this.modalService.open(HelpModalComponent, { scrollable: true, centered: true, size: 'lg' });\n modalRef.componentInstance.pageTitle = 'Invitations';\n modalRef.componentInstance.modalBodyContent = this.translate.instant('INVITATIONS_PROFESSIONAL_EXPLANATION')\n\n\n\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccountPagesComponent } from './account-pages.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { HelpModalComponent } from 'src/app/components/help-modal/help-modal.component';\nimport { HelpModalModule } from 'src/app/components/help-modal/help-modal.module';\n\n\n\n@NgModule({\n declarations: [AccountPagesComponent],\n imports: [\n CommonModule, SharedModule, HelpModalModule\n ],\n exports: [AccountPagesComponent]\n})\nexport class AccountPagesModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL2ludml0YXRpb25zL2ludml0YXRpb25zLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-invitations',\n templateUrl: './invitations.component.html',\n styleUrls: ['./invitations.component.scss', '../../pages-professional.component.scss']\n})\nexport class InvitationsComponent implements OnInit {\n\n pages = [\n { path: '/professional/account/invitations/sent-invitations', title: 'Sent invitations', urlPath: 'sent-invitations' },\n { path: '/professional/account/invitations/received-invitations', title: 'Received invitations', urlPath: 'received-invitations' },\n // { path: '/pages/account/settings/properties', title: 'Properties', urlPath: 'properties' }\n ]\n pageTitle = \"Invitations\"\n currentPage;\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n constructor() { }\n\n ngOnInit() {\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter(p => p.title != this.currentPage)\n \n}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InvitationsComponent } from './invitations.component';\nimport { SentInvitationsModule } from './sent-invitations/sent-invitations.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InvitationsComponent],\n imports: [\n CommonModule, SentInvitationsModule, SharedModule\n ],\n exports: [InvitationsComponent]\n})\nexport class InvitationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL2ludml0YXRpb25zL3JlY2VpdmVkLWludml0YXRpb25zL3JlY2VpdmVkLWludml0YXRpb25zLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { ConfirmationModalComponent } from 'src/app/components/confirmation-modal/confirmation-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { PdfService } from 'src/app/services/pdf.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-received-invitations',\n templateUrl: './received-invitations.component.html',\n styleUrls: ['./received-invitations.component.scss']\n})\nexport class ReceivedInvitationsComponent implements OnInit {\n pageTitle = 'Received invitations'\n estimateRequests: any\n loading: boolean = true;\n error: boolean\n estimatesSubscription: Subscription\n constructor(private invitationsService: InvitationsService, private glowService: GlowService, private pdfService: PdfService, private modalService: NgbModal) {\n this.estimatesSubscription = this.invitationsService.ProfessionalEstimatesAnnouncer.subscribe((resp) => {\n if (resp.error) {\n this.loading = false\n this.error = true\n } else if (!resp.valid) {\n this.loading = false\n this.estimateRequests = []\n }\n\n else {\n this.estimateRequests = resp.estimateRequests.filter(e => e.initiatedBy === 'customer')\n // console.log(this.estimateRequests)\n if (this.estimateRequests) {\n this.loading = false\n }\n }\n this.loading = false\n })\n\n }\n\n ngOnInit() {\n this.invitationsService.getAllProfessionalEstimateRequests()\n\n }\n ngOnDestroy() {\n if (this.estimatesSubscription) {\n this.estimatesSubscription.unsubscribe()\n }\n }\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string)\n }\n downloadPDF(id) {\n this.glowService.getSnapshotBySnapshotId(id).subscribe((resp) => {\n if (resp) {\n this.pdfService.generatePdf(resp)\n }\n return resp\n })\n }\n\n openConfirmationModal(estimateRequestId) {\n const modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalReference.componentInstance.confirmationTitle = 'Are you sure you want to remove this property?';\n (modalReference.componentInstance.confirmationText = 'In doing so, you will no longer be able to view or download their data.'),\n (modalReference.componentInstance.confirmationButtonText = 'Remove property');\n modalReference.componentInstance.estimateRequestId = estimateRequestId;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReceivedInvitationsComponent } from './received-invitations.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [ReceivedInvitationsComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [ReceivedInvitationsComponent]\n})\nexport class ReceivedInvitationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL2ludml0YXRpb25zL3NlbnQtaW52aXRhdGlvbnMvc2VudC1pbnZpdGF0aW9ucy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { ConfirmationModalComponent } from 'src/app/components/confirmation-modal/confirmation-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { PdfService } from 'src/app/services/pdf.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-sent-invitations',\n templateUrl: './sent-invitations.component.html',\n styleUrls: ['./sent-invitations.component.scss', '../../../pages-professional.component.scss']\n})\nexport class SentInvitationsComponent implements OnInit {\n pageTitle = 'Sent invitations'\n estimateRequests: any\n loading: boolean = true;\n estimatesSubscription: Subscription\n error: boolean\n constructor(private invitationsService: InvitationsService, private glowService: GlowService, private pdfService: PdfService, private modalService: NgbModal) {\n this.estimatesSubscription = this.invitationsService.ProfessionalEstimatesAnnouncer.subscribe((resp) => {\n console.log(resp)\n if (resp.error) {\n this.loading = false\n this.error = true\n } else if (!resp.valid) {\n this.loading = false\n this.estimateRequests = []\n }\n\n else {\n this.estimateRequests = resp.estimateRequests.filter(e => e.initiatedBy === 'professional')\n // console.log(this.estimateRequests)\n if (this.estimateRequests) {\n this.loading = false\n }\n }\n this.loading = false\n })\n\n }\n\n ngOnInit() {\n this.invitationsService.getAllProfessionalEstimateRequests()\n\n }\n\n\n ngOnDestroy() {\n if (this.estimatesSubscription) {\n this.estimatesSubscription.unsubscribe()\n }\n }\n\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string)\n }\n downloadPDF(id) {\n this.glowService.getSnapshotBySnapshotId(id).subscribe((resp) => {\n if (resp) {\n this.pdfService.generatePdf(resp)\n }\n return resp\n })\n }\n\n openConfirmationModal(estimateRequestId) {\n const modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalReference.componentInstance.confirmationTitle = 'Are you sure you want to remove this property?';\n (modalReference.componentInstance.confirmationText = 'In doing so, you will no longer be able to view or download their data.'),\n (modalReference.componentInstance.confirmationButtonText = 'Remove property');\n modalReference.componentInstance.estimateRequestId = estimateRequestId;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SentInvitationsComponent } from './sent-invitations.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [SentInvitationsComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [SentInvitationsComponent]\n})\nexport class SentInvitationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL25vdGlmaWNhdGlvbnMvYWxsLW5vdGlmaWNhdGlvbnMvYWxsLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\n\n@Component({\n selector: 'app-all-notifications',\n templateUrl: './all-notifications.component.html',\n styleUrls: ['./all-notifications.component.scss']\n})\nexport class AllNotificationsComponent implements OnInit {\n invitationAccepted: boolean = false\n invitationDeclined: boolean = false\n pendingRequests;\n currentPage;\n loading\n pendingRequestSubscription: Subscription\n pageTitle: string = 'Notifications'\n\n constructor(private invitationsService: InvitationsService, private glowService: GlowService) {\n this.loading = true\n this.pendingRequestSubscription = this.invitationsService.PendingAcceptanceEstimateAnnouncer.subscribe((er) => {\n if (er.valid) {\n this.loading = false\n this.pendingRequests = er.estimateRequests\n } else {\n this.loading = false\n }\n })\n }\n\n ngOnInit() {\n\n this.invitationsService.getAllEstimateRequestsByState('pending-professional-acceptance')\n }\n\n ngOnDestroy() {\n if (this.pendingRequestSubscription) {\n this.pendingRequestSubscription.unsubscribe()\n }\n }\n acceptInvitation() {\n this.invitationAccepted = true\n }\n denyInvitation() {\n this.invitationDeclined = true\n }\n\n\n \n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AllNotificationsComponent } from './all-notifications.component';\nimport { NotificationModule } from 'src/app/components/notification/notification.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [AllNotificationsComponent],\n imports: [\n CommonModule, NotificationModule, SharedModule, \n ],\n exports: [AllNotificationsComponent]\n})\nexport class AllNotificationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { InvitationsService } from 'src/app/services/invitations.service';\n\n@Component({\n selector: 'app-notifications',\n templateUrl: './notifications.component.html',\n styleUrls: ['./notifications.component.scss', '../../../pages-professional/pages-professional.component.scss']\n})\nexport class NotificationsComponent implements OnInit {\n pageTitle: string = 'Notifications';\n invitationAccepted: boolean = false\n invitationDeclined: boolean = false\n pendingRequests;\n currentPage;\n loading\n pendingRequestSubscription: Subscription\n pages = [\n { path: '/professional/account/notifications/all-notifications', title: 'Notifications', urlPath: 'all-notifications' },\n\n ]\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n constructor() {\n\n }\n\n ngOnInit(): void {\n \n }\n\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter(p => p.title != this.currentPage)\n \n}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NotificationsComponent } from './notifications.component';\nimport { NotificationModule } from 'src/app/components/notification/notification.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { AllNotificationsModule } from './all-notifications/all-notifications.module';\n\n\n\n@NgModule({\n declarations: [NotificationsComponent],\n imports: [\n CommonModule, NotificationModule, SharedModule, AllNotificationsModule\n ], \n exports: [NotificationsComponent]\n})\nexport class NotificationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL3Byb2Zlc3Npb25hbC1zZXR0aW5ncy9wZXJzb25hbC1kZXRhaWxzL3BlcnNvbmFsLWRldGFpbHMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { ProfileModalComponent } from 'src/app/components/profile-modal/profile-modal.component';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceAgentService } from 'src/app/services/service-agent.service';\n\n@Component({\n selector: 'app-personal-details',\n templateUrl: './personal-details.component.html',\n styleUrls: ['./personal-details.component.scss', '../../../pages-professional.component.scss']\n})\n\nexport class PersonalDetailsComponent implements OnInit {\n\n pageTitle = 'Account information'\n user: any;\n loading: boolean = true\n serviceAgent: any;\n roleSubscription: Subscription\n serviceAgentSubscription: Subscription\n roles\n\n constructor(private glowService: GlowService, private auth: AuthenticationService, private modalService: NgbModal, private serviceAgentService: ServiceAgentService) {\n this.roleSubscription = this.auth.roleSet.subscribe((resp) => {\n this.roles = resp\n })\n\n this.serviceAgentSubscription = this.serviceAgentService.serviceAgentAnnouncer.subscribe(resp=>{\n this.serviceAgent = resp\n this.loading = false \n })\n }\n \n\n ngOnInit() {\n this.serviceAgent = this.getServiceAgent();\n this.loading = false\n this.roles = this.auth.getOIDCUserRolesFromLocalStorage()\n }\n \n\n getServiceAgent() {\n this.serviceAgentService.getServiceAgent()\n }\n openModal(formToShow) {\n const modalRef = this.modalService.open(ProfileModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' })\n modalRef.componentInstance.serviceAgent = this.serviceAgent\n modalRef.componentInstance[formToShow] = true\n\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PersonalDetailsComponent } from './personal-details.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\nimport { ProfileModalModule } from 'src/app/components/profile-modal/profile-modal.module';\n\n\n\n@NgModule({\n declarations: [PersonalDetailsComponent],\n imports: [\n CommonModule, SharedModule, SpinnerModule, ProfileModalModule\n ],\n exports: [PersonalDetailsComponent]\n})\nexport class PersonalDetailsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9hY2NvdW50LXBhZ2VzL3Byb2Zlc3Npb25hbC1zZXR0aW5ncy9wcm9mZXNzaW9uYWwtc2V0dGluZ3MuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-professional-settings',\n templateUrl: './professional-settings.component.html',\n styleUrls: ['./professional-settings.component.scss', '../../../pages-professional/pages-professional.component.scss']\n})\nexport class ProfessionalSettingsComponent implements OnInit {\n pageTitle = \"Settings\"\n currentPage = ''\n pages = [\n { path: '/professional/account/settings/profile', title: 'Profile', urlPath: 'profile' },\n { path: '/professional/account/settings/account-information', title: 'Account information', urlPath: 'account-information' },\n\n ]\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n\n constructor() { }\n\n ngOnInit() {\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n // // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter(p => p.title != this.currentPage)\n }\n}\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfessionalSettingsComponent } from './professional-settings.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [ProfessionalSettingsComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [ProfessionalSettingsComponent]\n})\nexport class ProfessionalSettingsModule { }\n","export default \".circle img {\\n position: absolute;\\n height: auto;\\n width: auto;\\n max-width: 100%;\\n}\\n\\n.circle {\\n position: relative;\\n overflow: hidden;\\n border-radius: 50%;\\n height: 200px;\\n width: 200px;\\n}\\n\\n.circle img {\\n position: absolute;\\n top: 50%;\\n transform: translateY(-50%);\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvYWNjb3VudC1wYWdlcy9wcm9mZXNzaW9uYWwtc2V0dGluZ3MvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvYWNjb3VudC1wYWdlcy9wcm9mZXNzaW9uYWwtc2V0dGluZ3MvcHJvZmlsZS9wcm9maWxlLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksa0JBQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLGVBQUE7QUNDSjs7QURFQTtFQUNFLGtCQUFBO0VBQ0EsZ0JBQUE7RUFDQSxrQkFBQTtFQUNBLGFBQUE7RUFDQSxZQUFBO0FDQ0Y7O0FERUE7RUFDRSxrQkFBQTtFQUNBLFFBQUE7RUFDQSwyQkFBQTtBQ0NGIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMtcHJvZmVzc2lvbmFsL2FjY291bnQtcGFnZXMvcHJvZmVzc2lvbmFsLXNldHRpbmdzL3Byb2ZpbGUvcHJvZmlsZS5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5jaXJjbGUgaW1ne1xuICAgIHBvc2l0aW9uOmFic29sdXRlO1xuICAgIGhlaWdodDogYXV0bztcbiAgICB3aWR0aDogYXV0bzsgICAgXG4gICAgbWF4LXdpZHRoOjEwMCU7XG59XG5cbi5jaXJjbGUgIHtcbiAgcG9zaXRpb246cmVsYXRpdmU7XG4gIG92ZXJmbG93OmhpZGRlbjtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBoZWlnaHQ6IDIwMHB4O1xuICB3aWR0aDogMjAwcHg7XG59XG5cbi5jaXJjbGUgaW1nIHtcbiAgcG9zaXRpb246YWJzb2x1dGU7XG4gIHRvcDo1MCU7XG4gIHRyYW5zZm9ybTp0cmFuc2xhdGVZKC01MCUpO1xufSIsIi5jaXJjbGUgaW1nIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBoZWlnaHQ6IGF1dG87XG4gIHdpZHRoOiBhdXRvO1xuICBtYXgtd2lkdGg6IDEwMCU7XG59XG5cbi5jaXJjbGUge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgaGVpZ2h0OiAyMDBweDtcbiAgd2lkdGg6IDIwMHB4O1xufVxuXG4uY2lyY2xlIGltZyB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiA1MCU7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { ProfileModalComponent } from 'src/app/components/profile-modal/profile-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { HeatingSystemService } from 'src/app/services/heating-system.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { ServiceAgentService } from 'src/app/services/service-agent.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-profile',\n templateUrl: './profile.component.html',\n styleUrls: ['./profile.component.scss']\n})\nexport class ProfileComponent implements OnInit {\n pageTitle = 'Profile'\n serviceAgent\n loading: boolean = true\n serviceAgentSubscription: Subscription\n imageSrc;\n logoSrc;\n heatPumpManufacturerList: Array\n constructor(private glowService: GlowService,\n private modalService: NgbModal, \n private serviceAgentService: ServiceAgentService, \n private heatingSystemService: HeatingSystemService,\n private professionalGlowService: ProfessionalGlowService) {\n this.serviceAgentSubscription = this.serviceAgentService.serviceAgentAnnouncer.subscribe(resp => {\n this.serviceAgent = resp\n if (this.serviceAgent.photoId) {\n this.getImage(this.serviceAgent.photoId).then(resp => {\n this.imageSrc = resp\n this.loading = false\n })\n } \n if (this.serviceAgent.logoId) {\n this.getImage(this.serviceAgent.logoId).then(resp => {\n this.logoSrc = resp\n this.loading = false\n })\n } \n if (!this.serviceAgent.photoId && !this.serviceAgent.logoId){\n this.loading = false\n }\n \n \n })\n }\n\n ngOnInit() {\n this.serviceAgentService.getServiceAgent()\n this.getHeatPumpBrands()\n }\n\n async getImage(id) {\n const blob = await this.professionalGlowService.getServiceAgentFile(id)\n const src = await Utils.getBlobImageSource((blob)) as string\n return src\n }\n\n async getHeatPumpBrands() {\n const resp = await this.heatingSystemService.getHeatPumps(true)\n const manufacturers = await this.heatingSystemService.getManufacturersFromArray(resp)\n const formattedManufacturers = manufacturers.map(x => x.name)\n this.heatPumpManufacturerList = formattedManufacturers\n }\n\n openModal(formToShow) {\n const modalRef = this.modalService.open(ProfileModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' })\n modalRef.componentInstance.serviceAgent = this.serviceAgent\n modalRef.componentInstance[formToShow] = true\n modalRef.componentInstance.heatPumpManufacturerList = this.heatPumpManufacturerList\n modalRef.componentInstance.logoImageSrc = this.logoSrc\n modalRef.componentInstance.profileImageSrc = this.imageSrc\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfileComponent } from './profile.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { ProfileModalModule } from 'src/app/components/profile-modal/profile-modal.module';\nimport { FileUploadModule } from 'src/app/components/file-upload/file-upload.module';\n\n\n\n@NgModule({\n declarations: [ProfileComponent],\n imports: [\n CommonModule, SharedModule, ProfileModalModule, FileUploadModule \n ],\n exports: [ProfileComponent]\n})\nexport class ProfileModule { }\n","export default \".overlay {\\n position: fixed;\\n width: 100%;\\n height: 100%;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n display: flex;\\n justify-content: center;\\n background-color: rgba(0, 0, 0, 0.278);\\n z-index: 2;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvbGFuZGluZy9sYW5kaW5nLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvbGFuZGluZy9sYW5kaW5nLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFJO0VBQ0ksZUFBQTtFQUNBLFdBQUE7RUFDQSxZQUFBO0VBQ0EsTUFBQTtFQUNBLE9BQUE7RUFDQSxRQUFBO0VBQ0EsU0FBQTtFQUNBLGFBQUE7RUFDQSx1QkFBQTtFQUNBLHNDQUFBO0VBQ0EsVUFBQTtBQ0NSIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMtcHJvZmVzc2lvbmFsL2xhbmRpbmcvbGFuZGluZy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIiAgICAub3ZlcmxheSB7XG4gICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjI3OCk7XG4gICAgICAgIHotaW5kZXg6IDI7ICAgICAgXG4gICAgXG59IiwiLm92ZXJsYXkge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvdHRvbTogMDtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4yNzgpO1xuICB6LWluZGV4OiAyO1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n// import { Observable } from 'rxjs';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { SearchService } from 'src/app/services/search.service';\nimport { Utils } from 'src/utils';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { Subscription } from 'rxjs';\nimport { ConfirmationModalComponent } from 'src/app/components/confirmation-modal/confirmation-modal.component';\nimport { InstallerInvitationModalComponent } from 'src/app/components/installer-invitation-modal/installer-invitation-modal.component';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\n\n@Component({\n selector: 'app-landing',\n templateUrl: './landing.component.html',\n styleUrls: ['./landing.component.scss'],\n})\nexport class LandingComponent implements OnInit {\n // public user$: Observable;\n user: any;\n installerInfographic;\n loading = true;\n allContent: any = [];\n roles;\n acceptedEstimateRequests = [];\n loadingUpdateReference: boolean;\n errorMessage;\n isUpdating: any;\n formShow: boolean;\n error;\n referenceForm: FormGroup;\n estimatesSubscription: Subscription;\n constructor(\n private auth: AuthenticationService,\n private searchService: SearchService,\n private modalService: NgbModal,\n private router: Router,\n private invitationsService: InvitationsService,\n private glowService: GlowService,\n private fb: FormBuilder,\n private strapiService: StrapiService,\n private professionalGlowService: ProfessionalGlowService\n ) {\n this.getOIDCUser();\n this.estimatesSubscription = this.invitationsService.ProfessionalEstimatesAnnouncer.subscribe((resp) => {\n console.log(resp)\n if (!resp || resp.error) {\n this.error = true;\n this.errorMessage = true;\n this.loading = false;\n } else if (!resp.valid) {\n this.loading = false\n this.acceptedEstimateRequests = []\n } else {\n this.acceptedEstimateRequests = this.invitationsService.getAllActiveEstimateRequests(resp)\n\n this.loading = false;\n }\n });\n\n this.referenceForm = this.fb.group({\n reference: [this.isUpdating ? this.isUpdating.externalReference : '', [Validators.required]],\n });\n }\n\n ngOnInit() {\n this.loading = true;\n this.invitationsService.getAllProfessionalEstimateRequests()\n this.getInfographic()\n\n }\n\n ngOnDestroy() {\n if (this.estimatesSubscription) {\n this.estimatesSubscription.unsubscribe();\n }\n }\n\n showForm(property) {\n this.referenceForm.reset();\n this.formShow = true;\n this.isUpdating = property;\n if (this.isUpdating.externalReference) {\n this.referenceForm.setValue({ reference: this.isUpdating.externalReference });\n }\n }\n\n closeForm() {\n this.formShow = false;\n this.isUpdating = {};\n }\n\n async updateReference(estimateRequestId) {\n this.loadingUpdateReference = true;\n const body = { externalReference: this.referenceForm.value.reference };\n const resp = await this.professionalGlowService.updateExternalReferenceEstimateRequest(estimateRequestId, body).toPromise();\n await this.invitationsService.getAllProfessionalEstimateRequests();\n this.formShow = false;\n this.isUpdating = {};\n this.loadingUpdateReference = false;\n this.loading = false;\n }\n\n getOIDCUser() {\n this.auth.getOIDCUser().subscribe((resp) => {\n this.user = resp;\n this.roles = this.auth.setOIDCUserRoles(this.user);\n this.getRelevantContent().then((c) => (this.allContent = c));\n });\n }\n\n triggerSignout(): void {\n this.auth.signout();\n }\n\n async getRelevantContent() {\n const role = this.roles[0].role == 'local-authority' ? 'Local Authority' : 'Installer';\n const content = await this.searchService.filterAllContentWithTags('landing', '', [role]);\n const professionalContent = await this.searchService.filterAllContentWithTags('landing', '', ['Professional']);\n const res = [...content, ...professionalContent];\n const formattedRes = res.map((r) => Utils.fromatSearchContent(r));\n return formattedRes;\n }\n\n navigateToProperty(id) {\n this.router.navigateByUrl(`/professional/property/${id}`);\n }\n openConfirmationModal(estimateRequestId) {\n const modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalReference.componentInstance.confirmationTitle = 'Are you sure you want to remove this property?';\n (modalReference.componentInstance.confirmationText = 'In doing so, you will no longer be able to view or download their data.'),\n (modalReference.componentInstance.confirmationButtonText = 'Remove property');\n modalReference.componentInstance.estimateRequestId = estimateRequestId;\n }\n\n openInvitationModal() {\n this.modalService.open(InstallerInvitationModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' });\n }\n\n\n getInfographic() {\n this.strapiService.getOneContent('infographics', 2).then(resp => {\n this.installerInfographic = resp\n })\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { LandingComponent } from './landing.component';\nimport { ContentCardModule } from 'src/app/components/content-card/content-card.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n@NgModule({\n declarations: [LandingComponent],\n imports: [CommonModule, SharedModule, ContentCardModule],\n exports: [LandingComponent]\n})\n\nexport class LandingModule { }","export default \".card {\\n box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15);\\n}\\n\\n.card-title {\\n background-color: #f6f7ff;\\n padding: 10px 10px 0px 10px;\\n}\\n\\n.nav-link {\\n color: #2b2b2b !important;\\n}\\n\\nh5 {\\n padding-bottom: 10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvcGFnZXMtcHJvZmVzc2lvbmFsLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvcGFnZXMtcHJvZmVzc2lvbmFsLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0UscURBQUE7QUNERjs7QURJQTtFQUNFLHlCQUFBO0VBQ0EsMkJBQUE7QUNERjs7QURHQTtFQUNFLHlCQUFBO0FDQUY7O0FER0E7RUFDRSxvQkFBQTtBQ0FGIiwiZmlsZSI6InNyYy9hcHAvcGFnZXMtcHJvZmVzc2lvbmFsL3BhZ2VzLXByb2Zlc3Npb25hbC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4uY2FyZCB7XG4gIGJveC1zaGFkb3c6IDAgMC4xMjVyZW0gMC4yNXJlbSByZ2JhKDgzLCA4OCwgOTMsIDAuMTUpO1xufVxuXG4uY2FyZC10aXRsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNmY3ZmY7XG4gIHBhZGRpbmc6IDEwcHggMTBweCAwcHggMTBweDtcbn1cbi5uYXYtbGluayB7XG4gIGNvbG9yOiAjMmIyYjJiIWltcG9ydGFudDtcbn1cblxuaDUge1xuICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbn1cbiIsIi5jYXJkIHtcbiAgYm94LXNoYWRvdzogMCAwLjEyNXJlbSAwLjI1cmVtIHJnYmEoODMsIDg4LCA5MywgMC4xNSk7XG59XG5cbi5jYXJkLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjdmZjtcbiAgcGFkZGluZzogMTBweCAxMHB4IDBweCAxMHB4O1xufVxuXG4ubmF2LWxpbmsge1xuICBjb2xvcjogIzJiMmIyYiAhaW1wb3J0YW50O1xufVxuXG5oNSB7XG4gIHBhZGRpbmctYm90dG9tOiAxMHB4O1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { InstallerSupportModalComponent } from '../components/installer-support-modal/installer-support-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscribable, Subscription } from 'rxjs';\nimport { AuthenticationService } from '../services/authentication.service';\n\n@Component({\n selector: 'app-pages-professional',\n templateUrl: './pages-professional.component.html',\n styleUrls: ['./pages-professional.component.scss'],\n})\n\nexport class PagesProfessionalComponent implements OnInit {\n\n url!: String;\n pageTitle!: string;\n currentPage!: string;\n roles;\n roleSubscription: Subscription\n constructor(\n private router: Router, private modalService: NgbModal, private auth: AuthenticationService\n ) {\n this.roleSubscription = this.auth.roleSet.subscribe((resp) => {\n this.roles = resp\n this.roles[0].role == 'installer' ? this.checkLogin() : null\n })\n this.url = this.router.url;\n }\n\n ngOnInit(): void {\n \n }\n\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.pageTitle = event.pageTitle;\n }\n if (event.currentPage$) {\n event.currentPage$.subscribe((currPage) => {\n this.currentPage = currPage;\n });\n }\n }\n openModal() {\n this.modalService.open(InstallerSupportModalComponent, {\n scrollable: true,\n centered: true,\n size: 'lg',\n });\n }\n\n\n\n checkLogin() {\n if (this.getLoginFirstTimeLocalStorage()) {\n return\n } else {\n this.setLoginFirstTimeLocalStorage()\n this.openModal()\n }\n\n }\n\n getLoginFirstTimeLocalStorage() {\n return JSON.parse(localStorage.getItem('login'))\n\n }\n\n setLoginFirstTimeLocalStorage() {\n localStorage.setItem('login', JSON.stringify({ firstTime: true }));\n }\n}","import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { PagesProfessionalComponent } from './pages-professional.component';\nimport { PagesProfessionalRouting } from './pages-professional.routing';\nimport { LandingModule } from './landing/landing.module';\nimport { AccountPagesModule } from './account-pages/account-pages.module';\nimport { PersonalDetailsModule } from './account-pages/professional-settings/personal-details/personal-details.module';\nimport { ProfessionalSettingsModule } from './account-pages/professional-settings/professional-settings.module';\nimport { NotificationsModule } from './account-pages/notifications/notifications.module';\nimport { PropertyModule } from './property/property.module';\nimport { HomeEnergyDataModule } from './property/home-energy-data/home-energy-data.module';\nimport { QuotesModule } from './property/quotes/quotes.module';\nimport { NotificationModule } from '../components/notification/notification.module';\nimport { AllNotificationsModule } from './account-pages/notifications/all-notifications/all-notifications.module';\nimport { InvitationsModule } from './account-pages/invitations/invitations.module';\nimport { SentInvitationsModule } from './account-pages/invitations/sent-invitations/sent-invitations.module';\nimport { InstallerInvitationModalModule } from '../components/installer-invitation-modal/installer-invitation-modal.module';\nimport { ReceivedInvitationsModule } from './account-pages/invitations/received-invitations/received-invitations.module';\nimport { ProfileModule } from './account-pages/professional-settings/profile/profile.module';\nimport { InstallerSupportModalModule } from '../components/installer-support-modal/installer-support-modal.module';\nimport { CommonModule } from '@angular/common';\nimport { QuoteModalModule } from '../components/quote-modal/quote-modal.module';\n\n@NgModule({\n declarations: [PagesProfessionalComponent],\n imports: [\n CommonModule,\n PagesProfessionalRouting,\n LandingModule,\n AccountPagesModule,\n ProfessionalSettingsModule,\n PersonalDetailsModule,\n SentInvitationsModule,\n NotificationsModule,\n PropertyModule,\n HomeEnergyDataModule,\n QuotesModule,\n NotificationModule,\n AllNotificationsModule,\n InvitationsModule,\n InstallerInvitationModalModule,\n ReceivedInvitationsModule,\n InstallerSupportModalModule,\n ProfileModule,\n QuoteModalModule\n \n \n \n ],\n providers: [],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\n\nexport class PagesProfessionalModule { }","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { PagesProfessionalComponent } from './pages-professional.component';\nimport { LandingComponent } from './landing/landing.component';\nimport { AccountPagesComponent } from './account-pages/account-pages.component';\nimport { ProfessionalSettingsComponent } from './account-pages/professional-settings/professional-settings.component';\nimport { PersonalDetailsComponent } from './account-pages/professional-settings/personal-details/personal-details.component';\nimport { SentInvitationsComponent } from './account-pages/invitations/sent-invitations/sent-invitations.component';\nimport { NotificationsComponent } from './account-pages/notifications/notifications.component';\nimport { PropertyComponent } from './property/property.component';\nimport { HomeEnergyDataComponent } from './property/home-energy-data/home-energy-data.component';\nimport { QuotesComponent } from './property/quotes/quotes.component';\nimport { AllNotificationsComponent } from './account-pages/notifications/all-notifications/all-notifications.component';\nimport { InvitationsComponent } from './account-pages/invitations/invitations.component';\nimport { ReceivedInvitationsComponent } from './account-pages/invitations/received-invitations/received-invitations.component';\nimport { ProfileComponent } from './account-pages/professional-settings/profile/profile.component';\n\nexport const routes: Routes = [\n {\n path: '',\n component: PagesProfessionalComponent,\n children: [\n { path: 'landing', component: LandingComponent },\n {\n path: 'account',\n component: AccountPagesComponent,\n children: [\n {\n path: 'settings', component: ProfessionalSettingsComponent,\n children: [\n { path: 'account-information', component: PersonalDetailsComponent },\n { path: 'profile', component: ProfileComponent },\n { path: '', redirectTo: 'account-information', pathMatch: 'full' }\n ]\n },\n {\n path: 'invitations', component: InvitationsComponent,\n\n children: [\n { path: 'sent-invitations', component: SentInvitationsComponent },\n { path: 'received-invitations', component: ReceivedInvitationsComponent },\n { path: '', redirectTo: 'sent-invitations', pathMatch: 'full' },\n ]\n },\n\n {\n path: 'notifications', component: NotificationsComponent,\n children: [\n { path: 'all-notifications', component: AllNotificationsComponent },\n { path: '', redirectTo: 'all-notifications', pathMatch: 'full' }\n\n ]\n }\n // { path: 'bookmarks', component: BookmarksComponent }\n ]\n },\n {\n path: 'property/:id', component: PropertyComponent,\n children: [\n { path: 'home-energy-data', component: HomeEnergyDataComponent },\n { path: 'estimate-quotes', component: QuotesComponent },\n { path: '', redirectTo: 'home-energy-data', pathMatch: 'full' }\n ]\n }\n ]\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\n\nexport class PagesProfessionalRouting { }","export default \".text-group {\\n margin-bottom: 30px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvcHJvcGVydHkvaG9tZS1lbmVyZ3ktZGF0YS9ob21lLWVuZXJneS1kYXRhLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wYWdlcy1wcm9mZXNzaW9uYWwvcHJvcGVydHkvaG9tZS1lbmVyZ3ktZGF0YS9ob21lLWVuZXJneS1kYXRhLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksbUJBQUE7QUNDSiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9wcm9wZXJ0eS9ob21lLWVuZXJneS1kYXRhL2hvbWUtZW5lcmd5LWRhdGEuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGV4dC1ncm91cHtcbiAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xufSIsIi50ZXh0LWdyb3VwIHtcbiAgbWFyZ2luLWJvdHRvbTogMzBweDtcbn0iXX0= */\"","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { ActivatedRoute } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subscription } from 'rxjs';\nimport { HelpModalComponent } from 'src/app/components/help-modal/help-modal.component';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { PdfService } from 'src/app/services/pdf.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { Utils } from 'src/utils';\n@Component({\n selector: 'app-home-energy-data',\n templateUrl: './home-energy-data.component.html',\n styleUrls: ['./home-energy-data.component.scss', '../../pages-professional.component.scss']\n})\nexport class HomeEnergyDataComponent implements OnInit {\n properties;\n selectedAssessmentPeriod\n snapshot;\n HTC = 'Heat Transfer Coefficient (HTC)'\n HLP = 'Heat Loss Parameter (HLP)'\n formInfo;\n pageTitle = 'Home and energy data';\n currentTab = 'Overview'\n assessmentPeriods = []\n modalRef\n property\n estimateRequestId\n loading\n showSchematic: boolean\n downloadSchematic: boolean\n propertyId\n stageSubscription: Subscription\n pages = ['Overview', 'Home data', 'Energy data', 'Heating system']\n snapshotsSubscription: Subscription\n constructor(private formBuilder: FormBuilder,\n private invitationsService: InvitationsService,\n private pdfService: PdfService,\n private modalService: NgbModal,\n private translate: TranslateService,\n private schematicsService: SchematicsService,\n private changeDetector: ChangeDetectorRef,\n private route: ActivatedRoute) {\n\n\n this.formInfo = this.formBuilder.group({\n assessmentPeriod: ['', Validators.required],\n })\n this.loading = true\n this.snapshotsSubscription = this.invitationsService.SnapshotAnnouncer.subscribe((resp) => {\n console.log(resp)\n this.properties = resp\n this.property = resp[0]\n this.setForm()\n // console.log(this.properties)\n this.loading = false\n\n })\n this.stageSubscription = this.schematicsService.stage$.subscribe((schm) => {\n console.log('schematics subscription')\n if (this.downloadSchematic) {\n const dataURL = this.schematicsService.getCanvasDataUrl(2)\n this.pdfService.generatePdf(this.property, dataURL)\n this.showSchematic = false\n this.downloadSchematic = false\n }\n\n })\n }\n\n ngOnInit() {\n console.log(this.estimateRequestId)\n this.invitationsService.getSnapshotsByEstimateRequestId(this.estimateRequestId)\n\n\n\n }\n ngAfterViewChecked() {\n\n this.changeDetector.detectChanges();\n }\n ngOnDestroy() {\n if (this.snapshotsSubscription) {\n this.snapshotsSubscription.unsubscribe()\n }\n }\n\n\n\n\n setForm() {\n this.properties.forEach(p => {\n this.assessmentPeriods.push(Utils.getReadableDateFromIso(this.property.assessmentPeriodStart) + ' - ' + Utils.getReadableDateFromIso(this.property.assessmentPeriodEnd))\n this.formInfo.setValue({ assessmentPeriod: this.assessmentPeriods[0] })\n this.selectedAssessmentPeriod = this.assessmentPeriods[0]\n })\n\n\n }\n showPage(page) {\n this.currentTab = page\n }\n switchSnapshot(event) {\n this.selectedAssessmentPeriod = event\n\n }\n\n\n downloadPDF() {\n if (this.property.heatingSystem) {\n this.downloadSchematic = true\n this.showSchematic = true\n } else this.pdfService.generatePdf(this.property)\n\n\n }\n openInfoModal(title) {\n // console.log(title)\n this.modalRef = this.modalService.open(HelpModalComponent, { scrollable: true, centered: true, size: 'lg' });\n this.modalRef.componentInstance.pageTitle = title;\n switch (title) {\n case 'HTC':\n this.modalRef.componentInstance.modalBodyContent = this.translate.instant(\"HTC_DEFINITION\")\n break;\n case 'HLP':\n this.modalRef.componentInstance.modalBodyContent = this.translate.instant(\"HLP_DEFINITION\")\n break;\n case 'ESTIMATED_HEAT_PUMP_RUNNING_COST':\n this.modalRef.componentInstance.modalBodyContent = this.translate.instant(\"ESTIMATED_HEAT_PUMP_RUNNING_COST_EXPLANATION\")\n break;\n case 'THERMAL_PERFORMANCE':\n this.modalRef.componentInstance.modalBodyContent = this.translate.instant(\"THERMAL_PERFORMANCE_EXPLANATION\")\n break;\n case 'PEAK_DEMAND':\n this.modalRef.componentInstance.modalBodyContent = this.translate.instant(\"PEAK_DEMAND_EXPLANATION\")\n break;\n }\n }\n\n doesObjectHaveValue(obj) {\n if (obj) { return Object.keys(obj).find(key => obj[key] !== '') }\n }\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string)\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HomeEnergyDataComponent } from './home-energy-data.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { HeatLossParameterScaleModule } from 'src/app/components/heat-loss-parameter-scale/heat-loss-parameter-scale.module';\nimport { EpcCertificateModule } from 'src/app/components/epc-certificate/epc-certificate.module';\nimport { RadiatorSchematicModule } from 'src/app/components/radiator-schematic/radiator-schematic.module';\n\n\n\n@NgModule({\n declarations: [HomeEnergyDataComponent],\n imports: [\n CommonModule, SharedModule, HeatLossParameterScaleModule, EpcCertificateModule, RadiatorSchematicModule\n ],\n exports: [HomeEnergyDataComponent]\n})\nexport class HomeEnergyDataModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9wcm9wZXJ0eS9wcm9wZXJ0eS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\n@Component({\n selector: 'app-property',\n templateUrl: './property.component.html',\n styleUrls: ['./property.component.scss']\n})\nexport class PropertyComponent implements OnInit {\n property;\n currentPage = ''\n estimateRequestId;\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n\n constructor(private route: ActivatedRoute,\n private glowService: GlowService, private invitationsService: InvitationsService) {\n route.params.subscribe((params) => {\n this.estimateRequestId = params.id\n this.getProperty(params.id)\n })\n\n }\n\n ngOnInit() {\n }\n\n getProperty(id) {\n this.invitationsService.getSnapshotsByEstimateRequestId(id)\n \n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n event.property = this.property\n event.estimateRequestId = this.estimateRequestId\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PropertyComponent } from './property.component';\nimport { ProfessionalAccountSideMenuModule } from 'src/app/components/professional-account-side-menu/professional-account-side-menu.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [PropertyComponent],\n imports: [\n CommonModule, SharedModule, ProfessionalAccountSideMenuModule\n ],\n exports: [PropertyComponent]\n})\nexport class PropertyModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzLXByb2Zlc3Npb25hbC9wcm9wZXJ0eS9xdW90ZXMvcXVvdGVzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { QuoteModalComponent } from 'src/app/components/quote-modal/quote-modal.component';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { Utils } from 'src/utils';\n\n/// service for all APIs for professional accounts (service-agent)\n@Component({\n selector: 'app-quotes',\n templateUrl: './quotes.component.html',\n styleUrls: ['./quotes.component.scss', '../../pages-professional.component.scss']\n})\nexport class QuotesComponent implements OnInit {\n pageTitle = 'Manage quotes and estimates';\n pages = ['Sent quotes']\n currentTab = 'Sent quotes';\n property = ''\n blob;\n estimateRequest;\n loading: boolean\n estimateRequestId\n estimateRequestSubscription: Subscription\n estimatesList: Array = []\n loadObj: tLoadingElement\n setSiteVisitForm: FormGroup\n constructor(private modalService: NgbModal, \n private invitationsService: InvitationsService,\n private glowService: GlowService, \n private uiConfigService: CustomUIConfigService, \n private fb: FormBuilder,\n private professionalGlowService: ProfessionalGlowService) {\n this.estimateRequestSubscription = this.invitationsService.EstimateRequestAnnouncer.subscribe(resp=>{\n console.log(resp)\n this.estimateRequest = resp\n this.getEstimate(this.estimateRequest)\n\n })\n \n \n this.setSiteVisitForm = this.fb.group({\n siteVisitDate: ['', [Validators.required]]\n })\n\n \n }\n\n async ngOnInit() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(true);\n this.invitationsService.getEstimateRequestById(this.estimateRequestId)\n\n }\n\n\n getEstimate(estimateRequest) {\n const estimates = []\n if (estimateRequest.estimateIds.length){\n estimateRequest.estimateIds.forEach((estimateId) => {\n this.professionalGlowService.getEstimateProfessional(estimateId.estimateId).subscribe((resp: any) => {\n if (resp.valid) {\n this.loadObj = {\n ...this.loadObj,\n loadError: false,\n loading: false,\n }\n estimates.push(resp)\n this.estimatesList = estimates\n\n } else {\n this.loadObj = {\n ...this.loadObj,\n loadError: true,\n loading: false,\n errorString: 'An error occurred when retrieving your quotes/ estimates. Please try again later.'\n }\n }\n }, (err) => {\n this.loadObj = {\n ...this.loadObj,\n loadError: true,\n loading: false,\n errorString: 'An error occurred when retrieving your quotes/ estimates. Please try again later.'\n }\n })\n \n // console.log(estimates)\n return estimates\n \n })\n } else (\n this.loadObj = {\n ...this.loadObj,\n loadError: false,\n loading: false,\n errorString: ''\n }\n )\n\n }\n\n async getFile(estimate) {\n estimate.veDocIds.forEach((doc) => {\n this.professionalGlowService.getServiceAgentFile(doc.veDocId).then(async resp => {\n this.saveAsBlob(resp)\n })\n })\n\n }\n\n saveAsBlob(blob) {\n const link = document.createElement('a')\n link.href = URL.createObjectURL(blob);\n link.download = 'file';\n const event = new MouseEvent('click')\n link.dispatchEvent(event)\n\n }\n\n\n showPage(page) {\n this.currentTab = page\n }\n openModal() {\n const modalRef = this.modalService.open(QuoteModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n modalRef.componentInstance.estimateRequestId = this.estimateRequestId\n }\n\n\n formatDate(date) {\n return Utils.getReadableDateFromIso(date)\n }\n\n setSiteVisitDate() {\n // console.log(this.setSiteVisitForm)\n const body = {\n siteVisitDate: this.setSiteVisitForm.value.siteVisitDate\n }\n this.professionalGlowService.updateEstimateRequestByProfessional(this.estimateRequest.estimateRequestId, body).subscribe(resp => {\n this.invitationsService.getEstimateRequestById(this.estimateRequestId)\n console.log(resp)\n })\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { QuotesComponent } from './quotes.component';\nimport { QuoteModalModule } from 'src/app/components/quote-modal/quote-modal.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [QuotesComponent],\n imports: [\n CommonModule, QuoteModalModule, SharedModule\n ],\n exports: [QuotesComponent]\n})\nexport class QuotesModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2FjY291bnQtcGFnZXMvYWNjb3VudC1wYWdlcy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subject, Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\nimport { InvitationModalComponent } from 'src/app/components/invitation-modal/invitation-modal.component';\nimport { ResponseModalModule } from 'src/app/components/response-modal/response-modal.module';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { HelpModalComponent } from 'src/app/components/help-modal/help-modal.component';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-account-pages',\n templateUrl: './account-pages.component.html',\n styleUrls: ['./account-pages.component.scss'],\n})\nexport class AccountPagesComponent implements OnInit {\n loading = true\n schematic\n isSchematicComplete: boolean\n selectedService;\n subscriptionSelectedService: Subscription;\n schematicsSubscription: Subscription\n subscriptionVirtualEntityList: Subscription\n pageTitle = 'Account';\n error: Boolean\n schematicDoc;\n account;\n virtualEntities: any[];\n dropdownOptions: any[] = [];\n missingData = []\n currentPage = '';\n validVEs;\n invalidVEs;\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n constructor(private modalService: NgbModal, private schematicsService: SchematicsService,\n private serviceSelectorSvc: ServiceSelectorSvc,\n private glowService: GlowService,\n private veService: VirtualEntityService,\n private invitationService: InvitationsService,\n private translate: TranslateService) {\n \n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList.length) {\n this.processVeList(veList)\n await this.invitationService.validateVirtualEntitites(veList)\n if (this.invitationService.validVEs.length) {\n this.validVEs = this.invitationService.validVEs\n }\n if (this.invitationService.invalidVEs.length) {\n this.invalidVEs = this.invitationService.invalidVEs\n }\n\n }\n });\n }\n\n ngOnInit() {\n this.veService.findVirtualEntities();\n\n const accountId = localStorage.getItem(\"id\");\n this.getAccount(accountId)\n this.selectedService = this.serviceSelectorSvc.getSelectedService()\n // this.schematicsService.getDocumentList(this.selectedService.veId).then((doc) => (this.schematicDoc = doc))\n // this.schematicsService.setSelectedService(this.selectedService);\n // this.schematicsService.getSchematics();\n\n\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle);\n this.currentPage = event.pageTitle;\n }\n\n }\n openInvitationModal() {\n\n const modalRef = this.modalService.open(InvitationModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' });\n modalRef.componentInstance.hasSchematic = this.isSchematicComplete\n // modalRef.componentInstance.schematicDocId = this.schematicDoc[0].documentId\n modalRef.componentInstance.customerToInstallerInvitation = true\n modalRef.componentInstance.username = this.account.email\n modalRef.componentInstance.validVEs = this.validVEs\n modalRef.componentInstance.invalidVEs = this.invalidVEs\n modalRef.componentInstance.missingData = this.missingData\n modalRef.componentInstance.dropdownOptions = this.virtualEntities\n modalRef.componentInstance.customerToInstallerInvitation = true\n \n }\n \n getAccount(accountId: string) {\n this.glowService.getAccount().subscribe(account => {\n this.account = account\n }, error => {\n console.warn(\"An error occurred when retrieving account\");\n console.warn(error)\n });\n }\n\n processVeList(veList) {\n this.virtualEntities = veList;\n this.dropdownOptions = this.virtualEntities.map(ve => {\n const active = this.selectedService && this.selectedService.veId && this.selectedService.veId === ve.veId ? true : false\n return { name: ve.name, postalCode: ve.postalCode, veId: ve.veId, veTypeId: ve.veTypeId, active } // icon \n })\n\n if (!this.selectedService) {\n this.selectedService = veList[0];\n this.serviceSelectorSvc.setSelectedService(veList[0])\n this.dropdownOptions[0].active = true\n // this.switchService(this.selectedService.veId)\n }\n // console.log(this.dropdownOptions)\n }\n openInfoModal() {\n const modalRef = this.modalService.open(HelpModalComponent, { scrollable: true, centered: true, size: 'lg' });\n modalRef.componentInstance.pageTitle = 'Invitations';\n modalRef.componentInstance.modalBodyContent = this.translate.instant('INVITATIONS_EXPLANATION')\n\n\n\n }\n\n \n\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccountPagesComponent } from './account-pages.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { HelpModalModule } from 'src/app/components/help-modal/help-modal.module';\n\n\n\n@NgModule({\n declarations: [AccountPagesComponent],\n imports: [SharedModule,\n CommonModule, HelpModalModule\n ],\n exports: [AccountPagesComponent]\n})\nexport class AccountPagesModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2Jvb2ttYXJrcy9ib29rbWFya3MuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { async } from '@angular/core/testing';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-bookmarks',\n templateUrl: './bookmarks.component.html',\n styleUrls: ['./bookmarks.component.scss'],\n})\nexport class BookmarksComponent implements OnInit {\n pageTitle: string = 'Bookmarks';\n bookmarks = [];\n bookmarkedContent = [];\n bookmarkedContentSubsciption: Subscription;\n loading: boolean = true\n constructor(private glowService: GlowService, private strapiService: StrapiService) {\n this.bookmarkedContentSubsciption = this.strapiService.bookmarkedContent$.subscribe(\n async (bookmarks) => {\n this.loading = true;\n this.bookmarks = bookmarks;\n if (this.bookmarks && this.bookmarks.length > 0) {\n this.bookmarkedContent = await this.getContentFromBookmarks(this.bookmarks);\n }\n this.loading = false;\n },\n (error) => {\n this.loading = false;\n }\n );\n }\n\n ngOnInit() {\n this.loading = true;\n this.strapiService.getBookmarkedContent();\n }\n\n ngOnDestroy() {\n if (this.bookmarkedContentSubsciption) {\n this.bookmarkedContentSubsciption.unsubscribe();\n }\n }\n\n async getContentFromBookmarks(bookmarks) {\n this.loading = true;\n let allContent = [];\n for (let bookmark of bookmarks) {\n const content = await this.strapiService.getContentBySlug(bookmark.contentType, bookmark.slug);\n if (content) {\n content.contentType = bookmark.contentType;\n allContent.push(content);\n }\n }\n this.loading = false;\n return allContent;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BookmarksComponent } from './bookmarks.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\n\n@NgModule({\n declarations: [BookmarksComponent],\n imports: [CommonModule, SharedModule, SpinnerModule],\n})\nexport class BookmarksModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2Nhc2Utc3R1ZHktYWNjb3VudC1wYWdlL2Nhc2Utc3R1ZHktYWNjb3VudC1wYWdlLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { CaseStudyService } from 'src/app/services/case-study.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-case-study-account-page',\n templateUrl: './case-study-account-page.component.html',\n styleUrls: ['./case-study-account-page.component.scss', '../pages.component.scss'],\n})\nexport class CaseStudyAccountPageComponent implements OnInit {\n selectedService;\n category = 'summary';\n currentPage;\n pageTitle = 'Your case studies';\n loading: boolean = true;\n caseStudy;\n imageOrientation;\n categoryPage;\n allCaseStudies;\n navBackground;\n currentRoute;\n pages = [];\n heatPumpCaseStudy;\n locationImageUrl;\n innerWidth;\n routeSubscription: Subscription;\n childParamsSubscription: Subscription;\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n constructor(private glowService: GlowService, private caseStudyService: CaseStudyService, private serviceSelector: ServiceSelectorSvc, private router: Router, private route: ActivatedRoute) {\n this.routeSubscription = this.router.events.subscribe((e) => {\n if (e instanceof NavigationEnd) {\n if (!this.route.firstChild && this.allCaseStudies) {\n this.goToFirstCaseStudy();\n } else if (!this.allCaseStudies) {\n this.getAllCaseStudies();\n }\n if (this.route.firstChild) {\n this.childParamsSubscription = this.route.firstChild.params.subscribe((params) => {\n this.currentPage = params.caseStudy;\n this.loading = false;\n });\n }\n }\n });\n }\n ngOnInit() {\n this.onResize();\n }\n ngOnDestroy() {\n if (this.routeSubscription) {\n this.routeSubscription.unsubscribe();\n }\n if (this.childParamsSubscription) {\n this.childParamsSubscription.unsubscribe();\n }\n }\n\n goToFirstCaseStudy() {\n this.currentPage = this.allCaseStudies[0].csRef;\n this.router.navigateByUrl('/pages/property/case-studies/' + this.allCaseStudies[0].csRef);\n }\n\n getAllCaseStudies() {\n this.loading = true;\n this.selectedService = this.serviceSelector.getSelectedService();\n this.glowService.getAllCaseStudiesByVe(this.selectedService.veId).subscribe(async (cs) => {\n this.allCaseStudies = cs;\n if (cs && cs.length) {\n this.goToFirstCaseStudy();\n }\n await this.createPages(cs);\n });\n }\n\n async createPages(caseStudies) {\n if (caseStudies && caseStudies.length) {\n await Promise.all(\n caseStudies.map(async (cs) => {\n // if (cs.classifier == 'heating_system.heat_pump') {\n // const caseStudy = this.getCaseStudy(cs);\n const caseStudy = await this.caseStudyService.fetchCaseStudyData(cs);\n this.pages.push({ path: 'pages/property/case-studies/' + caseStudy.csRef, title: cs.classifier.split('.').pop().split(\"_\").join(\" \").toUpperCase(), id: caseStudy.csRef });\n return caseStudy;\n // }\n })\n );\n }\n this.loading = false;\n }\n\n async getCaseStudy(cs) {\n return this.caseStudyService.fetchCaseStudyData(cs);\n }\n\n setImageOrientation(imageInfo) {\n if (imageInfo.height && imageInfo.width && imageInfo.height > imageInfo.width) {\n this.imageOrientation = 'portrait';\n } else {\n this.imageOrientation = 'landscape';\n }\n }\n\n onRouterOutletActivate(component) {\n component.isAccountView = true;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CaseStudyAccountPageComponent } from './case-study-account-page.component';\nimport { HeatPumpCaseStudyAccountModule } from './heat-pump-case-study-account/heat-pump-case-study-account.module';\nimport { AccountNoDataCardModule } from 'src/app/components/account-no-data-card/account-no-data-card.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n@NgModule({\n declarations: [CaseStudyAccountPageComponent],\n imports: [CommonModule, HeatPumpCaseStudyAccountModule, AccountNoDataCardModule, SpinnerModule, SharedModule],\n exports: [CaseStudyAccountPageComponent],\n})\nexport class CaseStudyAccountPageModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2Nhc2Utc3R1ZHktYWNjb3VudC1wYWdlL2hlYXQtcHVtcC1jYXNlLXN0dWR5LWFjY291bnQvaGVhdC1wdW1wLWNhc2Utc3R1ZHktYWNjb3VudC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, Input, OnInit } from '@angular/core';\nimport { caseStudyRelatedContentConfig } from '../../../../assets/content/case-study-content-config.json';\nimport { caseStudyConfig } from '../../../../assets/content/case-study-config-example.json';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { filter } from 'rxjs/operators';\nimport { CaseStudyService } from 'src/app/services/case-study.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-heat-pump-case-study-account',\n templateUrl: './heat-pump-case-study-account.component.html',\n styleUrls: ['./heat-pump-case-study-account.component.scss'],\n})\nexport class HeatPumpCaseStudyAccountComponent implements OnInit {\n @Input() caseStudy;\n caseStudyRelatedContentConfig = caseStudyRelatedContentConfig;\n caseStudyConfig = caseStudyConfig;\n imageOrientation;\n categories = {\n summary: {\n title: 'Summary',\n id: 'summary',\n colour: 'light-primary',\n },\n\n 'pre-installation': {\n title: 'Building and heating pre-installation',\n id: 'pre-installation',\n caseStudySection: 'before',\n caseStudyConfigSection: 'before',\n colour: 'light-secondary',\n },\n\n installation: {\n title: 'Installation details',\n id: 'installation',\n caseStudySection: 'after',\n caseStudyConfigSection: 'after',\n colour: 'light-success',\n },\n technical: {\n title: 'Installed heating system technical details',\n id: 'technical',\n caseStudySection: '',\n caseStudyConfigSection: '',\n colour: 'light-info',\n restrictedView: true,\n restrictedViewPermission: ['installer'],\n },\n outcomes: {\n title: 'Costs and outcomes',\n id: 'outcomes',\n caseStudySection: 'outcome',\n caseStudyConfigSection: 'outcome',\n colour: 'light-warning',\n },\n // content: {\n // title: 'Other content',\n // id: 'content',\n // caseStudySection: '',\n // caseStudyConfigSection: '',\n // colour: 'light-primary',\n // restrictedView: true,\n // restrictedViewPermission: ['all'],\n // },\n // { title: 'Leave feedback', id: 'feedback' },\n };\n currentRoute;\n category = 'summary';\n navBackground;\n categoryPage;\n constructor(private router: Router, private caseStudyService: CaseStudyService) {\n const navEndEvent$ = this.router.events.pipe(filter((e) => e instanceof NavigationEnd));\n navEndEvent$.subscribe((e: NavigationEnd) => {\n this.currentRoute = e.url;\n //last part of url\n this.category = this.currentRoute.split('/').pop();\n if (!this.categories[this.category]) {\n this.category = 'summary';\n }\n this.navBackground = this.categories[this.category].colour;\n });\n this.getCategoryPage();\n }\n\n ngOnInit() {\n if (this.caseStudy.propertyImage) {\n this.setImageOrientation(this.caseStudy.propertyImage);\n }\n }\n\n getCategoryPage() {\n const x = Object.values(this.categories).find((x) => x.id == this.category);\n this.navBackground = x.colour;\n this.categoryPage = x.title;\n return this.categoryPage.slice(0, 1).toUpperCase() + this.categoryPage.slice(1, this.categoryPage.length);\n }\n\n setImageOrientation(imageInfo) {\n this.imageOrientation = Utils.getImageOrientation(imageInfo);\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatPumpCaseStudyAccountComponent } from './heat-pump-case-study-account.component';\n\nimport { CaseStudyModule } from 'src/app/public/case-study/case-study.module';\nimport { CaseStudyHeaderModule } from 'src/app/components/case-study/case-study-header/case-study-header.module';\nimport { CaseStudyInstallatonHeatingSystemTechnicalModule } from 'src/app/components/case-study/case-study-installaton-heating-system-technical/case-study-installaton-heating-system-technical.module';\nimport { CaseStudySummaryModule } from 'src/app/components/case-study/case-study-summary/case-study-summary.module';\nimport { CaseStudyDetailsModule } from 'src/app/components/case-study/case-study-details/case-study-details.module';\nimport { CaseStudyOutcomeModule } from 'src/app/components/case-study/case-study-outcome/case-study-outcome.module';\nimport { CaseStudyOtherContentModule } from 'src/app/components/case-study/case-study-other-content/case-study-other-content.module';\n\n@NgModule({\n declarations: [HeatPumpCaseStudyAccountComponent],\n imports: [CommonModule, CaseStudyHeaderModule, CaseStudyInstallatonHeatingSystemTechnicalModule, CaseStudySummaryModule, CaseStudyDetailsModule, CaseStudyOutcomeModule, CaseStudyOtherContentModule],\n exports: [HeatPumpCaseStudyAccountComponent],\n})\nexport class HeatPumpCaseStudyAccountModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2Nhc2Utc3R1ZHktY3JlYXRvci10b29sL2Nhc2Utc3R1ZHktY3JlYXRvci10b29sLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-case-study-creator-tool',\n templateUrl: './case-study-creator-tool.component.html',\n styleUrls: ['./case-study-creator-tool.component.scss'],\n})\nexport class CaseStudyCreatorToolComponent implements OnInit {\n pageTitle = 'Case Study Creator';\n caseStudy;\n selectedService;\n subscriptionSelectedService: Subscription;\n constructor(private router: Router, private glowService: GlowService, private serviceSelectorSvc: ServiceSelectorSvc) {\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n this.checkCaseStudyExists(selectedService);\n });\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n\n this.checkCaseStudyExists(this.selectedService);\n }\n\n checkCaseStudyExists(selectedService) {\n this.glowService.getAllCaseStudiesByVe(selectedService.veId).subscribe((cs) => {\n this.caseStudy = cs;\n });\n }\n\n navToPage() {\n this.router.navigate(['/pages/tools/case-study-creator/heat-pump']);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CaseStudyCreatorToolComponent } from './case-study-creator-tool.component';\nimport { BuildingFormModule } from 'src/app/components/case-study/building-form/building-form.module';\nimport { CaseStudyFormStepperModule } from 'src/app/components/case-study-form-stepper/case-study-form-stepper.module';\nimport { HeatPumpCaseStudyModule } from './heat-pump-case-study/heat-pump-case-study.module';\n\n\n\n@NgModule({\n declarations: [CaseStudyCreatorToolComponent],\n imports: [\n CommonModule, BuildingFormModule, CaseStudyFormStepperModule, HeatPumpCaseStudyModule\n ],\n exports: [CaseStudyCreatorToolComponent]\n})\nexport class CaseStudyCreatorToolModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2Nhc2Utc3R1ZHktY3JlYXRvci10b29sL2hlYXQtcHVtcC1jYXNlLXN0dWR5L2hlYXQtcHVtcC1jYXNlLXN0dWR5LmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { CaseStudyFormService } from 'src/app/services/case-study-form.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-heat-pump-case-study',\n templateUrl: './heat-pump-case-study.component.html',\n styleUrls: ['./heat-pump-case-study.component.scss'],\n})\nexport class HeatPumpCaseStudyComponent implements OnInit {\n section: string = 'pre-installation-building';\n savedForm: boolean;\n caseStudy;\n journal;\n formattedCaseStudy;\n children: any[] = [];\n activeChildComponent: any;\n selectedService: any;\n subscriptionSelectedService: Subscription;\n constructor(private route: ActivatedRoute, private caseStudyFormService: CaseStudyFormService, private serviceSelectorSvc: ServiceSelectorSvc) {\n this.route.children.forEach((route) => {\n route.url.subscribe((url) => {\n this.section = url[0].path;\n });\n });\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n this.setChildren();\n }\n\n setChildren() {\n this.children = ['buildingForm', 'heatingSystemForm', 'outcomesForm', 'installationForm', 'otherInfoForm'];\n }\n\n onRouterOutletActivate(event) {\n this.activeChildComponent = event;\n }\n\n getActiveForms() {\n return this.caseStudyFormService.getActiveForms();\n }\n\n async saveChangesToActiveChildComponent() {\n await this.activeChildComponent.saveChanges();\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatPumpCaseStudyComponent } from './heat-pump-case-study.component';\nimport { CaseStudyFormStepperModule } from 'src/app/components/case-study-form-stepper/case-study-form-stepper.module';\nimport { BuildingFormModule } from 'src/app/components/case-study/building-form/building-form.module';\nimport { HeatingSystemFormModule } from 'src/app/components/case-study/heating-system-form/heating-system-form.module';\nimport { OutcomesFormModule } from 'src/app/components/case-study/outcomes-form/outcomes-form.module';\nimport { InstallationFormModule } from 'src/app/components/case-study/installation-form/installation-form.module';\nimport { OtherInfoFormModule } from 'src/app/components/case-study/other-info-form/other-info-form.module';\nimport { HeatPumpCaseStudyRouting } from './heat-pump-case-study.routing';\n\n@NgModule({\n declarations: [HeatPumpCaseStudyComponent],\n imports: [CommonModule, HeatPumpCaseStudyRouting, CaseStudyFormStepperModule, BuildingFormModule, HeatingSystemFormModule, OutcomesFormModule, InstallationFormModule, OtherInfoFormModule],\n exports: [HeatPumpCaseStudyComponent],\n})\nexport class HeatPumpCaseStudyModule {}\n","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { HeatPumpCaseStudyComponent } from './heat-pump-case-study.component';\nimport { BuildingFormComponent } from 'src/app/components/case-study/building-form/building-form.component';\nimport { HeatingSystemFormComponent } from 'src/app/components/case-study/heating-system-form/heating-system-form.component';\nimport { InstallationFormComponent } from 'src/app/components/case-study/installation-form/installation-form.component';\nimport { OutcomesFormComponent } from 'src/app/components/case-study/outcomes-form/outcomes-form.component';\nimport { OtherInfoFormComponent } from 'src/app/components/case-study/other-info-form/other-info-form.component';\nimport { FormGuard } from 'src/app/services/form.guard';\nimport { HeatPumpCsFormGuard } from 'src/app/guards/heat-pump-cs-form.guard';\n\nconst routes = [\n {\n path: '',\n component: HeatPumpCaseStudyComponent,\n canDeactivate: [HeatPumpCsFormGuard],\n children: [\n { path: 'pre-installation-building', canDeactivate: [FormGuard], component: BuildingFormComponent },\n { path: 'pre-installation-heating', canDeactivate: [FormGuard], component: HeatingSystemFormComponent },\n { path: 'installation', canDeactivate: [FormGuard], component: InstallationFormComponent },\n { path: 'post-installation-heating', canDeactivate: [FormGuard], component: HeatingSystemFormComponent },\n { path: 'post-installation-building', canDeactivate: [FormGuard], component: BuildingFormComponent },\n { path: 'post-installation-outcomes', canDeactivate: [FormGuard], component: OutcomesFormComponent },\n { path: 'other-information', canDeactivate: [FormGuard], component: OtherInfoFormComponent },\n { path: '', redirectTo: 'pre-installation-building', pathMatch: 'full' },\n { path: '**', redirectTo: 'pre-installation-building', pathMatch: 'full' },\n ],\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class HeatPumpCaseStudyRouting {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2VuZXJneS1kYXRhL2VuZXJneS1kYXRhLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Subject } from 'rxjs';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-energy-data',\n templateUrl: './energy-data.component.html',\n styleUrls: ['./energy-data.component.scss', '../pages.component.scss'],\n})\nexport class EnergyDataComponent implements OnInit {\n showGas: boolean = false;\n pageTitle = 'Energy data';\n consumptionType: string = 'electricity.consumption';\n innerWidth;\n pages = [{ param: 'electricity.consumption', title: 'Electricity', active: true }];\n selectedService: any;\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n constructor(private serviceSelectorSvc: ServiceSelectorSvc) {}\n\n ngOnInit() {\n this.onResize();\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n if (this.selectedService) {\n this.showGas = this.selectedService.resources.find((x) => x.classifier.includes('gas'));\n if (this.showGas) {\n this.pages.push({ param: 'gas.consumption', title: 'Gas', active: false });\n }\n }\n }\n\n toggleFuelType(param) {\n this.consumptionType = param;\n this.pages.map((x) => (x.active = false));\n const match = this.pages.find((x) => x.param == param);\n match.active = true;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EnergyDataComponent } from './energy-data.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { DashboardModule } from '../../components/dashboard/dashboard.module';\n\n@NgModule({\n declarations: [EnergyDataComponent],\n imports: [SharedModule, CommonModule, DashboardModule],\n exports: [EnergyDataComponent]\n})\n\nexport class EnergyDataModule { }","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2VuZXJneS1vdmVydmlldy9lbmVyZ3ktb3ZlcnZpZXcuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, HostListener, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-energy-overview',\n templateUrl: './energy-overview.component.html',\n styleUrls: ['./energy-overview.component.scss', '../pages.component.scss']\n})\n\nexport class EnergyOverviewComponent implements OnInit {\n\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\npageTitle=\"Energy overview\"\n currentPage: string = 'Tariff';\n innerWidth: number;\n pages: any = [\n { path: '/pages/property/energy-overview/tariff', title: 'Tariff', urlPath: 'tariff' },\n ]\n\n constructor() { }\n\n ngOnInit() {\n this.onResize()\n }\n\n onRouterOutletActivate(event) {\n if (event.pageTitle) {\n this.currentPage = event.pageTitle;\n }\n }\n\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { EnergyOverviewComponent } from './energy-overview.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n@NgModule({\n declarations: [EnergyOverviewComponent],\n imports: [\n SharedModule, \n CommonModule\n ],\n exports: [EnergyOverviewComponent]\n})\n\nexport class EnergyOverviewModule { }","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2VuZXJneS1vdmVydmlldy90YXJpZmYvdGFyaWZmLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { tVeTariffsWithTs } from 'src/app/components/component.typings';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { tResourceAvailabilityElement } from 'src/app/services/app-data.typings';\nimport { ResourceDataService } from 'src/app/services/data.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { TariffService } from 'src/app/services/tariff.service';\nimport { tTariffPlan } from 'src/app/services/ui.typings';\n\n@Component({\n selector: 'app-tariff',\n templateUrl: './tariff.component.html',\n styleUrls: ['./tariff.component.scss']\n})\nexport class TariffComponent implements OnInit {\n pageTitle = 'Tariff'\n // displayTitle = 'About your home'\n noTariffMessage = \"We cannot retrieve your tariff information, please contact your supplier.\"\n consumptionType = ['electricity.consumption.cost', 'gas.consumption.cost']\n selectedService: any;\n subscriptionSelectedService: Subscription;\n subscriptionTariff: Subscription;\n veTariffs: tVeTariffsWithTs = {};\n mostRecentFutureTime: any = null;\n tariff: tTariffPlan;\n loadObj: tLoadingElement\n electricityTariff;\n gasTariff;\n\n constructor(public dataService: ResourceDataService,\n private serviceSelectorSvc: ServiceSelectorSvc,\n private tariffService: TariffService) {\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe(selectedService => {\n this.selectedService = selectedService;\n this.getVeTariffs()\n })\n\n this.subscriptionTariff = this.dataService.tariff$.subscribe(tariff => {\n // console.log()\n if (tariff.classifier === 'electricity.consumption.cost') {\n this.electricityTariff = tariff\n } else if (tariff.classifier === 'gas.consumption.cost') {\n this.gasTariff = tariff\n }\n \n this.processData(tariff) \n\n })\n\n this.loadObj = { ...this.loadObj, loaded: true, loading: false }\n\n\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n this.getVeTariffs()\n }\n getVeTariffs(): void {\n if (this.selectedService && this.selectedService.resources) {\n delete this.veTariffs;\n this.consumptionType.forEach((type) => {\n const cost = this.selectedService.resources.find(x => x.classifier == type)\n if (cost) {\n this.getResourceTariffs(cost, type.split('.')[0]);\n }\n\n })\n }\n }\n\n getResourceTariffs(resourceInfo: tResourceAvailabilityElement, dataStreamType: string): void {\n // this.tariffVEInfo[dataStreamType] = this.setTariffElement(resourceInfo.classifier, resourceInfo.resourceId)\n if (resourceInfo && resourceInfo.resourceId) {\n this.dataService.getResourceTariffsPromise(resourceInfo).then(tariffPlan => {\n const ts = new Date().getTime()\n this.veTariffs = { ...this.veTariffs, [dataStreamType]: { ...tariffPlan, ts } }\n this.determineTariffUpdateTime(dataStreamType)\n }).catch(e => {\n console.warn(`Error while getting tariffs`)\n })\n }\n }\n\n\n determineTariffUpdateTime(dataStreamType): any {\n const hasFutureRates = (this.veTariffs && this.veTariffs[dataStreamType]\n && Array.isArray(this.veTariffs[dataStreamType].futureRates) && this.veTariffs[dataStreamType].futureRates.length > 0)\n // // console.log(`hasFutureRates: ${hasFutureRates}. Now is ${new Date()} `)\n if (hasFutureRates) {\n const now = new Date().getTime()\n // const offset = new Date().getTimezoneOffset() * 60 * 1000;\n const futureRates = this.veTariffs[dataStreamType].futureRates.map((elem) => [new Date(`${elem.ts.replace(/ /g, \"T\")}.000Z`).getTime(), elem.rate, elem.ts])\n const mostRecentFutureRate = futureRates.find(futureRate => {\n if (Number(futureRate[0]) > now) {\n return futureRate\n }\n })\n const mostRecentFutureTime: any = mostRecentFutureRate[0]\n\n if (mostRecentFutureTime != this.mostRecentFutureTime) {\n this.mostRecentFutureTime = mostRecentFutureTime\n const now = new Date().getTime()\n // // console.log(now)\n const mSecondsToDoCheck = mostRecentFutureTime - now + 1000\n // // console.log(`Setting refresher at ${mSecondsToDoCheck} for ${dataStreamType} tariff. mostRecentFutureTime ${mostRecentFutureTime}`)\n setTimeout(() => {\n const elecCost = this.selectedService.resources.find(x => x.classifier == 'electricity.consumptiom.cost')\n this.getResourceTariffs(elecCost, 'electricity');\n }, mSecondsToDoCheck)\n } else {\n // // console.log(`mostRecentFutureTime ${mostRecentFutureTime} the same not asking for update`)\n }\n }\n }\n\n processData(tariff) {\n if (tariff.resourceId && this.selectedService.veId) {\n this.tariffService.getTariffPermission(tariff.resourceId, this.selectedService.veId)\n // this.getDeviceByResourceId()\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TariffComponent } from './tariff.component';\nimport { AccountNoDataCardModule } from 'src/app/components/account-no-data-card/account-no-data-card.module';\n\n\n\n@NgModule({\n declarations: [TariffComponent],\n imports: [\n CommonModule, AccountNoDataCardModule\n ],\n exports: [TariffComponent]\n})\nexport class TariffModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2dlbmVyYWwtYXR0cmlidXRlcy9idWlsZGluZy1mYWJyaWMvYnVpbGRpbmctZmFicmljLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-building-fabric',\n templateUrl: './building-fabric.component.html',\n styleUrls: ['./building-fabric.component.scss'],\n})\nexport class BuildingFabricComponent implements OnInit {\n\n constructor() {}\n\n ngOnInit() {}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { BuildingFabricComponent } from './building-fabric.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [BuildingFabricComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports: [\n BuildingFabricComponent,\n ]\n})\nexport class BuildingFabricModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2dlbmVyYWwtYXR0cmlidXRlcy9nZW5lcmFsLWF0dHJpYnV0ZXMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-general-attributes',\n templateUrl: './general-attributes.component.html',\n styleUrls: ['./general-attributes.component.scss', '../pages.component.scss'],\n})\nexport class GeneralAttributesComponent implements OnInit {\n pageTitle = 'General attributes';\n currentPage = 'General';\n shouldShowToolLink;\n toolLink;\n subTitle\n innerWidth;\n passport;\n pages = [\n { path: '/pages/property/general-attributes/general', title: 'General', urlPath: 'general' },\n {\n path: '/pages/property/general-attributes/building-fabric',\n title: 'Heat retention score',\n urlPath: 'building-fabric',\n },\n // { path: '/pages/my-home/schematics', title: 'Heating By Room', urlPath: 'schematics' },\n ];\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n\n constructor(private router: Router) {}\n\n ngOnInit() {\n this.onResize()\n }\n public onRouterOutletActivate(event: any) {\n // console.log(event)\n if (event.pageTitle) {\n this.currentPage = event.pageTitle;\n }\n if (event.displayTitle) {\n this.subTitle = event.displayTitle;\n }\n if (event.passport){\n // console.log(event.passport, 'passport')\n this.passport = event.passport\n }\n else {\n this.toolLink = null;\n }\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter((p) => p.title != this.currentPage);\n }\n navigateTool(){\n this.router.navigateByUrl(`pages/tools/estimated-thermal-performance`)\n \n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GeneralAttributesComponent } from './general-attributes.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [GeneralAttributesComponent],\n imports: [SharedModule,\n CommonModule\n ],\n exports: [GeneralAttributesComponent]\n})\nexport class GeneralAttributesModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2dlbmVyYWwtYXR0cmlidXRlcy9nZW5lcmFsL2dlbmVyYWwuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-general',\n templateUrl: './general.component.html',\n styleUrls: ['./general.component.scss'],\n})\n\nexport class GeneralComponent implements OnInit {\n\n pageTitle = 'General';\n displayTitle = 'About your home'\n subscriptionSelectedService: Subscription;\n selectedService;\n passport;\n loading;\n error;\n errorMessage;\n loadingMessage;\n shouldShowToolLink: boolean = true;\n\n constructor(\n private serviceSelectorSvc: ServiceSelectorSvc,\n private glowService: GlowService,\n ) {\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe(selectedService => {\n this.selectedService = selectedService\n this.getPropertyPassport()\n })\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService()\n if (this.selectedService && this.selectedService.veId && !this.passport) {\n this.getPropertyPassport()\n }\n }\n\n getPropertyPassport() {\n this.passport = null \n this.loadingMessage = 'Loading your details...'\n this.loading = true\n this.glowService.getPropertyPassport(this.selectedService.veId).subscribe((resp) => {\n if (!resp.valid) {\n this.loading = false\n return\n }\n this.passport = this.formatPassportToDisplay(resp);\n this.loading = false;\n }, (err) => {\n this.loading = false\n this.passport = null\n this.error = true;\n this.errorMessage = err && err.error && err.error.error\n })\n }\n\n formatPassportToDisplay(passport) {\n let formatted: any = { ...passport };\n formatted.address.address = this.formatAddress(passport.address.address);\n formatted.currentEpc = this.getCurrentEpc(passport.epcRecords);\n return formatted;\n }\n\n getCurrentEpc(epcRecords) {\n return [...epcRecords].sort((a, b) => new Date(b.lodgement_date).valueOf() - new Date(a.lodgement_date).valueOf())[0];\n }\n\n formatAddress(address: string) {\n return address.split(',').filter((fragment) => fragment).join(',');\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GeneralComponent } from './general.component';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\n\n\n\n@NgModule({\n declarations: [GeneralComponent],\n imports: [\n CommonModule, SpinnerModule\n ]\n , exports: [GeneralComponent\n ]\n})\nexport class GeneralModule { }\n","export default \"@media (max-width: 576px) {\\n /* Custom CSS for stacking rows into columns on small screens */\\n .table-responsive-stack tbody {\\n display: block;\\n }\\n\\n .table-responsive-stack tr {\\n margin-bottom: 1rem;\\n display: flex;\\n flex-direction: column;\\n align-items: flex-start;\\n }\\n\\n .table-responsive-stack td,\\n.table-responsive-stack th {\\n flex: 1;\\n width: 100%;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy9oZWF0LXB1bXAtY29zdC1lc3RpbWF0aW9uLXRvb2wvaGVhdC1wdW1wLWNvc3QtZXN0aW1hdGlvbi10b29sLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wYWdlcy9oZWF0LXB1bXAtY29zdC1lc3RpbWF0aW9uLXRvb2wvaGVhdC1wdW1wLWNvc3QtZXN0aW1hdGlvbi10b29sLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksK0RBQUE7RUFDQTtJQUNJLGNBQUE7RUNDTjs7RURDRTtJQUNJLG1CQUFBO0lBQ0EsYUFBQTtJQUNBLHNCQUFBO0lBQ0EsdUJBQUE7RUNFTjs7RURBRTs7SUFFSSxPQUFBO0lBQ0EsV0FBQTtFQ0dOO0FBQ0YiLCJmaWxlIjoic3JjL2FwcC9wYWdlcy9oZWF0LXB1bXAtY29zdC1lc3RpbWF0aW9uLXRvb2wvaGVhdC1wdW1wLWNvc3QtZXN0aW1hdGlvbi10b29sLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQG1lZGlhIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gICAgLyogQ3VzdG9tIENTUyBmb3Igc3RhY2tpbmcgcm93cyBpbnRvIGNvbHVtbnMgb24gc21hbGwgc2NyZWVucyAqL1xuICAgIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRib2R5IHtcbiAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICAgIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMXJlbTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gICAgfVxuICAgIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRkLFxuICAgIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRoIHtcbiAgICAgICAgZmxleDogMTtcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgfVxufSIsIkBtZWRpYSAobWF4LXdpZHRoOiA1NzZweCkge1xuICAvKiBDdXN0b20gQ1NTIGZvciBzdGFja2luZyByb3dzIGludG8gY29sdW1ucyBvbiBzbWFsbCBzY3JlZW5zICovXG4gIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRib2R5IHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuXG4gIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRyIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbiAgfVxuXG4gIC50YWJsZS1yZXNwb25zaXZlLXN0YWNrIHRkLFxuLnRhYmxlLXJlc3BvbnNpdmUtc3RhY2sgdGgge1xuICAgIGZsZXg6IDE7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cbn0iXX0= */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { FormBuilder, Validators } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { SearchService } from 'src/app/services/search.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-heat-pump-cost-estimation-tool',\n templateUrl: './heat-pump-cost-estimation-tool.component.html',\n styleUrls: ['./heat-pump-cost-estimation-tool.component.scss'],\n})\nexport class HeatPumpCostEstimationToolComponent implements OnInit {\n pageTitle = 'Heat Pump Cost Estimation';\n\n selectedService: any;\n subscriptionSelectedService: Subscription;\n\n formInputs: any = {};\n\n parametersConfig = {\n annualGasConsumption: {\n key: 'annualGasConsumption',\n displayName: 'Annual gas consumption',\n unitsPlacement: 'after',\n },\n annualGasCost: {\n key: 'annualGasCost',\n displayName: 'Annual gas cost',\n unitsPlacement: 'before',\n },\n heatPumpCop: { key: 'heatPumpCop', displayName: 'Heat pump COP', unitsPlacement: 'after' },\n unitRateGas: { key: 'unitRateGas', displayName: 'Unit rate gas', unitsPlacement: 'after' },\n standingChargeGas: { key: 'standingChargeGas', displayName: 'Standing charge gas', unitsPlacement: 'after' },\n unitRateElectricity: { key: 'unitRateElectricity', displayName: 'Unit rate electricity', unitsPlacement: 'after' },\n standingChargeElectricity: {\n key: 'standingChargeElectricity',\n displayName: 'Standing charge electricity',\n unitsPlacement: 'after',\n },\n };\n\n results;\n checkValidity = false;\n parameters;\n loadObj: tLoadingElement;\n\n page = 'start';\n pageHistory = ['start'];\n heatPumpCopPopover = '';\n innerWidth: number;\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n\n constructor(\n private uiConfigService: CustomUIConfigService,\n private serviceSelectorSvc: ServiceSelectorSvc,\n private glowService: GlowService,\n private searchService: SearchService\n ) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(false);\n this.loadObj.loaded = true;\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n this.formInputs = {};\n this.results = null;\n this.parameters = null;\n this.updatePage('start');\n });\n }\n\n ngOnInit() {\n this.onResize();\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n this.getGlossaryTerm('cop').then((term) => {\n this.heatPumpCopPopover = term.shortDefinition;\n });\n }\n\n async getGlossaryTerm(term) {\n const results = await this.searchService.filterContentWithTags('glossary-term', term, []);\n return results[0];\n }\n\n setFormInputs(parameters, checkValidity = false) {\n this.checkValidity = checkValidity;\n for (let field of parameters.fields) {\n let value = parameters.values[field].value || parameters.values[field];\n if (Array.isArray(value)) {\n value = value[0];\n if (value.rate) {\n value = value.rate;\n }\n }\n if (!isNaN(value)) {\n value = parseFloat(value).toFixed(2);\n }\n this.formInputs[field] = value;\n }\n }\n\n updatePage(page) {\n if (page === 'back') {\n this.pageHistory.pop();\n this.page = this.pageHistory[this.pageHistory.length - 1];\n } else {\n this.page = page;\n if (page === 'start') {\n this.pageHistory = ['start'];\n } else {\n this.pageHistory.push(page);\n }\n }\n }\n\n processOutput(output) {\n this.results = output.results;\n this.parameters = output.inputs;\n this.setFormInputs(this.parameters);\n this.loadObj.loading = false;\n this.loadObj.loaded = true;\n this.updatePage('results');\n }\n\n processError(err) {\n // console.log('processError', err);\n if (err.error && err.error.isValid === false && err.error.missingElements) {\n if (err.error.inputs) {\n this.setFormInputs(err.error.inputs, true);\n }\n this.updatePage('missingInfo');\n } else {\n this.updatePage('error');\n }\n this.loadObj.loading = false;\n this.loadObj.loaded = true;\n }\n\n async estimateAnnualHeatPumpCost(event?) {\n this.loadObj.loading = true;\n let input = {};\n if (event) {\n const {\n annualGasConsumption,\n heatPumpCop,\n unitRateGas,\n standingChargeGas,\n unitRateElectricity,\n standingChargeElectricity,\n } = event;\n input = {\n annualGasConsumption,\n heatPumpCop,\n unitRateGas,\n standingChargeGas,\n unitRateElectricity,\n standingChargeElectricity,\n };\n this.glowService\n .runSimulation({\n simulationTypeId: 'heatPumpCostEstimationFromGasData',\n input,\n })\n .subscribe(\n (resp) => {\n this.processOutput(resp);\n },\n (err) => {\n this.processError(err);\n }\n );\n } else {\n this.glowService\n .runSimulationVeId(\n {\n simulationTypeId: 'heatPumpCostEstimationFromGasData',\n input,\n },\n this.selectedService.veId\n )\n .subscribe(\n (resp) => {\n this.processOutput(resp);\n },\n (err) => {\n this.processError(err);\n }\n );\n }\n }\n\n changeParams() {\n this.updatePage('paramsForm');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatPumpCostEstimationToolComponent } from './heat-pump-cost-estimation-tool.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { HeatPumpCostEstimationParamsFormModule } from 'src/app/components/heat-pump-cost-estimation-params-form/heat-pump-cost-estimation-params-form.module';\nimport { NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';\n\n\n\n@NgModule({\n declarations: [HeatPumpCostEstimationToolComponent],\n imports: [\n CommonModule, SharedModule, HeatPumpCostEstimationParamsFormModule, NgbPopoverModule\n ],\n exports: [HeatPumpCostEstimationToolComponent]\n})\nexport class HeatPumpCostEstimationToolModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2hlYXQtcHVtcC1qb3VybmV5L2hlYXQtcHVtcC1qb3VybmV5LmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { HpJourneyModalComponent } from 'src/app/components/hp-journey-modal/hp-journey-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-heat-pump-journey',\n templateUrl: './heat-pump-journey.component.html',\n styleUrls: ['./heat-pump-journey.component.scss']\n})\nexport class HeatPumpJourneyComponent implements OnInit {\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n pageTitle = 'Heat pump journey';\n currentPage = '';\n innerWidth\n estimateRequestSubscription: Subscription\n estimateRequests\n steps;\n journeyStarted: boolean\n // continueJourney: boolean\n // notEligible: boolean\n hasPassport;\n selectedService: any\n validVE: boolean;\n invalidVE: any\n virtualEntityRequired: boolean\n gasResourceRequired: boolean\n propertyPassportRequired: boolean\n radiatorSchematicRequired: boolean\n acceptedEstimateRequests = []\n constructor(private invitationsService: InvitationsService, private serviceSelectorSvc: ServiceSelectorSvc,\n private glowService: GlowService, private modalService: NgbModal) {\n this.estimateRequestSubscription = this.invitationsService.EstimateRequestsByVeIdAnnouncer.subscribe(resp => {\n this.acceptedEstimateRequests = []\n this.estimateRequests = resp.estimateRequests\n\n this.acceptedEstimateRequests = this.invitationsService.getAllActiveEstimateRequests(resp)\n\n })\n }\n\n ngOnInit() {\n this.onResize()\n this.getEstimateRequestsByVeIdAndState()\n this.checkVeValidity()\n\n }\n\n\n getEstimateRequestsByVeIdAndState() {\n const ve = this.serviceSelectorSvc.getSelectedService()\n if (ve) {\n this.invitationsService.getEstimateRequestsByVeIdAndState(ve.veId, true)\n\n } else this.virtualEntityRequired = true\n\n }\n\n checkVeValidity() {\n const ve = this.serviceSelectorSvc.getSelectedService()\n this.invitationsService.validateVirtualEntitites([ve]).then(resp => {\n if (resp && resp.length) {\n this.invalidVE = resp\n console.log('invalidVE', this.invalidVE)\n this.validVE = false\n this.gasResourceRequired = this.checkVe(resp[0], 'virtualEntity.gasResource')\n this.virtualEntityRequired = this.checkVe(resp[0], 'virtualEntity')\n this.propertyPassportRequired = this.checkVe(resp[0], \"propertyPassport\")\n this.radiatorSchematicRequired = this.checkVe(resp[0], 'radiatorSchematics')\n } else {\n this.validVE = true\n console.log('validVE', this.validVE)\n }\n })\n }\n\n\n checkVe(ve, requirement) {\n return ve.requirements.find(req => req.requirement == requirement && !req.valid)\n }\n\n changeSection(e) {\n console.log(e)\n }\n\n openModal() {\n this.modalService.open(HpJourneyModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n }\n\n\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatPumpJourneyComponent } from './heat-pump-journey.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { HpJourneyStepperModule } from 'src/app/components/hp-journey-stepper/hp-journey-stepper.module';\nimport { HpJourneyModalModule } from 'src/app/components/hp-journey-modal/hp-journey-modal.module';\n\n\n\n@NgModule({\n declarations: [HeatPumpJourneyComponent],\n imports: [\n CommonModule, SharedModule, HpJourneyStepperModule, HpJourneyModalModule\n ],\n exports: [HeatPumpJourneyComponent]\n})\nexport class HeatPumpJourneyModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2hlYXRpbmctc3lzdGVtL2hlYXRpbmctYnktcm9vbS9oZWF0aW5nLWJ5LXJvb20uY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { SchematicsService } from 'src/app/services/schematics.service';\n\n@Component({\n selector: 'app-heating-by-room',\n templateUrl: './heating-by-room.component.html',\n styleUrls: ['./heating-by-room.component.scss'],\n})\nexport class HeatingByRoomComponent implements OnInit {\n schematicDocument;\n schematic;\n loading = true;\n inProgressCount;\n inProgressDocumentId;\n inProgressPath;\n constructor(private schematicService: SchematicsService) {}\n\n ngOnInit() {\n this.getVariables().then(() => {\n this.loading = false;\n });\n }\n\n async getVariables() {\n await this.setDefaultSchematic();\n\n if (!this.schematicDocument) {\n await this.getInProgressSchematic();\n this.inProgressPath = this.inProgressDocumentId ? `/pages/tools/heating-by-room/schematic/${this.inProgressDocumentId}?edit=true` : '/pages/tools/heating-by-room/in-progress';\n }\n }\n\n async getInProgressSchematic() {\n this.inProgressCount = await this.schematicService.getSchematicsCountByStatus('in-progress');\n if (this.inProgressCount && this.inProgressCount == 1) {\n const inProgress: any = (await this.schematicService.getSchematicsByStatus('in-progress'))[0];\n this.inProgressDocumentId = inProgress.documentId;\n }\n return this.inProgressDocumentId;\n }\n\n async defaultSchematic() {\n const completed = await this.schematicService.getSchematicsByStatus('complete');\n //get latest completed schematic\n const latest = completed.sort((a: any, b: any) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime())[0];\n return latest;\n }\n\n async setDefaultSchematic() {\n const schematicDocument: any = await this.defaultSchematic();\n if (schematicDocument) {\n this.schematicDocument = schematicDocument;\n this.schematic = schematicDocument.data;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatingByRoomComponent } from './heating-by-room.component';\nimport { RadiatorSchematicModule } from 'src/app/components/radiator-schematic/radiator-schematic.module';\n\n@NgModule({\n declarations: [HeatingByRoomComponent],\n imports: [CommonModule, RadiatorSchematicModule],\n})\nexport class HeatingByRoomModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2hlYXRpbmctc3lzdGVtL2hlYXRpbmctc3lzdGVtLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-heating-system',\n templateUrl: './heating-system.component.html',\n styleUrls: ['./heating-system.component.scss', '../pages.component.scss'],\n})\n\nexport class HeatingSystemComponent implements OnInit {\n\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n\n pageTitle: string = 'Your heating system';\n subTitle: string;\n currentPage: string = 'Heating by room';\n innerWidth: number;\n toolLink: string;\n pages: any = [\n { path: '/pages/property/heating-system/heating-by-room', title: 'Heating by room', urlPath: 'heating-by-room' },\n ];\n\n constructor(private router: Router) { }\n\n ngOnInit() { \n this.onResize()\n }\n\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPage = event.pageTitle;\n }\n if (event.displayTitle) {\n this.subTitle = event.displayTitle;\n }\n if (event.toolLink && event.shouldShowToolLink) {\n this.toolLink = event.toolLink;\n } else {\n this.toolLink = null;\n }\n }\n\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter((p) => p.title != this.currentPage);\n }\n\n navigateTool() {\n this.router.navigateByUrl(`pages/tools/heating-by-room`)\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HeatingSystemComponent } from './heating-system.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [HeatingSystemComponent],\n imports: [SharedModule,\n CommonModule\n ],\n exports: [HeatingSystemComponent]\n})\nexport class HeatingSystemModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2h0Yy9odGMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { EpcInfoModalComponent } from 'src/app/components/epc-info-modal/epc-info-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\n\n@Component({\n selector: 'app-htc',\n templateUrl: './htc.component.html',\n styleUrls: ['./htc.component.scss'],\n})\nexport class HtcComponent implements OnInit {\n pageTitle: string = 'Your home’s heat retention score';\n loading: boolean;\n loadingMessage: string = 'Loading details...';\n manualHTC: any;\n selectedService: any;\n passport: any;\n error: boolean;\n errorMessage: string;\n htcDefinition: any;\n virtualEntities: any[];\n manualHTCSubscription: Subscription;\n\n subscriptionVirtualEntityList: Subscription;\n subscriptionSelectedService: Subscription;\n\n constructor(private modalService: NgbModal, private veService: VirtualEntityService, private serviceSelectorSvc: ServiceSelectorSvc, private glowService: GlowService, private strapiService: StrapiService) {\n this.loading = true;\n\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList && Array.isArray(veList) && veList.length > 0) {\n this.virtualEntities = veList;\n }\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n this.loading = true;\n this.getPropertyPassport();\n });\n }\n\n ngOnInit() {\n this.strapiService.getOneContent('glossary-terms', 10, []).then((t) => (this.htcDefinition = t.attributes.shortDefinition));\n\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n if (this.selectedService && this.selectedService.veId) {\n this.getPropertyPassport();\n }\n this.veService.findVirtualEntities();\n }\n\n\n getPropertyPassport() {\n this.loading = true;\n this.error = false;\n this.glowService.getPropertyPassport(this.selectedService.veId).subscribe(\n (resp) => {\n if (!resp.valid) {\n this.loading = false;\n this.error = true;\n return;\n }\n this.passport = resp;\n this.loading = false;\n },\n (err) => {\n this.error = true;\n this.passport = null;\n this.errorMessage = err && err.error && err.error.error;\n this.loading = false;\n }\n );\n }\n\n openHTCModal() {\n const modalRef = this.modalService.open(EpcInfoModalComponent, { scrollable: true, centered: true, size: 'lg', backdrop: 'static' });\n modalRef.componentInstance.propertyPassportId = this.passport.propertyPassportId;\n modalRef.componentInstance.veId = this.virtualEntities[0].veId;\n modalRef.componentInstance.resources = this.virtualEntities[0].resources;\n modalRef.componentInstance.postcode = this.passport.address.postcode;\n modalRef.componentInstance.updateHtcCard.subscribe((htc) => {\n if (htc) {\n this.manualHTC = htc;\n localStorage.setItem('manualHTC', JSON.stringify(htc));\n }\n modalRef.dismiss();\n });\n }\n\n regenerateHTC() {\n this.manualHTC = false;\n }\n\n formatHouseAttachmentString(str) {\n return str.replace(/([A-Z][a-z])/g, ' $1');\n }\n navigateToPropertyPassport() {\n return `/pages/account/property-passport`;\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { HtcComponent } from './htc.component';\nimport { AccountSideMenuModule } from 'src/app/components/account-side-menu/account-side-menu.module';\nimport { EpcInfoModalModule } from 'src/app/components/epc-info-modal/epc-info-modal.module';\nimport { HeatLossParameterScaleModule } from 'src/app/components/heat-loss-parameter-scale/heat-loss-parameter-scale.module';\nimport { HtcCardModule } from 'src/app/components/htc-card/htc-card.module';\nimport { AccountNoDataCardModule } from 'src/app/components/account-no-data-card/account-no-data-card.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\n\n@NgModule({\n declarations: [HtcComponent],\n imports: [\n CommonModule,\n AccountSideMenuModule,\n EpcInfoModalModule,\n HeatLossParameterScaleModule,\n HtcCardModule,\n AccountNoDataCardModule,\n SharedModule,\n SpinnerModule\n ], exports:[HtcComponent]\n})\nexport class HtcModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2ludml0YXRpb25zL2ludml0YXRpb25zLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-invitations',\n templateUrl: './invitations.component.html',\n styleUrls: ['./invitations.component.scss','../pages.component.scss']\n})\nexport class InvitationsComponent implements OnInit {\n pages = [\n { path: '/pages/account/invitations/sent-invitations', title: 'Sent invitations', urlPath: 'sent-invitations' },\n { path: '/pages/account/invitations/received-invitations', title: 'Received invitations', urlPath: 'received-invitations' },\n\n // { path: '/pages/account/settings/subscriptions', title: 'Subscriptions', urlPath: 'subscriptions' },\n // { path: '/pages/account/settings/properties', title: 'Properties', urlPath: 'properties' }\n ]\n pageTitle = \"Invitations\"\n currentPage;\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n constructor() { }\n\n ngOnInit() {\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter(p => p.title != this.currentPage)\n \n}\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InvitationsComponent } from './invitations.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InvitationsComponent],\n imports: [\n CommonModule,SharedModule\n ],\n exports: [InvitationsComponent]\n})\nexport class InvitationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2ludml0YXRpb25zL3JlY2VpdmVkLWludml0YXRpb25zL3JlY2VpdmVkLWludml0YXRpb25zLmNvbXBvbmVudC5zY3NzIn0= */\"","import { ChangeDetectorRef, Component, OnInit, ViewChild } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { any } from 'core-js/fn/promise';\nimport { Subscription } from 'rxjs';\nimport { ConfirmationModalComponent } from 'src/app/components/confirmation-modal/confirmation-modal.component';\nimport { RadiatorSchematicComponent } from 'src/app/components/radiator-schematic/radiator-schematic.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { PdfService } from 'src/app/services/pdf.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-received-invitations',\n templateUrl: './received-invitations.component.html',\n styleUrls: ['./received-invitations.component.scss']\n})\nexport class ReceivedInvitationsComponent implements OnInit {\n pageTitle: string = 'Received invitations'\n estimatesSubscription: Subscription\n estimateRequests\n loading\n dataURL\n stageSubscription: Subscription;\n showSchematic: boolean\n schematics;\n schematicDocument\n schmLoading: boolean\n snapshot\n constructor(private invitationsService: InvitationsService, private glowService: GlowService, private pdfService: PdfService, private modalService: NgbModal,\n private schematicsService: SchematicsService, private changeDetector: ChangeDetectorRef) {\n this.estimatesSubscription = this.invitationsService.EstimatesAnnouncer.subscribe((resp) => {\n this.estimateRequests = resp.estimateRequests.filter(e => e.initiatedBy === 'professional')\n if (this.estimateRequests) {\n // console.log(this.estimateRequests)\n this.loading = false\n }\n })\n this.loading = false\n\n this.stageSubscription = this.schematicsService.stage$.subscribe((schm) => {\n const dataURL = this.schematicsService.getCanvasDataUrl(2)\n this.pdfService.generatePdf(this.snapshot, dataURL)\n this.showSchematic = false\n\n\n })\n\n }\n\n ngOnInit() {\n\n this.invitationsService.getAllEstimateRequests()\n }\n ngAfterViewChecked() {\n this.changeDetector.detectChanges();\n }\n\n ngOnDestroy() {\n if (this.estimatesSubscription) {\n this.estimatesSubscription.unsubscribe()\n }\n }\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string)\n }\n\n async getSchematic(veId, veDocId) {\n this.schematicDocument = await this.schematicsService.getSchematic(veId, veDocId)\n this.showSchematic = true\n\n\n }\n async downloadPDF(id) {\n this.glowService.getSnapshotBySnapshotId(id).subscribe(async resp => {\n if (resp) {\n this.snapshot = resp\n if (this.snapshot.heatingSystem) {\n await this.getSchematic(this.snapshot.veId, this.snapshot.heatingSystem.veDocId)\n } else this.pdfService.generatePdf(this.snapshot)\n }\n return resp\n })\n }\n\n openConfirmationModal(estimateRequestId) {\n const modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalReference.componentInstance.confirmationTitle = 'Are you sure you want to revoke access?';\n modalReference.componentInstance.confirmationText = 'By revoking access, the installer will no longer be able to view your data through Glowmarkt or send you an estimate request.'\n modalReference.componentInstance.confirmationButtonText = 'Revoke access';\n modalReference.componentInstance.estimateRequestId = estimateRequestId\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReceivedInvitationsComponent } from './received-invitations.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { RadiatorSchematicModule } from 'src/app/components/radiator-schematic/radiator-schematic.module';\n\n\n\n@NgModule({\n declarations: [ReceivedInvitationsComponent],\n imports: [\n CommonModule, SharedModule, RadiatorSchematicModule\n ],\n exports: [ReceivedInvitationsComponent]\n})\nexport class ReceivedInvitationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL2ludml0YXRpb25zL3NlbnQtaW52aXRhdGlvbnMvc2VudC1pbnZpdGF0aW9ucy5jb21wb25lbnQuc2NzcyJ9 */\"","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { ConfirmationModalComponent } from 'src/app/components/confirmation-modal/confirmation-modal.component';\nimport { InvitationModalComponent } from 'src/app/components/invitation-modal/invitation-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { PdfService } from 'src/app/services/pdf.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { Utils } from 'src/utils';\n@Component({\n selector: 'app-sent-invitations',\n templateUrl: './sent-invitations.component.html',\n styleUrls: ['./sent-invitations.component.scss']\n})\nexport class SentNotificationsComponent implements OnInit {\n pageTitle: string = 'Sent invitations'\n estimateRequests: any\n loading;\n stageSubscription: Subscription\n showSchematic: boolean;\n snapshot;\n schematicDocument\n estimatesSubscription: Subscription\n constructor(private modalService: NgbModal, private pdfService: PdfService, private glowService: GlowService, private invitationsService: InvitationsService, private schematicsService: SchematicsService, private changeDetector: ChangeDetectorRef\n\n ) {\n this.estimatesSubscription = this.invitationsService.EstimatesAnnouncer.subscribe((resp) => {\n this.estimateRequests = resp.estimateRequests.filter(e => e.initiatedBy === 'customer')\n console.log(this.estimateRequests)\n if (this.estimateRequests) {\n this.loading = false\n }\n })\n this.loading = false\n this.stageSubscription = this.schematicsService.stage$.subscribe((schm) => {\n\n // console.log('schematics subscription')\n const dataURL = this.schematicsService.getCanvasDataUrl(2)\n this.pdfService.generatePdf(this.snapshot, dataURL)\n this.showSchematic = false\n\n\n\n })\n }\n\n ngOnInit() {\n this.loading = true\n this.invitationsService.getAllEstimateRequests()\n }\n ngAfterViewChecked() {\n this.changeDetector.detectChanges();\n }\n\n ngOnDestroy() {\n if (this.estimatesSubscription) {\n this.estimatesSubscription.unsubscribe()\n }\n }\n\n downloadPDF(id) {\n this.glowService.getSnapshotBySnapshotId(id).subscribe(async (resp) => {\n console.log(resp, 'resp')\n if (resp) {\n\n this.snapshot = resp\n if (this.snapshot.heatingSystem) {\n await this.getSchematic(this.snapshot.veId, this.snapshot.heatingSystem.veDocId)\n } else this.pdfService.generatePdf(this.snapshot)\n }\n return resp\n })\n }\n async getSchematic(veId, veDocId) {\n this.schematicDocument = await this.schematicsService.getSchematic(veId, veDocId)\n // console.log(this.schematicDocument)\n this.showSchematic = true\n\n\n\n }\n\n openConfirmationModal(estimateRequestId) {\n const modalReference = this.modalService.open(ConfirmationModalComponent, { centered: true, size: 'lg' });\n modalReference.componentInstance.confirmationTitle = 'Are you sure you want to revoke access?';\n modalReference.componentInstance.confirmationText = 'By revoking access, the installer will no longer be able to view your data through Glowmarkt or send you an estimate request.'\n modalReference.componentInstance.confirmationButtonText = 'Revoke access';\n modalReference.componentInstance.estimateRequestId = estimateRequestId\n }\n\n\n\n getReadableDateFromIso(string) {\n return Utils.getReadableDateFromIso(string)\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SentNotificationsComponent } from './sent-invitations.component';\nimport { ConfirmationModalModule } from 'src/app/components/confirmation-modal/confirmation-modal.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { RadiatorSchematicModule } from 'src/app/components/radiator-schematic/radiator-schematic.module';\n\n\n\n@NgModule({\n declarations: [SentNotificationsComponent],\n imports: [\n CommonModule, ConfirmationModalModule, SharedModule, RadiatorSchematicModule\n ],\n exports:[SentNotificationsComponent]\n})\nexport class SentNotificationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL25vdGlmaWNhdGlvbnMvYWxsLW5vdGlmaWNhdGlvbnMvYWxsLW5vdGlmaWNhdGlvbnMuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Observable, Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\n\n@Component({\n selector: 'app-all-notifications',\n templateUrl: './all-notifications.component.html',\n styleUrls: ['./all-notifications.component.scss']\n})\n\nexport class AllNotificationsComponent implements OnInit {\n estimateRequests: any[] = []\n loading = true\n error\n subscriptionVirtualEntityList: Subscription\n pageTitle: string = 'Notifications'\n estimateRequestsSubscription: Subscription;\n virtualEntities\n validVEs: any[] = []\n invalidVEs: any[] = []\n missingData: boolean\n pendingEstimateRequests;\n constructor(private invitationsService: InvitationsService, private veService: VirtualEntityService, private glowService: GlowService) {\n this.loading = true\n this.estimateRequestsSubscription = this.invitationsService.EstimatesAnnouncer.subscribe((resp) => {\n console.log(resp)\n if (resp.valid) {\n this.estimateRequests = resp.estimateRequests.filter(estimateRequest => estimateRequest.estimateRequestState == 'pending-user-eligibility')\n this.pendingEstimateRequests = resp.estimateRequests.filter(estimateRequest => estimateRequest.estimateRequestState == 'pending-user-acceptance')\n\n } else {\n this.error = true\n // this.loading = false\n }\n })\n\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList && veList.length) {\n this.processVeList(veList)\n // console.log(this.estimateRequests)\n if (this.estimateRequests && this.estimateRequests.length) {\n // console.log('validating ves')\n await this.invitationsService.validateVirtualEntitites(this.virtualEntities)\n\n if (this.invitationsService.validVEs.length) {\n this.validVEs = this.invitationsService.validVEs\n this.loading = false\n }\n if (this.invitationsService.invalidVEs.length) {\n this.invalidVEs = this.invitationsService.invalidVEs\n this.loading = false\n }\n\n } else {\n this.loading = false\n }\n\n } else{ \n this.processVeList(veList)\n this.loading = false\n }\n });\n }\n\n ngOnInit() {\n this.getEstimateRequests()\n this.veService.findVirtualEntities()\n }\n\n\n\n getEstimateRequests() {\n this.invitationsService.getAllEstimateRequests()\n\n }\n\n processVeList(veList) {\n // console.log(veList, 'velist')\n this.virtualEntities = veList;\n }\n\n}\n\n\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AllNotificationsComponent } from './all-notifications.component';\nimport { NotificationModule } from 'src/app/components/notification/notification.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [AllNotificationsComponent],\n imports: [\n CommonModule,\n NotificationModule,\n SharedModule\n ],\n exports: [AllNotificationsComponent]\n})\nexport class AllNotificationsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL25vdGlmaWNhdGlvbnMvbm90aWZpY2F0aW9ucy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subject, Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\n\n@Component({\n selector: 'app-notifications',\n templateUrl: './notifications.component.html',\n styleUrls: ['./notifications.component.scss', '../pages.component.scss'],\n})\nexport class NotificationsComponent implements OnInit {\n hasPassport: boolean;\n passport;\n loading = true;\n schematic;\n isSchematicComplete: boolean;\n selectedService;\n pageTitle = 'Notifications';\n currentPage = 'Notifications';\n subscriptionSelectedService: Subscription;\n schematicsSubscription: Subscription;\n pages = [{ path: '/pages/account/notifications/all-notifications', title: 'Notifications', urlPath: 'all-notifications' }];\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n\n constructor(public activeModal: NgbActiveModal, private schematicsService: SchematicsService, private serviceSelectorSvc: ServiceSelectorSvc, private glowService: GlowService) {\n this.schematicsSubscription = this.schematicsService.schematicDocument$.subscribe((schematicDocument) => {\n this.schematic = { ...schematicDocument.data };\n this.isSchematicComplete = this.schematic.totalHeatingPowerOutput && this.schematic.totalFloorArea && this.schematic.floors.length;\n });\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n // this.schematicsService.setSelectedService(this.selectedService);\n // this.schematicsService.getSchematics();\n this.getPropertyPassport();\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle);\n this.currentPage = event.pageTitle;\n }\n // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter((p) => p.title != this.currentPage);\n }\n\ngetPropertyPassport() {\n this.glowService.getPropertyPassport(this.selectedService.veId).subscribe((resp) => {\n if (resp.valid) {\n this.passport = resp\n this.loading = false;\n // console.log(resp)\n } else \n this.loading = false;\n return\n });\n}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NotificationsComponent } from './notifications.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [NotificationsComponent],\n imports: [\n CommonModule, SharedModule\n ],\n exports :[NotificationsComponent]\n})\nexport class NotificationsModule { }\n","export default \".card {\\n box-shadow: 0 0.125rem 0.25rem rgba(83, 88, 93, 0.15);\\n}\\n\\n.card-title {\\n background-color: #f6f7ff;\\n padding: 10px 10px 0px 10px;\\n}\\n\\n.nav-link {\\n color: #2b2b2b !important;\\n}\\n\\nh5 {\\n padding-bottom: 10px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy9wYWdlcy5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvcGFnZXMvcGFnZXMuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUE7RUFDRSxxREFBQTtBQ0RGOztBRElBO0VBQ0UseUJBQUE7RUFDQSwyQkFBQTtBQ0RGOztBREdBO0VBQ0UseUJBQUE7QUNBRjs7QURHQTtFQUNFLG9CQUFBO0FDQUYiLCJmaWxlIjoic3JjL2FwcC9wYWdlcy9wYWdlcy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIlxuXG4uY2FyZCB7XG4gIGJveC1zaGFkb3c6IDAgMC4xMjVyZW0gMC4yNXJlbSByZ2JhKDgzLCA4OCwgOTMsIDAuMTUpO1xufVxuXG4uY2FyZC10aXRsZSB7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNmY3ZmY7XG4gIHBhZGRpbmc6IDEwcHggMTBweCAwcHggMTBweDtcbn1cbi5uYXYtbGluayB7XG4gIGNvbG9yOiAjMmIyYjJiIWltcG9ydGFudDtcbn1cblxuaDUge1xuICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbn1cblxuLy9oaWRlcyB0aXRsZSB3aGVuIG9uIHBob25lIFxuLy8gQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuLy8gICAjcGFnZS10aXRsZSB7XG4vLyAgICAgY29sb3I6ICM1RjZEQkY7XG4vLyAgICAgZm9udC1zaXplOiAxLjNyZW07XG4vLyAgICAgcGFkZGluZzogMTBweDtcbi8vICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4vLyAgICAgLy8gICBib3gtc2hhZG93OiByZ2JhKDAsIDAsIDAsIDAuMTQpIDBweCAzcHggNXB4O1xuLy8gICAgIGJvdHRvbTogLTVweDtcbi8vICAgICB3aWR0aDogNTAlO1xuLy8gICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcblxuLy8gICB9XG5cbi8vICAgLmNvbC0wIHtcbi8vICAgICB2aXNpYmlsaXR5OiBoaWRkZW47XG4vLyAgIH1cblxuXG5cblxuLy8gfSIsIi5jYXJkIHtcbiAgYm94LXNoYWRvdzogMCAwLjEyNXJlbSAwLjI1cmVtIHJnYmEoODMsIDg4LCA5MywgMC4xNSk7XG59XG5cbi5jYXJkLXRpdGxlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2Y2ZjdmZjtcbiAgcGFkZGluZzogMTBweCAxMHB4IDBweCAxMHB4O1xufVxuXG4ubmF2LWxpbmsge1xuICBjb2xvcjogIzJiMmIyYiAhaW1wb3J0YW50O1xufVxuXG5oNSB7XG4gIHBhZGRpbmctYm90dG9tOiAxMHB4O1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { HpJourneyModalComponent } from '../components/hp-journey-modal/hp-journey-modal.component';\n\n@Component({\n selector: 'app-pages',\n templateUrl: './pages.component.html',\n styleUrls: ['./pages.component.scss'],\n})\nexport class PagesComponent implements OnInit {\n url!: String;\n pageTitle!: string;\n currentPage!: string;\n currentPageSubscription: Subscription;\n constructor(private router: Router, private modalService: NgbModal) {\n this.url = this.router.url;\n }\n\n ngOnInit(): void {\n \n }\n\n ngOnDestroy() {\n if (this.currentPageSubscription) {\n this.currentPageSubscription.unsubscribe();\n }\n }\n \n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.pageTitle = event.pageTitle;\n }\n if (event.currentPage$) {\n this.currentPageSubscription = event.currentPage$.subscribe((currPage) => {\n this.currentPage = currPage;\n });\n }\n }\n openModal() {\n this.modalService.open(HpJourneyModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n }\n\n}\n","import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';\nimport { PagesComponent } from './pages.component';\nimport { DashboardModule } from '../components/dashboard/dashboard.module';\nimport { AppPrivilegeService } from '../services/app-privileges.service';\nimport { VirtualEntityService } from '../services/virtual-entity.service';\nimport { UserGroupSelectorService } from '../services/usergroup-selector.service';\nimport { VirtualEntityGroupService } from '../services/virtual-entity-group.service';\nimport { GlowEventService } from '../services/event.service';\nimport { TermsConditionsService } from '../services/termsconditions.service';\nimport { StatsService } from '../services/stats-service';\nimport { PagesRouting } from './pages.routing';\nimport { AccountSideMenuModule } from '../components/account-side-menu/account-side-menu.module';\nimport { TemperatureSensorDataTableModule } from '../components/temperature-sensor-data-table/temperature-sensor-data-table.module';\nimport { PropertyPassportModule } from './property-passport/property-passport.module';\nimport { HtcModalModule } from '../components/htc-modal/htc-modal.module';\nimport { SharedModule } from '../shared/shared.module';\nimport { HelpModalModule } from '../components/help-modal/help-modal.module';\nimport { HeatLossParameterScaleModule } from '../components/heat-loss-parameter-scale/heat-loss-parameter-scale.module';\nimport { SetupSmartMeterModule } from '../components/setup-smart-meter/setup-smart-meter.module';\nimport { SetupSmartMeterModalModule } from '../components/setup-smart-meter-modal/setup-smart-meter-modal.module';\nimport { SchematicsModule } from './schematics/schematics.module';\nimport { AddRoomModalModule } from '../components/add-room-modal/add-room-modal.module';\nimport { EpcInfoModalModule } from '../components/epc-info-modal/epc-info-modal.module';\nimport { HtcModule } from './htc/htc.module';\nimport { BookmarksModule } from './bookmarks/bookmarks.module';\nimport { ServiceSelectorSvc } from '../services/service-selector.service';\nimport { PropertyPagesModule } from './property-pages/property-pages.module';\nimport { GeneralAttributesModule } from './general-attributes/general-attributes.module';\nimport { GeneralModule } from './general-attributes/general/general.module';\nimport { BuildingFabricModule } from './general-attributes/building-fabric/building-fabric.module';\nimport { HeatingSystemModule } from './heating-system/heating-system.module';\nimport { EnergyDataModule } from './energy-data/energy-data.module';\nimport { TemperatureSensorsModule } from './temperature-sensors/temperature-sensors.module';\nimport { EnergyOverviewModule } from './energy-overview/energy-overview.module';\nimport { AccountSettingsModule } from './settings/account-settings/account-settings.module';\nimport { AccountPagesModule } from './account-pages/account-pages.module';\nimport { AccountNoDataCardModule } from '../components/account-no-data-card/account-no-data-card.module';\nimport { SettingsModule } from './settings/settings.module';\nimport { SubscriptionsModule } from './settings/subscriptions/subscriptions.module';\nimport { ResourceDataService } from '../services/data.service';\nimport { HtcFullInfoModule } from '../components/htc-full-info/htc-full-info.module';\nimport { ToolsPagesModule } from './tools-pages/tools-pages.module';\nimport { HeatPumpCostEstimationToolModule } from './heat-pump-cost-estimation-tool/heat-pump-cost-estimation-tool.module';\nimport { TariffModule } from './energy-overview/tariff/tariff.module';\nimport { SitesModule } from './settings/sites/sites.module';\nimport { SchematicToolModule } from '../components/schematic-tool/schematic-tool.module';\nimport { NotificationsModule } from './notifications/notifications.module';\nimport { SentNotificationsModule } from './invitations/sent-invitations/sent-invitations.module';\nimport { InvitationModalModule } from '../components/invitation-modal/invitation-modal.module';\nimport { AllNotificationsModule } from './notifications/all-notifications/all-notifications.module';\nimport { NotificationModule } from '../components/notification/notification.module';\nimport { InvitationsModule } from './invitations/invitations.module';\nimport { CaseStudyAccountPageModule } from './case-study-account-page/case-study-account-page.module';\nimport { CaseStudyCreatorToolModule } from './case-study-creator-tool/case-study-creator-tool.module';\nimport { BuildingFormModule } from '../components/case-study/building-form/building-form.module';\nimport { CaseStudyFormStepperModule } from '../components/case-study-form-stepper/case-study-form-stepper.module';\nimport { HeatPumpCaseStudyModule } from './case-study-creator-tool/heat-pump-case-study/heat-pump-case-study.module';\nimport { HeatingSystemFormModule } from '../components/case-study/heating-system-form/heating-system-form.module';\nimport { OutcomesFormModule } from '../components/case-study/outcomes-form/outcomes-form.module';\nimport { InstallationFormModule } from '../components/case-study/installation-form/installation-form.module';\nimport { MicrogeneratorFormModule } from '../components/case-study/microgenerator-form/microgenerator-form.module';\nimport { FormTemplateModule } from '../components/case-study/form-template/form-template.module';\nimport { EnergyStorageFormModule } from '../components/case-study/energy-storage-form/energy-storage-form.module';\nimport { FileUploadModule } from '../components/file-upload/file-upload.module';\nimport { OtherInfoFormModule } from '../components/case-study/other-info-form/other-info-form.module';\nimport { HeatPumpCaseStudyAccountModule } from './case-study-account-page/heat-pump-case-study-account/heat-pump-case-study-account.module';\nimport { ReceivedInvitationsModule } from './invitations/received-invitations/received-invitations.module';\nimport { HeatingByRoomModule } from './heating-system/heating-by-room/heating-by-room.module';\nimport { ConsentMeterCardModule } from '../components/consent-meter-card/consent-meter-card.module';\nimport { HeatPumpJourneyModule } from './heat-pump-journey/heat-pump-journey.module';\nimport { HpJourneyModalModule } from '../components/hp-journey-modal/hp-journey-modal.module';\nimport { EstimateRequestCardModule } from '../components/estimate-request-card/estimate-request-card.module';\n\n@NgModule({\n declarations: [PagesComponent],\n imports: [\n PagesRouting,\n DashboardModule,\n AccountSideMenuModule,\n TemperatureSensorDataTableModule,\n PropertyPassportModule,\n HtcModalModule,\n HeatLossParameterScaleModule,\n HelpModalModule,\n SetupSmartMeterModule,\n SetupSmartMeterModalModule,\n SharedModule,\n HeatLossParameterScaleModule,\n SchematicsModule,\n AddRoomModalModule,\n EpcInfoModalModule,\n HtcModule,\n BookmarksModule,\n PropertyPagesModule,\n GeneralAttributesModule,\n GeneralModule,\n BuildingFabricModule,\n HeatingSystemModule,\n HtcFullInfoModule,\n EnergyDataModule,\n TemperatureSensorsModule,\n EnergyOverviewModule,\n AccountSettingsModule,\n AccountPagesModule,\n AccountNoDataCardModule,\n SettingsModule,\n SubscriptionsModule,\n ToolsPagesModule,\n HeatPumpCostEstimationToolModule,\n TariffModule,\n CaseStudyAccountPageModule,\n SitesModule,\n CaseStudyCreatorToolModule,\n BuildingFormModule,\n CaseStudyFormStepperModule,\n HeatPumpCaseStudyModule,\n HeatingSystemFormModule,\n OutcomesFormModule,\n InstallationFormModule,\n MicrogeneratorFormModule,\n FormTemplateModule,\n EnergyStorageFormModule,\n FileUploadModule,\n OtherInfoFormModule,\n HeatPumpCaseStudyAccountModule,\n SchematicToolModule,\n NotificationsModule,\n SentNotificationsModule,\n InvitationModalModule,\n AllNotificationsModule,\n InvitationsModule,\n NotificationModule,\n ReceivedInvitationsModule,\n HeatingByRoomModule,\n HeatPumpJourneyModule,\n HpJourneyModalModule,\n ConsentMeterCardModule,\n EstimateRequestCardModule\n ],\n providers: [AppPrivilegeService, GlowEventService, TermsConditionsService, UserGroupSelectorService, VirtualEntityService, VirtualEntityGroupService, ResourceDataService, ServiceSelectorSvc, StatsService],\n schemas: [CUSTOM_ELEMENTS_SCHEMA],\n})\nexport class PagesModule {}\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { SetupSmartMeterComponent } from '../components/setup-smart-meter/setup-smart-meter.component';\nimport { GeneralAttributesComponent } from './general-attributes/general-attributes.component';\nimport { GeneralComponent } from './general-attributes/general/general.component';\nimport { HeatingSystemComponent } from './heating-system/heating-system.component';\nimport { PagesComponent } from './pages.component';\nimport { PropertyPagesComponent } from './property-pages/property-pages.component';\nimport { SchematicsComponent } from './schematics/schematics.component';\nimport { EnergyDataComponent } from './energy-data/energy-data.component';\nimport { TemperatureSensorsComponent } from './temperature-sensors/temperature-sensors.component';\nimport { TemperatureSensorDataTableComponent } from '../components/temperature-sensor-data-table/temperature-sensor-data-table.component';\nimport { EnergyOverviewComponent } from './energy-overview/energy-overview.component';\nimport { AccountPagesComponent } from './account-pages/account-pages.component';\nimport { AccountSettingsComponent } from './settings/account-settings/account-settings.component';\nimport { PropertyPassportComponent } from './property-passport/property-passport.component';\nimport { SettingsComponent } from './settings/settings.component';\nimport { SubscriptionsComponent } from './settings/subscriptions/subscriptions.component';\nimport { ToolsPagesComponent } from './tools-pages/tools-pages.component';\nimport { RadiatorSchematicComponent } from '../components/radiator-schematic/radiator-schematic.component';\nimport { HtcComponent } from './htc/htc.component';\nimport { HtcFullInfoComponent } from '../components/htc-full-info/htc-full-info.component';\nimport { HeatPumpCostEstimationToolComponent } from './heat-pump-cost-estimation-tool/heat-pump-cost-estimation-tool.component';\nimport { TariffComponent } from './energy-overview/tariff/tariff.component';\nimport { SitesComponent } from './settings/sites/sites.component';\nimport { SchematicToolComponent } from '../components/schematic-tool/schematic-tool.component';\nimport { NotificationsComponent } from './notifications/notifications.component';\nimport { SentNotificationsComponent } from './invitations/sent-invitations/sent-invitations.component';\nimport { AllNotificationsComponent } from './notifications/all-notifications/all-notifications.component';\nimport { InvitationsComponent } from './invitations/invitations.component';\nimport { CaseStudyAccountPageComponent } from './case-study-account-page/case-study-account-page.component';\nimport { CaseStudyCreatorToolComponent } from './case-study-creator-tool/case-study-creator-tool.component';\nimport { HeatPumpCaseStudyComponent } from './case-study-creator-tool/heat-pump-case-study/heat-pump-case-study.component';\nimport { FormGuard } from '../services/form.guard';\nimport { HeatPumpCaseStudyAccountComponent } from './case-study-account-page/heat-pump-case-study-account/heat-pump-case-study-account.component';\nimport { ReceivedInvitationsComponent } from './invitations/received-invitations/received-invitations.component';\nimport { HeatingByRoomComponent } from './heating-system/heating-by-room/heating-by-room.component';\nimport { HeatPumpJourneyComponent } from './heat-pump-journey/heat-pump-journey.component';\n\nexport const routes: Routes = [\n {\n path: '',\n component: PagesComponent,\n children: [\n {\n path: 'property',\n component: PropertyPagesComponent,\n children: [\n {\n path: 'general-attributes',\n component: GeneralAttributesComponent,\n children: [\n { path: 'general', component: GeneralComponent },\n { path: 'building-fabric', component: HtcFullInfoComponent },\n { path: '', redirectTo: 'general', pathMatch: 'full' },\n ],\n },\n { path: '', redirectTo: 'general-attributes', pathMatch: 'full' },\n\n {\n path: 'heating-system',\n component: HeatingSystemComponent,\n children: [\n { path: 'heating-by-room', component: HeatingByRoomComponent },\n { path: '', redirectTo: 'heating-by-room', pathMatch: 'full' },\n ],\n },\n {\n path: 'energy-data',\n component: EnergyDataComponent,\n children: [\n {\n path: 'setup-meter',\n component: SetupSmartMeterComponent,\n },\n ],\n },\n {\n path: 'energy-overview',\n component: EnergyOverviewComponent,\n children: [\n { path: 'tariff', component: TariffComponent },\n { path: '', redirectTo: 'tariff', pathMatch: 'full' },\n ],\n },\n {\n path: 'temperature-sensors',\n component: TemperatureSensorsComponent,\n children: [{ path: ':sensor', component: TemperatureSensorDataTableComponent }],\n },\n {\n path: 'case-studies',\n component: CaseStudyAccountPageComponent,\n children: [\n {\n path: ':caseStudy',\n loadChildren: () => import('../public/case-study/case-study.module').then((m) => m.CaseStudyModule),\n },\n ],\n },\n {\n path: 'activities',\n children: [\n {path: 'heat-pump-journey', component: HeatPumpJourneyComponent }\n ]\n }\n ],\n },\n {\n path: 'account',\n component: AccountPagesComponent,\n children: [\n {\n path: 'settings',\n component: SettingsComponent,\n children: [\n { path: 'account-settings', component: AccountSettingsComponent },\n { path: 'subscriptions', component: SubscriptionsComponent },\n {\n path: 'properties',\n component: SitesComponent,\n children: [\n {\n path: 'setup-meter',\n component: SetupSmartMeterComponent,\n },\n ],\n },\n ],\n },\n {\n path: 'property-passport',\n component: PropertyPassportComponent,\n },\n {\n path: 'notifications',\n component: NotificationsComponent,\n children: [\n { path: 'all-notifications', component: AllNotificationsComponent },\n { path: '', redirectTo: 'all-notifications', pathMatch: 'full' },\n ],\n },\n {\n path: 'invitations',\n component: InvitationsComponent,\n\n children: [\n { path: 'sent-invitations', component: SentNotificationsComponent },\n { path: 'received-invitations', component: ReceivedInvitationsComponent },\n { path: '', redirectTo: 'sent-invitations', pathMatch: 'full' },\n ],\n },\n // { path: 'bookmarks', component: BookmarksComponent }\n ],\n },\n {\n path: 'tools',\n component: ToolsPagesComponent,\n children: [\n {\n path: 'heating-by-room',\n loadChildren: () => import('./schematics/schematics.module').then((m) => m.SchematicsModule),\n },\n { path: 'heating-by-room/schematic/:id', component: SchematicToolComponent },\n {\n path: 'estimated-thermal-performance',\n component: HtcComponent,\n },\n {\n path: 'heat-pump-cost-estimation',\n component: HeatPumpCostEstimationToolComponent,\n },\n {\n path: 'case-study-creator',\n component: CaseStudyCreatorToolComponent,\n },\n {\n path: 'case-study-creator/heat-pump',\n loadChildren: () => import('./case-study-creator-tool/heat-pump-case-study/heat-pump-case-study.module').then((m) => m.HeatPumpCaseStudyModule),\n },\n ],\n },\n { path: '', redirectTo: 'property', pathMatch: 'full' },\n ],\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class PagesRouting {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3Byb3BlcnR5LXBhZ2VzL3Byb3BlcnR5LXBhZ2VzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, HostListener, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { Subject, Subscription } from 'rxjs';\nimport { AccountSideMenuComponent } from 'src/app/components/account-side-menu/account-side-menu.component';\nimport { tVeIdNameListing } from 'src/app/services/app-config.typings';\nimport { InvitationsService } from 'src/app/services/invitations.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\n\n@Component({\n selector: 'app-property-pages',\n templateUrl: './property-pages.component.html',\n styleUrls: ['./property-pages.component.scss'],\n})\nexport class PropertyPagesComponent implements OnInit {\n @ViewChild('pages', { static: true }) accMenu: AccountSideMenuComponent;\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable();\n\n pageTitle: string = 'Property';\n currentPage: string = 'General attributes';\n innerWidth: number;\n virtualEntities: any[];\n dropdownOptions: any[] = [];\n selectedService: any;\n dimension: string = 'energy';\n subscriptionSelectedService: Subscription;\n subscriptionVirtualEntityList: Subscription;\n\n constructor(private veService: VirtualEntityService, private serviceSelectorSvc: ServiceSelectorSvc, private router: Router, private invitationsService: InvitationsService) {\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList.length) {\n this.processVeList(veList);\n }\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.setSelectedService(selectedService);\n });\n\n this.onResize();\n }\n\n ngOnInit() {\n this.invitationsService.getAllEstimateRequests();\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n this.veService.findVirtualEntities();\n }\n\n ngOnDestroy() {\n if (this.subscriptionVirtualEntityList) {\n this.subscriptionVirtualEntityList.unsubscribe();\n }\n if (this.subscriptionSelectedService) {\n this.subscriptionSelectedService.unsubscribe();\n }\n }\n\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle);\n this.currentPage = event.pageTitle;\n }\n }\n\n processVeList(veList) {\n this.virtualEntities = veList;\n this.dropdownOptions = this.virtualEntities.map((ve) => {\n const active = this.selectedService && this.selectedService.veId && this.selectedService.veId === ve.veId ? true : false;\n return { name: ve.name, postalCode: ve.postalCode, veId: ve.veId, veTypeId: ve.veTypeId, active }; // icon\n });\n\n if (!this.selectedService) {\n this.selectedService = veList[0];\n this.serviceSelectorSvc.setSelectedService(veList[0]);\n this.dropdownOptions[0].active = true;\n this.switchService(this.selectedService.veId);\n }\n }\n\n async switchService(veId) {\n const virtualEntity = await this.veService.getVirtualEntity(veId, false);\n this.serviceSelectorSvc.setSelectedService(virtualEntity);\n }\n\n setSelectedService(selectedService: tVeIdNameListing) {\n if (selectedService && selectedService.veId) {\n this.selectionChanged(selectedService, true);\n } else {\n console.warn('Selected Service Unexpected format');\n }\n }\n\n async selectionChanged(selectedService: any, refresh: boolean) {\n if (selectedService) {\n if (refresh == false) {\n this.veService.getVirtualEntityWithFullResources(selectedService.veId);\n }\n this.selectedService = selectedService;\n this.veService.setSelectedVirtualEntity(this.selectedService);\n }\n }\n getOtherPages() {\n const subPages = [];\n this.accMenu.pages.forEach((category) => {\n subPages.push(category.pages);\n });\n return subPages.flat().filter((p) => p.title != this.currentPage);\n }\n\n navigateToPage(path) {\n this.router.navigate([path]);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PropertyPagesComponent } from './property-pages.component';\nimport { AccountSideMenuModule } from 'src/app/components/account-side-menu/account-side-menu.module';\nimport { RouterModule } from '@angular/router';\n\n\n\n@NgModule({\n declarations: [PropertyPagesComponent],\n imports: [\n CommonModule, AccountSideMenuModule, RouterModule\n ],\n exports: [PropertyPagesComponent]\n})\nexport class PropertyPagesModule { }\n","export default \".property-passport h4, .htc .bi-question-circle, .tp-title {\\n color: #494666;\\n}\\n\\n.tp-card-title {\\n background-color: #f1f2ff;\\n}\\n\\n.property-passport .list-group-item {\\n border: none;\\n padding-left: 0px;\\n}\\n\\n.property-passport .section-one h6,\\n.property-passport .section-two h6,\\n.hlp h6, .htc h6 {\\n margin: 0px;\\n color: #A2A8CA;\\n}\\n\\n.section-two {\\n background-color: #fcfbfc;\\n padding: 5px;\\n}\\n\\n.list-group-item p {\\n color: #2b2b2b;\\n font-size: 1rem;\\n z-index: 4;\\n}\\n\\n.title-p {\\n color: #6b6b6b;\\n}\\n\\n.list-group-item {\\n background-color: transparent;\\n z-index: 4;\\n}\\n\\n.property-passport,\\n.htc-card {\\n border: 1px solid #edebeb;\\n}\\n\\n.section-one {\\n background-color: white;\\n padding: 5px;\\n}\\n\\n.sections-wrapper {\\n border-left: 2px solid #fdfdfd;\\n border-right: 2px solid #fdfdfd;\\n}\\n\\n.passport-id {\\n color: #9EABB8;\\n}\\n\\n.card-footer p {\\n color: #9EABB8;\\n}\\n\\nimg {\\n opacity: 0.3;\\n}\\n\\n.btn.btn-info {\\n margin: 5px;\\n}\\n\\n.btn, i:hover {\\n border: none;\\n}\\n\\nform .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy9wcm9wZXJ0eS1wYXNzcG9ydC9wcm9wZXJ0eS1wYXNzcG9ydC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvcGFnZXMvcHJvcGVydHktcGFzc3BvcnQvcHJvcGVydHktcGFzc3BvcnQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxjQUFBO0FDQ0o7O0FEQ0E7RUFDSSx5QkFBQTtBQ0VKOztBREdBO0VBQ0ksWUFBQTtFQUNBLGlCQUFBO0FDQUo7O0FER0E7OztFQUdJLFdBQUE7RUFDQSxjQUFBO0FDQUo7O0FER0E7RUFDSSx5QkFBQTtFQUNBLFlBQUE7QUNBSjs7QURHQTtFQUNJLGNBQUE7RUFDQSxlQUFBO0VBQ0EsVUFBQTtBQ0FKOztBREdBO0VBQ0ksY0FBQTtBQ0FKOztBREdBO0VBQ0ksNkJBQUE7RUFDQSxVQUFBO0FDQUo7O0FER0E7O0VBRUkseUJBQUE7QUNBSjs7QURJQTtFQUNJLHVCQUFBO0VBQ0EsWUFBQTtBQ0RKOztBRElBO0VBQ0ksOEJBQUE7RUFDQSwrQkFBQTtBQ0RKOztBRElBO0VBQ0ksY0FBQTtBQ0RKOztBRElBO0VBQ0ksY0FBQTtBQ0RKOztBRElBO0VBQ0ksWUFBQTtBQ0RKOztBRElBO0VBQ0ksV0FBQTtBQ0RKOztBREdBO0VBQ0ksWUFBQTtBQ0FKOztBREtJO0VBQ0ksMkJBQUE7QUNGUiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3Byb3BlcnR5LXBhc3Nwb3J0L3Byb3BlcnR5LXBhc3Nwb3J0LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnByb3BlcnR5LXBhc3Nwb3J0IGg0LCAuaHRjIC5iaS1xdWVzdGlvbi1jaXJjbGUsIC50cC10aXRsZXtcbiAgICBjb2xvcjogIzQ5NDY2NlxufVxuLnRwLWNhcmQtdGl0bGV7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogICNmMWYyZmY7XG59XG5cblxuXG4ucHJvcGVydHktcGFzc3BvcnQgLmxpc3QtZ3JvdXAtaXRlbSB7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIHBhZGRpbmctbGVmdDogMHB4O1xufVxuXG4ucHJvcGVydHktcGFzc3BvcnQgLnNlY3Rpb24tb25lIGg2LFxuLnByb3BlcnR5LXBhc3Nwb3J0IC5zZWN0aW9uLXR3byBoNixcbi5obHAgaDYsIC5odGMgaDYgIHtcbiAgICBtYXJnaW46IDBweDtcbiAgICBjb2xvcjogI0EyQThDQVxufVxuXG4uc2VjdGlvbi10d28ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICNmY2ZiZmM7XG4gICAgcGFkZGluZzogNXB4O1xufVxuXG4ubGlzdC1ncm91cC1pdGVtIHAge1xuICAgIGNvbG9yOiAjMmIyYjJiO1xuICAgIGZvbnQtc2l6ZTogMS4wcmVtO1xuICAgIHotaW5kZXg6IDQ7XG59XG5cbi50aXRsZS1wIHtcbiAgICBjb2xvcjogcmdiKDEwNywgMTA3LCAxMDcpO1xufVxuXG4ubGlzdC1ncm91cC1pdGVtIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICB6LWluZGV4OiA0O1xufVxuXG4ucHJvcGVydHktcGFzc3BvcnQsXG4uaHRjLWNhcmQge1xuICAgIGJvcmRlcjogMXB4IHNvbGlkIHJnYigyMzcsIDIzNSwgMjM1KTtcbn1cblxuXG4uc2VjdGlvbi1vbmUge1xuICAgIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDVweDtcbn1cblxuLnNlY3Rpb25zLXdyYXBwZXIge1xuICAgIGJvcmRlci1sZWZ0OiAycHggc29saWQgcmdiKDI1MywgMjUzLCAyNTMpO1xuICAgIGJvcmRlci1yaWdodDogMnB4IHNvbGlkIHJnYigyNTMsIDI1MywgMjUzKTtcbn1cblxuLnBhc3Nwb3J0LWlkIHtcbiAgICBjb2xvcjogIzlFQUJCODtcbn1cblxuLmNhcmQtZm9vdGVyIHAge1xuICAgIGNvbG9yOiAjOUVBQkI4O1xufVxuXG5pbWcge1xuICAgIG9wYWNpdHk6IDAuMztcbn1cblxuLmJ0bi5idG4taW5mbyB7XG4gICAgbWFyZ2luOiA1cHg7XG59XG4uYnRuLCBpOmhvdmVyIHtcbiAgICBib3JkZXI6IG5vbmU7XG4gICBcbiB9XG4gZm9ybSB7XG5cbiAgICAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgICAgICAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xuICAgIH1cbiAgICAvLyAubmctdG91Y2hlZC5uZy1pbnZhbGlkOm5vdCgjbXNjcy1udW1iZXIpIHtcbiAgICAvLyAgICAgYm9yZGVyOiBzb2xpZCByZWQgMC41cHg7XG4gICAgLy8gfVxufSIsIi5wcm9wZXJ0eS1wYXNzcG9ydCBoNCwgLmh0YyAuYmktcXVlc3Rpb24tY2lyY2xlLCAudHAtdGl0bGUge1xuICBjb2xvcjogIzQ5NDY2Njtcbn1cblxuLnRwLWNhcmQtdGl0bGUge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMmZmO1xufVxuXG4ucHJvcGVydHktcGFzc3BvcnQgLmxpc3QtZ3JvdXAtaXRlbSB7XG4gIGJvcmRlcjogbm9uZTtcbiAgcGFkZGluZy1sZWZ0OiAwcHg7XG59XG5cbi5wcm9wZXJ0eS1wYXNzcG9ydCAuc2VjdGlvbi1vbmUgaDYsXG4ucHJvcGVydHktcGFzc3BvcnQgLnNlY3Rpb24tdHdvIGg2LFxuLmhscCBoNiwgLmh0YyBoNiB7XG4gIG1hcmdpbjogMHB4O1xuICBjb2xvcjogI0EyQThDQTtcbn1cblxuLnNlY3Rpb24tdHdvIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZjZmJmYztcbiAgcGFkZGluZzogNXB4O1xufVxuXG4ubGlzdC1ncm91cC1pdGVtIHAge1xuICBjb2xvcjogIzJiMmIyYjtcbiAgZm9udC1zaXplOiAxcmVtO1xuICB6LWluZGV4OiA0O1xufVxuXG4udGl0bGUtcCB7XG4gIGNvbG9yOiAjNmI2YjZiO1xufVxuXG4ubGlzdC1ncm91cC1pdGVtIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gIHotaW5kZXg6IDQ7XG59XG5cbi5wcm9wZXJ0eS1wYXNzcG9ydCxcbi5odGMtY2FyZCB7XG4gIGJvcmRlcjogMXB4IHNvbGlkICNlZGViZWI7XG59XG5cbi5zZWN0aW9uLW9uZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHdoaXRlO1xuICBwYWRkaW5nOiA1cHg7XG59XG5cbi5zZWN0aW9ucy13cmFwcGVyIHtcbiAgYm9yZGVyLWxlZnQ6IDJweCBzb2xpZCAjZmRmZGZkO1xuICBib3JkZXItcmlnaHQ6IDJweCBzb2xpZCAjZmRmZGZkO1xufVxuXG4ucGFzc3BvcnQtaWQge1xuICBjb2xvcjogIzlFQUJCODtcbn1cblxuLmNhcmQtZm9vdGVyIHAge1xuICBjb2xvcjogIzlFQUJCODtcbn1cblxuaW1nIHtcbiAgb3BhY2l0eTogMC4zO1xufVxuXG4uYnRuLmJ0bi1pbmZvIHtcbiAgbWFyZ2luOiA1cHg7XG59XG5cbi5idG4sIGk6aG92ZXIge1xuICBib3JkZXI6IG5vbmU7XG59XG5cbmZvcm0gLm5nLXRvdWNoZWQubmctaW52YWxpZCB7XG4gIGJvcmRlcjogc29saWQgI2UzMmI0ZCAwLjVweDtcbn0iXX0= */\"","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { Subscription } from 'rxjs';\nimport { EpcInfoModalComponent } from 'src/app/components/epc-info-modal/epc-info-modal.component';\nimport { NgcCookieConsentService } from 'ngx-cookieconsent';\nimport { HtcModalComponent } from 'src/app/components/htc-modal/htc-modal.component';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\nimport { Router } from '@angular/router';\nimport { HpJourneyService } from 'src/app/services/hp-journey.service';\n\n@Component({\n selector: 'app-property-passport',\n templateUrl: './property-passport.component.html',\n styleUrls: ['./property-passport.component.scss', '../pages.component.scss'], // shared css file\n})\nexport class PropertyPassportComponent implements OnInit {\n @Input() heatPumpJourneyModalView: boolean;\n @Output() modal: EventEmitter = new EventEmitter();\n pageTitle: string = 'Property Passport';\n passport: any;\n generatingPassport: any;\n loading: boolean = false;\n errorMessage: string = '';\n loadingMessage: string = '';\n isHtmlError: boolean;\n requestManualUPRN: boolean;\n errorCode: number;\n error = false;\n epcErrorMessage: string;\n epcSuccessMessage: string;\n epcError: boolean \n propertyPassportDefinition;\n htcDefinition;\n virtualEntities: any[];\n subscriptionVirtualEntityList: Subscription;\n subscriptionSelectedService: Subscription;\n showGenerateHTCButton: boolean = false;\n cookieClass: boolean = false;\n hlpValue;\n formInfo: FormGroup;\n selectedService: any;\n dropdownOptions: any[] = [];\n uprnForm: FormGroup;\n uprnFormError: boolean = false;\n\n constructor(\n private glowService: GlowService,\n private veService: VirtualEntityService,\n private modalService: NgbModal,\n private ccService: NgcCookieConsentService,\n private formBuilder: FormBuilder,\n private serviceSelectorSvc: ServiceSelectorSvc,\n private strapiService: StrapiService,\n private formValidationService: FormValidationService,\n private router: Router,\n private hpJourneyService: HpJourneyService\n ) {\n this.formInfo = this.formBuilder.group({\n selectedService: ['', Validators.required],\n });\n\n this.uprnForm = this.formBuilder.group({\n uprn: ['', [Validators.required, Validators.maxLength(12), Validators.maxLength(12), Validators.pattern('^[0-9]*$')]],\n });\n\n this.loading = true;\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList && Array.isArray(veList) && veList.length > 0) {\n this.virtualEntities = veList;\n this.processVeList(veList);\n }\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n this.getPropertyPassport();\n });\n\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n this.cookieClass = true;\n }\n }\n\n ngOnInit() {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n if (this.selectedService && this.selectedService.veId) {\n this.getPropertyPassport();\n }\n this.veService.findVirtualEntities();\n this.getPropertyPassportTerm();\n this.getHTCTerm();\n }\n\n ngAfterContentChecked() {\n if (this.dropdownOptions.length) {\n this.selectedService = this.dropdownOptions.find((x) => x.active == true);\n this.formInfo.setValue({ selectedService: this.selectedService.name });\n }\n }\n\n ngOnDestroy() {\n if (this.subscriptionVirtualEntityList) {\n this.subscriptionVirtualEntityList.unsubscribe();\n }\n }\n\n getHTCTerm() {\n this.strapiService.getOneContent('glossary-terms', 10, []).then((t) => (this.htcDefinition = t.attributes.shortDefinition));\n }\n\n getPropertyPassportTerm() {\n this.strapiService.getOneContent('glossary-terms', 31, []).then((t) => (this.propertyPassportDefinition = t.attributes.definition));\n }\n\n open() {\n const selectedVe = this.virtualEntities.find((ve) => ve.veId == this.selectedService.veId);\n const modalRef = this.modalService.open(HtcModalComponent, { scrollable: true, centered: true, size: 'lg' });\n modalRef.componentInstance.propertyPassportId = this.passport.propertyPassportId;\n modalRef.componentInstance.epc = this.getCurrentEpc(this.passport.epcRecords);\n modalRef.componentInstance.veId = this.selectedService.veId;\n modalRef.componentInstance.resources = selectedVe.resources;\n modalRef.componentInstance.updatePassport.subscribe((passport) => {\n if (passport) {\n this.passport = this.formatPassportToDisplay(passport);\n }\n modalRef.dismiss();\n });\n }\n\n submitManualUPRN() {\n if (!this.uprnForm.valid) {\n this.formValidationService.markFormGroup(this.uprnForm, 'touched');\n this.uprnFormError = true;\n } else {\n this.requestManualUPRN = false;\n this.loadingMessage = '';\n this.loading = true;\n this.generatingPassport = true;\n this.error = false;\n const uprn = this.uprnForm.value.uprn;\n const data = {\n uprn: uprn,\n };\n this.glowService.manualCreatePropertyPassport(this.selectedService.veId, data).subscribe(\n (resp) => {\n this.passport = this.formatPassportToDisplay(resp);\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n },\n (err) => {\n this.errorMessage = err && err.error && err.error.error;\n\n this.requestManualUPRN = err && err.error && err.requestManualUPRN;\n this.isHtmlError = err && err.error && err.isHtmlError;\n this.errorCode = err && err.error && err.error.errorCode;\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n this.error = true;\n console.warn(err);\n }\n );\n }\n }\n createPropertyPassport() {\n this.loadingMessage = 'Creating your property passport...';\n this.loading = true;\n this.generatingPassport = true;\n this.sendGAEvent({ event: 'createPropertyPassport' });\n this.glowService.createPropertyPassport(this.selectedService.veId).subscribe(\n (resp) => {\n this.passport = this.formatPassportToDisplay(resp);\n this.hpJourneyService.getPropertyPassport();\n\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n },\n (err) => {\n this.errorMessage = err && err.error && err.error.error;\n this.requestManualUPRN = err && err.error && err.error.requestManualUPRN;\n this.isHtmlError = err && err.error && err.error.isHtmlError;\n this.errorCode = err && err.error && err.error.errorCode;\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n this.error = true;\n console.warn(err);\n }\n );\n }\n\n getPropertyPassport() {\n this.loadingMessage = 'Retrieving your property passport...';\n this.loading = true;\n delete this.passport;\n this.glowService.getPropertyPassport(this.selectedService.veId).subscribe(\n (resp) => {\n if (resp.valid) {\n this.passport = this.formatPassportToDisplay(resp);\n this.hpJourneyService.getPropertyPassport();\n\n // console.log(resp)\n }\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n },\n (err) => {\n this.errorMessage = err && err.error && err.error.error;\n this.errorCode = err && err.error && err.error.errorCode;\n this.loading = false;\n this.loadingMessage = '';\n this.generatingPassport = false;\n this.error = true;\n console.warn(err);\n }\n );\n }\n\n refreshEPC() {\n console.log(this.selectedService.veId);\n this.glowService.refreshEPC(this.selectedService.veId).subscribe(resp => {\n if (!resp.valid){\n this.epcErrorMessage = resp.error\n } else {\n this.getPropertyPassport()\n this.epcSuccessMessage = 'EPC refreshed successfully'\n } \n console.log(resp, 'RESP');\n }, err => {\n if (err.error.error && err.error.errorCode == 401) {\n this.epcErrorMessage = err.error.error \n this.epcError = true\n // this.epcError = true;\n } else { \n this.epcError = true\n this.epcErrorMessage = 'An error occured'\n }\n\n })\n }\n formatPassportToDisplay(passport) {\n let formatted: any = { ...passport };\n formatted.address.address = this.formatAddress(passport.address.address);\n formatted.currentEpc = this.getCurrentEpc(passport.epcRecords);\n formatted.currentHtc = this.getCurrentHtc(passport.htcRecords);\n formatted.currentGSME = this.getCurrentGSME(passport.meters);\n formatted.currentESME = this.getCurrentESME(passport.meters);\n return formatted;\n }\n\n getCurrentGSME(meters) {\n const flattened = meters.flat();\n const gsmeMeters = flattened.filter((meter) => meter.DeviceType == 'GSME');\n return gsmeMeters.length ? gsmeMeters.sort((a, b) => new Date(b.DateCommissioned).valueOf() - new Date(a.DateCommissioned).valueOf())[0] : null;\n }\n\n getCurrentESME(meters) {\n const flattened = meters.flat();\n const esmeMeters = flattened.filter((meter) => meter.DeviceType == 'ESME');\n return esmeMeters.length ? esmeMeters.sort((a, b) => new Date(b.DateCommissioned).valueOf() - new Date(a.DateCommissioned).valueOf())[0] : null;\n }\n\n getCurrentEpc(epcRecords) {\n return [...epcRecords].sort((a, b) => new Date(b.lodgement_date).valueOf() - new Date(a.lodgement_date).valueOf())[0];\n }\n\n getCurrentHtc(htcRecords) {\n const response = htcRecords && htcRecords.length > 0 ? htcRecords.sort((a, b) => new Date(b.date).valueOf() - new Date(a.date).valueOf())[0] : null;\n this.showGenerateHTCButton = !response || (response && response.date && new Date().getTime() > new Date(new Date(response.date).getTime() + 86400000).getTime()) ? true : false; // hide if htc generated in last 24 hours\n this.hlpValue = response && response.hlp;\n // console.log(response)\n return response;\n }\n\n formatAddress(address: string) {\n //remove multiple commas\n return address\n .split(',')\n .filter((fragment) => fragment)\n .join(',');\n }\n\n openHTCModal() {\n const modalRef = this.modalService.open(EpcInfoModalComponent, { scrollable: true, centered: true, size: 'lg' });\n modalRef.componentInstance.propertyPassportId = this.passport.propertyPassportId;\n modalRef.componentInstance.veId = this.selectedService.veId;\n modalRef.componentInstance.resources = this.selectedService.resources;\n }\n\n sendGAEvent(params) {\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n window.dataLayer.push(params);\n }\n }\n\n processVeList(veList) {\n this.virtualEntities = veList;\n this.dropdownOptions = this.virtualEntities.map((ve) => {\n const active = this.selectedService && this.selectedService.veId && this.selectedService.veId === ve.veId ? true : false;\n return { name: ve.name, veId: ve.veId, veTypeId: ve.veTypeId, active }; // icon\n });\n\n if (!this.selectedService) {\n this.selectedService = veList[0];\n this.dropdownOptions[0].active = true;\n }\n }\n\n async switchService(event) {\n this.loading = true;\n this.error = false;\n const match = this.dropdownOptions.find((x) => {\n return x.name == event.name;\n });\n if (match) {\n this.dropdownOptions.map((x) => (x.active = false));\n match.active = true;\n this.selectedService = match;\n const virtualEntity = await this.veService.getVirtualEntity(this.selectedService.veId, false);\n this.serviceSelectorSvc.setSelectedService(virtualEntity);\n }\n }\n\n checkFormValidity(formControlName, translateKey?) {\n return this.formValidationService.checkFormValidity(this.uprnForm, formControlName);\n }\n navigatePropertyPassportPage() {\n this.modal.emit('close');\n this.router.navigateByUrl('/pages/account/property-passport');\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PropertyPassportComponent } from './property-passport.component';\nimport { AccountSideMenuModule } from 'src/app/components/account-side-menu/account-side-menu.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\nimport { EpcCertificateModule } from 'src/app/components/epc-certificate/epc-certificate.module';\nimport { HtcModalModule } from 'src/app/components/htc-modal/htc-modal.module';\nimport { HeatLossParameterScaleModule } from 'src/app/components/heat-loss-parameter-scale/heat-loss-parameter-scale.module';\n\nimport { HtcCardModule } from 'src/app/components/htc-card/htc-card.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormValidationMessageModule } from 'src/app/components/form-validation-message/form-validation-message.module';\n\n@NgModule({\n declarations: [PropertyPassportComponent],\n imports: [\n CommonModule,\n SharedModule,\n AccountSideMenuModule,\n SpinnerModule,\n EpcCertificateModule,\n HtcModalModule,\n HeatLossParameterScaleModule,\n HtcCardModule,\n FormValidationMessageModule\n ],\n exports: [PropertyPassportComponent]\n})\n\nexport class PropertyPassportModule { }","export default \".container {\\n display: flex;\\n justify-content: center;\\n align-items: center;\\n position: relative;\\n}\\n\\n.heartbeat {\\n position: absolute;\\n background-color: #5f6dbf;\\n border-radius: 40px;\\n width: 3.75rem;\\n height: 3.75rem;\\n opacity: 0.75;\\n animation: ping 2s cubic-bezier(0, 0, 0.2, 1) 1;\\n}\\n\\n@keyframes ping {\\n 75%, 100% {\\n transform: scale(2);\\n opacity: 0;\\n }\\n}\\n\\n@media (prefers-reduced-motion: reduce) {\\n .heartbeat {\\n display: none;\\n animation: none;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wYWdlcy9zY2hlbWF0aWNzL3NjaGVtYXRpY3MuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3BhZ2VzL3NjaGVtYXRpY3Mvc2NoZW1hdGljcy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNFLGFBQUE7RUFDQSx1QkFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7QUNBRjs7QURHQTtFQUNFLGtCQUFBO0VBQ0EseUJBQUE7RUFDQSxtQkFBQTtFQUNBLGNBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLCtDQUFBO0FDQUY7O0FER0E7RUFDRTtJQUVFLG1CQUFBO0lBQ0EsVUFBQTtFQ0RGO0FBQ0Y7O0FER0E7RUFDRTtJQUNFLGFBQUE7SUFDQSxlQUFBO0VDREY7QUFDRiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3NjaGVtYXRpY3Mvc2NoZW1hdGljcy5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi8vIGh0dHBzOi8vd3d3LmFtaXRtZXJjaGFudC5jb20vcGluZy1hbmltYXRpb24td2l0aC1taW5pbWFsLWNzcy9cbi5jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xufVxuXG4uaGVhcnRiZWF0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNWY2ZGJmO1xuICBib3JkZXItcmFkaXVzOiA0MHB4O1xuICB3aWR0aDogMy43NXJlbTtcbiAgaGVpZ2h0OiAzLjc1cmVtO1xuICBvcGFjaXR5OiAwLjc1O1xuICBhbmltYXRpb246IHBpbmcgMnMgY3ViaWMtYmV6aWVyKDAsIDAsIDAuMiwgMSkgMTtcbn1cblxuQGtleWZyYW1lcyBwaW5nIHtcbiAgNzUlLFxuICAxMDAlIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDIpO1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbn1cbkBtZWRpYSAocHJlZmVycy1yZWR1Y2VkLW1vdGlvbjogcmVkdWNlKSB7XG4gIC5oZWFydGJlYXQge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgYW5pbWF0aW9uOiBub25lO1xuICB9XG59XG4iLCIuY29udGFpbmVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmhlYXJ0YmVhdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogIzVmNmRiZjtcbiAgYm9yZGVyLXJhZGl1czogNDBweDtcbiAgd2lkdGg6IDMuNzVyZW07XG4gIGhlaWdodDogMy43NXJlbTtcbiAgb3BhY2l0eTogMC43NTtcbiAgYW5pbWF0aW9uOiBwaW5nIDJzIGN1YmljLWJlemllcigwLCAwLCAwLjIsIDEpIDE7XG59XG5cbkBrZXlmcmFtZXMgcGluZyB7XG4gIDc1JSwgMTAwJSB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgyKTtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG59XG5AbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSkge1xuICAuaGVhcnRiZWF0IHtcbiAgICBkaXNwbGF5OiBub25lO1xuICAgIGFuaW1hdGlvbjogbm9uZTtcbiAgfVxufSJdfQ== */\"","import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { Utils } from 'src/utils';\n\ndeclare var bootstrap: any;\n\n@Component({\n selector: 'app-schematics',\n templateUrl: './schematics.component.html',\n styleUrls: ['./schematics.component.scss'],\n})\nexport class SchematicsComponent implements OnInit {\n pageTitle = 'Heating by Room';\n currentPage = 'Heating by Room';\n pingSubscription: Subscription;\n shouldPing: boolean = false;\n statusToPing: string;\n status: string;\n\n sideMenuItems = [\n { url: 'in-progress', icon: 'bi bi-clock-history', title: 'In Progress' },\n { url: 'complete', icon: 'bi bi-file-earmark-check', title: 'Completed' },\n ];\n\n constructor(private schematicsService: SchematicsService, private router: Router) {}\n\n ngOnInit() {}\n\n ngOnDestroy() {\n if (this.pingSubscription) this.pingSubscription.unsubscribe();\n }\n\n ngAfterViewInit() {\n // Bootstrap tooltip initialization\n const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle=\"tooltip\"]'));\n const tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {\n return new bootstrap.Tooltip(tooltipTriggerEl);\n });\n }\n\n async hideAnimationAfterStop() {\n const heartbeat = await Utils.waitForElemById('heartbeat');\n if (!heartbeat) return;\n // Add an event listener to the animation end event\n heartbeat.addEventListener('animationend', () => {\n // Set display to none when animation stops\n // heartbeat.style.display = 'none';\n this.shouldPing = false;\n });\n }\n\n async createNewSchematic() {\n // note on versioning: we are currently on version 2.0 of the schematics document, earlier versions did not have: version, completionStatus, units\n const emptySchematic = await this.schematicsService.createSchematicsDocument({ data: { floors: [], totalFloorArea: 0, totalHeatingPowerOutput: 0, heatingSystem: {}, version: 2.0 } });\n this.router.navigate(['/pages/tools/heating-by-room/schematic/' + emptySchematic.documentId], { queryParams: { edit: true } });\n\n // remove tooltip\n const tooltips = document.querySelectorAll('[data-bs-toggle=\"tooltip\"]');\n tooltips.forEach((tooltip) => {\n const tooltipInstance = bootstrap.Tooltip.getInstance(tooltip);\n if (tooltipInstance) tooltipInstance.dispose();\n });\n }\n\n onRouterOutletActivate(event: any) {\n this.status = event.statusToFilterBy;\n console.log('onRouterOutletActivate', this.status);\n this.pingSubscription = event.ping.subscribe(async (ping) => {\n this.shouldPing = ping.shouldPing;\n this.statusToPing = ping.statusToPing;\n if (this.shouldPing) {\n await this.hideAnimationAfterStop();\n }\n });\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SchematicsComponent } from './schematics.component';\nimport { AccountSideMenuModule } from 'src/app/components/account-side-menu/account-side-menu.module';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { FloorModule } from 'src/app/components/floor/floor.module';\nimport { FloorComponent } from 'src/app/components/floor/floor.component';\nimport { RadiatorSchematicModule } from 'src/app/components/radiator-schematic/radiator-schematic.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\nimport { RadiatorSchematicCardModule } from 'src/app/components/radiator-schematic-card/radiator-schematic-card.module';\nimport { SchematicsRouting } from './schematics.routing';\nimport { SchematicsHomepageStatusModule } from 'src/app/components/schematics-homepage-status/schematics-homepage-status.module';\n\n@NgModule({\n declarations: [SchematicsComponent],\n imports: [CommonModule, AccountSideMenuModule, NgbModule, FloorModule, RadiatorSchematicModule, SpinnerModule, RadiatorSchematicCardModule, SchematicsRouting, SchematicsHomepageStatusModule],\n exports: [SchematicsComponent],\n entryComponents: [FloorComponent],\n})\nexport class SchematicsModule {}\n","import { NgModule } from '@angular/core';\nimport { RouterModule, Routes } from '@angular/router';\nimport { SchematicsComponent } from './schematics.component';\nimport { SchematicsHomepageStatusComponent } from 'src/app/components/schematics-homepage-status/schematics-homepage-status.component';\n\nexport const routes: Routes = [\n {\n path: '',\n component: SchematicsComponent,\n children: [\n {\n path: ':status',\n component: SchematicsHomepageStatusComponent,\n },\n { path: '', redirectTo: 'in-progress', pathMatch: 'full' },\n ],\n },\n];\n\n@NgModule({\n imports: [RouterModule.forChild(routes)],\n exports: [RouterModule],\n})\nexport class SchematicsRouting {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3NldHRpbmdzL2FjY291bnQtc2V0dGluZ3MvYWNjb3VudC1zZXR0aW5ncy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { tAccount } from 'src/app/services/glow.typings';\n\n@Component({\n selector: 'app-account-settings',\n templateUrl: './account-settings.component.html',\n styleUrls: ['./account-settings.component.scss', '../../pages.component.scss']\n})\nexport class AccountSettingsComponent implements OnInit {\n pageTitle = \"Account settings\"\n currentPage = \"\";\n pageId: string = \"Account Overview\"\n account: tAccount\n constructor(private glowService: GlowService,\n private router: Router) { }\n\n ngOnInit() {\n const accountId = localStorage.getItem(\"id\");\n this.getAccount(accountId)\n }\n\n getAccount(accountId: string) {\n this.glowService.getAccount().subscribe(account => {\n this.account = account\n }, error => {\n console.warn(\"An error occurred when retrieving account\");\n console.warn(error)\n });\n }\n\n logOut() {\n this.glowService.logout().subscribe((resp) => {\n this.router.navigateByUrl('/login');\n }, (err) => {\n console.warn(err)\n })\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccountSettingsComponent } from './account-settings.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [AccountSettingsComponent],\n imports: [\n CommonModule\n ],\n exports: [AccountSettingsComponent]\n})\nexport class AccountSettingsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3NldHRpbmdzL3NldHRpbmdzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Component({\n selector: 'app-settings',\n templateUrl: './settings.component.html',\n styleUrls: ['./settings.component.scss', '../pages.component.scss']\n})\nexport class SettingsComponent implements OnInit {\n pageTitle = \"Settings\"\n currentPage = 'Account settings';\n pages = [\n { path: '/pages/account/settings/account-settings', title: 'Account settings', urlPath: 'account-settings' },\n { path: '/pages/account/settings/properties', title: 'Properties and meters', urlPath: 'properties' },\n { path: '/pages/account/settings/subscriptions', title: 'Subscriptions', urlPath: 'subscriptions' },\n\n\n ]\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n\n constructor() { }\n\n ngOnInit() {\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n // // console.log(\"EVENT\",event);\n }\n isCurrentPage(page) {\n return page.title == this.currentPage;\n }\n\n getOtherPages() {\n return this.pages.filter(p => p.title != this.currentPage)\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SettingsComponent } from './settings.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n@NgModule({\n declarations: [SettingsComponent],\n imports: [SharedModule, CommonModule],\n exports: [SettingsComponent],\n})\nexport class SettingsModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3NldHRpbmdzL3NpdGVzL3NpdGVzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\nimport { Validators, FormGroup, FormControl } from '@angular/forms';\nimport { ResourceTypeConfigService } from 'src/app/services/configuration.service';\nimport { tResourceTypeMapping } from 'src/app/services/configuration.typings';\nimport { tLoadingElement } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { tVerificationStatus } from 'src/app/services/glow.typings';\nimport { any } from 'core-js/fn/promise';\nimport { DateFormatService } from 'src/app/services/date-format.service';\nimport { MeterPointVerificationConsentManagementService } from 'src/app/services/meter-point-verification-consent-management.service';\nimport { SetupSmartMeterModalComponent } from 'src/app/components/setup-smart-meter-modal/setup-smart-meter-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n selector: 'app-sites',\n templateUrl: './sites.component.html',\n styleUrls: ['./sites.component.scss'],\n})\nexport class SitesComponent implements OnInit {\n veNameForm: FormGroup;\n veList: any;\n pageTitle: string = 'Properties and meters';\n loading: boolean = true;\n groupResource: any;\n VEsToDisplay: any = [];\n resourceIdArray: any[];\n dimension: string = 'energy';\n resourceTypeMapping: tResourceTypeMapping;\n subscriptionVirtualEntityList: Subscription;\n loadObj: tLoadingElement;\n isUpdating: any;\n saved: boolean = false;\n meterStatuses: Array;\n requiresConsentUpdate: boolean = false;\n verificationStatusSubscription: Subscription;\n verificationStatus: tVerificationStatus;\n expiredVerificationStatus = [];\n meterPointRequiringRenewal = [];\n meterPointDoNotRequireRenewal = [];\n errorMessage;\n constructor(\n private glowService: GlowService,\n private uiConfigService: CustomUIConfigService,\n private resourceTypeConfigService: ResourceTypeConfigService,\n private veService: VirtualEntityService,\n private dateFormatService: DateFormatService,\n private modalService: NgbModal,\n private meterPointVerificationConsentSvc: MeterPointVerificationConsentManagementService,\n private route: ActivatedRoute\n ) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(false);\n this.resourceTypeMapping = this.resourceTypeConfigService.loadResourceTypeMappings();\n\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList && Array.isArray(veList)) {\n this.VEsToDisplay = [];\n this.loading = false;\n this.veList = veList;\n this.veList.map(async (ve) => {\n this.VEsToDisplay.push({ veId: ve.veId, name: ve.name });\n ve.resources.map(async (resource) => {\n if (this.resourceTypeMapping.dimension[this.dimension].indexOf(resource.resourceTypeId) > -1) {\n const device = await this.glowService.getResourceDevice(resource.resourceId).toPromise();\n resource.hardwareId = device.hardwareId;\n }\n });\n });\n this.initIsUpdating();\n this.createFormGroup();\n }\n });\n this.verificationStatusSubscription = this.meterPointVerificationConsentSvc.meters.subscribe((resp) => {\n console.log(resp);\n this.verificationStatus = resp;\n this.processVerificationStatus();\n });\n }\n ngOnInit() {\n this.getVerificationStatus();\n this.veService.findVirtualEntities();\n }\n\n initIsUpdating() {\n this.isUpdating = {};\n this.VEsToDisplay.forEach((ve) => {\n this.isUpdating[ve.veId] = { name: false };\n });\n }\n\n createFormGroup() {\n const group: any = {};\n this.VEsToDisplay.forEach((ve) => {\n group[ve.veId] = new FormControl(ve.name || '', Validators.required);\n });\n this.veNameForm = new FormGroup(group);\n }\n\n showUIForm(veId, attribute, isUpdatingAttribute) {\n this.isUpdating[veId][attribute] = isUpdatingAttribute;\n }\n\n async updateVEName(ve) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(true);\n const updateResponse = await this.glowService.updateVirtualEntity(ve.veId, { name: this.veNameForm.controls[ve.veId].value }).toPromise();\n if (updateResponse) {\n this.veList = this.veList.map((ve) => {\n if (ve.veId === updateResponse.veId) {\n ve.name = updateResponse.name;\n }\n return ve;\n });\n }\n this.showUIForm(ve.veId, 'name', false);\n this.showSavedAlert();\n this.loadObj = { ...this.loadObj, loading: false, loaded: true };\n }\n\n showSavedAlert() {\n this.saved = true;\n setTimeout(() => {\n this.saved = false;\n }, 2000);\n }\n\n async updateName() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(true);\n\n const arrayOfObj = Object.entries(this.veNameForm.controls);\n\n if (arrayOfObj.length > 0) {\n const updateResponse = [];\n const lastResponse = await arrayOfObj.reduce((accumulatorPromise, ve) => {\n return accumulatorPromise.then(async (response) => {\n if (response != null) updateResponse.push(response);\n return this.glowService.updateVirtualEntity(ve[0], { name: this.veNameForm.controls[ve[0]].value }).toPromise();\n });\n }, Promise.resolve());\n if (lastResponse) updateResponse.push(lastResponse);\n\n if (updateResponse) {\n this.loadObj = { ...this.loadObj, loading: false, loaded: true };\n }\n }\n }\n\n getVerificationStatus() {\n this.meterPointVerificationConsentSvc.getVerificationStatus();\n }\n\n updateMeters(e) {\n this.getVerificationStatus();\n }\n\n processVerificationStatus() {\n this.expiredVerificationStatus = [];\n this.meterPointRequiringRenewal = [];\n this.meterPointDoNotRequireRenewal = [];\n console.log(this.verificationStatus);\n this.verificationStatus.meterPointVerification.forEach((elem) => {\n if (elem.isVerified) {\n const prettyIsValidUntil = this.dateFormatService.fullDateFormatNoSeconds(new Date(elem.isValidUntil));\n const requiresConsentUpdate = this.meterPointVerificationConsentSvc.checkIfMeterPointConsentRefreshIsRequired(elem);\n this.isPastValidUntilDate(new Date(elem.isValidUntil));\n if (requiresConsentUpdate === true) {\n this.meterPointRequiringRenewal.push({ ...elem, requiresConsentUpdate, loadObj: this.uiConfigService.initialiseLoadingBooleans(false), prettyIsValidUntil });\n // console.log(this.meterPointRequiringRenewal, 'requiring renewal')\n } else if (!requiresConsentUpdate && this.isPastValidUntilDate(new Date(elem.isValidUntil))) {\n this.expiredVerificationStatus.push({ ...elem, loadObj: this.uiConfigService.initialiseLoadingBooleans(false), prettyIsValidUntil });\n // console.log(this.expiredVerificationStatus)\n } else {\n this.meterPointDoNotRequireRenewal.push({ ...elem, loadObj: this.uiConfigService.initialiseLoadingBooleans(false), prettyIsValidUntil });\n // console.log(this.meterPointDoNotRequireRenewal)\n }\n } else {\n this.expiredVerificationStatus.push({ ...elem });\n }\n console.log(this.expiredVerificationStatus);\n });\n\n // (this.expiredVerificationStatus)\n }\n\n isPastValidUntilDate(validUntilDate) {\n const today = new Date();\n if (today > validUntilDate) {\n return true;\n } else false;\n }\n\n openSetUpModal() {\n const modalRef = this.modalService.open(SetupSmartMeterModalComponent, {\n scrollable: true,\n backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n modalRef.componentInstance.parentActivatedRoute = this.route\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SitesComponent } from './sites.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\nimport { ConsentMeterCardModule } from 'src/app/components/consent-meter-card/consent-meter-card.module';\nimport { SetupSmartMeterModalModule } from 'src/app/components/setup-smart-meter-modal/setup-smart-meter-modal.module';\nimport { SetupSmartMeterModule } from 'src/app/components/setup-smart-meter/setup-smart-meter.module';\n\n@NgModule({\n declarations: [SitesComponent],\n imports: [CommonModule, SharedModule, SpinnerModule, ConsentMeterCardModule, SetupSmartMeterModule],\n exports: [SitesComponent],\n})\nexport class SitesModule {}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3NldHRpbmdzL3N1YnNjcmlwdGlvbnMvc3Vic2NyaXB0aW9ucy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-subscriptions',\n templateUrl: './subscriptions.component.html',\n styleUrls: ['./subscriptions.component.scss']\n})\nexport class SubscriptionsComponent implements OnInit {\npageTitle=\"Subscriptions\"\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SubscriptionsComponent } from './subscriptions.component';\nimport { SystemIncidentSubscriptionManagementModule } from 'src/app/components/system-incident-subscription-management/system-incident-subscription-management.module';\n\n\n\n@NgModule({\n declarations: [SubscriptionsComponent],\n imports: [\n CommonModule, SystemIncidentSubscriptionManagementModule\n ],\n exports: [SubscriptionsComponent]\n})\nexport class SubscriptionsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3RlbXBlcmF0dXJlLXNlbnNvcnMvdGVtcGVyYXR1cmUtc2Vuc29ycy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, HostListener, OnInit } from '@angular/core';\nimport { Subject, Subscription } from 'rxjs';\nimport { GlowService } from '../../services/glow.service';\nimport { VirtualEntityService } from '../../services/virtual-entity.service';\nimport { tLoadingElement } from '../../services/app-config.typings';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { CustomUIConfigService } from '../../services/custom-ui-config.service';\nimport { PicardService } from 'src/app/services/picard.service';\nimport { NgcCookieConsentService } from 'ngx-cookieconsent';\n\n@Component({\n selector: 'app-temperature-sensors',\n templateUrl: './temperature-sensors.component.html',\n styleUrls: ['./temperature-sensors.component.scss', '../pages.component.scss']\n})\n\nexport class TemperatureSensorsComponent implements OnInit {\n\n @HostListener('window:resize', []) onResize() {\n this.innerWidth = window.innerWidth;\n }\n\n private currentPageAnnouncer = new Subject();\n currentPage$ = this.currentPageAnnouncer.asObservable()\n\n subscriptionGroupResourceData: Subscription;\n subscriptionSensorVirtualEntityList: Subscription;\n subscriptionSelectedService: Subscription;\n\n noTemperatureSensorMessage: string = \"You don't have temperature sensor data. Visit our shop to buy a temperature sensor.
Temperature sensors are used to generate your building fabric score.
\"\n currentPage: string = \"\"\n pageTitle: string = \"Temperature sensors\"\n loading: boolean = true;\n loadObj: tLoadingElement;\n groupResource: any;\n sensorVEList: any;\n pages: any = [];\n selectedService: any;\n allVESensorList: any;\n innerWidth: number;\n cookieClass: boolean = false;\n\n constructor(\n private glowService: GlowService,\n private uiConfigService: CustomUIConfigService,\n private veService: VirtualEntityService,\n private serviceSelectorSvc: ServiceSelectorSvc,\n private picardService: PicardService,\n private ccService: NgcCookieConsentService\n ) {\n\n this.loadObj = this.uiConfigService.initialiseLoadingBooleans(false);\n\n this.subscriptionSensorVirtualEntityList = this.veService.sensorVirtualEntities$.subscribe(async (sensorList) => {\n if (sensorList && Array.isArray(sensorList)) {\n this.allVESensorList = sensorList;\n this.selectedService = this.serviceSelectorSvc.getSelectedService()\n if (this.allVESensorList && this.selectedService) {\n this.createSensorPages()\n }\n }\n });\n\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe(selectedService => {\n this.selectedService = selectedService\n if (this.allVESensorList && this.selectedService) {\n this.createSensorPages()\n }\n })\n\n this.subscriptionGroupResourceData = this.picardService.groupResourceData$.subscribe((groupResource) => {\n if (groupResource) {\n this.groupResource = groupResource;\n this.allVESensorList.map(async (resource) => {\n const match = this.groupResource.find((x) => x.resourceId == resource.resourceId);\n const device = await this.glowService.getResourceDevice(resource.resourceId).toPromise();\n resource.description = device.description;\n resource.hardwareId = device.hardwareId;\n resource.firstReadingTime = match.firstReadingTime;\n resource.downloadAvailable = match ? true : false;\n });\n }\n });\n\n if (this.ccService.hasAnswered() && this.ccService.hasConsented()) {\n this.cookieClass = true;\n }\n\n }\n\n ngOnInit() {\n this.veService.findVirtualEntities();\n this.onResize()\n }\n\n ngOnDestroy() {\n if (this.subscriptionSelectedService) {\n this.subscriptionSelectedService.unsubscribe();\n }\n if (this.subscriptionGroupResourceData) {\n this.subscriptionGroupResourceData.unsubscribe();\n }\n if (this.subscriptionSensorVirtualEntityList) {\n this.subscriptionSensorVirtualEntityList.unsubscribe();\n }\n }\n\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n this.sensorVEList = event.sensorVEList\n }\n }\n\n createSensorPages() {\n this.sensorVEList = this.allVESensorList.filter(sensor => {\n return this.selectedService.veChildren.find(x => x.veId == sensor.veId)\n });\n\n this.pages = [];\n\n this.sensorVEList.map(sensor => {\n const path = sensor.name.split(' ').join('-');\n this.pages.push(Object.assign({}, { path: `/pages/property/temperature-sensors/${path}`, title: sensor.name }))\n })\n this.currentPage = this.pages.length > 0 ? this.pages[0].title : ''\n }\n\n update(title) {\n this.currentPage = title\n }\n\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { TemperatureSensorsComponent } from './temperature-sensors.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { TemperatureSensorDataTableModule } from 'src/app/components/temperature-sensor-data-table/temperature-sensor-data-table.module';\nimport { AccountNoDataCardModule } from 'src/app/components/account-no-data-card/account-no-data-card.module';\n\n\n\n@NgModule({\n declarations: [TemperatureSensorsComponent],\n imports: [SharedModule, TemperatureSensorDataTableModule, CommonModule, AccountNoDataCardModule\n ]\n})\nexport class TemperatureSensorsModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3BhZ2VzL3Rvb2xzLXBhZ2VzL3Rvb2xzLXBhZ2VzLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { SchematicsService } from 'src/app/services/schematics.service';\nimport { ServiceSelectorSvc } from 'src/app/services/service-selector.service';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\n\n@Component({\n selector: 'app-tools-pages',\n templateUrl: './tools-pages.component.html',\n styleUrls: ['./tools-pages.component.scss'],\n})\nexport class ToolsPagesComponent implements OnInit {\n titlePage: string = 'Glowmarkt Tools';\n currentPage: string = '';\n dropdownOptions: any[] = [];\n formInfo: FormGroup;\n loading: boolean = true;\n selectedService: any;\n virtualEntities: any[];\n subscriptionSelectedService: Subscription;\n subscriptionVirtualEntityList: Subscription;\n virtualEntityErrorSubscription: Subscription;\n\n errorMessage: string;\n error;\n\n constructor(private serviceSelectorSvc: ServiceSelectorSvc, private formBuilder: FormBuilder, private veService: VirtualEntityService, private schematicsService: SchematicsService) {\n this.formInfo = this.formBuilder.group({\n selectedService: ['', Validators.required],\n });\n this.subscriptionSelectedService = this.serviceSelectorSvc.serviceSet.subscribe((selectedService) => {\n this.selectedService = selectedService;\n });\n\n this.virtualEntityErrorSubscription = this.veService.virtualEntityError$.subscribe((error) => {\n this.loading = false;\n if (error) {\n this.errorMessage = \"There was an error loading your information. Please try again later. If the problem persists, please contact support at support@glowmarkt.com \";\n this.error = error;\n }\n });\n\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n this.loading = false;\n\n if (veList && Array.isArray(veList) && veList.length > 0) {\n this.virtualEntities = veList;\n // if (!passport) {\n // this.getPropertyPassport()\n // }\n this.processVeList(veList);\n }\n });\n }\n\n ngOnInit() {\n this.loading = true;\n this.veService.findVirtualEntities();\n // this.selectedService = this.serviceSelectorSvc.getSelectedService()\n }\n\n ngAfterContentChecked() {\n if (this.dropdownOptions.length) {\n this.selectedService = this.dropdownOptions.find((x) => x.active == true);\n this.formInfo.setValue({ selectedService: this.selectedService.name });\n }\n }\n processVeList(veList) {\n this.virtualEntities = veList;\n this.dropdownOptions = this.virtualEntities.map((ve) => {\n const active = this.selectedService && this.selectedService.veId && this.selectedService.veId === ve.veId ? true : false;\n return { name: ve.name, veId: ve.veId, veTypeId: ve.veTypeId, active }; // icon\n });\n\n if (!this.selectedService) {\n if (!this.serviceSelectorSvc.getSelectedService()) {\n this.serviceSelectorSvc.setSelectedService(veList[0]);\n this.selectedService = veList[0];\n this.dropdownOptions[0].active = true;\n } else {\n this.selectedService = this.serviceSelectorSvc.getSelectedService();\n this.dropdownOptions.find((x) => x.veId === this.selectedService.veId).active = true;\n }\n }\n }\n async switchService(event) {\n const match = this.dropdownOptions.find((x) => {\n return x.name == event.name;\n });\n if (match) {\n this.dropdownOptions.map((x) => (x.active = false));\n match.active = true;\n this.selectedService = match;\n const virtualEntity = await this.veService.getVirtualEntity(this.selectedService.veId, false);\n this.serviceSelectorSvc.setSelectedService(virtualEntity);\n }\n }\n public onRouterOutletActivate(event: any) {\n if (event.pageTitle) {\n // this.currentPageAnnouncer.next(event.pageTitle)\n this.currentPage = event.pageTitle;\n }\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ToolsPagesComponent } from './tools-pages.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { SpinnerModule } from 'src/app/components/spinner/spinner.module';\n\n\n\n@NgModule({\n declarations: [ToolsPagesComponent],\n imports: [\n SharedModule,\n CommonModule, SpinnerModule\n \n ],\n exports: [ToolsPagesComponent]\n})\nexport class ToolsPagesModule { }\n","export default \".display-3 {\\n font-weight: 400;\\n z-index: 10;\\n}\\n\\n.circle-right {\\n position: absolute;\\n width: 339px;\\n height: 342px;\\n left: -50px;\\n top: -136px;\\n border-radius: 50%;\\n background: #5E6DBF;\\n}\\n\\n.circle-left {\\n position: absolute;\\n width: 582px;\\n height: 566px;\\n left: 1300px;\\n top: -350px;\\n border-radius: 50%;\\n background: #5E6DBF;\\n}\\n\\n.card {\\n background: #fecf8e;\\n background: linear-gradient(270deg, rgba(254, 207, 142, 0.545277486) 10%, rgba(242, 99, 140, 0.5508797269) 51%);\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvYWJvdXQtY29tbXVuaXR5L2Fib3V0LWNvbW11bml0eS5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvcHVibGljL2Fib3V0LWNvbW11bml0eS9hYm91dC1jb21tdW5pdHkuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxnQkFBQTtFQUNBLFdBQUE7QUNDSjs7QURVQTtFQUVJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBQ0EsbUJBQUE7QUNSSjs7QURXQTtFQUNJLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxZQUFBO0VBQ0EsV0FBQTtFQUNBLGtCQUFBO0VBR0EsbUJBQUE7QUNWSjs7QURjQTtFQUNJLG1CQUFBO0VBQ0EsK0dBQUE7QUNYSiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9hYm91dC1jb21tdW5pdHkvYWJvdXQtY29tbXVuaXR5LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmRpc3BsYXktMyB7XG4gICAgZm9udC13ZWlnaHQ6IDQwMDtcbiAgICB6LWluZGV4OiAxMDtcbn1cblxuLmNvbnRhaW5lciB7XG4gICAgLy8gYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvaGVhdHB1bXAuanBlZyk7XG4gICAgLy8gYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAvLyBiYWNrZ3JvdW5kLXNpemU6Y292ZXI7XG5cblxufVxuXG4uY2lyY2xlLXJpZ2h0IHtcblxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMzM5cHg7XG4gICAgaGVpZ2h0OiAzNDJweDtcbiAgICBsZWZ0OiAtNTBweDtcbiAgICB0b3A6IC0xMzZweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYmFja2dyb3VuZDogIzVFNkRCRjtcbn1cblxuLmNpcmNsZS1sZWZ0IHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDU4MnB4O1xuICAgIGhlaWdodDogNTY2cHg7XG4gICAgbGVmdDogMTMwMHB4O1xuICAgIHRvcDogLTM1MHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcblxuXG4gICAgYmFja2dyb3VuZDogIzVFNkRCRjtcblxufVxuXG4uY2FyZCB7XG4gICAgYmFja2dyb3VuZDogcmdiKDI1NCwyMDcsMTQyKTtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMjcwZGVnLCByZ2JhKDI1NCwyMDcsMTQyLDAuNTQ1Mjc3NDg1OTk0Mzk3NykgMTAlLCByZ2JhKDI0Miw5OSwxNDAsMC41NTA4Nzk3MjY4OTA3NTY0KSA1MSUpO1xufSIsIi5kaXNwbGF5LTMge1xuICBmb250LXdlaWdodDogNDAwO1xuICB6LWluZGV4OiAxMDtcbn1cblxuLmNpcmNsZS1yaWdodCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDMzOXB4O1xuICBoZWlnaHQ6IDM0MnB4O1xuICBsZWZ0OiAtNTBweDtcbiAgdG9wOiAtMTM2cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZDogIzVFNkRCRjtcbn1cblxuLmNpcmNsZS1sZWZ0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogNTgycHg7XG4gIGhlaWdodDogNTY2cHg7XG4gIGxlZnQ6IDEzMDBweDtcbiAgdG9wOiAtMzUwcHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgYmFja2dyb3VuZDogIzVFNkRCRjtcbn1cblxuLmNhcmQge1xuICBiYWNrZ3JvdW5kOiAjZmVjZjhlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMjcwZGVnLCByZ2JhKDI1NCwgMjA3LCAxNDIsIDAuNTQ1Mjc3NDg2KSAxMCUsIHJnYmEoMjQyLCA5OSwgMTQwLCAwLjU1MDg3OTcyNjkpIDUxJSk7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { LandingService } from 'src/app/services/landing.service';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-about-community',\n templateUrl: './about-community.component.html',\n styleUrls: ['./about-community.component.scss'],\n})\nexport class AboutCommunityComponent implements OnInit {\n community: any;\n loading: boolean = true;\n constructor(\n private landingService: LandingService,\n private strapiService: StrapiService,\n private router: Router,\n private route: ActivatedRoute,\n private seoService: SeoService\n ) {\n route.params.subscribe((params) => {\n this.fetchCommunity(params.community).then((community) => {\n this.community = community;\n if (community) {\n this.seoService.configureSEO(\n Utils.removeHTMLFromString('About ' + community.attributes.name + ' Community'),\n Utils.removeHTMLFromString(community.attributes.description),\n `https://glowmarkt.com${this.router.url}`\n );\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n async fetchCommunity(slug: string) {\n const community = await this.strapiService.getContentBySlug('communities', slug, []);\n\n return community;\n }\n}\n","export default \"#section-one {\\n background-image: url('glow-background-logo-orange.ad26751505d8c7e65d96.png');\\n}\\n\\n.overlay {\\n background-color: rgba(244, 244, 244, 0.679);\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvYWJvdXQtdXMvYWJvdXQtdXMuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9hYm91dC11cy9hYm91dC11cy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNRLDZFQUNHO0FDQVg7O0FESUE7RUFDSSw0Q0FBQTtBQ0RKIiwiZmlsZSI6InNyYy9hcHAvcHVibGljL2Fib3V0LXVzL2Fib3V0LXVzLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiI3NlY3Rpb24tb25lIHtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTpcbiAgICAgICAgICAgdXJsKCcuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2dsb3ctYmFja2dyb3VuZC1sb2dvLW9yYW5nZS5wbmcnKVxuICAgICAgICAgICAgICBcbiAgICAgICAgfVxuXG4ub3ZlcmxheXtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI0NCwgMjQ0LCAyNDQsIDAuNjc5KTtcblxufSIsIiNzZWN0aW9uLW9uZSB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IHVybChcIi4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvZ2xvdy1iYWNrZ3JvdW5kLWxvZ28tb3JhbmdlLnBuZ1wiKTtcbn1cblxuLm92ZXJsYXkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI0NCwgMjQ0LCAyNDQsIDAuNjc5KTtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { Router } from '@angular/router';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-about-us',\n templateUrl: './about-us.component.html',\n styleUrls: ['./about-us.component.scss'],\n})\nexport class AboutUsComponent implements OnInit {\n content;\n\n constructor(private strapiService: StrapiService, private router: Router, private seoService: SeoService) {\n this.getContent().then((content) => {\n this.content = content;\n // console.log(content)\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy(){\n this.seoService.resetSEOconfig()\n }\n\n async getContent() {\n const content = await this.strapiService.getGlowmarktAbout();\n this.seoService.configureSEO(\n Utils.removeHTMLFromString(\"About Glowmarkt\"),\n Utils.removeHTMLFromString(content.attributes.shortDescription),\n `https://glowmarkt.com${this.router.url}`\n );\n return content;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9hcnRpY2xlL2FydGljbGUuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { JsonLdService } from 'src/app/services/json-ld.service';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-article',\n templateUrl: './article.component.html',\n styleUrls: ['./article.component.scss'],\n})\nexport class ArticleComponent implements OnInit {\n article: any;\n url;\n loading: boolean = true;\n constructor(\n private route: ActivatedRoute,\n private strapiService: StrapiService,\n private router: Router,\n private seoService: SeoService\n ) {\n route.params.subscribe((params) => {\n this.getUrl();\n this.getArticle(params.article).then((article) => {\n this.article = article;\n if (article) {\n this.configureSEO(article);\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n async getArticle(slug) {\n const article = await this.strapiService.getContentBySlug('articles', slug, ['tags', 'authors', 'blogs', 'articles', 'infographics']);\n return article;\n }\n\n configureSEO(article) {\n const title = Utils.removeHTMLFromString(article.attributes.title);\n const summary = Utils.removeHTMLFromString(article.attributes.summary);\n const authorNames = article.attributes.authors.data.map((author) => author.attributes.name);\n const image = this.article.attributes.displayImage.data\n ? this.strapiService.getFileFullUrl(this.article.attributes.displayImage.data.attributes.url)\n : '';\n const schema = JsonLdService.articleSchema(title, summary, [image], authorNames);\n this.seoService.configureSEO(title, summary, `https://glowmarkt.com${this.router.url}`, schema);\n }\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9ibG9nL2Jsb2cuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\nimport { Title } from '@angular/platform-browser';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { JsonLdService } from 'src/app/services/json-ld.service';\n\n@Component({\n selector: 'app-blog',\n templateUrl: './blog.component.html',\n styleUrls: ['./blog.component.scss'],\n})\nexport class BlogComponent implements OnInit {\n url!: Array;\n blog: any;\n loading:boolean=true\n constructor(\n private route: ActivatedRoute,\n private strapiService: StrapiService,\n private router: Router,\n private seoService: SeoService\n ) {\n route.params.subscribe((val) => {\n this.getUrl();\n this.getBlog(val.blog).then((blog) => {\n this.blog = blog;\n if(blog){\n this.configureSEO(blog);\n }\n this.loading=false\n });\n });\n }\n\n ngOnInit(): void {}\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n\n async getBlog(slug) {\n const blog = await this.strapiService.getContentBySlug('blogs', slug, ['tags', 'authors', 'blogs', 'articles', 'infographics']);\n return blog;\n }\n\n configureSEO(blog) {\n const title = Utils.removeHTMLFromString(blog.attributes.title);\n const summary = Utils.removeHTMLFromString(blog.attributes.summary);\n const authorNames = blog.attributes.authors.data.map((author) => author.attributes.name);\n const schema = JsonLdService.articleSchema(title, summary, [], authorNames);\n this.seoService.configureSEO(title, summary, `https://glowmarkt.com${this.router.url}`, schema);\n }\n}\n","export default \".first-section-wrapper {\\n background-image: url('wave (4).52527518ad122a2bcb6e.svg');\\n background-repeat: no-repeat;\\n background-position: bottom;\\n background-size: cover;\\n}\\n\\n.third-section {\\n background: #f6658e;\\n background: linear-gradient(0deg, #f6658e 0%, #ffb847 100%);\\n}\\n\\n.text {\\n font-family: \\\"Raleway\\\";\\n font-weight: 500;\\n}\\n\\n.image {\\n position: relative;\\n overflow: show;\\n}\\n\\n.electricity-image {\\n z-index: 3 !important;\\n}\\n\\n.fourth-section {\\n background-image: url('wave (9).d288b2cd68342e6dd174.svg');\\n background-repeat: no-repeat;\\n background-position: top;\\n background-size: cover;\\n}\\n\\n.resp-text {\\n color: white;\\n}\\n\\n@media only screen and (max-width: 991px) {\\n .resp-text {\\n color: #2b2b2b;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvYnJpZ2h0L2JyaWdodC5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvcHVibGljL2JyaWdodC9icmlnaHQuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSwwREFBQTtFQUNBLDRCQUFBO0VBQ0EsMkJBQUE7RUFDQSxzQkFBQTtBQ0NKOztBREVBO0VBQ0ssbUJBQUE7RUFDRCwyREFBQTtBQ0NKOztBRENBO0VBQ0ksc0JBQUE7RUFDQSxnQkFBQTtBQ0VKOztBRElBO0VBQ0ksa0JBQUE7RUFDQSxjQUFBO0FDREo7O0FES0E7RUFDSSxxQkFBQTtBQ0ZKOztBREtBO0VBRVEsMERBQUE7RUFDQSw0QkFBQTtFQUNBLHdCQUFBO0VBQ0Esc0JBQUE7QUNIUjs7QURhQTtFQUNJLFlBQUE7QUNWSjs7QURZQTtFQUVJO0lBQ0ksY0FBQTtFQ1ZOO0FBQ0YiLCJmaWxlIjoic3JjL2FwcC9wdWJsaWMvYnJpZ2h0L2JyaWdodC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5maXJzdC1zZWN0aW9uLXdyYXBwZXIge1xuICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy93YXZlXFwgXFwoNFxcKS5zdmcnKTtcbiAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IGJvdHRvbTtcbiAgICBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xuXG59XG4udGhpcmQtc2VjdGlvbntcbiAgICAgYmFja2dyb3VuZDogcmdiKDI0NiwxMDEsMTQyKTtcbiAgICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMGRlZywgcmdiYSgyNDYsMTAxLDE0MiwxKSAwJSwgcmdiYSgyNTUsMTg0LDcxLDEpIDEwMCUpO1xufVxuLnRleHQge1xuICAgIGZvbnQtZmFtaWx5OiAnUmFsZXdheSc7XG4gICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAvLyBmb250LXNpemU6IDEuOHJlbTtcbn1cblxuXG5cbi5pbWFnZSB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIG92ZXJmbG93OiBzaG93O1xuXG59XG5cbi5lbGVjdHJpY2l0eS1pbWFnZSB7XG4gICAgei1pbmRleDogMyAhaW1wb3J0YW50O1xufVxuXG4uZm91cnRoLXNlY3Rpb257XG5cbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCcuLi8uLi8uLi9hc3NldHMvaW1hZ2VzL3dhdmVcXCBcXCg5XFwpLnN2ZycpO1xuICAgICAgICBiYWNrZ3JvdW5kLXJlcGVhdDogbm8tcmVwZWF0O1xuICAgICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiB0b3A7XG4gICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG4gICAgICAgIC8vIGJhY2tncm91bmQ6IHJnYigyNDYsMTAxLDE0Mik7XG4gICAgICAgIC8vIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDI0NiwxMDEsMTQyLDEpIDAlLCByZ2JhKDI1NSwxODQsNzEsMSkgMTAwJSk7XG4gICAgXG4gICAgXG59XG5cbi8vIC5maXJzdC1zZWN0aW9uLXdyYXBwZXIsIC5zZWNvbmQtc2VjdGlvbiwgLnRoaXJkLXNlY3Rpb24sIC5mb3VydGgtc2VjdGlvbiB7XG4vLyAgICAgaGVpZ2h0OiA5MHZoO1xuLy8gfVxuLnJlc3AtdGV4dCB7XG4gICAgY29sb3I6IHdoaXRlIDtcbn1cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogOTkxcHgpIHtcbiAgXG4gICAgLnJlc3AtdGV4dHtcbiAgICAgICAgY29sb3I6ICMyYjJiMmI7XG59XG5cbn0iLCIuZmlyc3Qtc2VjdGlvbi13cmFwcGVyIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy93YXZlICg0KS5zdmdcIik7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGJvdHRvbTtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3Zlcjtcbn1cblxuLnRoaXJkLXNlY3Rpb24ge1xuICBiYWNrZ3JvdW5kOiAjZjY2NThlO1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMGRlZywgI2Y2NjU4ZSAwJSwgI2ZmYjg0NyAxMDAlKTtcbn1cblxuLnRleHQge1xuICBmb250LWZhbWlseTogXCJSYWxld2F5XCI7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5pbWFnZSB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgb3ZlcmZsb3c6IHNob3c7XG59XG5cbi5lbGVjdHJpY2l0eS1pbWFnZSB7XG4gIHotaW5kZXg6IDMgIWltcG9ydGFudDtcbn1cblxuLmZvdXJ0aC1zZWN0aW9uIHtcbiAgYmFja2dyb3VuZC1pbWFnZTogdXJsKFwiLi4vLi4vLi4vYXNzZXRzL2ltYWdlcy93YXZlICg5KS5zdmdcIik7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IHRvcDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3Zlcjtcbn1cblxuLnJlc3AtdGV4dCB7XG4gIGNvbG9yOiB3aGl0ZTtcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA5OTFweCkge1xuICAucmVzcC10ZXh0IHtcbiAgICBjb2xvcjogIzJiMmIyYjtcbiAgfVxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\n\n@Component({\n selector: 'app-bright',\n templateUrl: './bright.component.html',\n styleUrls: ['./bright.component.scss']\n})\nexport class BrightComponent implements OnInit {\n\n constructor(private modalService: NgbModal) { }\n\n ngOnInit() {\n }\n\n openModal(){\n const termsconditionsRef = this.modalService.open(TermsconditionsModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n termsconditionsRef.componentInstance.options = {\n allowModalToExit: true,\n showPermissions: true,\n requireAccept: true,\n referenceKey: 'DfsTermsConditions',\n };\n termsconditionsRef.componentInstance.title = 'Delight'\n }\n \n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9jYXNlLXN0dWRpZXMtbGFuZGluZy9jYXNlLXN0dWRpZXMtbGFuZGluZy5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { CaseStudyService } from 'src/app/services/case-study.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-case-studies-landing',\n templateUrl: './case-studies-landing.component.html',\n styleUrls: ['./case-studies-landing.component.scss'],\n})\nexport class CaseStudiesLandingComponent implements OnInit {\n caseStudies: any = [];\n allCaseStudies: any = [];\n loading: boolean = true;\n constructor(private caseStudyService: CaseStudyService, private glowService: GlowService) {}\n\n ngOnInit() {\n this.glowService\n .getAllCaseStudies('heating_system.heat_pump')\n .toPromise()\n .then(async (caseStudies) => {\n this.caseStudies = await Promise.all(\n caseStudies.map(async (caseStudy) => {\n const fullCaseStudy = await this.caseStudyService.fetchCaseStudyData(caseStudy);\n return fullCaseStudy;\n })\n );\n this.allCaseStudies = this.caseStudies;\n this.loading = false;\n }).catch((err)=>{\n // console.log(\"err\", err)\n this.loading=false\n })\n }\n\n filterCaseStudies(filter) {\n this.caseStudies = this.allCaseStudies.filter(\n (cs) => filter['postcodeDistrict'][cs.postcodeDistrict] || filter['builtForm'][cs.before.building[0].builtForm]\n );\n if(this.caseStudies.length===0){\n this.caseStudies=this.allCaseStudies\n }\n }\n}\n","export default \".card-img-overlay {\\n background: #d5d5d5;\\n background: radial-gradient(circle, #d5d5d5 0%, rgba(0, 0, 0, 0.372) 0%, rgba(8, 8, 8, 0.381) 100%);\\n}\\n\\n.heading {\\n height: 200px !important;\\n margin: auto;\\n width: 400px;\\n bottom: 40px;\\n position: relative;\\n}\\n\\nh1 {\\n font-weight: 500 !important;\\n}\\n\\n.carousel {\\n position: relative;\\n}\\n\\n.community-header {\\n background: #ffb847;\\n background: linear-gradient(0deg, rgba(255, 184, 71, 0.67) 0%, rgba(242, 99, 140, 0.67) 70%);\\n}\\n\\n.box.shadow-sm {\\n box-shadow: 0 0.125rem 0.25rem #f2638b1f !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvY29tbXVuaXR5LWhvbWUvY29tbXVuaXR5LWhvbWUuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9jb21tdW5pdHktaG9tZS9jb21tdW5pdHktaG9tZS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQTtFQUNFLG1CQUFBO0VBQ0EsbUdBQUE7QUNBRjs7QURtQkE7RUFDRSx3QkFBQTtFQUVBLFlBQUE7RUFDQSxZQUFBO0VBQ0EsWUFBQTtFQUNBLGtCQUFBO0FDakJGOztBRHVCQTtFQUNFLDJCQUFBO0FDcEJGOztBRHVCQTtFQUNFLGtCQUFBO0FDcEJGOztBRDJCQTtFQUNFLG1CQUFBO0VBQ0EsNEZBQUE7QUN4QkY7O0FEMkJBO0VBQ0UsbURBQUE7QUN4QkYiLCJmaWxlIjoic3JjL2FwcC9wdWJsaWMvY29tbXVuaXR5LWhvbWUvY29tbXVuaXR5LWhvbWUuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbi5jYXJkLWltZy1vdmVybGF5IHtcbiAgYmFja2dyb3VuZDogcmdiKDIxMywgMjEzLCAyMTMpO1xuICBiYWNrZ3JvdW5kOiByYWRpYWwtZ3JhZGllbnQoY2lyY2xlLCByZ2JhKDIxMywgMjEzLCAyMTMsIDEpIDAlLCByZ2JhKDAsIDAsIDAsIDAuMzcyKSAwJSwgcmdiYSg4LCA4LCA4LCAwLjM4MSkgMTAwJSk7XG59XG5cblxuLmhlYWRlciB7XG4gIC8vIGhlaWdodDogMzAwcHg7XG5cbiAgLy8gYmFja2dyb3VuZDogcmdiKDI1NSwxODQsNzEpO1xuICAvLyBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMjcwZGVnLCByZ2JhKDI1NSwxODQsNzEsMC43MTg5MjUwNzAwMjgwMTEyKSAyMSUsIHJnYmEoMjQyLDk5LDE0MCwwLjczMjkzMDY3MjI2ODkwNzUpIDc2JSk7XG4gIC8vIGJhY2tncm91bmQtcG9zaXRpb246IGNlbnRlciBsZWZ0O1xuICAvLyBiYWNrZ3JvdW5kLXNpemU6IGNvdmVyO1xufVxuXG4vLyAuaW1nLW92ZXJsYXkge1xuLy8gICAgIGJhY2tncm91bmQ6IHJnYigyMTMsMjEzLDIxMyk7XG4vLyAgICAgYmFja2dyb3VuZDogcmFkaWFsLWdyYWRpZW50KGNpcmNsZSwgcmdiYSgyMTMsMjEzLDIxMywxKSAwJSwgcmdiYSg2OSwgNjksIDY5LCAwLjExOCkgMCUsIHJnYmEoMCwgMCwgMCwgMC4xODEpIDEwMCUpO1xuXG4vLyB9XG5cbi5oZWFkaW5nIHtcbiAgaGVpZ2h0OiAyMDBweCAhaW1wb3J0YW50O1xuXG4gIG1hcmdpbjogYXV0bztcbiAgd2lkdGg6IDQwMHB4O1xuICBib3R0b206IDQwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgLy8gIGJhY2tncm91bmQtaW1hZ2U6IHVybCguLi8uLi8uLi9hc3NldHMvaW1hZ2VzL2Fic3RyYWN0LmpwZyk7XG4gIC8vICAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgbGVmdDtcbiAgLy8gICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7XG59XG5cbmgxIHtcbiAgZm9udC13ZWlnaHQ6IDUwMCAhaW1wb3J0YW50O1xufVxuXG4uY2Fyb3VzZWwge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi8vIC5jYXJvdXNlbC1jZWxsIGltZzpmaXJzdC1vZi10eXBlIHtcbi8vICAgb3BhY2l0eTogMDtcbi8vIH1cblxuLmNvbW11bml0eS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kOiByZ2IoMjU1LDE4NCw3MSk7XG4gIGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCgwZGVnLCByZ2JhKDI1NSwxODQsNzEsMC42NykgMCUsIHJnYmEoMjQyLDk5LDE0MCwwLjY3KSA3MCUpO1xufVxuXG4uYm94LnNoYWRvdy1zbSB7XG4gIGJveC1zaGFkb3c6IDAgMC4xMjVyZW0gMC4yNXJlbSAjZjI2MzhiMWYgIWltcG9ydGFudDtcbn0iLCIuY2FyZC1pbWctb3ZlcmxheSB7XG4gIGJhY2tncm91bmQ6ICNkNWQ1ZDU7XG4gIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChjaXJjbGUsICNkNWQ1ZDUgMCUsIHJnYmEoMCwgMCwgMCwgMC4zNzIpIDAlLCByZ2JhKDgsIDgsIDgsIDAuMzgxKSAxMDAlKTtcbn1cblxuLmhlYWRpbmcge1xuICBoZWlnaHQ6IDIwMHB4ICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogYXV0bztcbiAgd2lkdGg6IDQwMHB4O1xuICBib3R0b206IDQwcHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuaDEge1xuICBmb250LXdlaWdodDogNTAwICFpbXBvcnRhbnQ7XG59XG5cbi5jYXJvdXNlbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbn1cblxuLmNvbW11bml0eS1oZWFkZXIge1xuICBiYWNrZ3JvdW5kOiAjZmZiODQ3O1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoMGRlZywgcmdiYSgyNTUsIDE4NCwgNzEsIDAuNjcpIDAlLCByZ2JhKDI0MiwgOTksIDE0MCwgMC42NykgNzAlKTtcbn1cblxuLmJveC5zaGFkb3ctc20ge1xuICBib3gtc2hhZG93OiAwIDAuMTI1cmVtIDAuMjVyZW0gI2YyNjM4YjFmICFpbXBvcnRhbnQ7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport _ from 'underscore';\n\n@Component({\n selector: 'app-community-home',\n templateUrl: './community-home.component.html',\n styleUrls: ['./community-home.component.scss'],\n})\nexport class CommunityHomeComponent implements OnInit {\n community;\n featuredContent: any[] = [];\n loading: boolean = true;\n _images: any[] = [];\n constructor(private strapiService: StrapiService, private route: ActivatedRoute, private seoService: SeoService) {\n route.params.subscribe((params) => {\n this.getCommunity(params.community).then((community) => {\n this.community = community;\n if (community) {\n // this.featuredContent = this.getFeaturedContent(community);\n this.configureSEO(community);\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n configureSEO(community) {\n this.seoService.configureSEO(community.attributes.name, community.attributes.description, `https://glowmarkt.com/community/${community.attributes.slug}`);\n }\n\n async getCommunity(slug) {\n const community = await this.strapiService.getContentBySlug('communities', slug, ['audience_categories', 'tags']);\n // // console.log(community)\n return community;\n }\n\n getFeaturedContent(community) {\n const allContent = [\n ...community.attributes.featured_blogs.data.map((blog) => Object.assign(blog, { contentType: 'blogs' })),\n ...community.attributes.featured_articles.data.map((article) => Object.assign(article, { contentType: 'articles' })),\n ];\n for (let i = 0; i < allContent.length; i++) {\n this._images.push({ path: '../../../assets/images/transparent.png', width: 0, height: 0 });\n }\n return _.shuffle(allContent);\n }\n\n contentRelativePath(content) {\n return `/home/${content.contentType}/${content.attributes.slug}`;\n }\n\n communityRelativePath(community) {\n return `/about-community/${community.attributes.slug}`;\n }\n\n getDisplayImageUrl(content) {\n const url = this.strapiService.getSmallDisplayImageUrl(content);\n return { 'background-image': `url(${url})` };\n }\n}\n","export default \"form .ng-touched.ng-invalid {\\n border: solid red 0.5px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvY29udGFjdC11cy9jb250YWN0LXVzLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wdWJsaWMvY29udGFjdC11cy9jb250YWN0LXVzLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0ksdUJBQUE7QUNBUiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9jb250YWN0LXVzL2NvbnRhY3QtdXMuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcbiAgICAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgICAgICAgYm9yZGVyOiBzb2xpZCByZWQgMC41cHg7XG59fVxuIiwiZm9ybSAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgYm9yZGVyOiBzb2xpZCByZWQgMC41cHg7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { FormValidator } from 'src/app/services/user-validators';\n\n@Component({\n selector: 'app-contact-us',\n templateUrl: './contact-us.component.html',\n styleUrls: ['./contact-us.component.scss']\n})\nexport class ContactUsComponent implements OnInit {\n\n contactForm: FormGroup\n submitMessage = ''\n reasonOptions = ['Application Reseller', 'Consulting', 'Distributor', 'Media', 'Product Demo', 'Retailer', 'SaaS Reseller', 'Speaking', 'Other']\n successful: boolean = false\n unsuccessful: boolean = false\n date = new Date().toLocaleDateString(\"en-GB\")\n constructor(private fb: FormBuilder, private translate: TranslateService, private glow: GlowService) {\n this.contactForm = this.fb.group({\n email: ['', [Validators.required, FormValidator.isEmailValid]],\n name: ['', [Validators.required]],\n message: ['', [Validators.required]]\n })\n }\n\n ngOnInit() {\n\n }\n\n checkFormValidity(formControlName, translateKey?) {\n let messages = []\n let formFieldName = ''\n translateKey ? formFieldName = (this.translate.instant(translateKey)) : null\n\n //check if form control has extra validators and user has begun typing\n\n if (formControlName == 'email') {\n if (this.contactForm.get(formControlName).errors && this.contactForm.get(formControlName).dirty && this.contactForm.get(formControlName).value.length) {\n const errors = this.contactForm.get(formControlName).errors;\n Object.values(errors).forEach((v) => {\n v.errMsg ? (messages = [...messages, v.errMsg]) : null;\n });\n return messages\n //if it has extra validators and is required\n } else if (this.contactForm.get(formControlName).errors && this.contactForm.get(formControlName).touched && !this.contactForm.get(formControlName).valid && !this.contactForm.get(formControlName).value.length && this.contactForm.get(formControlName).errors.required) {\n const errorMsg = `${formFieldName} is required.`\n messages = [errorMsg]\n return messages\n }\n }\n //no extra validators but required\n else if (this.contactForm.get(formControlName).touched && !this.contactForm.get(formControlName).valid && this.contactForm.get(formControlName).errors.required) {\n const errorMsg = `${formFieldName} is required.`\n messages = [errorMsg]\n return messages\n\n }\n\n return\n }\n\n markFormGroupTouched(formGroup: FormGroup,) {\n Object.values(formGroup.controls).forEach(control => {\n control.markAsTouched();\n\n });\n }\n\n submit() {\n if (this.contactForm.valid) {\n // // console.log(this.contactForm)\n let body = {\n data: {\n description: this.contactForm.get('message').value,\n subject: `New Glowmarkt Message on ${this.date}`,\n type: 'contactUsGlowmarkt'\n },\n user: {\n name: this.contactForm.get('name').value,\n username: this.contactForm.get('email').value\n }\n }\n // console.log(body)\n this.glow.postTicketPublic(body).subscribe((response) => {\n // console.log(response);\n if (response.valid) {\n this.submitMessage ='Message sent successfully' ;\n this.successful = true\n this.contactForm.reset()\n } else {\n this.submitMessage = 'There was an error sending your message. Please try again later.';\n this.unsuccessful = true\n }\n });\n } else {\n this.markFormGroupTouched(this.contactForm)\n }\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9kZWxpZ2h0LWV2ZW50LXBhcnRpY2lwYXRpb24vZGVsaWdodC1ldmVudC1wYXJ0aWNpcGF0aW9uLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { GlowService } from 'src/app/services/glow.service';\n\n@Component({\n selector: 'app-delight-event-participation',\n templateUrl: './delight-event-participation.component.html',\n styleUrls: ['./delight-event-participation.component.scss']\n})\nexport class DelightEventParticipationComponent implements OnInit {\n participation;\n constructor(private route: ActivatedRoute, private authService: GlowService\n ) {\n route.queryParams.subscribe((params) => {\n this.participation = params.participation\n\n const missingElements = [];\n const incorrectElements = [];\n // scope ccould also be a property, but it is not required\n const incomingRequiredProperties = ['event', 'key', 'participation']\n const replaceCharacters = [/%0D/g, /%0A/g, /%0D%0A/g, /\\r/g, /\\n/g]\n const incomingValues: any = Object.keys(params).reduce((acc, incomingProperty) => {\n const sanitisedPropertyName = replaceCharacters.reduce((acc, characterToReplace) => acc.replace(characterToReplace, ''), incomingProperty)\n if (incomingRequiredProperties.indexOf(sanitisedPropertyName) > -1 || incomingRequiredProperties.indexOf(incomingProperty) > -1) {\n const sanitisedValue = replaceCharacters.reduce((acc, characterToReplace) => acc.replace(characterToReplace, ''), params[incomingProperty] || params[sanitisedPropertyName])\n acc[sanitisedPropertyName] = sanitisedValue;\n }\n // // console.log(acc)\n return acc\n }, {})\n // // console.log(incomingValues, 'incoming values')\n incomingRequiredProperties.forEach((property) => {\n // // console.log(incomingValues[property])\n if (!incomingValues[property]) {\n missingElements.push(property)\n console.warn(\"Missing element: \" + property);\n }\n });\n\n // // console.log(incomingValues)\n const dfsEventId = incomingValues['event']\n const dfsUserId = incomingValues['key']\n const participation = incomingValues['participation']\n\n\n const dfsEventIncomingParams = { dfsEventId, dfsUserId }\n // // console.log(dfsEventIncomingParams)\n // if (missingElements.length === 0 && incorrectElements.length === 0) {\n // this.submitEmailVerificationInformation(emailVerificationIncomingParams)\n // }\n\n if (participation === true || participation == 'true') {\n this.submitDFSEventRegistration(dfsEventIncomingParams)\n } else {\n console.warn('User will not participate')\n }\n })\n\n }\n ngOnInit() {\n }\n\n submitDFSEventRegistration(eventInfo) {\n this.authService.registerDFSEventParticipation(eventInfo).subscribe((verificationResponse) => {\n // // console.log(verificationResponse)\n if (verificationResponse.valid === true) {\n // console.log(\"User registered to event\")\n\n } else {\n // // console.log(\"Unable to register User to event\", verificationResponse)\n\n }\n }, err => {\n // // console.log(\"register User to event error\", err)\n console.warn(err.error)\n });\n\n\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9mYXEtZGV0YWlsZWQvZmFxLWRldGFpbGVkLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { Router, NavigationEnd, NavigationStart, ActivatedRoute } from '@angular/router';\nimport { FaqsService } from 'src/app/services/faqs.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-faq-detailed',\n templateUrl: './faq-detailed.component.html',\n styleUrls: ['./faq-detailed.component.scss'],\n})\nexport class FaqDetailedComponent implements OnInit {\n url!: Array;\n faq:any\n loading:boolean=true\n constructor(private route: ActivatedRoute, private faqsService: FaqsService, private seoService: SeoService, private router:Router) {}\n\n ngOnInit(): void {\n this.route.params.subscribe((params) => {\n this.getFAQ(params.faq).then(faq=>{this.faq=faq;this.loading=false})\n this.getUrl();\n });\n }\n\n ngOnDestroy(){\n this.seoService.resetSEOconfig()\n }\n\n getUrl() {\n // this.url = this.route.snapshot.url.map(\n // (segment) => segment.path.charAt(0).toLowerCase() + segment.path.slice(1)\n // );\n let url = this.route.snapshot.url.map((segment) => segment.path);\n let question = url[url.length - 1] + '?';\n url.pop();\n url.push(question);\n this.url = url;\n }\n\n async getFAQ(slug) {\n const faq = await this.faqsService.getFAQBySlug(slug);\n if(faq){\n this.seoService.configureSEO(\n Utils.removeHTMLFromString(faq.attributes.question),\n Utils.removeHTMLFromString(faq.attributes.question),\n `https://glowmarkt.com${this.router.url}`\n );\n }\n return faq\n }\n}\n","export default \".circle-right {\\n position: absolute;\\n width: 593px;\\n height: 593px;\\n border-radius: 50%;\\n left: 65%;\\n top: 10%;\\n background: rgba(246, 101, 142, 0.87);\\n}\\n\\n.circle-left {\\n position: absolute;\\n width: 389px;\\n height: 389px;\\n border-radius: 50%;\\n left: -10%;\\n top: -55%;\\n background: rgba(246, 101, 142, 0.87);\\n}\\n\\n.searchbar-wrapper {\\n width: 50%;\\n z-index: 10;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n .searchbar-wrapper {\\n width: 100%;\\n }\\n\\n .circle-left {\\n left: -10%;\\n }\\n\\n .circle-right {\\n left: 75%;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvZmFxLXRvcGljL2ZhcXMtdG9waWMuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9mYXEtdG9waWMvZmFxcy10b3BpYy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtFQUNBLFNBQUE7RUFDQSxRQUFBO0VBQ0EscUNBQUE7QUNDRjs7QURFQTtFQUNFLGtCQUFBO0VBQ0EsWUFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxTQUFBO0VBQ0EscUNBQUE7QUNDRjs7QURFQTtFQUNFLFVBQUE7RUFDQSxXQUFBO0FDQ0Y7O0FERUE7RUFDRTtJQUNHLFdBQUE7RUNDSDs7RURDQTtJQUNFLFVBQUE7RUNFRjs7RURBQTtJQUNFLFNBQUE7RUNHRjtBQUNGIiwiZmlsZSI6InNyYy9hcHAvcHVibGljL2ZhcS10b3BpYy9mYXFzLXRvcGljLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNpcmNsZS1yaWdodCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDU5M3B4O1xuICBoZWlnaHQ6IDU5M3B4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGxlZnQ6IDY1JTtcbiAgdG9wOiAxMCU7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjQ2LCAxMDEsIDE0MiwgMC44Nyk7XG59XG5cbi5jaXJjbGUtbGVmdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDM4OXB4O1xuICBoZWlnaHQ6IDM4OXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGxlZnQ6IC0xMCU7XG4gIHRvcDogLTU1JTtcbiAgYmFja2dyb3VuZDogcmdiYSgyNDYsIDEwMSwgMTQyLCAwLjg3KTtcbn1cblxuLnNlYXJjaGJhci13cmFwcGVyIHtcbiAgd2lkdGg6IDUwJTtcbiAgei1pbmRleDogMTBcbn1cblxuQG1lZGlhIG9ubHkgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA1NzZweCkge1xuICAuc2VhcmNoYmFyLXdyYXBwZXJ7XG4gICAgIHdpZHRoOiAxMDAlO1xuICB9XG4gIC5jaXJjbGUtbGVmdCB7XG4gICAgbGVmdDogLTEwJTtcbiAgfVxuICAuY2lyY2xlLXJpZ2h0e1xuICAgIGxlZnQ6IDc1JVxuICB9XG59XG5cblxuXG5cblxuIiwiLmNpcmNsZS1yaWdodCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDU5M3B4O1xuICBoZWlnaHQ6IDU5M3B4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGxlZnQ6IDY1JTtcbiAgdG9wOiAxMCU7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjQ2LCAxMDEsIDE0MiwgMC44Nyk7XG59XG5cbi5jaXJjbGUtbGVmdCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDM4OXB4O1xuICBoZWlnaHQ6IDM4OXB4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGxlZnQ6IC0xMCU7XG4gIHRvcDogLTU1JTtcbiAgYmFja2dyb3VuZDogcmdiYSgyNDYsIDEwMSwgMTQyLCAwLjg3KTtcbn1cblxuLnNlYXJjaGJhci13cmFwcGVyIHtcbiAgd2lkdGg6IDUwJTtcbiAgei1pbmRleDogMTA7XG59XG5cbkBtZWRpYSBvbmx5IHNjcmVlbiBhbmQgKG1heC13aWR0aDogNTc2cHgpIHtcbiAgLnNlYXJjaGJhci13cmFwcGVyIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgfVxuXG4gIC5jaXJjbGUtbGVmdCB7XG4gICAgbGVmdDogLTEwJTtcbiAgfVxuXG4gIC5jaXJjbGUtcmlnaHQge1xuICAgIGxlZnQ6IDc1JTtcbiAgfVxufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { FaqsService } from 'src/app/services/faqs.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-faqs-topic',\n templateUrl: './faqs-topic.component.html',\n styleUrls: ['./faqs-topic.component.scss'],\n})\nexport class FaqsTopicComponent implements OnInit {\n isSearching: boolean = false;\n topic!: any;\n url!: Array;\n loading: boolean = true;\n topics!:any\n constructor(\n private route: ActivatedRoute,\n private faqsService: FaqsService,\n private seoService: SeoService,\n private router: Router\n ) {}\n\n ngOnInit(): void {\n this.getUrl();\n this.getFAQsTopics()\n this.route.params.subscribe((params) => {\n this.getTopic(params.topic).then((topic) => {\n this.topic = topic;\n this.loading = false;\n });\n });\n // this.faqsService.getFAQsTopic(this.faqsService.topicId).then((topic) => {\n // this.topic = topic;\n // });\n }\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n async getFAQsTopics() {\n this.topics = await this.faqsService.getFAQsTopics()\n }\n\n topicRelativePath(topic){\n return `/support/${topic.attributes.slug}`\n }\n\n getOtherTopics(){\n return this.topics.filter(t=>t.attributes.name!=this.topic.attributes.name)\n }\n\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n updateIsSearching(isSearching) {\n this.isSearching = isSearching;\n }\n\n async getTopic(slug) {\n const topic = await this.faqsService.getFAQsTopicBySlug(slug);\n if (topic) {\n this.seoService.configureSEO(\n Utils.removeHTMLFromString(topic.attributes.name),\n Utils.removeHTMLFromString(topic.attributes.description),\n `https://glowmarkt.com${this.router.url}`\n );\n }\n return topic;\n }\n}\n","export default \".circle-right {\\n position: absolute;\\n width: 593px;\\n height: 593px;\\n border-radius: 50%;\\n left: 65%;\\n top: 10%;\\n background: rgba(246, 101, 142, 0.87);\\n}\\n\\n.circle-left {\\n position: absolute;\\n width: 389px;\\n height: 389px;\\n border-radius: 50%;\\n left: -10%;\\n top: -55%;\\n background: rgba(246, 101, 142, 0.87);\\n}\\n\\n.searchbar-wrapper {\\n width: 50%;\\n z-index: 10;\\n}\\n\\n@media only screen and (max-width: 576px) {\\n .searchbar-wrapper {\\n width: 100%;\\n }\\n\\n .circle-left {\\n left: -10%;\\n }\\n\\n .circle-right {\\n left: 75%;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvZmFxcy1sYW5kaW5nL2ZhcXMtbGFuZGluZy5jb21wb25lbnQuc2NzcyIsInNyYy9hcHAvcHVibGljL2ZhcXMtbGFuZGluZy9mYXFzLWxhbmRpbmcuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsUUFBQTtFQUVBLHFDQUFBO0FDQUY7O0FER0E7RUFDRSxrQkFBQTtFQUNBLFlBQUE7RUFDQSxhQUFBO0VBQ0Esa0JBQUE7RUFDQSxVQUFBO0VBQ0EsU0FBQTtFQUVBLHFDQUFBO0FDREY7O0FESUE7RUFDRSxVQUFBO0VBQ0EsV0FBQTtBQ0RGOztBRElBO0VBQ0U7SUFDRSxXQUFBO0VDREY7O0VESUE7SUFDRSxVQUFBO0VDREY7O0VER0E7SUFDRSxTQUFBO0VDQUY7QUFDRiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9mYXFzLWxhbmRpbmcvZmFxcy1sYW5kaW5nLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmNpcmNsZS1yaWdodCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgd2lkdGg6IDU5M3B4O1xuICBoZWlnaHQ6IDU5M3B4O1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIGxlZnQ6IDY1JTtcbiAgdG9wOiAxMCU7XG4gIC8vIGJhY2tncm91bmQ6IHJnYmEoMjU1LCAxODQsIDcxLCAwLjc3KTtcbiAgYmFja2dyb3VuZDogcmdiYSgyNDYsIDEwMSwgMTQyLCAwLjg3KTtcbn1cblxuLmNpcmNsZS1sZWZ0IHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB3aWR0aDogMzg5cHg7XG4gIGhlaWdodDogMzg5cHg7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgbGVmdDogLTEwJTtcbiAgdG9wOiAtNTUlO1xuICAvLyBiYWNrZ3JvdW5kOiByZ2JhKDI1NSwgMTg0LCA3MSwgMC43Nyk7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjQ2LCAxMDEsIDE0MiwgMC44Nyk7XG59XG5cbi5zZWFyY2hiYXItd3JhcHBlciB7XG4gIHdpZHRoOiA1MCU7XG4gIHotaW5kZXg6IDEwO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5zZWFyY2hiYXItd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAuY2lyY2xlLWxlZnQge1xuICAgIGxlZnQ6IC0xMCU7XG4gIH1cbiAgLmNpcmNsZS1yaWdodCB7XG4gICAgbGVmdDogNzUlO1xuICB9XG59XG5cbiIsIi5jaXJjbGUtcmlnaHQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiA1OTNweDtcbiAgaGVpZ2h0OiA1OTNweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBsZWZ0OiA2NSU7XG4gIHRvcDogMTAlO1xuICBiYWNrZ3JvdW5kOiByZ2JhKDI0NiwgMTAxLCAxNDIsIDAuODcpO1xufVxuXG4uY2lyY2xlLWxlZnQge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHdpZHRoOiAzODlweDtcbiAgaGVpZ2h0OiAzODlweDtcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBsZWZ0OiAtMTAlO1xuICB0b3A6IC01NSU7XG4gIGJhY2tncm91bmQ6IHJnYmEoMjQ2LCAxMDEsIDE0MiwgMC44Nyk7XG59XG5cbi5zZWFyY2hiYXItd3JhcHBlciB7XG4gIHdpZHRoOiA1MCU7XG4gIHotaW5kZXg6IDEwO1xufVxuXG5AbWVkaWEgb25seSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDU3NnB4KSB7XG4gIC5zZWFyY2hiYXItd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gIH1cblxuICAuY2lyY2xlLWxlZnQge1xuICAgIGxlZnQ6IC0xMCU7XG4gIH1cblxuICAuY2lyY2xlLXJpZ2h0IHtcbiAgICBsZWZ0OiA3NSU7XG4gIH1cbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { SeoService } from 'src/app/services/seo.service';\n\n@Component({\n selector: 'app-faqs-landing',\n templateUrl: './faqs-landing.component.html',\n styleUrls: ['./faqs-landing.component.scss'],\n})\nexport class FaqsLandingComponent implements OnInit {\n isSearching: boolean = false;\n constructor(private seoService: SeoService) {}\n\n ngOnInit(): void {\n this.seoService.configureSEO(\n 'Glowmarkt FAQs',\n 'FAQs relating to data, apps, hardware and the heat pump community',\n 'https://glowmarkt.com/faqs'\n );\n }\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n updateIsSearching(isSearching) {\n this.isSearching = isSearching;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9maW5kLWEtcHJvZmVzc2lvbmFsL2ZpbmQtYS1wcm9mZXNzaW9uYWwuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { keyFor } from 'core-js/fn/symbol';\nimport { HeatingSystemService } from 'src/app/services/heating-system.service';\nimport { ProfessionalGlowService } from 'src/app/services/professional-glow.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-find-a-professional',\n templateUrl: './find-a-professional.component.html',\n styleUrls: ['./find-a-professional.component.scss']\n})\nexport class FindAProfessionalComponent implements OnInit {\n technologies = ['Air source heat pump', 'Ground water source heat pump', 'Solar assisted heat pump', 'Ground source heat pump', 'Gas absorption heat pump', 'Exhaust air heat pump']\n filteredValues = []\n installerForm: FormGroup\n heatPumpManufacturerList: Array\n listOfProfessionals = []\n errorMessage: string\n showError: boolean = false;\n pagination;\n count = 0\n postcode: String;\n relatedContent = []\n skills = ['System design', \"System installation\"]\n constructor(private fb: FormBuilder, private heatingSystemService: HeatingSystemService,\n private professionalGlowService: ProfessionalGlowService, private strapiService: StrapiService) {\n this.getHeatPumpBrands()\n }\n\n ngOnInit() {\n this.initInstallerForm()\n this.getRelatedArticles()\n }\n\n initInstallerForm() {\n const group = {\n // brands: ['', []],\n postcode: ['', [Validators.required]],\n boilerUpgradeScheme: ['', []],\n MCSCertified: ['', []],\n technologies: new FormGroup(this.getTechnologiesFormGroup()),\n skills: new FormGroup(this.getSkillsFormGroup()),\n glowInstaller: ['', []]\n };\n\n this.installerForm = this.fb.group(group);\n }\n\n\n getTechnologiesFormGroup() {\n const formGroupFields = {};\n this.technologies.forEach(tech => {\n formGroupFields[tech] = new FormControl(\"\");\n })\n\n return formGroupFields;\n }\n\n getSkillsFormGroup() {\n const formGroupFields = {};\n this.skills.forEach(skill => {\n formGroupFields[skill] = new FormControl(\"\");\n })\n\n return formGroupFields;\n }\n\n async getHeatPumpBrands() {\n const resp = await this.heatingSystemService.getHeatPumps(true)\n const manufacturers = await this.heatingSystemService.getManufacturersFromArray(resp)\n const formattedManufacturers = manufacturers.map(x => x.name)\n this.heatPumpManufacturerList = formattedManufacturers\n }\n\n search() {\n delete this.pagination\n this.listOfProfessionals = []\n this.findInstallers()\n\n }\n\n\n findInstallers() {\n this.showError = false\n const filteredValues = []\n let technologies = []\n let skills = []\n const techFormGroup = this.installerForm.get('technologies') as FormGroup\n const skillsFormGroup = this.installerForm.get('skills') as FormGroup\n if (techFormGroup.controls) {\n this.technologies.forEach(tech => {\n if (techFormGroup.controls[tech].value == true) {\n technologies.push(tech)\n }\n })\n }\n\n if (skillsFormGroup.controls) {\n this.skills.forEach(skill => {\n if (skillsFormGroup.controls[skill].value == true) {\n skills.push(skill)\n }\n\n })\n\n }\n this.postcode = this.installerForm.value.postcode.replace(/^\\s+|\\s+$/g, \"\")\n const data = {\n \"postcode\": this.postcode,\n \"technologies\": technologies,\n \"skills\": skills,\n \"boilerUpgradeScheme\": this.installerForm.value.boilerUpgradeScheme,\n \"mcsCertificate\": this.installerForm.value.MCSCertified,\n \"pagination\": this.pagination ? this.pagination : {}\n }\n this.getInstallers(data)\n if (this.installerForm.value.MCSCertified) {\n filteredValues.push({ name: 'MCS Certified', key: 'MCSCertified' })\n }\n if (this.installerForm.value.boilerUpgradeScheme) {\n filteredValues.push({ name: 'Boiler Upgrade Scheme', key: 'boilerUpgradeScheme' })\n }\n\n technologies.length ? filteredValues.push({ name: technologies, key: 'technologies' }) : ''\n skills.length ? filteredValues.push({ name: skills, key: 'skills' }) : ''\n\n\n this.filteredValues = filteredValues\n \n }\n\n\n\n\n\n removeTag(tag, key?, type?) {\n if (type == 'technology') {\n const formGroup = this.installerForm.get('technologies') as FormGroup\n formGroup.controls[key].setValue(false)\n this.search()\n } else if (type == 'skills') {\n const formGroup = this.installerForm.get('skills') as FormGroup\n formGroup.controls[key].setValue(false)\n this.search()\n } else {\n this.installerForm.get(tag).setValue('')\n this.search()\n }\n }\n\n\n getInstallers(data) {\n // this.listOfProfessionals = []\n // console.log(this.listOfProfessionals)\n this.professionalGlowService.getListOfInstallers(data).subscribe(resp => {\n this.listOfProfessionals.push(resp.data)\n this.getLengthOfInstallers()\n // console.log(this.listOfProfessionals)\n this.pagination = resp.pagination\n }, err => {\n this.showError = true\n this.errorMessage = `No results for '${this.postcode}' `\n })\n\n }\n\n loadMore() {\n this.findInstallers()\n }\n\n getLengthOfInstallers() {\n this.count = 0\n this.listOfProfessionals.forEach(array => {\n this.count = this.count + array.length\n })\n return this.count\n }\n\n getRelatedArticles() {\n this.strapiService.getOneContent('articles', '28', ['authors']).then(resp => {\n this.relatedContent.push(resp)\n // console.log(resp)\n })\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FindAProfessionalComponent } from './find-a-professional.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { InstallerCardModule } from 'src/app/components/installer-card/installer-card.module';\n\n\n\n@NgModule({\n declarations: [FindAProfessionalComponent],\n imports: [\n CommonModule,\n SharedModule,\n InstallerCardModule\n ],\n exports: [FindAProfessionalComponent]\n})\nexport class FindAProfessionalModule { }\n","export default \".form-container {\\n background-position: center left;\\n background-size: cover;\\n height: 80%;\\n width: 100%;\\n}\\n\\n.form-overlay {\\n width: 100%;\\n height: 80%;\\n background-color: rgba(255, 255, 255, 0.741);\\n}\\n\\ninput {\\n border: 0px solid !important;\\n border-radius: 0px !important;\\n border-bottom: 1px solid #888888 !important;\\n background-color: transparent !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvZ2VuZXJhdGUtcGFzc3dvcmQtdG9rZW4vZ2VuZXJhdGUtcGFzc3dvcmQtdG9rZW4uY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9nZW5lcmF0ZS1wYXNzd29yZC10b2tlbi9nZW5lcmF0ZS1wYXNzd29yZC10b2tlbi5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUVJLGdDQUFBO0VBQ0Esc0JBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtBQ0FKOztBRElBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7RUFFQSw0Q0FBQTtBQ0ZKOztBRElBO0VBQ0ksNEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJDQUFBO0VBQ0Esd0NBQUE7QUNESiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9nZW5lcmF0ZS1wYXNzd29yZC10b2tlbi9nZW5lcmF0ZS1wYXNzd29yZC10b2tlbi5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb3JtLWNvbnRhaW5lciB7XG4gICAgLy8gYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvYWJzdHJhY3QxLnBuZyk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGxlZnQ7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgICBoZWlnaHQ6IDgwJTtcbiAgICB3aWR0aDogMTAwJTtcblxufVxuXG4uZm9ybS1vdmVybGF5IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDgwJTtcbiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjZjZmN2ZmZTA7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjc0MSk7XG59XG5pbnB1dCB7XG4gICAgYm9yZGVyOiAwcHggc29saWQgIWltcG9ydGFudDtcbiAgICBib3JkZXItcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiKDEzNiwgMTM2LCAxMzYpICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbn0iLCIuZm9ybS1jb250YWluZXIge1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgbGVmdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgaGVpZ2h0OiA4MCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZm9ybS1vdmVybGF5IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogODAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNzQxKTtcbn1cblxuaW5wdXQge1xuICBib3JkZXI6IDBweCBzb2xpZCAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM4ODg4ODggIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { FormValidator } from 'src/app/services/user-validators';\n\n@Component({\n selector: 'app-generate-password-token',\n templateUrl: './generate-password-token.component.html',\n styleUrls: ['./generate-password-token.component.scss'],\n})\nexport class GeneratePasswordTokenComponent {\n formInfo: FormGroup;\n loadObj: tLoadingElementWithSuccess;\n\n constructor(\n private formBuilder: FormBuilder,\n private authService: GlowService,\n private router: Router,\n private uiConfigService: CustomUIConfigService\n ) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false);\n this.formInfo = this.formBuilder.group({\n username: ['', [Validators.required, FormValidator.isUsernameValid]],\n });\n }\n\n // Attempt to login in through our User service\n submitForm() {\n if (this.formInfo.valid) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n\n this.authService.triggerForgottenPasswordProcess(this.formInfo.value).subscribe(\n (generateRestPasswordToken) => {\n this.loadObj.loading = false;\n\n if (generateRestPasswordToken.valid === true) {\n this.loadObj.loaded = true;\n this.loadObj.loadedMessage = 'Success!';\n this.router.navigateByUrl('/reset-password');\n } else {\n this.loadObj.loadError = true;\n this.loadObj.errorString = 'An error has occurred';\n }\n },\n (err) => {\n console.warn(err);\n let errMsg = 'An error has occurred';\n try {\n const errJson = err.json();\n if (errJson.error) {\n errMsg = errJson.error;\n } else if (errJson.valid === false) {\n errMsg = 'Invalid information';\n }\n } catch (e) {\n console.warn(e);\n }\n this.loadObj.loading = false;\n this.loadObj.loadError = true;\n this.loadObj.errorString = errMsg;\n }\n );\n }else{\n this.loadObj.loadError = true;\n this.loadObj.errorString = 'Incorrect email address';\n }\n }\n}\n","export default \".btn {\\n border: none !important;\\n padding: 15px;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvZ2xvc3NhcnkvZ2xvc3NhcnkuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9nbG9zc2FyeS9nbG9zc2FyeS5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNHLHVCQUFBO0VBQ0EsYUFBQTtBQ0NIIiwiZmlsZSI6InNyYy9hcHAvcHVibGljL2dsb3NzYXJ5L2dsb3NzYXJ5LmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJ0biB7XG4gICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgIHBhZGRpbmc6IDE1cHg7XG5cbn0iLCIuYnRuIHtcbiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XG4gIHBhZGRpbmc6IDE1cHg7XG59Il19 */\"","import { Component, HostListener, OnInit, ViewChild } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { ScrollSpyService } from '@uniprank/ngx-scrollspy';\nimport { BehaviorSubject, Subscription } from 'rxjs';\nimport { ViewportScroller } from '@angular/common';\nimport { ActivatedRoute } from '@angular/router';\nimport { GlossarySearchbarComponent } from 'src/app/components/glossary-searchbar/glossary-searchbar.component';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-glossary',\n templateUrl: './glossary.component.html',\n styleUrls: ['./glossary.component.scss'],\n})\nexport class GlossaryComponent implements OnInit {\n //placeholder array\n letters = [\n 'A',\n 'B',\n 'C',\n 'D',\n 'E',\n 'F',\n 'G',\n 'H',\n 'I',\n 'J',\n 'K',\n 'L',\n 'M',\n 'N',\n 'O',\n 'P',\n 'Q',\n 'R',\n 'S',\n 'T',\n 'U',\n 'V',\n 'W',\n 'X',\n 'Y',\n 'Z',\n ];\n mappedGlossaryTermsToLetters = {};\n loading: boolean = true;\n searchTerm: string = '';\n tagsToFilter: any[] = [];\n innerWidth: number;\n communities;\n invalidQuery: boolean = true;\n\n public activeSection: BehaviorSubject<{ id?: string; elementId?: string; nativeElement?: HTMLElement }> =\n new BehaviorSubject({});\n\n private _subscription: Subscription;\n\n @ViewChild('searchBar', { static: true }) searchBar: GlossarySearchbarComponent;\n\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n constructor(\n private strapiService: StrapiService,\n private _scrollSpyService: ScrollSpyService,\n private viewportScroller: ViewportScroller,\n private route: ActivatedRoute\n ) {\n route.queryParams.subscribe(async (params) => {\n if ( params['q[tags]'] || params['q[s]'] ) {\n this.invalidQuery = false;\n const tagsAsArray = params['q[tags]']?params['q[tags]'].split(','):[]\n const qFormatted = { label: params['q[s]'] };\n Utils.waitForElemById('searchBar').then((el) => {\n this.searchBar.setSearchParameters([...tagsAsArray, qFormatted]);\n this.searchBar.search();\n });\n } else if (!Object.keys(params).length) {\n this.invalidQuery = false;\n this.strapiService.getGlossaryTermsAlphabetically().then((glossaryTerms) => {\n this.mappedGlossaryTermsToLetters = this.mapGlossaryTermsToLetters(glossaryTerms, this.letters);\n });\n this.loading = false;\n this.initScrollSpy();\n this.innerWidth = window.innerWidth;\n }\n });\n }\n\n ngOnInit() {\n this.onResize();\n }\n\n ngOnDestroy() {\n if (this._subscription) {\n this._subscription.unsubscribe();\n }\n }\n\n initScrollSpy() {\n // set offset because 2 sticky menu bars width single height of 50px\n this._scrollSpyService.setOffset('window', 100);\n // subscribe to window scroll listener, it is also possible to use an ScrollSpyElement id\n this._subscription = this._scrollSpyService.observe('window').subscribe((item) => {\n if (item != null) {\n const _nextSection = {\n id: item.id,\n elementId: item.scrollElementId,\n };\n this.activeSection.next(_nextSection);\n console.info(`ScrollSpyService: item:`, item);\n }\n });\n }\n\n getTermsStartingWithLetter(letter: string, glossaryTerms) {\n return glossaryTerms.filter((term) => term.attributes.term[0].toLowerCase() === letter.toLowerCase());\n }\n\n mapGlossaryTermsToLetters(glossaryTerms: any[], letters: any[]) {\n const mappedTerms = {};\n letters.forEach((letter) => (mappedTerms[letter] = this.getTermsStartingWithLetter(letter, glossaryTerms)));\n // // console.log(\"mappedTerms\")\n return mappedTerms;\n }\n scrollToLetter(letter) {\n document.getElementById(letter).scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'smooth' });\n }\n\n updateGlossaryTerms(results) {\n this.loading = true;\n this.mappedGlossaryTermsToLetters = this.mapGlossaryTermsToLetters(results.glossaryTerms, this.letters);\n this.searchTerm = results.searchTerm;\n this.tagsToFilter = results.tagsToFilter;\n this.loading = false;\n }\n\n shouldDisplayNoResults() {\n return !this.loading && Object.values(this.mappedGlossaryTermsToLetters).flat().length === 0;\n }\n}\n","export default \".card-img-overlay {\\n background-image: linear-gradient(to bottom, rgba(115, 112, 112, 0.799), rgba(102, 101, 101, 0.839));\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvaW5mb2dyYXBoaWMvaW5mb2dyYXBoaWMuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9pbmZvZ3JhcGhpYy9pbmZvZ3JhcGhpYy5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNJLG9HQUNJO0FDQVIiLCJmaWxlIjoic3JjL2FwcC9wdWJsaWMvaW5mb2dyYXBoaWMvaW5mb2dyYXBoaWMuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuY2FyZC1pbWctb3ZlcmxheXtcbiAgICBiYWNrZ3JvdW5kLWltYWdlOlxuICAgICAgICBsaW5lYXItZ3JhZGllbnQodG8gYm90dG9tLCByZ2JhKDExNSwgMTEyLCAxMTIsIDAuNzk5KSwgcmdiYSgxMDIsIDEwMSwgMTAxLCAwLjgzOSkpIFxuICAgICAgICAgIFxuICAgIH0iLCIuY2FyZC1pbWctb3ZlcmxheSB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCh0byBib3R0b20sIHJnYmEoMTE1LCAxMTIsIDExMiwgMC43OTkpLCByZ2JhKDEwMiwgMTAxLCAxMDEsIDAuODM5KSk7XG59Il19 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\nimport { JsonLdService } from 'src/app/services/json-ld.service';\n@Component({\n selector: 'app-infographic',\n templateUrl: './infographic.component.html',\n styleUrls: ['./infographic.component.scss'],\n})\nexport class InfographicComponent implements OnInit {\n url;\n infographic;\n loading = true;\n displayImageUrl;\n constructor(\n private router: Router,\n private seoService: SeoService,\n private strapiService: StrapiService,\n private route: ActivatedRoute\n ) {\n route.params.subscribe((params) => {\n this.getUrl();\n this.getInfographicContent(params.infographic).then((infographic) => {\n this.infographic = infographic;\n if (infographic) {\n this.configureSEO(infographic);\n this.displayImageUrl = this.getDisplayImageUrl(this.infographic);\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n\n async getInfographicContent(slug) {\n const infographicContent = await this.strapiService.getContentBySlug('infographics', slug, ['authors']);\n return infographicContent;\n }\n\n getDisplayImageUrl(content) {\n return this.strapiService.getSmallDisplayImageUrl(content);\n }\n\n configureSEO(infographic) {\n const title = Utils.removeHTMLFromString(infographic.attributes.title);\n const summary = Utils.removeHTMLFromString(infographic.attributes.summary);\n const authorNames = infographic.attributes.authors.data.map((author) => author.attributes.name);\n\n const image = this.infographic.attributes.displayImage.data\n ? this.strapiService.getFileFullUrl(this.infographic.attributes.displayImage.data.attributes.url)\n : '';\n const schema = JsonLdService.articleSchema(title, summary, [image], authorNames);\n this.seoService.configureSEO(title, summary, `https://glowmarkt.com${this.router.url}`, schema);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InfographicComponent } from './infographic.component';\nimport { HpjInfographicModule } from 'src/app/components/infographics/hpj-infographic/hpj-infographic.module';\nimport { NotFoundPageModule } from '../not-found-page/not-found-page.module';\nimport { InstallerJourneyInfographicComponent } from 'src/app/components/infographics/installer-journey-infographic/installer-journey-infographic.component';\nimport { InstallerJourneyInfographicModule } from 'src/app/components/infographics/installer-journey-infographic/installer-journey-infographic.module';\nimport { SharedModule } from 'src/app/shared/shared.module';\n\n\n\n@NgModule({\n declarations: [InfographicComponent],\n imports: [\n CommonModule, SharedModule, HpjInfographicModule, NotFoundPageModule, InstallerJourneyInfographicModule\n ],\n exports:[InfographicComponent]\n})\nexport class InfographicModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9pbnN0YWxsZXItcGFnZS9pbnN0YWxsZXItcGFnZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-installer-page',\n templateUrl: './installer-page.component.html',\n styleUrls: ['./installer-page.component.scss']\n})\nexport class InstallerPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InstallerPageComponent } from './installer-page.component';\nimport { InstallerJourneyInfographicModule } from 'src/app/components/infographics/installer-journey-infographic/installer-journey-infographic.module';\n\n\n\n@NgModule({\n declarations: [InstallerPageComponent],\n imports: [\n CommonModule, InstallerJourneyInfographicModule\n ],\n exports: [InstallerPageComponent]\n})\nexport class InstallerPageModule { }\n","export default \".first-section {\\n background-image: url('glowbackground.83b830972828f9811707.png');\\n background-position: center;\\n background-repeat: no-repeat;\\n}\\n\\n.first-section::before {\\n background-image: url('glowbackground.83b830972828f9811707.png');\\n}\\n\\n.banner {\\n z-index: 1000;\\n position: relative;\\n}\\n\\n.second-section-card {\\n background-color: #FCFCFC;\\n}\\n\\n.fifth-section {\\n padding: 30px 20px 60px 20px;\\n}\\n\\n.sixth-section {\\n height: 100%;\\n padding: 60px 20px 60px 20px;\\n}\\n\\n.third-section,\\n.fourth-section {\\n height: 100%;\\n padding: 85px 20px 85px 20px;\\n}\\n\\n.card-img-top {\\n height: auto;\\n width: auto;\\n}\\n\\n.fourth-section-card {\\n height: 100%;\\n}\\n\\n.star {\\n position: absolute;\\n left: 50.8%;\\n right: 0.84%;\\n top: 10.56%;\\n bottom: 80.78%;\\n height: 120px;\\n z-index: 900;\\n}\\n\\n.carousel {\\n position: absolute;\\n left: 60.8%;\\n right: 0.84%;\\n top: 20.56%;\\n}\\n\\n.carousel-card {\\n background-color: #FEF6F8;\\n}\\n\\n.top-carousel,\\n.carousel-card {\\n width: 300px !important;\\n height: 300px !important;\\n border-radius: 50% !important;\\n overflow: none;\\n}\\n\\n.carousel-control-next-icon {\\n background-image: url(\\\"data:image/svg+xml,;\n @ViewChild('searchBar', { static: true }) searchBar: LandingSearchbarComponent;\n\n innerWidth;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n\n doubledContentTypes = ['resources-list', 'user-story'];\n contentTypesToBeDisplayed: Array = ['blogs', 'user-stories', 'resources-lists'];\n\n loading = true;\n blogs!: any[];\n userStories!: any[];\n page = 1;\n allContent: any[] = [];\n observer!: IntersectionObserver;\n resourcesList!: any;\n results: any = {};\n isRegisteredPreliminary;\n communityTag;\n caseStudies =[]\n liveIncidents: any[] = [];\n hasValidAccessToken;\n loginStatus;\n caseStudy;\n constructor(\n private landingService: LandingService,\n private strapiService: StrapiService,\n private searchService: SearchService,\n private host: ElementRef,\n private cookieService: CookieService,\n private seoService: SeoService,\n private router: Router,\n public oauthService: OAuthService,\n private glowService: GlowService,\n private caseStudyService: CaseStudyService,\n config: NgbCarouselConfig\n ) {\n config.showNavigationArrows = false;\n\n \n const navEndEvent$ = this.router.events.pipe(filter((e) => e instanceof NavigationEnd));\n navEndEvent$.subscribe((e: NavigationEnd) => {\n this.hasValidAccessToken = this.oauthService.hasValidAccessToken();\n this.loginStatus = this.hasValidAccessToken\n ? 'logged in'\n : localStorage.length > 0 && localStorage.getItem('id_token')\n ? 'logged in'\n : 'logged out';\n });\n }\n\n ngOnInit(): void {\n // this.glowService\n // .getAllCaseStudies('heating_system.heatPump')\n // .toPromise()\n // .then(async (caseStudies) => {\n // this.caseStudies = await Promise.all(\n // caseStudies.map(async (caseStudy) => {\n // const fullCaseStudy = await this.caseStudyService.fetchCaseStudyData(caseStudy);\n // return fullCaseStudy;\n // })\n // );\n // });\n\n this.glowService\n .getAllCaseStudies('heating_system.heat_pump')\n .toPromise()\n .then(async (caseStudies) => {\n await caseStudies.slice(1,3).forEach((caseStudy)=>{\n this.caseStudyService.fetchCaseStudyData(caseStudy).then((cs)=>{\n // console.log(cs)\n this.caseStudies.push(cs)\n }) \n // console.log(this.caseStudies)\n\n })\n }).catch((err) => {\n // console.log(\"err\", err)\n this.loading = false\n })\n\n // this.searchService.updateSearchSettingsForSearchableContent()\n this.getLiveIncidents();\n this.getAllCommunities().then((allContent) => {\n // this.allContent = this.formatContentArray(allContent);\n this.allContent = allContent;\n this.loading = false;\n });\n\n this.configureSEO();\n // this.runObserver();\n this.isRegisteredPreliminary = this.getIsRegsteredCookie();\n this.onResize();\n\n // this.searchService.updateSearchSettingsForSearchableContent()\n\n }\n\n ngOnDestroy() {\n // this.observer.disconnect();\n this.seoService.resetSEOconfig();\n }\n\n configureSEO() {\n this.seoService.configureSEO('Glowmarkt', 'Homepage for Glowmarkt', 'https://glowmarkt.com/home');\n }\n\n get element() {\n return this.host.nativeElement;\n }\n\n async getLiveIncidents() {\n const incidents = await this.strapiService.getAllOfContentType('system-incidents', null,[]);\n this.liveIncidents = incidents.filter(\n (incident) =>\n new Date() >= new Date(incident.attributes.incidentDateTime) && !incident.attributes.completedDateTime\n );\n }\n\n getIsRegsteredCookie() {\n return this.cookieService.get('preliminaryRegister');\n }\n\n //checks if window has scrolled to anchor element\n runObserver() {\n const options = {\n root: null,\n };\n\n this.observer = new IntersectionObserver(([entry]) => {\n entry.isIntersecting && this.scrolledToAnchor();\n }, options);\n\n this.observer.observe(this.anchor.nativeElement);\n }\n\n // increment page & load more content if window is scrolled to anchor\n scrolledToAnchor() {\n this.page += 1;\n if (this.allContent) {\n this.getAllContent(this.page).then(\n (allContent) => (this.allContent = [...this.allContent, ...this.formatContentArray(allContent)])\n );\n }\n }\n\n //gets all the content from strapi - not formatted for display\n async getAllContent(page: number | string) {\n const tutorials = await this.strapiService.getAllOfContentType('tutorials', page);\n const blogs = await this.strapiService.getAllOfContentType('blogs', page);\n const resourcesList = await this.strapiService.getAllOfContentType('resources-lists', page);\n const articles = await this.strapiService.getAllOfContentType('articles', page);\n return [\n ...blogs.map((blog: any) => Object.assign(blog, { contentType: 'blog' })),\n ...tutorials.map((tutorial: any) => Object.assign(tutorial, { contentType: 'tutorials' })),\n ...resourcesList.map((userStory: any) => Object.assign(userStory, { contentType: 'resources-list' })),\n ...articles.map((userStory: any) => Object.assign(userStory, { contentType: 'article' })),\n ];\n }\n\n async getAllCommunities() {\n const communities = await this.strapiService.getAllOfContentType('communities', null, [\"featured_articles\", \"featured_blogs\", \"featured_infographics\"]);\n //hard coded to put heat pump first in the array\n const x = communities.shift();\n communities.push(x);\n return communities;\n }\n\n formatContentArray(contentArray) {\n let toFormat = [];\n //get single display contents:formattedArray has format [[{content6}],[{content5}]]\n let formattedArray = contentArray\n .filter((content) => !this.doubledContentTypes.includes(content.contentType))\n .map((content) => [content]);\n //get content to be displayed doubled\n this.doubledContentTypes.forEach((type) => {\n toFormat.push(...contentArray.filter((content) => content.contentType == type));\n });\n //shuffle so mixed content is displayed on doubled row\n toFormat = _.shuffle(toFormat);\n let formatted = [];\n //populated formatted with [[{content1},{content2}],[{content3},{content4}]]\n for (let i = 0; i < toFormat.length; i++) {\n if (i % 2 == 0) {\n toFormat[i + 1] ? (formatted = [...formatted, [toFormat[i], toFormat[i + 1]]]) : formatted.push([toFormat[i]]);\n }\n }\n //add the formatted doubled to the formattedArray => [[{content5}],[{content1},{content4}],[{content3},{content2}],[{content6}]]\n formattedArray.push(...formatted);\n return _.shuffle(formattedArray);\n }\n\n searchCommunity(community) {\n this.searchBar.setSearchParametersAndSearch([community.attributes.name], community.attributes.name);\n window.scrollTo(0, 0);\n }\n sanitizeCaseStudy(caseStudy, relationKey?: string) {\n let sanitizedCaseStudy: any = {};\n if (caseStudy) {\n for (let [key, val] of Object.entries(caseStudy)) {\n let value = val as any;\n if (sanitizedCaseStudy[key] || key == 'case_study' || key == relationKey) {\n continue;\n } else if (!value || typeof value !== 'object') {\n sanitizedCaseStudy[key] = value;\n } else if (key == 'attributes' && !Array.isArray(value)) {\n sanitizedCaseStudy = this.sanitizeCaseStudy({ ...sanitizedCaseStudy, ...value });\n } else if (value.data && !Array.isArray(value.data)) {\n sanitizedCaseStudy[key] = this.sanitizeCaseStudy({ ...value.data.id, ...value.data.attributes });\n } else if (value.data && Array.isArray(value.data)) {\n sanitizedCaseStudy[key] = value.data.map((item) => this.sanitizeCaseStudy(item));\n }\n }\n }\n return sanitizedCaseStudy;\n }\n\n navigateSignUp() {\n this.router.navigateByUrl('/register');\n }\n\n navigate(path) {\n this.router.navigateByUrl(path);\n \n }\n}\n","export default \".logo-text {\\n font-family: \\\"DIN Next LT Pro\\\" !important;\\n font-weight: 500;\\n}\\n\\na.text-dark {\\n color: #2b2b2b !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvbG9naW4vbG9naW4uY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9sb2dpbi9sb2dpbi5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHlDQUFBO0VBQ0EsZ0JBQUE7QUNDRjs7QURTQTtFQUNFLHlCQUFBO0FDTkYiLCJmaWxlIjoic3JjL2FwcC9wdWJsaWMvbG9naW4vbG9naW4uY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyIubG9nby10ZXh0IHtcbiAgZm9udC1mYW1pbHk6IFwiRElOIE5leHQgTFQgUHJvXCIgIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn1cblxuLy8gaW5wdXQge1xuLy8gICAgIGJvcmRlcjogMHB4IHNvbGlkICFpbXBvcnRhbnQ7XG4vLyAgICAgYm9yZGVyLXJhZGl1czogMHB4ICFpbXBvcnRhbnQ7XG4vLyAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYigxMzYsIDEzNiwgMTM2KSAhaW1wb3J0YW50O1xuLy8gICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4vLyB9XG5cbmEudGV4dC1kYXJrIHtcbiAgY29sb3I6ICMyYjJiMmIgIWltcG9ydGFudDtcbn1cbiIsIi5sb2dvLXRleHQge1xuICBmb250LWZhbWlseTogXCJESU4gTmV4dCBMVCBQcm9cIiAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG5hLnRleHQtZGFyayB7XG4gIGNvbG9yOiAjMmIyYjJiICFpbXBvcnRhbnQ7XG59Il19 */\"","import { Component } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Validators, FormBuilder, FormGroup } from '@angular/forms';\nimport { GlowService } from '../../services/glow.service';\nimport { tLoginInfo } from '../../services/glow.typings';\nimport { CustomUIConfigService } from '../../services/custom-ui-config.service';\nimport { tLoadingElementWithSuccess } from '../../services/app-config.typings';\nimport { TermsConditionsService } from '../../services/termsconditions.service';\nimport { tTermsConditionsUiConfig } from 'src/app/components/component.typings';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\nimport { OAuthService } from 'angular-oauth2-oidc';\nimport { VirtualEntityService } from 'src/app/services/virtual-entity.service';\nimport { Subscription } from 'rxjs';\n\n@Component({\n styleUrls: ['./login.component.scss', '../public-components.scss'],\n templateUrl: './login.component.html',\n})\nexport class LoginComponent {\n public hasValidAccessToken = false;\n loginDetailsForm: FormGroup;\n loadObj: tLoadingElementWithSuccess;\n isOpenTermsAndConditionsModal: boolean = false;\n termsConditionsUiConfig: tTermsConditionsUiConfig = {\n allowModalToExit: false,\n showPermissions: true,\n requireAccept: true,\n };\n viewPassword: boolean = false;\n serviceAgentActive: boolean = false;\n userActive: boolean = true;\n termsconditionsRef: any;\n showPasswordForm: boolean = false;\n subscriptionVirtualEntityList: Subscription;\n\n constructor(\n public auth: AuthenticationService,\n public oauthService: OAuthService,\n private modalService: NgbModal,\n private formBuilder: FormBuilder,\n private authService: GlowService,\n private termsConditionsService: TermsConditionsService,\n private route: ActivatedRoute,\n private router: Router,\n private uiConfigService: CustomUIConfigService,\n private veService: VirtualEntityService\n ) {\n this.subscriptionVirtualEntityList = this.veService.virtualEntitiesForDashboard$.subscribe(async (veList) => {\n if (veList.length) {\n this.router.navigateByUrl('/pages/property');\n } else {\n this.router.navigateByUrl('/pages/property/energy-data');\n }\n });\n\n const accessToken = this.oauthService.getAccessToken();\n const hasIdToken = this.oauthService.hasValidIdToken();\n this.hasValidAccessToken = this.oauthService.hasValidAccessToken();\n\n if (this.hasValidAccessToken && hasIdToken && accessToken) {\n this.router.navigateByUrl('/professional/landing');\n }\n\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false);\n\n this.loginDetailsForm = this.formBuilder.group({\n username: ['', Validators.required],\n password: ['', Validators.required],\n });\n\n this.route.queryParams.subscribe(async (params) => {\n if (params.code && params.state) {\n this.serviceAgentActive = true;\n this.userActive = false;\n this.loadObj = { ...this.loadObj, loading: true, loadedMessage: 'authorising...' };\n\n if (!this.auth.authenticated) {\n this.auth.markAsAuthenticated();\n }\n } else {\n this.loginDetailsForm.get('username').setValue(params['email']);\n const missingElements = [];\n const incomingRequiredProperties = ['applicationId', 'token', 'userKey'];\n const replaceCharacters = [/%0D/g, /%0A/g, /%0D%0A/g, /\\r/g, /\\n/g];\n const incomingValues: any = Object.keys(params).reduce((acc, incomingProperty) => {\n const sanitisedPropertyName = replaceCharacters.reduce((acc, characterToReplace) => acc.replace(characterToReplace, ''), incomingProperty);\n if (incomingRequiredProperties.indexOf(sanitisedPropertyName) > -1 || incomingRequiredProperties.indexOf(incomingProperty) > -1) {\n const sanitisedValue = replaceCharacters.reduce((acc, characterToReplace) => acc.replace(characterToReplace, ''), params[incomingProperty] || params[sanitisedPropertyName]);\n acc[sanitisedPropertyName] = sanitisedValue;\n }\n return acc;\n }, {});\n incomingRequiredProperties.forEach((property) => {\n if (!incomingValues[property]) {\n missingElements.push(property);\n console.warn('Missing element: ' + property);\n }\n });\n const { applicationId, token, userKey } = incomingValues;\n const emailVerificationIncomingParams = { applicationId, token, usernameHash: userKey };\n\n this.submitEmailVerificationInformation(emailVerificationIncomingParams);\n }\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n if (this.subscriptionVirtualEntityList) {\n this.subscriptionVirtualEntityList.unsubscribe();\n }\n }\n\n submitEmailVerificationInformation(emailVerificationIncomingParams) {\n this.authService.verify(emailVerificationIncomingParams).subscribe(\n (verificationResponse) => {\n // if (verificationResponse.valid === true) {\n // console.log(\"Email successfully verified\")\n // } else {\n // console.log(\"email address could not be verified.\")\n // }\n },\n (err) => {\n console.warn(err.error);\n }\n );\n }\n\n sanitiseDetails(loginDetailsForm: tLoginInfo): tLoginInfo {\n if (loginDetailsForm && loginDetailsForm.username) {\n loginDetailsForm.username = loginDetailsForm.username.toLowerCase();\n loginDetailsForm.username = loginDetailsForm.username.replace(/\\s+/g, '');\n }\n if (loginDetailsForm.password) {\n loginDetailsForm.password = loginDetailsForm.password.replace(/\\s+$/, ''); // Trailing spaces\n loginDetailsForm.password = loginDetailsForm.password.replace(/^\\s+/g, ''); // Spaces at the start of the string\n }\n return loginDetailsForm;\n }\n\n togglePassword(viewPassword: string) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n logOut() {\n this.authService.logout().subscribe(\n (resp) => {\n console.log('logout', resp);\n },\n (err) => {\n console.warn(err);\n }\n );\n }\n\n checkEmail() {\n if (this.loginDetailsForm.value.username == '' || this.loginDetailsForm.value.username == undefined || this.loginDetailsForm.value.username == null) {\n this.loadObj.errorString = 'Enter username';\n } else {\n const body = { username: this.loginDetailsForm.value.username };\n this.authService.checkUserEmailLogin(body).subscribe((resp: any) => {\n if (resp.authenticationTypeService == 'glow-oicd') {\n const params = { login_hint: body.username };\n this.auth.authenticate(true, params);\n this.loginDetailsForm.reset();\n } else {\n this.showPasswordForm = true;\n }\n });\n }\n }\n\n openTermsConditionsModal() {\n this.termsconditionsRef = this.modalService.open(TermsconditionsModalComponent, {\n scrollable: true,\n backdrop: 'static',\n centered: true,\n size: 'xl',\n });\n }\n\n findUserOrganizations() {\n this.authService.getUserOrganizationsOfUser().subscribe(\n (userOrganizations) => {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loaded: true,\n loadedMessage: 'Success',\n };\n this.veService.findVirtualEntities();\n },\n (error) => {\n console.warn(error);\n }\n );\n }\n\n async checkTermsConditions() {\n let userTcObj: any;\n try {\n userTcObj = await this.termsConditionsService.checkIfUserHasAcceptedCurrentTermsAndConditions();\n } catch (e) {\n console.warn(e);\n if (e && e.message) {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: e.message,\n };\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'ERROR',\n };\n }\n }\n if (userTcObj && userTcObj.hasUserAcceptedTermsConditions === true) {\n this.findUserOrganizations();\n } else {\n this.isOpenTermsAndConditionsModal = true;\n this.openTermsConditionsModal();\n this.termsconditionsRef.result.then(\n (data) => {\n if (data.reference && data.data) {\n this.termsConditionsService.setUserTermsConditions(data);\n this.findUserOrganizations();\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'Terms and conditions must be accepted to continue',\n };\n }\n },\n (err: any) => {\n console.warn(err);\n }\n );\n }\n }\n\n doLogin() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n let loginDetails = this.sanitiseDetails({ ...this.loginDetailsForm.value });\n this.authService.login(loginDetails).subscribe(\n (authResponse) => {\n if (authResponse === true) {\n const isTempAuth = this.authService.isTempAuth();\n if (isTempAuth === true) {\n this.findUserOrganizations();\n } else {\n this.checkTermsConditions();\n }\n } else {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString: 'Access Denied',\n };\n }\n },\n (err) => {\n console.warn(err);\n let errorString = 'An error has occurred';\n try {\n if (err.error && typeof err.error === 'string') {\n errorString = err.error;\n } else if ((err.error && !err.error.valid) || err.valid === false) {\n errorString = 'Invalid username or password';\n }\n } catch (e) {\n console.warn(e);\n }\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n errorString,\n };\n }\n );\n }\n\n toggleLoginType(type) {\n this.serviceAgentActive = type == 'serviceAgent' ? true : false;\n this.userActive = type == 'user' ? true : false;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9ub3QtZm91bmQtcGFnZS9ub3QtZm91bmQtcGFnZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-not-found-page',\n templateUrl: './not-found-page.component.html',\n styleUrls: ['./not-found-page.component.scss']\n})\nexport class NotFoundPageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit() {\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { NotFoundPageComponent } from './not-found-page.component';\n\n@NgModule({\n declarations: [NotFoundPageComponent],\n imports: [\n CommonModule, \n ],\n exports: [NotFoundPageComponent]\n})\nexport class NotFoundPageModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9wcml2YWN5LXBvbGljeS9wcml2YWN5LXBvbGljeS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-privacy-policy',\n templateUrl: './privacy-policy.component.html',\n styleUrls: ['./privacy-policy.component.scss']\n})\nexport class PrivacyPolicyComponent implements OnInit {\n content;\n constructor(private strapiService: StrapiService) {\n this.getContent().then((content) => {\n this.content = content;\n });\n }\n\n ngOnInit() {\n }\n\n async getContent() {\n const content = await this.strapiService.getPrivacyPolicy();\n // console.log(content)\n return content\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9wcm9mZXNzaW9uYWwtcmVnaXN0ZXItZm9ybS9wcm9mZXNzaW9uYWwtcmVnaXN0ZXItZm9ybS5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\n@Component({\n selector: 'app-professional-register-form',\n templateUrl: './professional-register-form.component.html',\n styleUrls: ['./professional-register-form.component.scss', '../register/register.component.scss']\n})\nexport class ProfessionalRegisterFormComponent implements OnInit {\nrole: String;\n constructor( private route: ActivatedRoute) { \n \n this.route.params.subscribe((params) => {\n this.role = params.role \n // console.log(this.role)\n })\n \n\n}\n ngOnInit() {\n }\n}","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ProfessionalRegisterFormComponent } from './professional-register-form.component';\nimport { InstallerRegisterFormModule } from 'src/app/components/installer-register-form/installer-register-form.module';\nimport { LocalAuthorityRegisterFormModule } from 'src/app/components/local-authority-register-form/local-authority-register-form.module';\n\n\n\n@NgModule({\n declarations: [ProfessionalRegisterFormComponent],\n imports: [\n CommonModule, InstallerRegisterFormModule, LocalAuthorityRegisterFormModule\n ],\n exports: [ProfessionalRegisterFormComponent]\n})\nexport class ProfessionalRegisterFormModule { }\n","export default \".col-5:hover {\\n transform: scale(1.1);\\n box-shadow: -10px 0px 13px -7px #d9d0d8, 10px 0px 13px -7px #d0d4d9, 0px 0px 15px 3px rgba(223, 224, 229, 0);\\n}\\n\\n.col-5 {\\n transition: transform 0.2s ease;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvcHJvZmVzc2lvbmFscy1yZWdpc3Rlci9wcm9mZXNzaW9uYWxzLXJlZ2lzdGVyLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wdWJsaWMvcHJvZmVzc2lvbmFscy1yZWdpc3Rlci9wcm9mZXNzaW9uYWxzLXJlZ2lzdGVyLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBQ0kscUJBQUE7RUFFQSw0R0FBQTtBQ0RKOztBRFVFO0VBQ0UsK0JBQUE7QUNQSiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9wcm9mZXNzaW9uYWxzLXJlZ2lzdGVyL3Byb2Zlc3Npb25hbHMtcmVnaXN0ZXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcblxuLmNvbC01OmhvdmVyIHtcbiAgICB0cmFuc2Zvcm06IHNjYWxlKDEuMSk7XG4gICAgLXdlYmtpdC1ib3gtc2hhZG93OiAtMTBweCAwcHggMTNweCAtN3B4ICNkMGQ0ZDksIDEwcHggMHB4IDEzcHggLTdweCAjZDBkNGQ5LCAwcHggMHB4IDE1cHggM3B4IHJnYmEoMjIzLDIyNCwyMjksMCk7IFxuICAgIGJveC1zaGFkb3c6IC0xMHB4IDBweCAxM3B4IC03cHggI2Q5ZDBkOCwgMTBweCAwcHggMTNweCAtN3B4ICNkMGQ0ZDksIDBweCAwcHggMTVweCAzcHggcmdiYSgyMjMsMjI0LDIyOSwwKTtcbiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjZmVmNmY4O1xuICAgIC8vIGJhY2tncm91bmQtY29sb3I6IHdoaXRlXG4gICAgLy8gYmFja2dyb3VuZC1jb2xvcjogI2Y3ZjhmOVxuICAgIC8vIGJhY2tncm91bmQtY29sb3I6ICNmZmI4NDdcbiAgICAvLyBiYWNrZ3JvdW5kOiByZ2IoMjQ2LDczLDQwKTtcbiAgICAvLyBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEoMjQ2LDczLDQwLDAuMjM3MTU0MjM2Njk0Njc3ODMpIDElLCByZ2JhKDI1NSwxMzYsMTUsMC4yMDM1NDA3OTEzMTY1MjY1OCkgNDclLCByZ2JhKDI1NSwxODQsNzEsMC4yNTk1NjMyMDAyODAxMTIwNCkgOTklKTtcbiAgfVxuICBcbiAgLmNvbC01IHtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlO1xuICB9IiwiLmNvbC01OmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAtd2Via2l0LWJveC1zaGFkb3c6IC0xMHB4IDBweCAxM3B4IC03cHggI2QwZDRkOSwgMTBweCAwcHggMTNweCAtN3B4ICNkMGQ0ZDksIDBweCAwcHggMTVweCAzcHggcmdiYSgyMjMsIDIyNCwgMjI5LCAwKTtcbiAgYm94LXNoYWRvdzogLTEwcHggMHB4IDEzcHggLTdweCAjZDlkMGQ4LCAxMHB4IDBweCAxM3B4IC03cHggI2QwZDRkOSwgMHB4IDBweCAxNXB4IDNweCByZ2JhKDIyMywgMjI0LCAyMjksIDApO1xufVxuXG4uY29sLTUge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlO1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, FormGroupName, Validators } from '@angular/forms';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { PostcodeCheckerService } from 'src/app/services/postcode-checker.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\n\n@Component({\n selector: 'app-professionals-register',\n templateUrl: './professionals-register.component.html',\n styleUrls: ['./professionals-register.component.scss', '../register/register.component.scss'],\n})\nexport class ProfessionalsRegisterComponent implements OnInit {\n roles = ['Installers', 'Local Authorities']\n constructor(private router: Router) {\n }\n ngOnInit(): void {\n\n }\n\n navigateToForm(role) {\n if (role == 'Installers'){\n return '/professionals-register/installer?type=personal-details';\n } else if (role == 'Local Authorities') { \n return '/professionals-register/local-authority';\n\n\n }}\n}","export default \".split-view {\\n margin: 0 auto;\\n width: 100%;\\n max-width: 1000px;\\n}\\n\\n::ng-deep .clr-error .clr-input-group:focus,\\n::ng-deep .clr-input-group {\\n border-bottom: none !important;\\n}\\n\\n::ng-deep .clr-input-group .clr-input-group-icon-action {\\n position: relative;\\n left: -40px;\\n}\\n\\n::ng-deep .login-wrapper .login .login-group .clr-control-container .clr-input-wrapper > .clr-input-group > .clr-input {\\n width: 100%;\\n}\\n\\n::ng-deep .login-wrapper .login .login-group {\\n display: block;\\n flex-direction: unset;\\n padding: 0 !important;\\n margin: 0 auto;\\n}\\n\\n::ng-deep .clr-control-label {\\n margin-bottom: 5px;\\n}\\n\\n.login-group {\\n max-width: 366px;\\n}\\n\\n.signup {\\n display: block;\\n}\\n\\n.tooltip {\\n display: block;\\n}\\n\\n::ng-deep .clr-input-group,\\n::ng-deep .clr-error .clr-input-group {\\n background: none;\\n transition: none;\\n}\\n\\n.alert.alert-warning {\\n border: none !important;\\n background: none !important;\\n}\\n\\n.alert-text {\\n color: #ED5239 !important;\\n font-size: 14px;\\n position: relative;\\n top: -14px;\\n left: -3px;\\n}\\n\\n@media screen and (max-width: 400px) {\\n .login-wrapper .login {\\n padding: 1.2rem 5%;\\n }\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvcHVibGljLWNvbXBvbmVudHMuc2NzcyIsInNyYy9hcHAvcHVibGljL3B1YmxpYy1jb21wb25lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSxjQUFBO0VBQ0EsV0FBQTtFQUNBLGlCQUFBO0FDQ0o7O0FERUE7O0VBRUksOEJBQUE7QUNDSjs7QURFQTtFQUNJLGtCQUFBO0VBQ0EsV0FBQTtBQ0NKOztBREVBO0VBQ0ksV0FBQTtBQ0NKOztBREVBO0VBQ0ksY0FBQTtFQUNBLHFCQUFBO0VBQ0EscUJBQUE7RUFDQSxjQUFBO0FDQ0o7O0FERUE7RUFDSSxrQkFBQTtBQ0NKOztBREVBO0VBQ0ksZ0JBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7QUNDSjs7QURFQTtFQUNJLGNBQUE7QUNDSjs7QURFQTs7RUFFSSxnQkFBQTtFQUNBLGdCQUFBO0FDQ0o7O0FERUE7RUFDSSx1QkFBQTtFQUNBLDJCQUFBO0FDQ0o7O0FERUE7RUFDSSx5QkFBQTtFQUNBLGVBQUE7RUFDQSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxVQUFBO0FDQ0o7O0FER0E7RUFDSTtJQUNJLGtCQUFBO0VDQU47QUFDRiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9wdWJsaWMtY29tcG9uZW50cy5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLnNwbGl0LXZpZXcge1xuICAgIG1hcmdpbjogMCBhdXRvOyBcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXgtd2lkdGg6IDEwMDBweDtcbn1cblxuOjpuZy1kZWVwIC5jbHItZXJyb3IgLmNsci1pbnB1dC1ncm91cDpmb2N1cyxcbjo6bmctZGVlcCAuY2xyLWlucHV0LWdyb3VwIHtcbiAgICBib3JkZXItYm90dG9tOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbjo6bmctZGVlcCAuY2xyLWlucHV0LWdyb3VwIC5jbHItaW5wdXQtZ3JvdXAtaWNvbi1hY3Rpb24ge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBsZWZ0OiAtNDBweDtcbn1cblxuOjpuZy1kZWVwIC5sb2dpbi13cmFwcGVyIC5sb2dpbiAubG9naW4tZ3JvdXAgLmNsci1jb250cm9sLWNvbnRhaW5lciAuY2xyLWlucHV0LXdyYXBwZXIgPiAuY2xyLWlucHV0LWdyb3VwID4gLmNsci1pbnB1dCB7XG4gICAgd2lkdGg6IDEwMCU7XG59XG5cbjo6bmctZGVlcCAubG9naW4td3JhcHBlciAubG9naW4gLmxvZ2luLWdyb3VwIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICBmbGV4LWRpcmVjdGlvbjogdW5zZXQ7XG4gICAgcGFkZGluZzogMCAhaW1wb3J0YW50O1xuICAgIG1hcmdpbjogMCBhdXRvO1xufVxuXG46Om5nLWRlZXAgLmNsci1jb250cm9sLWxhYmVsIHtcbiAgICBtYXJnaW4tYm90dG9tOiA1cHg7XG59XG5cbi5sb2dpbi1ncm91cCB7XG4gICAgbWF4LXdpZHRoOiAzNjZweDtcbn1cblxuLnNpZ251cCB7XG4gICAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50b29sdGlwIHtcbiAgICBkaXNwbGF5OiBibG9jaztcbn1cblxuOjpuZy1kZWVwIC5jbHItaW5wdXQtZ3JvdXAsXG46Om5nLWRlZXAgLmNsci1lcnJvciAuY2xyLWlucHV0LWdyb3VwIHtcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIHRyYW5zaXRpb246IG5vbmU7XG59XG5cbi5hbGVydC5hbGVydC13YXJuaW5nIHtcbiAgICBib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcbiAgICBiYWNrZ3JvdW5kOiBub25lICFpbXBvcnRhbnQ7XG59XG5cbi5hbGVydC10ZXh0IHtcbiAgICBjb2xvcjogI0VENTIzOSAhaW1wb3J0YW50O1xuICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgdG9wOiAtMTRweDtcbiAgICBsZWZ0OiAtM3B4O1xufVxuXG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQwMHB4KSB7XG4gICAgLmxvZ2luLXdyYXBwZXIgLmxvZ2luIHtcbiAgICAgICAgcGFkZGluZzogMS4ycmVtIDUlO1xuICAgIH1cbn0iLCIuc3BsaXQtdmlldyB7XG4gIG1hcmdpbjogMCBhdXRvO1xuICB3aWR0aDogMTAwJTtcbiAgbWF4LXdpZHRoOiAxMDAwcHg7XG59XG5cbjo6bmctZGVlcCAuY2xyLWVycm9yIC5jbHItaW5wdXQtZ3JvdXA6Zm9jdXMsXG46Om5nLWRlZXAgLmNsci1pbnB1dC1ncm91cCB7XG4gIGJvcmRlci1ib3R0b206IG5vbmUgIWltcG9ydGFudDtcbn1cblxuOjpuZy1kZWVwIC5jbHItaW5wdXQtZ3JvdXAgLmNsci1pbnB1dC1ncm91cC1pY29uLWFjdGlvbiB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgbGVmdDogLTQwcHg7XG59XG5cbjo6bmctZGVlcCAubG9naW4td3JhcHBlciAubG9naW4gLmxvZ2luLWdyb3VwIC5jbHItY29udHJvbC1jb250YWluZXIgLmNsci1pbnB1dC13cmFwcGVyID4gLmNsci1pbnB1dC1ncm91cCA+IC5jbHItaW5wdXQge1xuICB3aWR0aDogMTAwJTtcbn1cblxuOjpuZy1kZWVwIC5sb2dpbi13cmFwcGVyIC5sb2dpbiAubG9naW4tZ3JvdXAge1xuICBkaXNwbGF5OiBibG9jaztcbiAgZmxleC1kaXJlY3Rpb246IHVuc2V0O1xuICBwYWRkaW5nOiAwICFpbXBvcnRhbnQ7XG4gIG1hcmdpbjogMCBhdXRvO1xufVxuXG46Om5nLWRlZXAgLmNsci1jb250cm9sLWxhYmVsIHtcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xufVxuXG4ubG9naW4tZ3JvdXAge1xuICBtYXgtd2lkdGg6IDM2NnB4O1xufVxuXG4uc2lnbnVwIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbi50b29sdGlwIHtcbiAgZGlzcGxheTogYmxvY2s7XG59XG5cbjo6bmctZGVlcCAuY2xyLWlucHV0LWdyb3VwLFxuOjpuZy1kZWVwIC5jbHItZXJyb3IgLmNsci1pbnB1dC1ncm91cCB7XG4gIGJhY2tncm91bmQ6IG5vbmU7XG4gIHRyYW5zaXRpb246IG5vbmU7XG59XG5cbi5hbGVydC5hbGVydC13YXJuaW5nIHtcbiAgYm9yZGVyOiBub25lICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQ6IG5vbmUgIWltcG9ydGFudDtcbn1cblxuLmFsZXJ0LXRleHQge1xuICBjb2xvcjogI0VENTIzOSAhaW1wb3J0YW50O1xuICBmb250LXNpemU6IDE0cHg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgdG9wOiAtMTRweDtcbiAgbGVmdDogLTNweDtcbn1cblxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNDAwcHgpIHtcbiAgLmxvZ2luLXdyYXBwZXIgLmxvZ2luIHtcbiAgICBwYWRkaW5nOiAxLjJyZW0gNSU7XG4gIH1cbn0iXX0= */\"","import { NgModule } from '@angular/core';\nimport { FormBuilder } from '@angular/forms';\nimport { LoginComponent } from './login/login.component';\nimport { SharedModule } from '../shared/shared.module';\nimport { FaqsLandingComponent } from '../public/faqs-landing/faqs-landing.component';\nimport { FaqsTopicComponent } from '../public/faq-topic/faqs-topic.component';\nimport { FaqDetailedComponent } from '../public/faq-detailed/faq-detailed.component';\nimport { UserStoryDetailedComponent } from '../public/user-story-detailed/user-story-detailed.component';\nimport { GeneratePasswordTokenComponent } from '../public/generate-password-token/generate-password-token.component';\nimport { ResetPasswordComponent } from '../public/reset-password/reset-password.component';\nimport { FaqsSearchbarComponent } from '../components/faqs-searchbar/faqs-searchbar.component';\nimport { FaqsTopicsComponent } from '../components/faqs-topics/faqs-topics.component';\nimport { FaqsSubtopicsComponent } from '../components/faqs-subtopics/faqs-subtopics.component';\nimport { BreadcrumbComponent } from '../components/breadcrumb/breadcrumb.component';\nimport { FaqFeedbackFormComponent } from '../components/faq-feedback-form/faq-feedback-form.component';\nimport { FaqQuestionFormComponent } from '../components/faq-question-form/faq-question-form.component';\nimport { FaqDetailedContentComponent } from '../components/faq-detailed-content/faq-detailed-content.component';\nimport { SideBarComponent } from '../components/side-bar/side-bar.component';\nimport { UserStoryDetailedContentComponent } from '../components/user-story-detailed-content/user-story-detailed-content.component';\n// import { TagComponent } from '../components/tag/tag.component';\nimport { BlockquoteComponent } from '../components/blockquote/blockquote.component';\nimport { SocialMediaButtonsComponent } from '../components/social-media-buttons/social-media-buttons.component';\nimport { UserStoryCardComponent } from '../components/user-story-card/user-story-card.component';\nimport { BlogComponent } from './blog/blog.component';\nimport { BlogContentComponent } from '../components/blog-content/blog-content.component';\nimport { LandingComponent } from './landing/landing.component';\nimport { LandingSearchbarComponent } from '../components/landing-searchbar/landing-searchbar.component';\nimport { LandingCarouselComponent } from '../components/landing-carousel/landing-carousel.component';\nimport { BlogCardComponent } from '../components/blog-card/blog-card.component';\nimport { LandingCarouselCardComponent } from '../components/landing-carousel-card/landing-carousel-card.component';\nimport { ResourcesListComponent } from './resources-list/resources-list.component';\nimport { ResourcesListContentComponent } from '../components/resources-list-content/resources-list-content.component';\nimport { ResourcesListCardComponent } from '../components/resources-list-card/resources-list-card.component';\nimport { ComingSoonCardComponent } from '../components/coming-soon-card/coming-soon-card.component';\nimport { TutorialComponent } from './tutorial/tutorial.component';\nimport { TutorialContentComponent } from '../components/tutorial-content/tutorial-content.component';\nimport { NgxScrollspyModule } from '@uniprank/ngx-scrollspy';\nimport { TutorialCardComponent } from '../components/tutorial-card/tutorial-card.component';\nimport { IvyCarouselModule } from 'angular-responsive-carousel';\nimport { ArticleComponent } from './article/article.component';\nimport { ArticleContentComponent } from '../components/article-content/article-content.component';\nimport { ArticleCardComponent } from '../components/article-card/article-card.component';\nimport { GlossaryComponent } from './glossary/glossary.component';\nimport { GlossaryTermComponent } from '../components/glossary-term/glossary-term.component';\nimport { GlossarySearchbarComponent } from '../components/glossary-searchbar/glossary-searchbar.component';\nimport { LandingSidebarComponent } from '../components/landing-sidebar/landing-sidebar.component';\nimport { CommunityCardComponent } from '../components/community-card/community-card.component';\nimport { AboutUsComponent } from './about-us/about-us.component';\nimport { AboutCommunityComponent } from './about-community/about-community.component';\nimport { SearchResultsComponent } from './search-results/search-results.component';\nimport { ScrollProgressBarComponent } from '../components/scroll-progress-bar/scroll-progress-bar.component';\nimport { CommunityHomeComponent } from './community-home/community-home.component';\nimport { CommunityHomepageContentComponent } from '../components/community-homepage-content/community-homepage-content.component';\nimport { GlossarySidebarComponent } from '../components/glossary-sidebar/glossary-sidebar.component';\nimport { TopGlossaryTermsComponent } from './top-glossary-terms/top-glossary-terms.component';\nimport { GlossaryCardComponent } from '../components/glossary-card/glossary-card.component';\nimport { LandingCommunitiesContentComponent } from '../components/landing-communities-content/landing-communities-content.component';\nimport { NgbCarouselModule, NgbPopoverModule } from '@ng-bootstrap/ng-bootstrap';\nimport { RelatedFaqsSidebarComponent } from '../components/related-faqs-sidebar/related-faqs-sidebar.component';\nimport { TagPageComponent } from './tag-page/tag-page.component';\nimport { NotFoundPageComponent } from './not-found-page/not-found-page.component';\nimport { ContactUsComponent } from './contact-us/contact-us.component';\nimport { RegisterComponent } from './register/register.component';\nimport { VerifyEmailComponent } from './verify-email/verify-email.component';\nimport { TermsconditionsModalComponent } from '../components/termsconditions-modal/termsconditions-modal.component';\nimport { DelightEventParticipationComponent } from './delight-event-participation/delight-event-participation.component';\nimport { BrightComponent } from './bright/bright.component';\nimport { CookiePolicyComponent } from '../components/cookie-policy/cookie-policy.component';\nimport { TermsAndConditionsComponent } from '../components/terms-and-conditions/terms-and-conditions.component';\nimport { FaqsSubtopicNonFaqContentComponent } from '../components/faqs-subtopic-non-faq-content/faqs-subtopic-non-faq-content.component';\nimport { RightHorizontalHeroComponent } from '../components/landing-community-layouts/right-horizontal-hero/right-horizontal-hero.component';\nimport { LeftVerticalHeroComponent } from '../components/landing-community-layouts/left-vertical-hero/left-vertical-hero.component';\nimport { LeftHorizontalHeroComponent } from '../components/landing-community-layouts/left-horizontal-hero/left-horizontal-hero.component';\nimport { LandingBannerComponent } from '../components/landing-banner/landing-banner.component';\nimport { InfographicCardComponent } from '../components/infographic-card/infographic-card.component';\nimport { SystemIncidentsContentComponent } from '../components/system-incidents-content/system-incidents-content.component';\nimport { SystemIncidentsMailSubscriptionModalComponent } from '../components/system-incidents-mail-subscription-modal/system-incidents-mail-subscription-modal.component';\nimport { UnsubscribePageComponent } from './unsubscribe-page/unsubscribe-page.component';\nimport { LoginModalComponent } from '../components/login-modal/login-modal.component';\nimport { ConfirmationModalComponent } from '../components/confirmation-modal/confirmation-modal.component';\n// import { CaseStudyComponent } from './case-study/case-study.component';\nimport { CaseStudyFeedbackComponent } from '../components/case-study/case-study-feedback/case-study-feedback.component';\nimport { CaseStudiesLandingComponent } from './case-studies-landing/case-studies-landing.component';\nimport { CaseStudyCardComponent } from '../components/case-study-card/case-study-card.component';\nimport { AngularSvgIconModule, SvgLoader } from 'angular-svg-icon';\nimport { ProfessionalsRegisterComponent } from './professionals-register/professionals-register.component';\nimport { PrivacyPolicyComponent } from './privacy-policy/privacy-policy.component';\nimport { ImageModalComponent } from '../components/image-modal/image-modal.component';\nimport { StarRatingModule } from '../components/star-rating/star-rating.module';\nimport { TagModule } from '../components/tag/tag.module';\nimport { ContentCardModule } from '../components/content-card/content-card.module';\nimport { LandingSearchBarModule } from '../components/landing-searchbar/landing-searchbar.module';\nimport { InfographicModule } from './infographic/infographic.module';\nimport { NotFoundPageModule } from './not-found-page/not-found-page.module';\nimport { HpjInfographicModule } from '../components/infographics/hpj-infographic/hpj-infographic.module';\nimport { InstallerJourneyInfographicModule } from '../components/infographics/installer-journey-infographic/installer-journey-infographic.module';\nimport { ProfessionalRegisterStepperModule } from '../components/professional-register-stepper/professional-register-stepper.module';\nimport { FormValidationMessageModule } from '../components/form-validation-message/form-validation-message.module';\nimport { ProfessionalRegisterFormModule } from './professional-register-form/professional-register-form.module';\nimport { InstallerRegisterFormModule } from '../components/installer-register-form/installer-register-form.module';\nimport { LocalAuthorityRegisterFormModule } from '../components/local-authority-register-form/local-authority-register-form.module';\nimport { SuccessfulRegisterModule } from './successful-register/successful-register.module';\nimport { ConfirmationModalModule } from '../components/confirmation-modal/confirmation-modal.module';\nimport { CaseStudyFilterModule } from '../components/case-study-filter/case-study-filter.module';\nimport { InstallerPageModule } from './installer-page/installer-page.module';\nimport { RegisterHomeModule } from './register/register-home/register-home.module';\nimport { FindAProfessionalModule } from './find-a-professional/find-a-professional.module';\n\n@NgModule({\n declarations: [\n BlockquoteComponent,\n BreadcrumbComponent,\n FaqsLandingComponent,\n FaqsTopicComponent,\n FaqsTopicsComponent,\n FaqsSubtopicsComponent,\n FaqDetailedComponent,\n FaqsSearchbarComponent,\n FaqFeedbackFormComponent,\n FaqQuestionFormComponent,\n FaqDetailedComponent,\n FaqDetailedContentComponent,\n GeneratePasswordTokenComponent,\n LoginComponent,\n ResetPasswordComponent,\n SideBarComponent,\n SocialMediaButtonsComponent,\n // TagComponent,\n UserStoryCardComponent,\n UserStoryDetailedComponent,\n UserStoryDetailedContentComponent,\n // LandingSearchbarComponent,\n LandingCarouselComponent,\n LandingComponent,\n BlogCardComponent,\n BlogComponent,\n BlogContentComponent,\n LandingCarouselCardComponent,\n ResourcesListComponent,\n ResourcesListContentComponent,\n ResourcesListCardComponent,\n ComingSoonCardComponent,\n TutorialComponent,\n TutorialContentComponent,\n TutorialCardComponent,\n ArticleComponent,\n ArticleContentComponent,\n ArticleCardComponent,\n GlossaryComponent,\n GlossaryTermComponent,\n GlossarySearchbarComponent,\n LandingBannerComponent,\n LandingSidebarComponent,\n CommunityCardComponent,\n AboutUsComponent,\n AboutCommunityComponent,\n ScrollProgressBarComponent,\n CommunityHomeComponent,\n CommunityHomepageContentComponent,\n SearchResultsComponent,\n RelatedFaqsSidebarComponent,\n GlossarySidebarComponent,\n TopGlossaryTermsComponent,\n GlossaryCardComponent,\n LandingCommunitiesContentComponent,\n LandingCarouselCardComponent,\n TagPageComponent,\n BrightComponent,\n ContactUsComponent,\n RegisterComponent,\n VerifyEmailComponent,\n TermsconditionsModalComponent,\n DelightEventParticipationComponent,\n CookiePolicyComponent,\n TermsAndConditionsComponent,\n FaqsSubtopicNonFaqContentComponent,\n RightHorizontalHeroComponent,\n LeftVerticalHeroComponent,\n LeftHorizontalHeroComponent,\n InfographicCardComponent,\n SystemIncidentsContentComponent,\n SystemIncidentsMailSubscriptionModalComponent,\n UnsubscribePageComponent,\n LoginModalComponent,\n // ConfirmationModalComponent,\n // CaseStudyComponent,\n CaseStudyFeedbackComponent,\n // CaseStudySummaryComponent,\n // CaseStudyInstallationComponent,\n // CaseStudyPreInstallationComponent,\n // CaseStudyOutcomesComponent,\n // CaseStudyInstallatonHeatingSystemTechnicalComponent,\n // CaseStudyDetailsComponent,\n // CaseStudyOtherContentComponent,\n CaseStudiesLandingComponent,\n CaseStudyCardComponent,\n // StarRatingComponent,\n ProfessionalsRegisterComponent,\n PrivacyPolicyComponent,\n ImageModalComponent,\n // ContentCardComponent,\n ],\n imports: [\n SharedModule,\n NgxScrollspyModule.forRoot(),\n IvyCarouselModule,\n NgbCarouselModule,\n NgbPopoverModule,\n StarRatingModule,\n TagModule,\n LandingSearchBarModule,\n ContentCardModule,\n InfographicModule,\n NotFoundPageModule,\n ProfessionalRegisterStepperModule,\n HpjInfographicModule,\n ConfirmationModalModule,\n InstallerJourneyInfographicModule,\n FormValidationMessageModule,\n InstallerRegisterFormModule,\n ProfessionalRegisterFormModule,\n AngularSvgIconModule.forRoot(),\n LocalAuthorityRegisterFormModule,\n SuccessfulRegisterModule,\n CaseStudyFilterModule,\n InstallerPageModule,\n RegisterHomeModule,\n FindAProfessionalModule\n ],\n exports: [\n BlockquoteComponent,\n BreadcrumbComponent,\n FaqsLandingComponent,\n FaqsTopicComponent,\n FaqsTopicsComponent,\n FaqsSubtopicsComponent,\n FaqDetailedComponent,\n FaqsSearchbarComponent,\n FaqFeedbackFormComponent,\n FaqQuestionFormComponent,\n FaqDetailedComponent,\n FaqDetailedContentComponent,\n GeneratePasswordTokenComponent,\n LoginComponent,\n ResetPasswordComponent,\n SideBarComponent,\n SocialMediaButtonsComponent,\n // TagComponent,\n UserStoryCardComponent,\n UserStoryDetailedComponent,\n UserStoryDetailedContentComponent,\n LandingComponent,\n // LandingSearchbarComponent,\n LandingCarouselComponent,\n BlogCardComponent,\n LandingCarouselCardComponent,\n ResourcesListComponent,\n ResourcesListContentComponent,\n ResourcesListCardComponent,\n ComingSoonCardComponent,\n TutorialComponent,\n TutorialContentComponent,\n TutorialCardComponent,\n ArticleComponent,\n ArticleContentComponent,\n ArticleCardComponent,\n GlossaryComponent,\n GlossaryTermComponent,\n GlossarySearchbarComponent,\n LandingBannerComponent,\n LandingSidebarComponent,\n CommunityCardComponent,\n AboutCommunityComponent,\n AboutUsComponent,\n GlossarySidebarComponent,\n TopGlossaryTermsComponent,\n ScrollProgressBarComponent,\n CommunityHomeComponent,\n CommunityHomepageContentComponent,\n LandingCommunitiesContentComponent,\n LandingCarouselCardComponent,\n SearchResultsComponent,\n RelatedFaqsSidebarComponent,\n GlossaryCardComponent,\n TagPageComponent,\n BrightComponent,\n RegisterComponent,\n VerifyEmailComponent,\n TermsconditionsModalComponent,\n ContactUsComponent,\n CookiePolicyComponent,\n TermsAndConditionsComponent,\n FaqsSubtopicNonFaqContentComponent,\n RightHorizontalHeroComponent,\n LeftVerticalHeroComponent,\n LeftHorizontalHeroComponent,\n InfographicCardComponent,\n SystemIncidentsContentComponent,\n SystemIncidentsMailSubscriptionModalComponent,\n UnsubscribePageComponent,\n LoginModalComponent,\n ConfirmationModalComponent,\n // CaseStudyComponent,\n CaseStudyFeedbackComponent,\n // CaseStudySummaryComponent,\n // CaseStudyInstallationComponent,\n // CaseStudyPreInstallationComponent,\n // CaseStudyOutcomesComponent,\n // CaseStudyOtherContentComponent,\n // CaseStudyInstallatonHeatingSystemTechnicalComponent,\n // CaseStudyDetailsComponent,\n CaseStudiesLandingComponent,\n CaseStudyCardComponent,\n // StarRatingComponent,\n ProfessionalsRegisterComponent,\n PrivacyPolicyComponent,\n ImageModalComponent,\n // FindAProfessionalComponent\n // ContentCardComponent,\n ],\n providers: [FormBuilder],\n entryComponents: [\n TermsconditionsModalComponent,\n SystemIncidentsMailSubscriptionModalComponent,\n LoginModalComponent,\n ConfirmationModalComponent,\n CaseStudyFeedbackComponent,\n ImageModalComponent,\n ],\n})\nexport class PublicPagesModule {}\n","export default \".col-5:hover {\\n transform: scale(1.1);\\n box-shadow: -10px 0px 13px -7px #d9d0d8, 10px 0px 13px -7px #d0d4d9, 0px 0px 15px 3px rgba(223, 224, 229, 0);\\n}\\n\\n.col-5 {\\n transition: transform 0.2s ease;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvcmVnaXN0ZXIvcmVnaXN0ZXItaG9tZS9yZWdpc3Rlci1ob21lLmNvbXBvbmVudC5zY3NzIiwic3JjL2FwcC9wdWJsaWMvcmVnaXN0ZXIvcmVnaXN0ZXItaG9tZS9yZWdpc3Rlci1ob21lLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBO0VBQ0kscUJBQUE7RUFFQSw0R0FBQTtBQ0FKOztBRElFO0VBQ0UsK0JBQUE7QUNESiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9yZWdpc3Rlci9yZWdpc3Rlci1ob21lL3JlZ2lzdGVyLWhvbWUuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcbi5jb2wtNTpob3ZlciB7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgIC13ZWJraXQtYm94LXNoYWRvdzogLTEwcHggMHB4IDEzcHggLTdweCAjZDBkNGQ5LCAxMHB4IDBweCAxM3B4IC03cHggI2QwZDRkOSwgMHB4IDBweCAxNXB4IDNweCByZ2JhKDIyMywyMjQsMjI5LDApOyBcbiAgICBib3gtc2hhZG93OiAtMTBweCAwcHggMTNweCAtN3B4ICNkOWQwZDgsIDEwcHggMHB4IDEzcHggLTdweCAjZDBkNGQ5LCAwcHggMHB4IDE1cHggM3B4IHJnYmEoMjIzLDIyNCwyMjksMCk7XG4gICBcbiAgfVxuICBcbiAgLmNvbC01IHtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlO1xuICB9IiwiLmNvbC01OmhvdmVyIHtcbiAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAtd2Via2l0LWJveC1zaGFkb3c6IC0xMHB4IDBweCAxM3B4IC03cHggI2QwZDRkOSwgMTBweCAwcHggMTNweCAtN3B4ICNkMGQ0ZDksIDBweCAwcHggMTVweCAzcHggcmdiYSgyMjMsIDIyNCwgMjI5LCAwKTtcbiAgYm94LXNoYWRvdzogLTEwcHggMHB4IDEzcHggLTdweCAjZDlkMGQ4LCAxMHB4IDBweCAxM3B4IC03cHggI2QwZDRkOSwgMHB4IDBweCAxNXB4IDNweCByZ2JhKDIyMywgMjI0LCAyMjksIDApO1xufVxuXG4uY29sLTUge1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlO1xufSJdfQ== */\"","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-register-home',\n templateUrl: './register-home.component.html',\n styleUrls: ['./register-home.component.scss', '../register.component.scss'],\n})\nexport class RegisterHomeComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RegisterHomeComponent } from './register-home.component';\n\n\n\n@NgModule({\n declarations: [RegisterHomeComponent],\n imports: [\n CommonModule\n ]\n})\nexport class RegisterHomeModule { }\n","export default \"form .ng-touched.ng-invalid {\\n border: solid #e32b4d 0.5px;\\n}\\n\\n.logo-text {\\n font-family: \\\"DIN Next LT Pro\\\" !important;\\n font-weight: 500;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvcmVnaXN0ZXIvcmVnaXN0ZXIuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9yZWdpc3Rlci9yZWdpc3Rlci5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDSTtFQUNJLDJCQUFBO0FDQVI7O0FESUE7RUFDSSx5Q0FBQTtFQUNBLGdCQUFBO0FDREoiLCJmaWxlIjoic3JjL2FwcC9wdWJsaWMvcmVnaXN0ZXIvcmVnaXN0ZXIuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyJmb3JtIHtcbiAgICAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgICAgICAgYm9yZGVyOiBzb2xpZCNlMzJiNGQgMC41cHg7XG4gICAgfVxufVxuXG4ubG9nby10ZXh0IHtcbiAgICBmb250LWZhbWlseTogJ0RJTiBOZXh0IExUIFBybychaW1wb3J0YW50O1xuICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cblxuIiwiZm9ybSAubmctdG91Y2hlZC5uZy1pbnZhbGlkIHtcbiAgYm9yZGVyOiBzb2xpZCAjZTMyYjRkIDAuNXB4O1xufVxuXG4ubG9nby10ZXh0IHtcbiAgZm9udC1mYW1pbHk6IFwiRElOIE5leHQgTFQgUHJvXCIgIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbn0iXX0= */\"","import { Component, OnInit } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { tRegistrationInfo } from 'src/app/services/glow.typings';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { Router } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TermsconditionsModalComponent } from 'src/app/components/termsconditions-modal/termsconditions-modal.component';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { FormValidationService } from 'src/app/services/form-validation.service';\n\n@Component({\n selector: 'app-register',\n templateUrl: './register.component.html',\n styleUrls: ['./register.component.scss'],\n})\n\nexport class RegisterComponent implements OnInit {\n\n registerForm: FormGroup;\n viewPassword: boolean = false;\n error = false;\n errorMessages;\n loadObj: tLoadingElementWithSuccess;\n\n constructor(private formBuilder: FormBuilder,\n private authService: GlowService,\n private router: Router,\n private modalService: NgbModal,\n private uiConfigService: CustomUIConfigService,\n private translate: TranslateService,\n private formValidationService: FormValidationService\n ) {\n this.registerForm = this.formBuilder.group({\n emailAddress: ['', [Validators.required, FormValidator.isEmailValid]],\n password: ['', [Validators.required, FormValidator.isPasswordStrong]],\n confirmPassword: ['', [Validators.required, FormValidator.isPasswordSame]],\n });\n\n }\n\n ngOnInit() { }\n\n togglePassword(viewPassword) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n openTermsConditions() {\n const termsconditionsRef = this.modalService.open(TermsconditionsModalComponent, {\n scrollable: true,\n centered: true,\n size: 'xl',\n });\n termsconditionsRef.componentInstance.displayForm = false\n termsconditionsRef.componentInstance.title = 'Glow'\n\n\n\n }\n\n\n checkFormValidity(formControlName, translateKey?) {\n \n return this.formValidationService.checkFormValidity(this.registerForm, formControlName, translateKey)\n }\n sanitiseDetails(user: tRegistrationInfo) {\n if (user.email) {\n user.email = user.email.toLowerCase();\n user.email = user.email.replace(/\\s+/g, ''); //remove spaces at start\n user.email = user.email.replace(/\\s+$/, ''); //remove trailing spaces\n user.username = user.email;\n }\n if (user.password) {\n user.password = user.password.replace(/\\s+/g, ''); //remove spaces at start\n user.password = user.password.replace(/\\s+$/, ''); //remove trailing spaces\n }\n return user;\n }\n\n doRegister() {\n if (!this.registerForm.valid) {\n } else {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n const user = new tRegistrationInfo();\n user.email = this.registerForm.get('emailAddress').value;\n user.password = this.registerForm.get('password').value;\n const sanitisedUser = this.sanitiseDetails(user);\n this.authService.register(sanitisedUser).subscribe(\n (authResponse) => {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loaded: true,\n loadedMessage: 'Success',\n };\n this.router.navigateByUrl(`/verify-email?email=${sanitisedUser.email}`)\n },\n (errResp) => {\n this.loadObj = {\n ...this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false),\n loadError: true,\n // errorString: 'Access Denied',\n };\n\n this.error = true\n this.errorMessages = [errResp.error.error]\n console.warn(errResp.error.error);\n }\n );\n }\n }\n\n\n}","export default \".form-container {\\n background-position: center left;\\n background-size: cover;\\n height: 80%;\\n width: 100%;\\n}\\n\\n.form-overlay {\\n width: 100%;\\n height: 80%;\\n background-color: rgba(255, 255, 255, 0.741);\\n}\\n\\ninput {\\n border: 0px solid !important;\\n border-radius: 0px !important;\\n border-bottom: 1px solid #888888 !important;\\n background-color: transparent !important;\\n}\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL2dsb3dkZXBsb3ltZW50c2NyaXB0cy93ZWJzaXRlcy9nbG93bWFya3QvZ2xvd21hcmt0LXdlYnNpdGUvc3JjL2FwcC9wdWJsaWMvcmVzZXQtcGFzc3dvcmQvcmVzZXQtcGFzc3dvcmQuY29tcG9uZW50LnNjc3MiLCJzcmMvYXBwL3B1YmxpYy9yZXNldC1wYXNzd29yZC9yZXNldC1wYXNzd29yZC5jb21wb25lbnQuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUVJLGdDQUFBO0VBQ0Esc0JBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtBQ0FKOztBRElBO0VBQ0ksV0FBQTtFQUNBLFdBQUE7RUFFQSw0Q0FBQTtBQ0ZKOztBRElBO0VBQ0ksNEJBQUE7RUFDQSw2QkFBQTtFQUNBLDJDQUFBO0VBQ0Esd0NBQUE7QUNESiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9yZXNldC1wYXNzd29yZC9yZXNldC1wYXNzd29yZC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5mb3JtLWNvbnRhaW5lciB7XG4gICAgLy8gYmFja2dyb3VuZC1pbWFnZTogdXJsKC4uLy4uLy4uL2Fzc2V0cy9pbWFnZXMvYWJzdHJhY3QxLnBuZyk7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogY2VudGVyIGxlZnQ7XG4gICAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgICBoZWlnaHQ6IDgwJTtcbiAgICB3aWR0aDogMTAwJTtcblxufVxuXG4uZm9ybS1vdmVybGF5IHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDgwJTtcbiAgICAvLyBiYWNrZ3JvdW5kLWNvbG9yOiAjZjZmN2ZmZTA7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjc0MSk7XG59XG5pbnB1dCB7XG4gICAgYm9yZGVyOiAwcHggc29saWQgIWltcG9ydGFudDtcbiAgICBib3JkZXItcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgICBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiKDEzNiwgMTM2LCAxMzYpICFpbXBvcnRhbnQ7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbn0iLCIuZm9ybS1jb250YWluZXIge1xuICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjZW50ZXIgbGVmdDtcbiAgYmFja2dyb3VuZC1zaXplOiBjb3ZlcjtcbiAgaGVpZ2h0OiA4MCU7XG4gIHdpZHRoOiAxMDAlO1xufVxuXG4uZm9ybS1vdmVybGF5IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogODAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNzQxKTtcbn1cblxuaW5wdXQge1xuICBib3JkZXI6IDBweCBzb2xpZCAhaW1wb3J0YW50O1xuICBib3JkZXItcmFkaXVzOiAwcHggIWltcG9ydGFudDtcbiAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICM4ODg4ODggIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbn0iXX0= */\"","import { Component } from '@angular/core';\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { tLoadingElementWithSuccess } from 'src/app/services/app-config.typings';\nimport { CustomUIConfigService } from 'src/app/services/custom-ui-config.service';\nimport { GlowEventService } from 'src/app/services/event.service';\nimport { GlowService } from 'src/app/services/glow.service';\nimport { tLoginInfo } from 'src/app/services/glow.typings';\nimport { FormValidator } from 'src/app/services/user-validators';\nimport { UserGroupSelectorService } from 'src/app/services/usergroup-selector.service';\n\n@Component({\n selector: 'app-reset-password',\n templateUrl: './reset-password.component.html',\n styleUrls: ['./reset-password.component.scss'],\n})\nexport class ResetPasswordComponent {\n formInfo: FormGroup;\n loadObj: tLoadingElementWithSuccess;\n viewPassword: boolean = false;\n\n constructor(\n private formBuilder: FormBuilder,\n private authService: GlowService,\n private glowEventService: GlowEventService,\n private router: Router,\n private uiConfigService: CustomUIConfigService,\n private userGroupSelectorService: UserGroupSelectorService\n ) {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(false);\n\n this.formInfo = this.formBuilder.group({\n username: ['', [Validators.required, FormValidator.isUsernameValid]],\n token: ['', Validators.required],\n password: ['', [Validators.required, FormValidator.isPasswordStrong]],\n confirmPassword: ['', [Validators.required, FormValidator.isPasswordSame]],\n });\n }\n\n togglePassword(viewPassword) {\n this.viewPassword = viewPassword ? false : true;\n }\n\n submitForm() {\n // console.log('Password Reset attempt');\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n\n var resetPasswordBody = {\n username: this.formInfo.value.username,\n token: this.formInfo.value.token,\n newPassword: this.formInfo.value.password,\n };\n this.authService.resetPassword(resetPasswordBody).subscribe(\n (response) => {\n this.loadObj.loading = false;\n\n if (response.valid === true) {\n this.loadObj.loaded = true;\n // this.loadObj.loadedMessage = 'Your password was successfully reset';\n this.doLogin();\n } else {\n this.loadObj.loadError = true;\n this.loadObj.errorString = 'An error has occurred';\n }\n },\n (err) => {\n console.warn(err);\n let errMsg = 'An error has occurred';\n try {\n const errJson = err.json();\n if (errJson.error) {\n errMsg = errJson.error;\n } else if (errJson.valid === false) {\n errMsg = 'Invalid username or password';\n }\n } catch (e) {\n console.warn(e);\n }\n this.loadObj.loading = false;\n this.loadObj.loadError = true;\n this.loadObj.errorString = errMsg;\n }\n );\n }\n\n // Attempt to login in through our User service\n doLogin() {\n this.loadObj = this.uiConfigService.initialiseLoadingBooleansWithLoadedMsg(true);\n\n // console.log('Login attempt');\n let loginDetails = this.sanitiseDetails({ ...this.formInfo.value });\n this.authService.login(loginDetails).subscribe(\n (authResponse) => {\n this.loadObj.loading = false;\n\n if (authResponse === true) {\n this.loadObj.loaded = true;\n // this.loadObj.loadedMessage = 'Success';\n this.glowEventService.sendEvent({}, 'login');\n this.authService.getUserOrganizationsOfUser().subscribe(\n (userOrganizationGroups) => {\n if (\n userOrganizationGroups &&\n Array.isArray(userOrganizationGroups) &&\n userOrganizationGroups.length > 1\n ) {\n this.router.navigateByUrl('/pages/usergroup');\n } else if (userOrganizationGroups.length == 1) {\n this.userGroupSelectorService.setUserOrganization(userOrganizationGroups[0]);\n this.router.navigateByUrl('/pages/overview');\n } else {\n console.warn('No user Organizations found');\n this.router.navigateByUrl(`/login?email=${this.formInfo.value.username}`);\n \n }\n },\n (error) => {\n console.warn(error);\n // console.log('User Organizations loading error is : ' + error);\n }\n );\n } else {\n this.loadObj.loadError = true;\n this.loadObj.errorString = 'Access Denied';\n }\n },\n (err) => {\n console.warn(err);\n let errMsg = 'An error has occurred';\n try {\n const errJson = err.json();\n if (errJson.error) {\n errMsg = errJson.error;\n } else if (errJson.valid === false) {\n errMsg = 'Invalid username or password';\n }\n } catch (e) {\n console.warn(e);\n }\n this.loadObj.loading = false;\n this.loadObj.loadError = true;\n this.loadObj.errorString = errMsg;\n }\n );\n }\n\n sanitiseDetails(loginDetailsForm: tLoginInfo): tLoginInfo {\n // Lowercase Username:\n if (loginDetailsForm && loginDetailsForm.username) {\n loginDetailsForm.username = loginDetailsForm.username.toLowerCase();\n loginDetailsForm.username = loginDetailsForm.username.replace(/\\s+/g, '');\n }\n\n if (loginDetailsForm.password) {\n loginDetailsForm.password = loginDetailsForm.password.replace(/\\s+$/, ''); // Trailing spaces\n loginDetailsForm.password = loginDetailsForm.password.replace(/^\\s+/g, ''); // Spaces at the start of the string\n }\n\n return loginDetailsForm;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9yZXNvdXJjZXMtbGlzdC9yZXNvdXJjZXMtbGlzdC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-resources-list',\n templateUrl: './resources-list.component.html',\n styleUrls: ['./resources-list.component.scss'],\n})\nexport class ResourcesListComponent implements OnInit {\n url;\n resourcesList: any;\n loading: any = false;\n constructor(private route: ActivatedRoute, private router: Router, private strapiService: StrapiService, private seoService: SeoService) {\n route.params.subscribe((params) => {\n // // console.log(params)\n this.loading = true;\n this.getUrl();\n this.getResourcesList(params.resourceList).then((resourcesList) => {\n this.resourcesList = resourcesList;\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {\n // // console.log(this.url)\n }\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n\n async getResourcesList(slug) {\n const resourcesList = await this.strapiService.getContentBySlug('resources-lists', slug, ['tags', 'authors', 'resources', 'blogs', 'articles', 'infographics']);\n if (resourcesList) {\n const summary = resourcesList && resourcesList.attributes.summary ? resourcesList.attributes.summary : '';\n this.seoService.configureSEO(Utils.removeHTMLFromString(resourcesList.attributes.title), Utils.removeHTMLFromString(summary), `https://glowmarkt.com${this.router.url}`);\n }\n return resourcesList;\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9zZWFyY2gtcmVzdWx0cy9zZWFyY2gtcmVzdWx0cy5jb21wb25lbnQuc2NzcyJ9 */\"","import { ChangeDetectorRef, Component, HostListener, Input, OnInit, ViewChild } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { th } from 'date-fns/locale';\nimport { LandingSearchbarComponent } from 'src/app/components/landing-searchbar/landing-searchbar.component';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\nimport _ from 'underscore';\n\n@Component({\n selector: 'app-search-results',\n templateUrl: './search-results.component.html',\n styleUrls: ['./search-results.component.scss'],\n})\nexport class SearchResultsComponent implements OnInit {\n @ViewChild('searchBar', { static: true }) searchBar: LandingSearchbarComponent;\n @HostListener('window:resize', []) onResize() {\n // checks size of window to view specific menu\n this.innerWidth = window.innerWidth;\n }\n loading: boolean = true;\n innerWidth = window.innerWidth;\n\n results: any;\n allContent: any[];\n invalidQuery: boolean = true;\n displayableTypes = ['resources-lists', 'articles', 'blogs', 'tutorials', 'infographics'];\n professionalTagSlugs = ['professional', 'installer'];\n tags: any[] = [];\n availableTags: any[] = [];\n qFormatted: any;\n constructor(\n private route: ActivatedRoute,\n private ref: ChangeDetectorRef,\n private strapiService: StrapiService,\n private router: Router\n ) {\n route.queryParams.subscribe(async (params) => {\n if (typeof params['q[tags]'] === 'string' && typeof params['q[s]'] === 'string') {\n this.invalidQuery = false;\n const tagsAsArray = params['q[tags]'].split(',');\n const qFormatted = { label: params['q[s]'] };\n this.qFormatted = qFormatted;\n const allTags = (await this.strapiService.getAllOfContentType('tags')).filter((tag) => !this.professionalTagSlugs.includes(tag.attributes.slug));\n this.tags = allTags;\n this.availableTags = allTags.filter((tag) => !tagsAsArray.includes(tag.attributes.title));\n Utils.waitForElemById('searchBar').then((el) => {\n this.searchBar.setSearchParameters([...tagsAsArray, qFormatted]);\n this.searchBar.searchAllContent();\n });\n }\n });\n }\n\n ngOnInit() {}\n\n processSearchParameters(event) {\n // console.log(\"processSearchParameters\", event)\n if (event.tagsToFilter.length && event.tags.length) {\n this.availableTags = this.tags.filter((tag) => !event.tagsToFilter.includes(tag.attributes.title));\n } else {\n this.availableTags = this.tags;\n }\n }\n\n addTag(event, tag) {\n const searchParameters = Array.from(\n new Set([...this.searchBar.searchParametersForm.value.searchParameters, tag.attributes.title, this.qFormatted])\n );\n this.searchBar.setSearchParameters(searchParameters);\n this.searchBar.focusSearchBar();\n }\n\n formatSearchResultsToDisplay(results) {\n let formattedContents = [];\n results.forEach((content) => {\n const formattedContent = Utils.fromatSearchContent(content);\n formattedContents.push(formattedContent);\n });\n return formattedContents;\n }\n\n async displaySearchResults(results) {\n this.loading = true;\n this.results = { ...results };\n if (results.searchTerm || results.tagsToFilter.length) {\n const formattedResults = this.formatSearchResultsToDisplay(results.results).filter((content) =>\n this.displayableTypes.includes(content.contentType)\n );\n this.allContent = formattedResults.sort(\n (a: any, b: any) => new Date(b.attributes.createdAt).valueOf() - new Date(a.attributes.createdAt).valueOf()\n );\n }\n this.loading = false;\n this.ref.markForCheck();\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy9zdWNjZXNzZnVsLXJlZ2lzdGVyL3N1Y2Nlc3NmdWwtcmVnaXN0ZXIuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { AuthenticationService } from 'src/app/services/authentication.service';\n\n@Component({\n selector: 'app-successful-register',\n templateUrl: './successful-register.component.html',\n styleUrls: ['./successful-register.component.scss']\n})\nexport class SuccessfulRegisterComponent implements OnInit {\n\n constructor(public auth: AuthenticationService,) { }\n\n ngOnInit() {\n }\n tiggerAuthentication(): void {\n this.auth.authenticate();\n }\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuccessfulRegisterComponent } from './successful-register.component';\n\n\n\n@NgModule({\n declarations: [SuccessfulRegisterComponent],\n imports: [\n CommonModule\n ]\n , exports: [SuccessfulRegisterComponent]\n})\nexport class SuccessfulRegisterModule { }\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy90YWctcGFnZS90YWctcGFnZS5jb21wb25lbnQuc2NzcyJ9 */\"","import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport _ from 'underscore';\n\n@Component({\n selector: 'app-tag-page',\n templateUrl: './tag-page.component.html',\n styleUrls: ['./tag-page.component.scss'],\n})\nexport class TagPageComponent implements OnInit {\n tag: any;\n allContent: any[] = [];\n tagSlug: string;\n sortType: string;\n featuredContent: any = [];\n loading: boolean = true;\n\n constructor(private strapiService: StrapiService, private route: ActivatedRoute, private seoService: SeoService, private ref: ChangeDetectorRef) {\n route.params.subscribe((params) => {\n this.tagSlug = params.tag;\n this.getTag(this.tagSlug).then((tag) => {\n if (tag) {\n this.tag = tag;\n this.configureSEO(tag);\n this.sortType = params['q[sort]'];\n this.allContent = this.getSortedContent(this.tag, this.sortType);\n }\n this.loading = false;\n });\n });\n\n route.queryParams.subscribe((params) => {\n this.getTag(this.tagSlug).then((tag) => {\n if (tag) {\n this.tag = tag;\n this.configureSEO(tag);\n this.sortType = params['q[sort]'];\n this.allContent = this.getSortedContent(this.tag, this.sortType);\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n\n configureSEO(tag) {\n this.seoService.configureSEO(tag.attributes.title, `Content tagged with ${tag.attributes.title}`, `https://glowmarkt.com/tag/${tag.attributes.slug}`);\n }\n\n sortHREF(sortType: 'latest' | 'oldest') {\n switch (sortType) {\n case 'latest':\n return `/tag/${this.tag.attributes.slug}?q[sort]=latest`;\n case 'oldest':\n return `/tag/${this.tag.attributes.slug}?q[sort]=oldest`;\n default:\n return `/tag/${this.tag.attributes.slug}`;\n }\n }\n\n async getTag(slug) {\n const tag = await this.strapiService.getContentBySlug('tags', slug, ['blogs', 'articles']);\n return tag;\n }\n\n getSortedContent(tag, sortType) {\n const blogs = tag.attributes.blogs.data.map((blog: any) => Object.assign(blog, { contentType: 'blogs' }));\n const articles = tag.attributes.articles.data.map((article: any) => Object.assign(article, { contentType: 'articles' }));\n let sorted = [];\n switch (sortType) {\n case 'oldest':\n sorted = [...blogs, ...articles].sort((a: any, b: any) => new Date(b.createdAt).valueOf() - new Date(a.createdAt).valueOf());\n break;\n default:\n sorted = [...blogs, ...articles].sort((a: any, b: any) => new Date(b.createdAt).valueOf() - new Date(a.createdAt).valueOf()).reverse();\n break;\n }\n // this.featuredContent = this.getFeatured(sorted);\n return sorted;\n }\n\n getFeatured(contentArray) {\n return contentArray.filter((content) => content.attributes.tags.data.some((tag) => tag.attributes.slug === 'featured'));\n }\n\n getShuffledContent(tag) {\n const blogs = tag.attributes.blogs.data.map((blog: any) => Object.assign(blog, { contentType: 'blogs' }));\n const articles = tag.attributes.articles.data.map((article: any) => Object.assign(article, { contentType: 'articles' }));\n return _.shuffle([...blogs, ...articles]);\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy90b3AtZ2xvc3NhcnktdGVybXMvdG9wLWdsb3NzYXJ5LXRlcm1zLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MetaTagsService } from 'src/app/services/meta-tags.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-top-glossary-terms',\n templateUrl: './top-glossary-terms.component.html',\n styleUrls: ['./top-glossary-terms.component.scss'],\n})\nexport class TopGlossaryTermsComponent implements OnInit {\n url;\n topTerms;\n title = '';\n loading: boolean = true;\n constructor(private strapiService: StrapiService, private route: ActivatedRoute, private router: Router, private metaTagsService: MetaTagsService) {\n route.params.subscribe((params) => {\n this.getUrl();\n this.getTopTerms(params.topGlossaryTerms).then((terms) => {\n this.topTerms = terms;\n this.title = 'Top 7 Terms for ' + this.topTerms.attributes.title;\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n async getTopTerms(slug) {\n const page = await this.strapiService.getContentBySlug('top-glossary-terms', slug, ['glossary_terms']);\n // console.log('page', page);\n return page;\n }\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy90dXRvcmlhbC90dXRvcmlhbC5jb21wb25lbnQuc2NzcyJ9 */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { JsonLdService } from 'src/app/services/json-ld.service';\nimport { SeoService } from 'src/app/services/seo.service';\nimport { StrapiService } from 'src/app/services/strapi.service';\nimport { Utils } from 'src/utils';\n\n@Component({\n selector: 'app-tutorial',\n templateUrl: './tutorial.component.html',\n styleUrls: ['./tutorial.component.scss']\n})\nexport class TutorialComponent implements OnInit {\n tutorial: any;\n url;\n loading: boolean = true;\n constructor(\n private route: ActivatedRoute,\n private strapiService: StrapiService,\n private router: Router,\n private seoService: SeoService\n ) {\n route.params.subscribe((params) => {\n this.getUrl();\n this.getTutorial(params.tutorial).then((tutorial) => {\n this.tutorial = tutorial;\n if (tutorial) {\n this.configureSEO(tutorial);\n }\n this.loading = false;\n });\n });\n }\n\n ngOnInit() {}\n\n ngOnDestroy() {\n this.seoService.resetSEOconfig();\n }\n async getTutorial(slug) {\n const tutorial = await this.strapiService.getContentBySlug('tutorials', slug);\n return tutorial;\n }\n\n configureSEO(tutorial) {\n const title = Utils.removeHTMLFromString(tutorial.attributes.title);\n const summary = Utils.removeHTMLFromString(tutorial.attributes.summary);\n const authorNames = tutorial.attributes.authors.data.map((author) => author.attributes.name);\n const image = this.tutorial.attributes.displayImage.data\n ? this.strapiService.getFileFullUrl(this.tutorial.attributes.displayImage.data.attributes.url)\n : '';\n const schema = JsonLdService.articleSchema(title, summary, [image], authorNames);\n this.seoService.configureSEO(title, summary, `https://glowmarkt.com${this.router.url}`, schema);\n }\n getUrl() {\n this.url = this.route.snapshot.url.map((segment) => segment.path);\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy91bnN1YnNjcmliZS1wYWdlL3Vuc3Vic2NyaWJlLXBhZ2UuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { StrapiService } from 'src/app/services/strapi.service';\n\n@Component({\n selector: 'app-unsubscribe-page',\n templateUrl: './unsubscribe-page.component.html',\n styleUrls: ['./unsubscribe-page.component.scss'],\n})\nexport class UnsubscribePageComponent implements OnInit {\n id;\n success: boolean = false;\n loading: boolean = true;\n errorMsg = '';\n constructor(private strapiService: StrapiService, private route: ActivatedRoute) {\n this.route.params.subscribe((params) => {\n this.id = params.id;\n this.strapiService.getOneContent('system-incidents-mail-subscribers', this.id, []).then((resp) => {\n if (!resp) {\n this.success = true;\n }else{\n this.success=false\n }\n }).finally(()=>this.loading=false);\n });\n }\n\n ngOnInit() {}\n\n async findEmail(id) {\n this.strapiService.getOneContent('system-incidents-mail-subscribers', id, []).then((resp) => {\n if (!resp) {\n this.success = true;\n }\n });\n }\n\n async unsubscribe() {\n this.loading = true;\n this.strapiService\n .deleteSystemIncidentsMailSubscriber(this.id)\n .then((resp) => {\n this.success = true;\n })\n .catch((err) => {\n this.errorMsg = \"Due to an error we couldn't unsubscribe you. Please try again later.\";\n })\n .finally(() => {\n this.loading = false;\n });\n }\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy91c2VyLXN0b3J5LWRldGFpbGVkL3VzZXItc3RvcnktZGV0YWlsZWQuY29tcG9uZW50LnNjc3MifQ== */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\n\n\n@Component({\n selector: 'app-user-story-detailed',\n templateUrl: './user-story-detailed.component.html',\n styleUrls: ['./user-story-detailed.component.scss']\n})\nexport class UserStoryDetailedComponent implements OnInit {\nurl!:Array\npage: String = 'user-story'\n constructor(private route:ActivatedRoute) { }\n\n ngOnInit(): void {\n\n this.getUrl()\n\n }\n\n getUrl(){\n this.url = this.route.snapshot.url.map(segment=> segment.path.charAt(0).toLowerCase() + segment.path.slice(1))\n }\n\n}\n","export default \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL3B1YmxpYy92ZXJpZnktZW1haWwvdmVyaWZ5LWVtYWlsLmNvbXBvbmVudC5zY3NzIn0= */\"","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { GlowService } from 'src/app/services/glow.service';\n\n@Component({\n selector: 'app-verify-email',\n templateUrl: './verify-email.component.html',\n styleUrls: ['./verify-email.component.scss'],\n})\nexport class VerifyEmailComponent implements OnInit {\n userEmail = ''\n\n constructor(private route: ActivatedRoute, private glow: GlowService) {\n route.queryParams.subscribe((params) => {\n this.userEmail = params['email']\n })\n }\n\n ngOnInit() { }\n\n loginRelativePath() {\n if (this.userEmail){\n return `/login?email=${this.userEmail}`\n } else return `/login`\n }\n}\n","import { Injectable } from '@angular/core';\nimport {\n tConfig,\n tEnergyCostResourceTypeMapping,\n tVETypeConfiguredGroups,\n tVETypeConfiguredInfo,\n tEventsConfigurations,\n tFunctionalGroupConfiguration,\n tRefreshRateConfigurations,\n tGlowEventConfiguration,\n tSupportedVETypeListing,\n} from './app-config.typings';\nimport { environment } from '../../environments/environment';\n\n@Injectable()\nexport class ConfigService {\n // private adminConfig: tAdminConfig;\n private appConfig: tConfig;\n public refreshRateConfigurations: tRefreshRateConfigurations; \n public resourceEnergyCostMapping: tEnergyCostResourceTypeMapping[];\n public veTypeConfig: tVETypeConfiguredGroups;\n public supportedVETypes: tSupportedVETypeListing[];\n public veTypeInfoDictionary: tVETypeConfiguredInfo;\n tempAccessAuthenticationTypeServiceName: string;\n\n constructor() {\n this.loadVeTypeGroupConfigurations();\n }\n\n loadTempAccessAuthServiceName() {\n this.tempAccessAuthenticationTypeServiceName = 'temp-access';\n return this.tempAccessAuthenticationTypeServiceName;\n }\n\n public loadConfig(): tConfig {\n this.appConfig = {\n application: {\n applicationId: environment.config.applicationId,\n applicationDisplayName: 'GlowMarkt',\n apipathname: 'glowmarkt-website',\n version: '0.0.1',\n },\n directories: {\n default: {\n directoryId: null,\n },\n glow: {\n directoryId: '951cffa7-863f-4ae7-8f7e-ed682e690f91',\n },\n tempAccess: {\n directoryId: 'f9f89b6f-db18-4c0a-b82b-cd675bc4c8cf',\n },\n },\n content: environment.config.content,\n environments: {\n prod: {\n glow: {\n endpoint: environment.baseUrl,\n rateLimitingHostUrl: environment.rateLimitingHostUrl,\n },\n stripe: {\n publicKey: environment && environment.stripePublicKey,\n },\n },\n dev: {\n glow: {\n endpoint: 'https://dev.glowmarkt.com/api/v0-1/',\n rateLimitingHostUrl: environment.rateLimitingHostUrl,\n },\n stripe: {\n publicKey: environment && environment.stripePublicKey,\n },\n },\n uat: {\n glow: {\n endpoint: 'https://dev.glowmarkt.com/api/v0-1/',\n rateLimitingHostUrl: environment.rateLimitingHostUrl,\n },\n stripe: {\n publicKey: environment && environment.stripePublicKey,\n },\n },\n },\n termsAndConditions: environment.config.termsAndConditions,\n functionalGroups: environment.config.functionalGroups,\n };\n return this.appConfig;\n }\n\n // Returns the minimum delta time the token should have before expiry in order to be refreshed (in days)\n public getTokenRefreshParameters(): number {\n // If the token expires in less than or equal to 3 days, refresh it.\n return 10;\n }\n public getEventConfigurations(): tEventsConfigurations {\n let eventConfigurations = {\n dataRefresh: 'data_refresh',\n dimensionChange: 'dimension_change',\n loading: 'loading',\n healthCheck: 'health_check',\n reflow: 'reflow', // Event triggered to reflow Highcharts\n tabChange: 'tab_change', // Event emitted when tab changes\n timerObservables: 'timer_observables', // Event emitted when timer_observables need to be turned on/off -WiFi set up\n requestHomeNetworkInfo: 'can_request_wifi_home_credentials',\n };\n return eventConfigurations;\n }\n\n public getRefreshRateConfigurations(): tRefreshRateConfigurations {\n this.refreshRateConfigurations = {\n authCheck: 10 * 60 * 1000, // 10 minutes\n healthStatus: 5 * 60 * 1000, // 5 minutes\n healthStatusNoIssues: 20 * 60 * 1000, // 20 minutes\n inbox: 10 * 60 * 1000, // 10 minutes\n languageContent: 60 * 60 * 1000, // 60 minutes\n version: 60 * 60 * 1000, // 60 minutes\n virtualEntity: 30 * 60 * 1000, // 30 minutes\n noVirtualEntity: 5 * 60 * 1000, // 5 minutes\n virtualEntityMissingResources: 2 * 60 * 1000, // 2 minutes\n notifications: 2 * 60 * 1000, // 2 minutes,\n };\n return this.refreshRateConfigurations;\n }\n\n // public loadFunctionalGroupList(): tFunctionalGroupConfiguration[] {\n // return environment.functionalGroupConfigs\n // }\n\n public loadVeTypeGroupConfigurations(): tVETypeConfiguredGroups {\n this.veTypeConfig = environment.veTypeGroupConfig;\n return this.veTypeConfig;\n }\n\n public loadVeTypeInfo(): tVETypeConfiguredInfo {\n if (!this.veTypeInfoDictionary) {\n this.veTypeInfoDictionary = environment.veTypeConfigDictionary;\n }\n\n return this.veTypeInfoDictionary;\n }\n\n public setVeTypeInfo(veTypeInfo: tVETypeConfiguredInfo): void {\n this.veTypeInfoDictionary = veTypeInfo;\n }\n\n public loadEventsConfigurations(): tGlowEventConfiguration {\n let eventConfigurations = {\n pageView: {\n key: 'page-view',\n },\n formSubmission: {\n key: 'form-submission',\n },\n login: {\n key: 'login',\n },\n logout: {\n key: 'logout',\n },\n };\n return eventConfigurations;\n }\n\n public loadSupportedVETypes(): tSupportedVETypeListing[] {\n this.supportedVETypes = [\n {\n veTypeId: '6b61c150-34f8-4e1e-9b65-1df2a63611a6',\n priority: 1,\n },\n {\n veTypeId: 'd7cf2c3c-a681-4cde-af24-82582ce6dcfa', // smart meter electricity only\n priority: 2,\n },\n {\n veTypeId: '23fa688b-77e7-4f05-a7c0-c721c38a6de9', // OT electricity only\n priority: 3,\n },\n {\n veTypeId: '5f30742f-ac02-4285-8b7e-51b4f0aecdd4', // DCC\n priority: 3,\n },\n {\n veTypeId: 'bafdfefa-890a-4586-8d9f-0ba358736b25', // AMR\n priority: 4,\n },\n {\n //THis is not added to live\n veTypeId: '338b7b6e-c495-4cd1-9fbd-6dbfe55f067c', // efergy electricity only\n priority: 6,\n },\n {\n veTypeId: '2a63a063-c889-452c-ac04-b8bf4389208e',\n priority: 7,\n },\n ];\n\n return this.supportedVETypes;\n }\n}\n\n/*Functional Groups\n\nFunctional groups enable a particular part of the application.\n\nIn the case of Reflect the user logging in should firstly have access in the Reflect Functional Group.\n\nIn the future should we wish to allow permission of certain aspects of the application to users, we would\nadd the relevant appFunctional groups to the above configuration.\n\n\n\n\n\n\n*/\n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { ConfigService } from '../services/app-config.service';\nimport { tFuctionalGroupConfiguration } from '../services/app-config.typings';\nimport { GlowService } from './glow.service';\nimport { tPrivilegeStatus } from './ui.typings';\n\n\n@Injectable()\nexport class AppPrivilegeService {\n\n functionalGroupConfiguration: tFuctionalGroupConfiguration;\n\n // Observable string sources\n private PrivilegesAnnouncer = new Subject();\n\n // Observable string streams\n privilegeStatus$ = this.PrivilegesAnnouncer.asObservable();\n\n // Service message commands\n\n constructor(\n private configService: ConfigService,\n private glowService: GlowService) {\n\n var configuration = this.configService.loadConfig()\n this.functionalGroupConfiguration = configuration.functionalGroups;\n }\n\n checkPrivilege(privilegeKey: string) {\n // console.log(\"Checking Privilege \" + privilegeKey)\n\n if (privilegeKey && this.functionalGroupConfiguration.hasOwnProperty(privilegeKey)) {\n\n let requiredFunctionalGroupId = this.functionalGroupConfiguration[privilegeKey]\n // console.log(requiredFunctionalGroupId)\n this.glowService.getFunctionalGroupAccounts().subscribe((functionalGroupAccounts) => {\n if (functionalGroupAccounts && Array.isArray(functionalGroupAccounts)) {\n let privilegeMessage = {\n privilegeKey: privilegeKey,\n hasPrivilege: false\n }\n for (let i = 0; i < functionalGroupAccounts.length; i++) { \n if (functionalGroupAccounts[i].functionalGroupId == requiredFunctionalGroupId) {\n privilegeMessage.hasPrivilege = true\n break\n }\n }\n\n this.announcePrivilegeStatus(privilegeMessage)\n\n } else {\n console.warn(\"Unrecognised response getFunctionalGroupAccounts\")\n }\n });\n } else {\n console.warn(\"Unrecognised privilegeKey\")\n }\n\n }\n\n refreshPrivileges() {\n var configuration = this.configService.loadConfig()\n this.functionalGroupConfiguration = configuration.functionalGroups;\n // console.log(\"Refresh Privilege\")\n for (let privilegeKey in this.functionalGroupConfiguration) {\n if (this.functionalGroupConfiguration.hasOwnProperty(privilegeKey)) {\n this.checkPrivilege(privilegeKey)\n }\n }\n }\n \n announcePrivilegeStatus(privilegeStatus: tPrivilegeStatus) {\n // console.log(\"announcing readings\")\n this.PrivilegesAnnouncer.next(privilegeStatus);\n }\n\n}\n","import { Injectable } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { CanActivate } from '@angular/router';\nimport { GlowService } from './glow.service';\nimport { tap } from 'rxjs/operators';\n\n@Injectable()\nexport class AuthGuard implements CanActivate {\n constructor(private router: Router, private authService: GlowService) {}\n\n canActivate() {\n // console.log(\"Authguard\")\n \treturn this.authService.isAuthenticated()\n \t.pipe(tap(authenticated => {\n // console.log(\"can Autheticate\", authenticated)\n if (!authenticated) {\n this.authService.logout();\n this.router.navigate(['login']);\n return false;\n // this.authService.logout().subscribe(response =>{\n // this.router.navigate(['login']);\n // return false;\n // },\n // error =>{\n // this.router.navigate(['login']);\n // return false;\n // }\n // )\n } else {\n return true;\n }\n })\n );\n }\n}\n","import { EventEmitter, Injectable } from '@angular/core';\nimport { AuthConfig, OAuthService } from 'angular-oauth2-oidc';\nimport { BehaviorSubject, from, Observable } from 'rxjs';\n\nimport { StatehandlerService } from './statehandler.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class AuthenticationService {\n roleSet: EventEmitter = new EventEmitter()\n role;\n private _authenticated: boolean = false;\n private readonly _authenticationChanged: BehaviorSubject = new BehaviorSubject(this.authenticated);\n\n constructor(private oauthService: OAuthService, private authConfig: AuthConfig, private statehandler: StatehandlerService) { }\n\n public get authenticated(): boolean {\n return this._authenticated;\n }\n\n public get authenticationChanged(): Observable {\n return this._authenticationChanged;\n }\n\n checkIsRole(role: string) {\n const roles = this.getOIDCUserRolesFromLocalStorage();\n return roles && roles.some((elem) => elem.role === role);\n }\n\n public getOIDCUser(): Observable {\n return from(this.oauthService.loadUserProfile());\n }\n\n roleAnnouncer(role) {\n this.roleSet.emit(role)\n }\n\n setOIDCUserRoles(user: any) {\n //exclude the orgIds\n const roles = this.getOIDCUserRoles(user).map((elem) => ({ role: elem.role }));\n localStorage.setItem('urn:zitadel:iam:org:project:roles', JSON.stringify(roles));\n this.roleAnnouncer(roles)\n return roles;\n }\n\n getOIDCUserRolesFromLocalStorage() {\n this.role = JSON.parse(localStorage.getItem('urn:zitadel:iam:org:project:roles'))\n return this.role\n }\n\n\n\n public getOIDCUserRoles(user: any) {\n return Object.entries(user['urn:zitadel:iam:org:project:roles']).reduce((acc, elem) => {\n const [key, value] = elem;\n const orgs = Object.keys(value);\n return [...acc, ...orgs.map((elem1) => ({ zitadelOrgId: elem1, role: key }))];\n }, []);\n }\n\n public async authenticate(setState: boolean = true, params: any = {}): Promise {\n this.oauthService.configure(this.authConfig);\n this.oauthService.setupAutomaticSilentRefresh();\n\n this.oauthService.strictDiscoveryDocumentValidation = false;\n await this.oauthService.loadDiscoveryDocumentAndTryLogin();\n\n this._authenticated = this.oauthService.hasValidAccessToken();\n\n if (!this.oauthService.hasValidIdToken() || !this.authenticated) {\n const newState = setState ? await this.statehandler.createState().toPromise() : undefined;\n\n this.oauthService.initCodeFlow(newState, params);\n }\n this._authenticationChanged.next(this.authenticated);\n\n return this.authenticated;\n }\n\n async markAsAuthenticated(setState: boolean = true) {\n this.oauthService.configure(this.authConfig);\n this.oauthService.setupAutomaticSilentRefresh();\n\n this.oauthService.strictDiscoveryDocumentValidation = false;\n await this.oauthService.loadDiscoveryDocumentAndTryLogin();\n\n this._authenticated = this.oauthService.hasValidAccessToken();\n\n this._authenticationChanged.next(this.authenticated);\n\n return this.authenticated;\n }\n\n public signout(): void {\n // console.log('signout')\n this._authenticated = false;\n localStorage.removeItem('urn:zitadel:iam:org:project:roles');\n this.oauthService.logOut();\n this._authenticationChanged.next(false);\n }\n\n authorizationHeader() {\n return this.oauthService.authorizationHeader();\n }\n}\n","import { Injectable } from '@angular/core';\n\nimport { tResourceReadings } from './glow.typings';\n\n@Injectable()\nexport class CacheService {\n\n cachedData: any = {};\n constructor(){\n\n }\n\n get(key: string): Promise {\n return new Promise( (resolve)=> { \n // console.log(\"cachedData\")\n // console.log(this.cachedData)\n // console.log(key)\n\n if (this.cachedData.hasOwnProperty(key)) {\n return resolve(this.cachedData[key]); \n } else {\n return resolve();\n }\n }); \n\n }\n\n /**\n * Sets the value with key in the cache\n * Notifies all observers of the new value\n */\n set(key: string, value: any): void {\n this.cachedData[key] = value;\n }\n\n /**\n * Sets the value with key in the cache\n * Notifies all observers of the new value\n */\n remove(key: string): void {\n delete this.cachedData[key];\n }\n /**\n * Checks if the a key exists in cache\n */\n has(key: string): boolean {\n return this.cachedData.hasOwnProperty(key);\n }\n\n //clear Cache at log out events\n clear(): void {\n this.cachedData = {};\n }\n\n //TO DO. make more sophisticated. Add a cleaner.\n}","import { EventEmitter, Injectable } from '@angular/core';\nimport { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { caseStudyFields } from '../../assets/content/case-study-fields.json';\nimport { GlowService } from './glow.service';\nimport { tCaseStudy } from './glow.typings';\nimport { ServiceSelectorSvc } from './service-selector.service';\nimport { Utils } from 'src/utils';\nimport { CaseStudyService } from './case-study.service';\nimport { Router } from '@angular/router';\nimport { FormValidationService } from './form-validation.service';\nimport { FormValidator } from './user-validators';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class CaseStudyFormService {\n caseStudyFields = caseStudyFields;\n caseStudy: tCaseStudy;\n formattedCaseStudy: any = {};\n journal: any;\n\n otherInformationForm: FormGroup;\n\n caseStudyAnnouncer: EventEmitter = new EventEmitter();\n journalAnnouncer: EventEmitter = new EventEmitter();\n formAnnouncer: EventEmitter = new EventEmitter();\n caseStudySubmitSuccessAnnouncer: EventEmitter = new EventEmitter();\n\n selectedService: any;\n\n subscriptionSelectedService: any;\n\n locationForm: FormGroup;\n\n heatingSystemPreForm: FormGroup;\n heatingSystemPostForm: FormGroup;\n\n buildingPreForm: FormGroup;\n hasDoneRetrofitForm: FormGroup;\n buildingPostForm: FormGroup;\n\n microgeneratorPreForm: FormGroup;\n microgeneratorPostForm: FormGroup;\n\n hasMicrogeneratorPreForm: FormGroup;\n hasMicrogeneratorPostForm: FormGroup;\n\n hasEnergyStoragePreForm: FormGroup;\n hasEnergyStoragePostForm: FormGroup;\n\n energyStoragesPreForm: FormGroup;\n energyStoragesPostForm: FormGroup;\n\n hasCarbonEmissionsPreForm: FormGroup;\n hasCarbonEmissionsPostForm: FormGroup;\n\n carbonEmissionsPreForm: FormGroup;\n carbonEmissionsPostForm: FormGroup;\n\n installationForm: FormGroup;\n installerForm: FormGroup;\n financeForm: FormGroup;\n hasReceivedGrantsForm: FormGroup;\n awardedGrantsForm: FormGroup;\n hasReceivedLoansForm: FormGroup;\n awardedLoansForm: FormGroup;\n satisfactionForm: FormGroup;\n\n formsBuilder: any = [];\n sections: any = [];\n\n hasInitServiceVariables: boolean = false;\n isInitialisingServiceVariables: boolean = false;\n\n constructor(private fb: FormBuilder, private glowService: GlowService, private serviceSelectorService: ServiceSelectorSvc, private caseStudyService: CaseStudyService, private router: Router, private formValidationService: FormValidationService) {\n // this.initServiceVariables(this.serviceSelectorService.getSelectedService()).then();\n }\n\n async initServiceVariables(selectedService) {\n if(this.isInitialisingServiceVariables) return;\n this.hasInitServiceVariables= false;\n this.isInitialisingServiceVariables = true;\n \n this.selectedService = selectedService;\n this.setFormSections();\n const journal = await this.getJournal();\n if (!journal) {\n this.journal = await this.initEmptyJournal();\n }\n let caseStudy = await this.getCaseStudy();\n if (!caseStudy) {\n caseStudy = await this.initEmptyCaseStudy();\n }\n this.setAndAnnounceJournal(journal);\n const formattedCaseStudy = await this.caseStudyService.fetchCaseStudyData(caseStudy);\n this.setFormattedCaseStudy(formattedCaseStudy);\n this.setAndAnnounceCaseStudy(caseStudy, formattedCaseStudy);\n \n await this.setFormsBuilder();\n this.initForms();\n this.announceForm('all', true);\n this.hasInitServiceVariables = true;\n this.isInitialisingServiceVariables = false;\n }\n\n async setFormsBuilder() {\n this.formsBuilder = [\n { formName: 'locationForm', caseStudyFieldCategory: 'location', value: this.formattedCaseStudy, formSection: 'pre-installation-building', shouldInit: true },\n { formName: 'buildingPreForm', caseStudyFieldCategory: 'building', value: await this.getBuildingPreFormValue(), formSection: 'pre-installation-building', shouldInit: true },\n {\n formName: 'hasDoneRetrofitForm',\n caseStudyFieldCategory: 'hasDoneRetrofit',\n value: { isTrue: this.hasDoneRetrofit() },\n formSection: 'post-installation-building',\n shouldInit: true,\n },\n {\n formName: 'buildingPostForm',\n caseStudyFieldCategory: 'buildingPost',\n value: this.formattedCaseStudy.after.building && this.formattedCaseStudy.after.building[0],\n formSection: 'post-installation-building',\n shouldInit: this.hasDoneRetrofit(),\n },\n {\n formName: 'hasCarbonEmissionsPreForm',\n caseStudyFieldCategory: 'hasCarbonEmissions',\n value: { isTrue: Boolean(this.formattedCaseStudy.before.building && this.formattedCaseStudy.before.building[0].carbon_emissions) },\n formSection: 'pre-installation-building',\n shouldInit: true,\n },\n {\n formName: 'carbonEmissionsPreForm',\n caseStudyFieldCategory: 'carbonEmissions',\n value: this.formattedCaseStudy.before.building && this.formattedCaseStudy.before.building[0].carbon_emissions,\n formSection: 'pre-installation-building',\n shouldInit: Boolean(this.formattedCaseStudy.before.building && this.formattedCaseStudy.before.building[0].carbon_emissions),\n },\n {\n formName: 'hasCarbonEmissionsPostForm',\n caseStudyFieldCategory: 'hasCarbonEmissions',\n value: { isTrue: Boolean(this.formattedCaseStudy.after.building && this.formattedCaseStudy.after.building[0].carbon_emissions) },\n formSection: 'post-installation-building',\n shouldInit: true,\n },\n {\n formName: 'carbonEmissionsPostForm',\n caseStudyFieldCategory: 'carbonEmissions',\n value: this.formattedCaseStudy.after.building && this.formattedCaseStudy.after.building[0].carbon_emissions,\n formSection: 'post-installation-building',\n shouldInit: Boolean(this.formattedCaseStudy.after.building && this.formattedCaseStudy.after.building[0].carbon_emissions),\n },\n { formName: 'heatingSystemPreForm', caseStudyFieldCategory: 'heatingSystem', value: this.formattedCaseStudy.before.heating_system, arrayName: 'heatingSystems', minLen: 1, formSection: 'pre-installation-heating', shouldInit: true },\n { formName: 'heatingSystemPostForm', caseStudyFieldCategory: 'heatingSystem', value: this.formattedCaseStudy.after.heating_system, arrayName: 'heatingSystems', minLen: 1, formSection: 'post-installation-heating', shouldInit: true },\n {\n formName: 'hasMicrogeneratorPreForm',\n caseStudyFieldCategory: 'hasMicrogenerator',\n value: { isTrue: Boolean(this.formattedCaseStudy.before.microgenerator && this.formattedCaseStudy.before.microgenerator.length > 0) },\n formSection: 'pre-installation-heating',\n shouldInit: true,\n },\n {\n formName: 'microgeneratorPreForm',\n caseStudyFieldCategory: 'microgenerator',\n value: this.formattedCaseStudy.before.microgenerator,\n arrayName: 'microgenerators',\n formSection: 'pre-installation-heating',\n shouldInit: Boolean(this.formattedCaseStudy.before.microgenerator && this.formattedCaseStudy.before.microgenerator.length > 0),\n },\n {\n formName: 'hasMicrogeneratorPostForm',\n caseStudyFieldCategory: 'hasMicrogenerator',\n value: { isTrue: Boolean(this.formattedCaseStudy.after.microgenerator && this.formattedCaseStudy.after.microgenerator.length > 0) },\n formSection: 'post-installation-heating',\n shouldInit: true,\n },\n {\n formName: 'microgeneratorPostForm',\n caseStudyFieldCategory: 'microgenerator',\n value: this.formattedCaseStudy.after.microgenerator,\n arrayName: 'microgenerators',\n formSection: 'post-installation-heating',\n shouldInit: Boolean(this.formattedCaseStudy.after.microgenerator && this.formattedCaseStudy.after.microgenerator.length > 0),\n },\n {\n formName: 'hasEnergyStoragePreForm',\n caseStudyFieldCategory: 'hasEnergyStorage',\n value: { isTrue: Boolean(this.formattedCaseStudy.before.energy_storage && this.formattedCaseStudy.before.energy_storage.length > 0) },\n formSection: 'pre-installation-heating',\n shouldInit: true,\n },\n {\n formName: 'energyStoragePreForm',\n caseStudyFieldCategory: 'energyStorage',\n value: this.formattedCaseStudy.before.energy_storage,\n arrayName: 'energyStorages',\n formSection: 'pre-installation-heating',\n shouldInit: Boolean(this.formattedCaseStudy.before.energy_storage && this.formattedCaseStudy.before.energy_storage.length > 0),\n },\n {\n formName: 'hasEnergyStoragePostForm',\n caseStudyFieldCategory: 'hasEnergyStorage',\n value: { isTrue: Boolean(this.formattedCaseStudy.after.energy_storage && this.formattedCaseStudy.after.energy_storage.length > 0) },\n formSection: 'post-installation-heating',\n shouldInit: true,\n },\n {\n formName: 'energyStoragePostForm',\n caseStudyFieldCategory: 'energyStorage',\n value: this.formattedCaseStudy.after.energy_storage,\n arrayName: 'energyStorages',\n formSection: 'post-installation-heating',\n shouldInit: Boolean(this.formattedCaseStudy.after.energy_storage && this.formattedCaseStudy.after.energy_storage.length > 0),\n },\n { formName: 'installationForm', caseStudyFieldCategory: 'installation', value: this.getHPInstallationValueFromCs(), formSection: 'installation', shouldInit: true },\n { formName: 'installerForm', caseStudyFieldCategory: 'installer', value: this.getHPInstallationValueFromCs() && this.getHPInstallationValueFromCs().installers, arrayName: 'installers', minLen: 1, formSection: 'installation', shouldInit: true },\n { formName: 'financeForm', caseStudyFieldCategory: 'finance', value: this.formattedCaseStudy.outcome.heating_system && this.formattedCaseStudy.outcome.heating_system[0].finance, formSection: 'post-installation-outcomes', shouldInit: true },\n {\n formName: 'hasReceivedGrantsForm',\n caseStudyFieldCategory: 'hasReceivedGrants',\n value: {\n isTrue: Boolean(this.getAwardedGrantsValueFromCs() && this.getAwardedGrantsValueFromCs().length > 0),\n },\n formSection: 'post-installation-outcomes',\n shouldInit: true,\n },\n {\n formName: 'awardedGrantsForm',\n caseStudyFieldCategory: 'awardedGrant',\n value: this.getAwardedGrantsValueFromCs(),\n arrayName: 'awardedGrants',\n formSection: 'post-installation-outcomes',\n shouldInit: true,\n },\n {\n formName: 'hasReceivedLoansForm',\n caseStudyFieldCategory: 'hasReceivedLoans',\n value: { isTrue: Boolean(this.getAwardedLoansValueFromCs() && this.getAwardedLoansValueFromCs().length > 0) },\n formSection: 'post-installation-outcomes',\n shouldInit: true,\n },\n {\n formName: 'awardedLoansForm',\n caseStudyFieldCategory: 'awardedLoan',\n value: this.getAwardedLoansValueFromCs(),\n arrayName: 'awardedLoans',\n formSection: 'post-installation-outcomes',\n shouldInit: true,\n },\n {\n formName: 'satisfactionForm',\n caseStudyFieldCategory: 'satisfaction',\n value: this.formattedCaseStudy.outcome.heating_system && this.formattedCaseStudy.outcome.heating_system[0].satisfaction,\n formSection: 'post-installation-outcomes',\n shouldInit: true,\n },\n { formName: 'otherInformationForm', caseStudyFieldCategory: 'otherInformation', value: this.formattedCaseStudy, formSection: 'other-information', shouldInit: true },\n ];\n return this.formsBuilder;\n }\n\n async getBuildingPreFormValue() {\n const building = this.formattedCaseStudy.before.building && this.formattedCaseStudy.before.building[0];\n if (building && this.formattedCaseStudy.propertyImage && this.formattedCaseStudy.propertyImage.fileId) {\n building['propertyImage'] = this.formattedCaseStudy.propertyImage;\n }\n return building;\n }\n\n setFormSections() {\n const sections = ['pre-installation-building', 'pre-installation-heating', 'installation', 'post-installation-heating', 'post-installation-building', 'post-installation-outcomes', 'other-information'];\n this.sections = [...sections];\n return sections;\n }\n\n getHPInstallationValueFromCs() {\n if (!this.formattedCaseStudy.after.heating_system) return;\n const hpInstallation = this.caseStudy.after.find((je) => je.journalEntryDataType === 'installation' && je.componentDataType === 'heating_system');\n return hpInstallation && this.formattedCaseStudy.after.heating_system.find((hp) => hp.componentId === hpInstallation.componentId && hp.componentVersion === hpInstallation.componentVersion).installation;\n }\n\n getHpSystemFromCs(csSection) {\n return this.formattedCaseStudy[csSection].heating_system && this.formattedCaseStudy[csSection].heating_system.find((item) => item.type.toLowerCase().includes('heat pump'));\n }\n\n async saveAndContinue(saveCallback, section, loadObj) {\n const validity = this.getSectionValidity(section);\n if (!validity) {\n this.markSectionAsTouched(section);\n loadObj = this.handleLoadObjError(loadObj, 'Please fill out all required fields before continuing.');\n return loadObj;\n }\n const completionStatus = 'completed';\n loadObj = await saveCallback(completionStatus);\n if (loadObj.error) {\n return loadObj;\n }\n this.markSectionAsPristine(section);\n const nextSection = this.nextSection(section);\n this.router.navigate(['/pages/tools/case-study-creator/heat-pump/' + nextSection]);\n }\n\n getAwardedGrantsValueFromCs() {\n const hpSystem = this.getHpSystemFromCs('outcome');\n if (!hpSystem) return;\n const finance = hpSystem.finance;\n return finance && finance.awardedGrants;\n }\n\n getAwardedLoansValueFromCs() {\n const hpSystem = this.getHpSystemFromCs('outcome');\n if (!hpSystem) return;\n const finance = hpSystem.finance;\n return finance && finance.awardedLoans;\n }\n\n hasDoneRetrofit(formattedCaseStudy = this.formattedCaseStudy) {\n const buildingBefore = formattedCaseStudy.before.building && formattedCaseStudy.before.building[0];\n if (!buildingBefore) return false;\n const buildingAfter = formattedCaseStudy.after.building && formattedCaseStudy.after.building[0];\n return buildingAfter && buildingAfter.componentVersion > buildingBefore.componentVersion;\n }\n\n initForms() {\n \n for (let form of this.formsBuilder) {\n if (!form.shouldInit) continue;\n if (form.arrayName) {\n this.initFormArrayAndSet(form.formName, form.caseStudyFieldCategory, form.arrayName, form.value, form.minLen || 0);\n } else {\n this.initFormAndSet(form.formName, form.caseStudyFieldCategory, form.value);\n }\n\n this.announceForm(form.formName, this[form.formName]);\n }\n }\n\n addSummaryToForm(form, formattedComponent) {\n form.patchValue({\n summary: (formattedComponent.text_description && formattedComponent.text_description.description) || formattedComponent.summary,\n });\n form.metadata = {\n componentId: formattedComponent.componentId,\n componentVersion: formattedComponent.componentVersion,\n jeId: formattedComponent.text_description && formattedComponent.text_description.jeId,\n };\n }\n\n async initEmptyCaseStudy() {\n const veId = this.selectedService.veId;\n const caseStudyBody = {\n veId,\n classifier: 'heating_system.heat_pump',\n canContactOwner: false,\n canVisitProperty: false,\n publishedStatus: 'draft',\n completionStatus: 'in-progress',\n };\n const caseStudy = await this.glowService.createCaseStudy(caseStudyBody).toPromise();\n return this.caseStudyService.fetchCaseStudyData(caseStudy);\n }\n\n async initEmptyJournal() {\n const veId = this.selectedService.veId;\n const journal = await this.glowService.createJournal(veId).toPromise();\n return journal;\n }\n\n async getCaseStudy() {\n //todo: get the active case study/ allow selection of existing case studies\n const veId = this.selectedService.veId;\n const all = await this.glowService.getAllCaseStudiesByVeAndClassifier(veId, 'heating_system.heat_pump').toPromise();\n return all.length ? all[0] : null;\n }\n\n async announceLatestCaseStudy() {\n const cs = await this.getCaseStudy();\n const formattedCaseStudy = await this.caseStudyService.fetchCaseStudyData(cs);\n this.setAndAnnounceCaseStudy(cs, formattedCaseStudy);\n }\n\n async getJournal() {\n let err, data;\n const veId = this.selectedService.veId;\n [err, data] = await Utils.promiseHandler(this.glowService.getJournal(veId).toPromise());\n if (err && err.status == 404) {\n [err, data] = await Utils.promiseHandler(this.glowService.createJournal(veId).toPromise());\n }\n return data;\n }\n\n initLoadObj(loading = false) {\n return {\n successMessage: '',\n errorMessage: '',\n errorCode: '',\n error: false,\n loading,\n loadingMessage: '',\n };\n }\n\n handleLoadObjError(loadObj, errMessage) {\n loadObj.error = true;\n loadObj.errorMessage = errMessage;\n loadObj.loading = false;\n loadObj.loadingMessage = '';\n loadObj.successMessage = '';\n return loadObj;\n }\n\n handleLoadObjSuccess(loadObj, successMessage) {\n loadObj.error = false;\n loadObj.errorMessage = '';\n loadObj.loading = false;\n loadObj.loadingMessage = '';\n loadObj.successMessage = successMessage;\n return loadObj;\n }\n\n handleLoadObjLoading(loadObj, loadingMessage) {\n loadObj.error = false;\n loadObj.errorMessage = '';\n loadObj.loading = true;\n loadObj.loadingMessage = loadingMessage;\n loadObj.successMessage = '';\n return loadObj;\n }\n\n //initialises all forms except microgenerators/energystorage/installers/heating system\n initForm(caseStudyFieldCategory, value, formName?) {\n if (!value) value = {};\n const group = {};\n for (let field in caseStudyFields[caseStudyFieldCategory]) {\n const fieldObj = caseStudyFields[caseStudyFieldCategory][field];\n // get validators and filter out null validators\n const validators = [\n fieldObj.required ? Validators.required : null,\n fieldObj.type == 'number' ? Validators.pattern('^[0-9]*$') : null,\n fieldObj.type == 'email' ? FormValidator.isEmailValid : null,\n fieldObj.minLength ? FormValidator.minLength(+fieldObj.minLength) : null,\n fieldObj.maxLength ? FormValidator.maxLength(+fieldObj.maxLength) : null,\n fieldObj.type == 'file' ? FormValidator.maxFileSize(+fieldObj.maxSize) : null,\n fieldObj.type == 'file' ? FormValidator.allowedFileTypes(new RegExp(fieldObj.accept)) : null,\n ].filter((validator) => validator != null);\n const initialValue = fieldObj.default !== 'undefined' && value[field] == null ? fieldObj.default : value[field];\n group[field] = new FormControl(initialValue, [...validators]);\n }\n const formGroup = this.fb.group(group);\n if (formGroup.controls.summary) {\n this.addSummaryToForm(formGroup, value);\n }\n if (!formGroup.metadata) {\n formGroup.metadata = { componentId: value['componentId'], componentVersion: value['componentVersion'], jeId: value['jeId'] };\n }\n if (formName) {\n formGroup.metadata.formName = formName;\n }\n\n return formGroup;\n }\n\n initFormArray(caseStudyFieldCategory, arrayControlName, arrayValues = [], minLen) {\n const arrayForm = this.fb.group({ [arrayControlName]: this.fb.array([]) });\n this.addFormsToFormArray(caseStudyFieldCategory, arrayControlName, arrayForm, arrayValues, minLen);\n return arrayForm;\n }\n\n addFormsToFormArray(type, arrayName, form: FormGroup, arrayValues = [], minLen = 0) {\n const array = form.get(arrayName) as FormArray;\n arrayValues.forEach((value) => {\n let group = this.initForm(type, value);\n this.addSummaryToForm(group, value);\n array.push(group);\n });\n\n if (minLen && array.length < minLen) {\n for (let i = 0; i < minLen - array.length; i++) {\n let group = this.initForm(type, {});\n array.push(group);\n }\n }\n\n return form;\n }\n\n getSectionValidity(section) {\n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n return forms.every((form) => !this[form.formName] || this[form.formName].valid);\n }\n\n getSectionValidityForNonEmptyControls(section) {\n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n return forms.every((form) => !this[form.formName] || this.formValidationService.isFormValidForNonEmptyControls(this[form.formName]));\n }\n\n isSectionEmpty(section) {\n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n return forms.every((form) => this.isFormEmpty(this[form.formName]));\n }\n\n isSectionPristine(section) {\n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n return forms.every((form) => !this[form.formName] || this[form.formName].pristine);\n }\n\n markSectionAsTouched(section) {\n \n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n forms.forEach((form) => {\n if (this[form.formName]) {\n this[form.formName].markAllAsTouched();\n this.announceForm(form.formName, this[form.formName]);\n }\n });\n }\n\n markSectionAsPristine(section) {\n \n const forms = this.formsBuilder.filter((form) => form.formSection === section);\n forms.forEach((form) => {\n if (this[form.formName]) {\n this[form.formName].markAsPristine();\n this.announceForm(form.formName, this[form.formName]);\n }\n });\n }\n\n getSectionFromRouter() {\n const urlArray = this.router.url.split('/');\n const section = urlArray[urlArray.length - 1];\n return section;\n }\n\n addGroupToFormArray(type, form: FormGroup, arrayName, value = {}) {\n let group = this.initForm(type, value);\n const array = form.get(arrayName) as FormArray;\n array.push(group);\n return group;\n }\n\n removeForm(index, form: FormGroup, arrayName) {\n const array = form.get(arrayName) as FormArray;\n array.removeAt(index);\n return form;\n }\n\n processChangeBooleanControl(type, form, formToUpdate, arrayName, booleanField, formToUpdateName) {\n form.controls[booleanField].valueChanges.subscribe((value) => {\n \n if (value && !formToUpdate) {\n if (!arrayName) {\n this.initFormAndSet(formToUpdateName, type);\n this.announceForm(formToUpdateName, this[formToUpdateName]);\n return;\n }\n this.initFormArrayAndSet(formToUpdateName, type, arrayName, [], 1);\n this.announceForm(formToUpdateName, this[formToUpdateName]);\n return;\n }\n if (!value) {\n this[formToUpdateName] = null;\n this.announceForm(formToUpdateName, this[formToUpdateName]);\n return;\n }\n if (value && arrayName) {\n this.addGroupToFormArray(type, formToUpdate, arrayName);\n return;\n }\n });\n return form;\n }\n\n initFormAndSet(formName, caseStudyFieldCategory, value = {}) {\n this[formName] = this.initForm(caseStudyFieldCategory, value, formName);\n }\n\n setForm(formName, form) {\n this[formName] = form;\n }\n setFormAndAnnounce(formName, form) {\n this.setForm(formName, form);\n \n this.announceForm(formName, form);\n }\n\n initFormArrayAndSet(formName, caseStudyFieldCategory, arrayControlName, arrayValues = [], minLen) {\n this[formName] = this.initFormArray(caseStudyFieldCategory, arrayControlName, arrayValues, minLen);\n }\n\n announceCaseStudy(caseStudy = this.caseStudy, formattedCaseStudy = this.formattedCaseStudy) {\n this.caseStudyAnnouncer.emit({ caseStudy, formattedCaseStudy });\n }\n\n announceJournal() {\n this.journalAnnouncer.emit(this.journal);\n }\n\n announceForm(formName, form) {\n this.formAnnouncer.emit({ formName, form });\n }\n\n setCaseStudy(caseStudy) {\n this.caseStudy = caseStudy;\n }\n\n setFormattedCaseStudy(formattedCaseStudy) {\n this.formattedCaseStudy = formattedCaseStudy;\n }\n\n setAndAnnounceCaseStudy(caseStudy, formattedCaseStudy) {\n this.caseStudy = caseStudy;\n this.formattedCaseStudy = formattedCaseStudy;\n this.announceCaseStudy(caseStudy, formattedCaseStudy);\n }\n\n async setFormatAnnounceCaseStudy(caseStudy) {\n this.caseStudy = caseStudy;\n this.formattedCaseStudy = await this.caseStudyService.fetchCaseStudyData(caseStudy);\n this.announceCaseStudy(caseStudy, this.formattedCaseStudy);\n }\n\n setAndAnnounceJournal(journal) {\n this.journal = journal;\n this.announceJournal();\n }\n\n getAndAnnounceCaseStudySubmitSuccess() {\n const sectionSuccessMap = {};\n for (let section of this.sections) {\n sectionSuccessMap[section] = this.getSectionValidity(section);\n }\n this.caseStudySubmitSuccessAnnouncer.emit(sectionSuccessMap);\n }\n\n // getFormCategories(form: FormGroup) {\n // switch (form) {\n // case this.microgeneratorForm:\n // return ['microgenerator'];\n // case this.buildingForm:\n // return ['building'];\n // case this.energyStoragesForm:\n // return ['energyStorage'];\n // case this.heatingSystemForm:\n // return ['heatingSystem'];\n // case this.installationForm:\n // return ['installer', 'installation'];\n // // case this.outcomesForm:\n // // return ['satisfaction', 'finance'];\n // case this.buildingPostInstallForm:\n // return ['buildingPostInstall'];\n // }\n // }\n\n isFormEmpty(form) {\n return form && form.value && Object.keys(form.value).every((key) => form.value[key] === '');\n }\n\n getActiveForms() {\n return this.formsBuilder.map((form) => this[form.formName]).filter((form) => form);\n }\n\n areFormsPristine() {\n const activeForms = this.getActiveForms();\n return activeForms.every((form) => form.pristine);\n }\n\n async getOrCreateHpSystem(completionStatus) {\n let hpSystem = this.formattedCaseStudy.after.heating_system && this.formattedCaseStudy.after.heating_system.find((system) => system.type.toLowerCase().includes('heat pump'));\n if (!hpSystem) {\n hpSystem = await this.createComponent({ formValue: { type: 'Air Source Heat Pump' }, fieldsToAdd: [], fieldsToDelete: [], componentDataType: 'heating_system', componentVersion: 1, completionStatus });\n const descriptionJe = await this.createDescriptionJournalEntry({ formValue: {}, componentDataType: 'heating_system', componentVersion: 1, componentId: hpSystem.componentId, completionStatus });\n const r = await this.addJournalEntryToCaseStudy({ journalEntry: descriptionJe, caseStudy: this.caseStudy, section: 'after' });\n }\n\n await this.announceLatestCaseStudy();\n this.initFormArrayAndSet('heatingSystemPostForm', 'heatingSystem', 'heatingSystems', this.formattedCaseStudy.after.heating_system, 1);\n this.announceForm('heatingSystemPostForm', this.heatingSystemPostForm);\n return this.formattedCaseStudy.after.heating_system && this.formattedCaseStudy.after.heating_system.find((system) => system.type.toLowerCase().includes('heat pump'));\n }\n\n async processDeletedComponents(componentArray, componentFormArray, formArrayName, csSection) {\n if (!componentArray) return;\n const existingComponentIds = componentArray.map((component) => component.componentId);\n const componentIds = componentFormArray ? componentFormArray.controls[formArrayName]['controls'].map((form) => form.metadata.componentId) : [];\n if (existingComponentIds.length === componentIds.length) return;\n const deletedComponentIds = existingComponentIds.filter((id) => !componentIds.includes(id));\n const journalEntriesToDelete = this.caseStudy[csSection].filter((je) => deletedComponentIds.includes(je.componentId));\n for (let je of journalEntriesToDelete) {\n await this.removeJournalEntryFromCaseStudy({\n caseStudy: this.caseStudy,\n jeId: je.jeId,\n section: csSection,\n });\n }\n }\n\n async addJournalEntryToCaseStudy({ caseStudy, journalEntry, section }: { caseStudy; journalEntry; section: 'before' | 'after' | 'outcome' }) {\n caseStudy[section].push({\n jeId: journalEntry.jeId,\n componentId: journalEntry.componentId,\n componentVersion: journalEntry.componentVersion,\n componentDataType: journalEntry.componentDataType,\n journalEntryDataType: journalEntry.data.journalEntryDataType,\n });\n return this.glowService.updateCaseStudy(caseStudy.csId, { [section]: caseStudy[section] }).toPromise();\n }\n\n removeJournalEntryFromCaseStudy({ caseStudy, jeId, section }: { caseStudy; jeId; section: 'before' | 'after' | 'outcome' }) {\n caseStudy[section] = caseStudy[section].filter((je) => je.jeId !== jeId);\n return this.glowService.updateCaseStudy(caseStudy.csId, { [section]: caseStudy[section] }).toPromise();\n }\n\n async createJournalEntry({ journalEntryData, componentId, componentVersion, componentDataType, completionStatus }) {\n journalEntryData = {\n ...journalEntryData,\n componentId,\n componentVersion,\n componentDataType,\n veId: this.selectedService.veId,\n journalId: this.journal.journalId,\n summary: journalEntryData.summary || '',\n completionStatus,\n };\n return this.glowService.createJournalEntry(journalEntryData).toPromise();\n }\n\n getDescrptionJournalEntryFromFormValue(formValue) {\n const journalEntryData = {\n data: {\n description: formValue.summary || '',\n journalEntryDataType: 'text_description',\n },\n };\n return journalEntryData;\n }\n\n async createDescriptionJournalEntry({ formValue, componentId, componentVersion, componentDataType, completionStatus }) {\n const journalEntryData = this.getDescrptionJournalEntryFromFormValue(formValue);\n const journalEntry = await this.createJournalEntry({ journalEntryData, componentId, componentVersion, componentDataType, completionStatus });\n return journalEntry;\n }\n\n async updateDescriptionJournalEntry({ formValue, existingTextDescription }) {\n const journalEntryData = this.getDescrptionJournalEntryFromFormValue(formValue);\n const jeId = existingTextDescription && existingTextDescription.jeId;\n return this.glowService.updateJournalEntry(jeId, journalEntryData).toPromise();\n }\n\n getComponentFromFormValue({ formValue, componentDataType, fieldsToDelete, fieldsToAdd }) {\n let componentData = { ...formValue };\n let component: any = {};\n for (let field of fieldsToDelete) {\n delete componentData[field];\n }\n for (let field of fieldsToAdd) {\n component[field] = formValue[field];\n }\n componentData = Utils.setNumbersInObject(componentData);\n component['data'] = componentData;\n component['data']['componentDataType'] = componentDataType;\n return component;\n }\n\n async updateComponent({ componentId, componentVersion, componentDataType, fieldsToDelete, fieldsToAdd, formValue }) {\n const component = this.getComponentFromFormValue({ formValue, componentDataType, fieldsToDelete, fieldsToAdd });\n return this.glowService.updateComponent(componentId, componentVersion, component).toPromise();\n }\n\n async uploadComponentMediaFiles(mediaFiles, componentId, componentVersion) {\n if (!(mediaFiles instanceof FileList)) return mediaFiles;\n const formData = Utils.formDataFromFiles(mediaFiles);\n const updatedComponent = await this.glowService.updateComponentMedia(componentId, componentVersion, formData).toPromise();\n return updatedComponent.mediaFiles;\n }\n\n async uploadComponentMediaFilesFromForm(formValue, componentId, componentVersion) {\n if (formValue.mediaFiles && formValue.mediaFiles.length) {\n const uploadedMediaFiles = await this.uploadComponentMediaFiles(formValue.mediaFiles, componentId, componentVersion);\n formValue.mediaFiles = uploadedMediaFiles;\n }\n return formValue;\n }\n\n async createComponent({ formValue, fieldsToDelete, fieldsToAdd, componentVersion, componentDataType, completionStatus, componentId }: { formValue; fieldsToDelete; fieldsToAdd; componentVersion; componentDataType; completionStatus; componentId? }) {\n const component = this.getComponentFromFormValue({ formValue, componentDataType, fieldsToDelete, fieldsToAdd });\n component['componentVersion'] = componentVersion;\n if (componentId) {\n component['componentId'] = componentId;\n }\n component['veId'] = this.selectedService.veId;\n component['completionStatus'] = completionStatus;\n return this.glowService.createComponent(component).toPromise();\n }\n\n nextSection(currentSection) {\n //todo: put pages in this service- set up setter to fetch them from here\n const sections = ['pre-installation-building', 'pre-installation-heating', 'installation', 'post-installation-heating', 'post-installation-building', 'post-installation-outcomes', 'other-information'];\n const index = sections.indexOf(currentSection);\n return sections[index + 1];\n }\n}\n","import { Injectable } from '@angular/core';\nimport { GlowService } from './glow.service';\nimport { HttpClient } from '@angular/common/http';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class CaseStudyService {\n constructor(private glowService: GlowService, private http: HttpClient) {}\n\n async fetchCaseStudyData(caseStudy: any) {\n ;\n let fullCs = { ...caseStudy };\n const before = await this.fetchCaseStudyItems(caseStudy.before);\n const after = await this.fetchCaseStudyItems(caseStudy.after);\n const outcome = await this.fetchCaseStudyItems(caseStudy.outcome);\n fullCs.before = this.convertObject(before);\n fullCs.after = this.convertObject(after);\n fullCs.outcome = this.convertObject(outcome);\n return fullCs;\n }\n\n async fetchCaseStudyItems(sectionArray: any[]) {\n const section = {};\n if (!(Array.isArray(sectionArray) && sectionArray.length)) return {};\n for (let je of sectionArray) {\n if (!section[je.componentDataType]) {\n section[je.componentDataType] = {};\n }\n let data = {};\n const journalEntry = await this.glowService.getJournalEntry(je.jeId).toPromise();\n journalEntry.data['validFrom'] = journalEntry.validFrom && journalEntry.validFrom.split('T')[0];\n journalEntry.data['validTo'] = journalEntry.validTo && journalEntry.validTo.split('T')[0];\n journalEntry.data['jeId'] = journalEntry.jeId;\n if (journalEntry.data.journalEntryDataType !== 'resource_extract') {\n data[journalEntry.data.journalEntryDataType] = journalEntry.data;\n } else {\n data[journalEntry.data.classifier] = journalEntry.data;\n }\n if (!section[je.componentDataType][je.componentId]) {\n const component = await this.glowService.getComponent(je.componentId, je.componentVersion).toPromise();\n const compData = component.data;\n delete component.data;\n data = { ...data, ...compData, ...component };\n data['installedAt'] = component.installedAt && component.installedAt.split('T')[0];\n data['decommissionedAt'] = component.decommissionedAt && component.decommissionedAt.split('T')[0];\n section[je.componentDataType][je.componentId] = data;\n } else {\n section[je.componentDataType][je.componentId] = { ...section[je.componentDataType][je.componentId], ...data };\n }\n }\n return section;\n }\n\n fileExists(url: any, baseUrl) {\n const urlObj = new URL(url, baseUrl);\n return this.http\n .head(urlObj.href)\n .toPromise()\n .then(() => true)\n .catch(() => false);\n }\n\n async getDefaultPropertyImage(formattedCaseStudy) {\n const builtForm = formattedCaseStudy.before.building ? formattedCaseStudy.before.building[0].builtForm.toLowerCase() : '';\n const baseUrl = window.location.href.split('/').slice(0, -1).join('/');\n const url = `../../assets/images/case-study/building/${builtForm}.jpg`;\n const absUrl = new URL(url, baseUrl).href;\n const fileExists = await this.fileExists(absUrl, baseUrl);\n if (!fileExists) {\n return `../../assets/images/case-study/building/detached.jpg`;\n }\n return url;\n }\n\n async getImage(caseStudy, field, index?) {\n const imageInfo = index >= 0 ? caseStudy[field][index] : caseStudy[field]\n if (!imageInfo) return null;\n const image = await this.glowService.getImage(imageInfo.fileId);\n return image;\n }\n\n convertObject(inputObject) {\n const convertedObject = {};\n\n for (const key in inputObject) {\n if (inputObject.hasOwnProperty(key)) {\n const innerObject = inputObject[key];\n convertedObject[key] = Object.values(innerObject);\n }\n }\n\n return convertedObject;\n }\n\n //todo: include loans\n calculateNetCosts(totalCost, awardedGrants) {\n if (!totalCost) {\n return null;\n }\n if (!awardedGrants) {\n return totalCost;\n }\n const totalGrantAmount = awardedGrants.reduce((acc, ag) => {\n const accAmountWon = acc.amount || 0;\n const agAmountWon = ag.amount || 0;\n return accAmountWon + agAmountWon;\n }, 0);\n return totalCost - totalGrantAmount;\n }\n\n calculateNetRunningCosts(componentArray) {\n if (!componentArray) {\n return null;\n }\n const runningCosts = componentArray.reduce((acc, hs) => {\n const accRunningCost = acc['gas.cost'] ? acc['gas.cost'].totalValue : acc['electricity.cost'] ? acc['electricity.cost'].totalValue : 0;\n const hsRunningCost = hs['gas.cost'] ? hs['gas.cost'].totalValue : hs['electricity.cost'] ? hs['electricity.cost'].totalValue : 0;\n return accRunningCost + hsRunningCost;\n }, 0);\n return runningCosts;\n }\n}\n","import { Injectable } from '@angular/core';\nimport { tDeviceTypeConnectivityMapping, tAssetTypeConnectivityMapping, tResourceTypeSmartMeterMapping, tResourceTypeMapping, tResourceTypeRestrictionConfig, tResourceTypeGroupMapping } from './configuration.typings';\nimport { GlowService } from './glow.service';\n\n@Injectable({\n providedIn: 'root'\n})\n//June 2018: DO not use DeviceTypes to evaluate WiFi/ethernet\nexport class DeviceTypeConfigService {\n\n //This service classifies the resource types as are required for the vatious vetypes\n deviceTypeConnectivityMappings: tDeviceTypeConnectivityMapping;\n\n getDeviceTypeConnectivityConfigurations() {\n\n this.deviceTypeConnectivityMappings = {\n connectivity: {\n wifi: [\"9613ffb0-fb70-48fb-8927-4a936fd98c44\", \"1027b6e8-9bfd-4dcb-8068-c73f6413cfaf\", \"b91cf82f-aafe-47f4-930a-b2ed1c7b2691\", \"7adcd7d3-3cd5-4c6d-882d-e5af636cc46f\"],\n ethernet: [\"a6224773-f6de-4808-b422-dcf9cece1201\", \"00a5f229-ae7e-4ee0-bcf3-309b2211f3d5\"]\n },\n type: {\n network: [\"9613ffb0-fb70-48fb-8927-4a936fd98c44\", \"b91cf82f-aafe-47f4-930a-b2ed1c7b2691\", \"1027b6e8-9bfd-4dcb-8068-c73f6413cfaf\", \"a6224773-f6de-4808-b422-dcf9cece1201\", \"00a5f229-ae7e-4ee0-bcf3-309b2211f3d5\", \"b91cf82f-aafe-47f4-930a-b2ed1c7b2691\", \"7adcd7d3-3cd5-4c6d-882d-e5af636cc46f\"],\n sensor: [\"1ff18981-76ab-4f54-ba5c-eba107e1d6d2\", \"12cac22f-2fe3-4219-bf56-42fda3505605\", \"fa72a7b9-a574-4bec-b2a4-fa1eb36fd9a4\", \"4d090136-a8d5-4ef0-a76a-d4b090dc1ac6\"]\n }\n }\n return this.deviceTypeConnectivityMappings;\n }\n\n getDeviceTypesToShowSetUpWiFiButton() {\n // IHD WiFi Set Up should happen on the IHD itself. If it is a Glow Stick we need to prompt to use the Mobile Set up process.\n const deviceTypesGlowSticks = [\"9613ffb0-fb70-48fb-8927-4a936fd98c44\", \"1027b6e8-9bfd-4dcb-8068-c73f6413cfaf\"]\n return deviceTypesGlowSticks;\n }\n};\n\n@Injectable()\nexport class AssetTypeConfigService {\n\n //This service classifies the resource types as are required for the vatious vetypes\n assetTypeConnectivityMappings: tAssetTypeConnectivityMapping;\n\n getAssetTypeConnectivityConfigurations() {\n\n this.assetTypeConnectivityMappings = {\n connectivity: {\n wifi: [\"ecf6a7e3-eff8-4e7d-af12-b24f23b7a5c7\", \"00012fd2-51b7-471e-965f-00e6535c0a37\", \"764ef28d-6cc5-48b2-8ab9-7a659d7ffb18\", \"07e1802c-d2af-47b9-bd11-c34e17a6301d\"],\n ethernet: [\"172b6b4b-aa59-463c-a3b6-117106dd0f36\", \"60619589-9249-4f04-9480-960faa5f9c18\"]\n },\n wiFiPassword: {\n fixed: [\"ecf6a7e3-eff8-4e7d-af12-b24f23b7a5c7\", \"00012fd2-51b7-471e-965f-00e6535c0a37\"]\n }\n }\n return this.assetTypeConnectivityMappings;\n }\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class ResourceTypeConfigService {\n\n public resourceTypeMapping: tResourceTypeMapping\n public resourceTypeGroupMapping: tResourceTypeGroupMapping\n\n public resourceClassifierMapping: tResourceTypeMapping\n public resourceClassifierGroupMapping: tResourceTypeGroupMapping\n\n public resourceClassifierToResourceTypeMap: { [key: string]: string[] }\n\n\n constructor(private glowService: GlowService) {\n\n }\n loadResourceTypeMappings() {\n this.resourceTypeMapping = {\n dataStreamType: {\n \"electricity\": [\"ea02304a-2820-4ea0-8399-f1d1b430c3a0\", \"b4158501-a678-484a-837a-874194d3bd48\",\n \"b5791d9a-6f58-4372-bae4-ae79d1cc0712\", \"23e9084a-19d4-4849-ab78-bd22753457f5\",\n \"9ec2bd19-bfa3-430b-9f08-9550c8cd4bbe\", \"bb0b2429-7776-44da-a3b4-f87ce3a47dd0\",\n \"b3c80261-f9d3-4453-a6e7-5fd02e89fc67\", \"c58b4039-3cdf-425a-873d-f9e82d8c4009\",\n \"b8a8b8ca-ee59-4fc9-97c1-77dfa6bd9b46\", \"177a0707-154b-4666-be59-2a5eff88a160\",\n \"e3a5db34-6e0c-4221-9653-8d33e27511ba\", \"78859e39-611e-4e84-a402-1d4460abcb56\", // DCC\n \"92d6d2fb-26bc-4ada-9698-9f678ecdfdcf\", \"ba9d973a-ffc8-4f29-98f7-0fe36dbbc136\", // AMR\n \"0bb1fb70-c443-416f-843b-c166dcff0a87\", \"55326886-dbc3-4840-ae24-8cdbf51a8485\", // Secure\n \"4bae327d-787f-43e1-8b2d-07cbc8235c7a\", \"1bbc8103-cc49-46ff-8fe0-209924697e9c\",\n \"5d3a6b5f-78f4-4ade-8f57-a9db10bc2b30\", \"2f5fc03f-771e-48e9-a6bc-9d49edd8bfae\"// DH\n ],\n \"gas\": [\"672b8071-44ff-4f23-bca2-f50c6a3ddd02\", \"32d9821b-34fd-46d1-9ba1-56259afd4734\",\n \"08ab415f-d851-423f-adf4-c2b1e0529e27\", \"a6b95f41-771d-4bd2-99f4-93ee43c38f5a\", // DCC\n \"5bc20a07-f50a-4b7b-931f-836a9e6188e0\", \"972c95ba-9c99-4461-95fa-9d072eaa20af\", // AMR\n \"f6c3da95-f81a-4640-ac20-cfd82b88412e\", \"5c4bbe04-1fee-4701-9366-cb37285167f5\" // Secure\n ],\n cooling: [\n \"54a86b22-1ec0-4404-b968-e136864e4cf2\", \"c9b94bfe-31d3-48f2-8b2d-5c4386ea45cd\",\n \"388527d2-b51b-4aa0-b065-c70bc1b287ad\", \"67779bc1-a8eb-4934-a3df-097ac4b0548e\"\n ],\n heat: [\"a16c0dfc-8cb8-4d15-a7bc-59c9d5555eff\", \"de946467-1e32-4f65-a3c6-bf65b66b3b0c\",\n \"dd272457-d812-4bfc-b25e-811a4a7207c6\", \"9cdc3482-3f9c-4afc-b59d-bcfa098b19b6\",\n \"5415d743-ffc5-4659-ae7e-f4c400ded4dc\", \"8a60dd47-0589-4700-a018-ce52fbf38aab\"],\n competitionPoints: ['9d90695b-2173-48af-9e1c-c53a4badc659'],\n water: ['17ccf7b8-d887-4029-bc97-a8a70900a738', 'b9684b04-4b78-4d20-8c6c-e0119e7e0367'],\n \"consumption\": [\"45b6b096-1a23-4584-9a58-9631ea1f3274\"],\n \"generation\": [\"9b4ff990-60db-4d6c-9a0c-ab02bdd62fd3\"],\n \"diversion\": [\"7f464f1b-14ad-48a0-bc9d-0e464e9d6c36\"],\n \"import\": [\"d4181ac4-f182-412e-9106-3b298e0d4c62\"],\n \"export\": [\"20dc3d46-f07d-4d61-af52-b0ac148206bf\", \"b8aba9a5-effa-42e6-8e27-29c93a14e090\"],\n temperature: [\"temperatureResourceTypeId\", \"5a0ac248-ab63-4bd7-9788-a9fa26b85c1a\"],\n relativeHumidity: [\"34b43bd1-d724-4c3f-954e-e74b5bbdcc7e\"],\n daylight: [\"dayightTimeSeriesResourceTypeId\"],\n illuminance: ['61af065b-d737-44d2-b30a-f9f1a3bd1b0f']\n },\n analytics: {\n forecast: [\"67779bc1-a8eb-4934-a3df-097ac4b0548e\", \"8a60dd47-0589-4700-a018-ce52fbf38aab\", \"2f5fc03f-771e-48e9-a6bc-9d49edd8bfae\"]\n },\n dimension: {\n energy: [\n \"ea02304a-2820-4ea0-8399-f1d1b430c3a0\", \"672b8071-44ff-4f23-bca2-f50c6a3ddd02\",\n \"b5791d9a-6f58-4372-bae4-ae79d1cc0712\", \"23e9084a-19d4-4849-ab78-bd22753457f5\",\n \"9ec2bd19-bfa3-430b-9f08-9550c8cd4bbe\", \"bb0b2429-7776-44da-a3b4-f87ce3a47dd0\",\n \"a16c0dfc-8cb8-4d15-a7bc-59c9d5555eff\", \"de946467-1e32-4f65-a3c6-bf65b66b3b0c\",\n '17ccf7b8-d887-4029-bc97-a8a70900a738',\n \"45b6b096-1a23-4584-9a58-9631ea1f3274\", \"9b4ff990-60db-4d6c-9a0c-ab02bdd62fd3\",\n \"7f464f1b-14ad-48a0-bc9d-0e464e9d6c36\", \"d4181ac4-f182-412e-9106-3b298e0d4c62\",\n \"20dc3d46-f07d-4d61-af52-b0ac148206bf\", \"e3a5db34-6e0c-4221-9653-8d33e27511ba\",\n \"92d6d2fb-26bc-4ada-9698-9f678ecdfdcf\", \"08ab415f-d851-423f-adf4-c2b1e0529e27\",\n \"5bc20a07-f50a-4b7b-931f-836a9e6188e0\",\n \"0bb1fb70-c443-416f-843b-c166dcff0a87\", \"f6c3da95-f81a-4640-ac20-cfd82b88412e\",\n \"4bae327d-787f-43e1-8b2d-07cbc8235c7a\",\n \"54a86b22-1ec0-4404-b968-e136864e4cf2\",\n \"8bfe5602-5f35-45f7-b8bb-3c43d7859432\"\n ], // Rename energy to USAGE\n cost: [\n \"b4158501-a678-484a-837a-874194d3bd48\", \"32d9821b-34fd-46d1-9ba1-56259afd4734\",\n \"b3c80261-f9d3-4453-a6e7-5fd02e89fc67\", \"c58b4039-3cdf-425a-873d-f9e82d8c4009\",\n \"b8a8b8ca-ee59-4fc9-97c1-77dfa6bd9b46\", \"177a0707-154b-4666-be59-2a5eff88a160\",\n 'b9684b04-4b78-4d20-8c6c-e0119e7e0367', \"78859e39-611e-4e84-a402-1d4460abcb56\",\n \"ba9d973a-ffc8-4f29-98f7-0fe36dbbc136\", \"a6b95f41-771d-4bd2-99f4-93ee43c38f5a\",\n \"972c95ba-9c99-4461-95fa-9d072eaa20af\",\n \"dd272457-d812-4bfc-b25e-811a4a7207c6\", \"9cdc3482-3f9c-4afc-b59d-bcfa098b19b6\",\n \"55326886-dbc3-4840-ae24-8cdbf51a8485\", \"5c4bbe04-1fee-4701-9366-cb37285167f5\",\n \"c9b94bfe-31d3-48f2-8b2d-5c4386ea45cd\", \"1bbc8103-cc49-46ff-8fe0-209924697e9c\"\n ],\n balance: [\n \"5415d743-ffc5-4659-ae7e-f4c400ded4dc\", \"5d3a6b5f-78f4-4ade-8f57-a9db10bc2b30\", \"388527d2-b51b-4aa0-b065-c70bc1b287ad\"\n ]\n }\n }\n return this.resourceTypeMapping;\n }\n\n async loadClassifierResourceTypeMap() {\n const resourceTypes = await this.glowService.getResourceTypes().toPromise();\n\n this.resourceClassifierToResourceTypeMap = resourceTypes.reduce((acc, elem) => {\n if(acc[elem.classifier] ) {\n acc[elem.classifier].push(elem.resourceTypeId)\n } else {\n acc[elem.classifier] =[elem.resourceTypeId]\n }\n return acc\n }, {})\n return this.resourceClassifierToResourceTypeMap\n }\n\n async getClassifierToResourceTypeMap() {\n if (this.resourceClassifierToResourceTypeMap) {\n return this.resourceClassifierToResourceTypeMap\n } else {\n return this.loadClassifierResourceTypeMap()\n }\n }\n\n loadResourceClassiffierMappings(): tResourceTypeMapping {\n this.resourceClassifierMapping = {\n dataStreamType: {\n competitionPoints: ['points.competition'],\n electricity: [\n 'electricity.consumption', 'electricity.consumption.cost',\n 'balance.electricity', \"electricity.forecast\"],\n gas: ['gas.consumption', 'gas.consumption.cost'],\n heat: [\n 'heat.energy', 'heat.consumption', 'heat.consumption.cost',\n 'gas.consumption', 'gas.consumption.cost', 'heat.energy.cost',\n 'balance.heat', \"heat.forecast\"],\n cooling: ['cool.energy', 'cool.energy.cost', 'balance.cooling', \"cooling.forecast\"],\n water: ['water.consumption', 'water.consumption.cost'],\n consumption: ['electricity.consumption'],\n generation: ['electricity.generation'],\n diversion: ['electricity.diversion'],\n import: ['electricity.import'],\n export: [\"electricity.export\"],\n illuminance: ['illuminance'],\n daylight: [\"dayight.normalization\"],\n temperature: [\"temperature\"],\n relativeHumidity: [\"relative_humidity\"],\n }, // Rename energy to USAGE\n analytics: {\n forecast: [\"heat.forecast\", \"cooling.forecast\", \"electricity.forecast\"]\n },\n dimension: {\n energy: ['electricity.consumption', 'gas.consumption', 'heat.consumption', 'heat.energy', 'water.consumption',\n 'electricity.generation', 'electricity.diversion', 'electricity.import', \"electricity.export\", 'cool.energy'\n ],\n cost: ['electricity.consumption.cost', 'gas.consumption.cost', 'heat.consumption.cost', 'water.consumption.cost', 'heat.energy.cost', 'cool.energy.cost'],\n balance: ['balance.cooling', 'balance.electricity', 'balance.heat']\n }\n };\n return this.resourceClassifierMapping;\n };\n\n loadResourceTypeGroupMappings(): tResourceTypeGroupMapping {\n this.resourceTypeGroupMapping = {\n summary: {\n \"heat\": ['fc143f87-221a-4294-9fde-5cb871df6bb9'],\n elecGas: ['2bac239e-32c6-4518-a1b2-6a6e855c0dfa']\n\n },\n value: {\n \"heat\": ['00d5ea56-6895-49b2-a6d9-85ad2e1b6547'],\n elecGas: ['e3f4fc6b-3505-4f3a-a989-d5ddb6210aed']\n },\n meterReadCount: {\n \"heat\": [\"f5454a33-46a7-423e-a140-5acd5ab95ebe\"],\n elecGas: []\n },\n groups: {\n summary: [\"52440667-0e66-485d-bece-abaed22f374f\"]\n }\n }\n return this.resourceTypeGroupMapping;\n }\n\n loadResourceClassifierGroupMappings(): tResourceTypeGroupMapping {\n this.resourceClassifierGroupMapping = {\n summary: {\n \"heat\": ['group.heat.summary'],\n elecGas: ['group.energy.summary']\n },\n meterReadCount: {\n \"heat\": [\"group.meter-read.count\"],\n elecGas: []\n },\n value: {\n \"heat\": ['group.heat.consumption'],\n elecGas: ['group.energy.consumption']\n },\n groups: {\n summary: [\"groups.energy.summary\"]\n }\n }\n return this.resourceClassifierGroupMapping;\n }\n\n public loadResourceTypeRestrictionConfig(): tResourceTypeRestrictionConfig {\n const resourceTypeConfig = {\n // heat\n \"a16c0dfc-8cb8-4d15-a7bc-59c9d5555eff\": {\n minimumAggPeriod: 'P1D',\n minimumCurrentSummaryValue: 'week',\n defaultDayToDisplay: -1\n },\n \"de946467-1e32-4f65-a3c6-bf65b66b3b0c\": {\n minimumAggPeriod: 'P1D',\n minimumCurrentSummaryValue: 'week',\n defaultDayToDisplay: -1\n },\n \"dd272457-d812-4bfc-b25e-811a4a7207c6\": {\n minimumAggPeriod: 'P1D',\n minimumCurrentSummaryValue: 'week',\n defaultDayToDisplay: -1\n },\n \"9cdc3482-3f9c-4afc-b59d-bcfa098b19b6\": {\n minimumAggPeriod: 'P1D',\n minimumCurrentSummaryValue: 'week',\n defaultDayToDisplay: -1\n },\n \"672b8071-44ff-4f23-bca2-f50c6a3ddd02\": { // gas\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"32d9821b-34fd-46d1-9ba1-56259afd4734\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"17ccf7b8-d887-4029-bc97-a8a70900a738\": { // water\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"b9684b04-4b78-4d20-8c6c-e0119e7e0367\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n\n // electricity cost\n \"b4158501-a678-484a-837a-874194d3bd48\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"b3c80261-f9d3-4453-a6e7-5fd02e89fc67\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"c58b4039-3cdf-425a-873d-f9e82d8c4009\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"b8a8b8ca-ee59-4fc9-97c1-77dfa6bd9b46\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n \"177a0707-154b-4666-be59-2a5eff88a160\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: 0\n },\n // DCC\n \"e3a5db34-6e0c-4221-9653-8d33e27511ba\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"78859e39-611e-4e84-a402-1d4460abcb56\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"08ab415f-d851-423f-adf4-c2b1e0529e27\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"a6b95f41-771d-4bd2-99f4-93ee43c38f5a\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n // AMR\n \"92d6d2fb-26bc-4ada-9698-9f678ecdfdcf\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"ba9d973a-ffc8-4f29-98f7-0fe36dbbc136\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"5bc20a07-f50a-4b7b-931f-836a9e6188e0\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"972c95ba-9c99-4461-95fa-9d072eaa20af\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n // Secure\n \"0bb1fb70-c443-416f-843b-c166dcff0a87\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"55326886-dbc3-4840-ae24-8cdbf51a8485\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"f6c3da95-f81a-4640-ac20-cfd82b88412e\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n },\n \"5c4bbe04-1fee-4701-9366-cb37285167f5\": {\n minimumAggPeriod: 'PT30M',\n minimumCurrentSummaryValue: 'day',\n defaultDayToDisplay: -1\n }\n }\n return resourceTypeConfig\n }\n\n}","\nimport { Injectable } from '@angular/core';\nimport { HttpClient } from \"@angular/common/http\";\nimport { TranslateLoader } from '@ngx-translate/core';\nimport { Observable, Subject } from 'rxjs';\n\nimport { tContentWithLocalIndicator, tPromptWithLocalIndicator } from './content.typings';\nimport { ConfigService } from './app-config.service';\nimport { GlowService } from './glow.service';\nimport { tContent, tPromptUser, tPrompt, tPromptUserReq } from './glow.typings';\nimport { tPromptReferenceMappingElem } from './ui.typings';\n\n\n@Injectable()\nexport class CustomTranslateLoader implements TranslateLoader {\n\n constructor(\n private http: HttpClient,\n private glowService: GlowService) { }\n\n getTranslation(lang: string): Observable {\n // console.log(\"getTranslation\")\n\n const configuration = {content: {languageContent:{defaultLanguageCode: \"en-GB\", reference: \"GlowmarktWebLanguageContent\", version: \"1.0.0\"}}}\n if (!lang) {\n lang = configuration.content.languageContent.defaultLanguageCode\n console.warn(\"Defaulting to \" + lang)\n }\n const reference = configuration.content.languageContent.reference\n const version = configuration.content.languageContent.version\n // if (this.glowService.isLoggedIn()) {\n // return Observable.create(observer => {\n // this.glowService.getLanguageContent(reference, lang).subscribe((contentList) => {\n // let content;\n // let selectedLanguageContent = contentList.find(lc => lc.version === version)\n // if (!selectedLanguageContent && contentList && Array.isArray(contentList) && contentList.length > 0) {\n // console.warn(`Language Version ${version}, not found default to first one in array ${contentList[0].languageContentId}`)\n // selectedLanguageContent = contentList[0]\n // }\n // // console.log(\"selectedLanguageContent\")\n\n // // console.log(selectedLanguageContent)\n // if (selectedLanguageContent) {\n // content = selectedLanguageContent.data\n // // console.log(\"Language Content received via API\")\n // }\n // if (content) {\n // observer.next(content);\n // observer.complete();\n // } else {\n // this.http.get(\"/assets/i18n/\" + lang + \".json\").subscribe((res: Response) => {\n // // console.log(\"Content received from assets\")\n // observer.next(res);\n // observer.complete();\n // }, err => {\n // console.warn(err)\n // })\n // }\n\n // }, err => {\n // console.warn(err)\n // this.http.get(\"/assets/i18n/\" + lang + \".json\").subscribe((res: Response) => {\n // // console.log(\"Content received from assets\")\n // observer.next(res);\n // observer.complete();\n // }, err => {\n // console.warn(err)\n // })\n // });\n // });\n // } else {\n return Observable.create(observer => {\n this.http.get(\"/assets/i18n/\" + lang + \".json\").subscribe((res: Response) => {\n // console.log(\"Content received from assets\")\n observer.next(res);\n observer.complete();\n }, err => {\n console.warn(err)\n })\n });\n }\n\n // }\n}\n\n@Injectable()\nexport class ContentLoaderService {\n\n private ContentAnnouncer = new Subject();\n\n content$ = this.ContentAnnouncer.asObservable();\n\n constructor(\n private http: HttpClient,\n private glowService: GlowService) {\n\n }\n\n announceContent(content: tContentWithLocalIndicator) {\n // console.log(\"announcing readings\")\n this.ContentAnnouncer.next(content);\n }\n\n getContent(reference: string) {\n // console.log(\"getContent: \" + reference)\n this.glowService.getContent(reference).subscribe((contentList) => {\n // console.log(\"Content received via API\")\n if (contentList && Array.isArray(contentList) && contentList.length > 0) {\n if (contentList[0].hasOwnProperty(\"data\") && contentList[0].data) {\n let content = contentList[0]\n const contentWithLocalIndicator: tContentWithLocalIndicator = { ...content, ...{ isLocal: false } };\n this.announceContent(contentWithLocalIndicator)\n }\n }\n console.warn(`No content found ${reference}, Getting default content`)\n this.getContentLocally(reference)\n }, err => {\n console.warn(`Unable to get content ${reference}, Getting default content`)\n console.warn(err)\n this.getContentLocally(reference)\n });\n }\n\n getContentLocally(reference: string) {\n this.http.get(`/assets/content/${reference}.json`).subscribe((content) => {\n // console.log(\"Content received from assets\")\n const contentWithLocalIndicator: tContentWithLocalIndicator = { ...content, ...{ isLocal: true } };\n this.announceContent(contentWithLocalIndicator)\n }, err => {\n console.warn(err)\n })\n }\n\n // *PROMISE METHODS\n async getContentAsync(reference: string): Promise {\n const contentList = await this.glowService.getContent(reference).toPromise()\n if (contentList && Array.isArray(contentList) && contentList.length > 0) {\n if (contentList[0].hasOwnProperty(\"data\") && contentList[0].data) {\n const prompt = contentList[0]\n return { ...prompt, ...{ isLocal: false } };\n }\n }\n console.warn(`No content found ${reference}, Getting default content`)\n return this.getContentLocallyAsync(reference)\n }\n\n async getContentLocallyAsync(reference: string): Promise {\n const content = await this.http.get(`/assets/content/${reference}.json`).toPromise()\n if (content) {\n return { ...content, ...{ isLocal: true } }\n }\n return\n }\n}\n\n\n@Injectable()\nexport class PromptService {\n\n private PromptAnnouncer = new Subject();\n private PromptUserAnnouncer = new Subject();\n\n prompt$ = this.PromptAnnouncer.asObservable();\n promptUser$ = this.PromptUserAnnouncer.asObservable();\n\n constructor(\n private http: HttpClient,\n private glowService: GlowService) {\n\n }\n // *OBSERVABLE METHODS\n announcePrompt(prompt: tPromptWithLocalIndicator) {\n // console.log(\"announcing prompts\")\n this.PromptAnnouncer.next(prompt);\n }\n\n announcePromptUser(promptUser: tPromptUser) {\n // console.log(\"announcing promptUser\")\n this.PromptUserAnnouncer.next(promptUser);\n }\n\n getPrompt(reference: string) {\n // console.log(\"getPrompt: \" + reference)\n this.glowService.getPrompts(reference).subscribe((promptList) => {\n if (promptList && Array.isArray(promptList) && promptList.length > 0) {\n // console.log(\"Prompt received via API\")\n if (promptList[0].hasOwnProperty(\"data\") && promptList[0].data) {\n const prompt = promptList[0]\n const promptWithLocalIndicator: tPromptWithLocalIndicator = { ...prompt, ...{ isLocal: false } };\n this.announcePrompt(promptWithLocalIndicator)\n }\n } else {\n // console.log(\"No Prompt found will look locally\")\n this.getPromptLocally(reference)\n }\n }, err => {\n console.warn(\"Unable to get content \" + reference)\n console.warn(err)\n // console.log(\"Getting default content\")\n this.getPromptLocally(reference)\n });\n }\n\n getPromptLocally(reference: string) {\n this.http.get(\"/assets/prompts/\" + reference + \".json\").subscribe((prompt) => {\n // console.log(\"Prompt received from assets\")\n const promptWithLocalIndicator: tPromptWithLocalIndicator = { ...prompt, ...{ isLocal: true } };\n this.announcePrompt(promptWithLocalIndicator)\n })\n }\n\n getPromptUser(promptInfo: tPromptReferenceMappingElem) {\n // console.log(\"getPromptUser: \" + promptInfo.reference)\n this.glowService.getPromptUser(promptInfo.reference).subscribe((promptUserList) => {\n // console.log(\"PromptUser received via API\")\n // console.log(promptUserList)\n if (promptUserList && Array.isArray(promptUserList) && promptUserList.length > 0) {\n for (let i = 0; i < promptUserList.length; i++) {\n if (promptUserList[i] && promptUserList[i].promptId == promptInfo.promptId) {\n this.announcePromptUser(promptUserList[i])\n // console.log(\"Valid PromptUser found\")\n break;\n }\n }\n }\n }, err => {\n console.warn(\"Unable to get prompt user \" + promptInfo.reference)\n console.warn(err)\n // console.log(\"Getting default prompt user \")\n });\n }\n\n postPromptUser(promptReply: tPromptUserReq) {\n this.glowService.sendPromptReply(promptReply).subscribe((promptUserRes) => {\n // console.log(\"PromptUser send\")\n if (promptUserRes) {\n // console.log(promptUserRes)\n }\n }, err => {\n console.warn(\"Unable to send prompt user\")\n console.warn(err)\n });\n }\n\n // *PROMISE METHODS\n async getPromptAsync(reference: string): Promise {\n // console.log(\"getPrompt: \" + reference)\n const promptList = await this.glowService.getPrompts(reference).toPromise()\n if (promptList && Array.isArray(promptList) && promptList.length > 0) {\n // console.log(\"Prompt received via API\")\n if (promptList[0].hasOwnProperty(\"data\") && promptList[0].data) {\n const prompt = promptList[0]\n return { ...prompt, ...{ isLocal: false } };\n }\n } else {\n // console.log(\"No Prompt found will look locally\")\n return this.getPromptLocallyAsync(reference)\n }\n }\n\n async getPromptLocallyAsync(reference: string): Promise {\n const prompt = await this.http.get(\"/assets/prompts/\" + reference + \".json\").toPromise()\n if (prompt) {\n return { ...prompt, ...{ isLocal: true } }\n }\n return\n }\n \n}\n\n@Injectable()\nexport class PluralConfigService {\n //https://codeburst.io/using-the-plural-pipe-in-angular-2-2bcc67a14030\n constructor() {\n\n }\n\n getPluralConfiguration() {\n const itemPluralMapping = {\n // 'site': {\n // '=0': '0 Sites',\n // '=1': '1 Site',\n // 'other': '# Sites'\n // },\n 'property': {\n '=0': '0 Properties',\n '=1': '1 Property',\n 'other': '# Properties'\n },\n 'block': {\n '=0': '0 Blocks',\n '=1': '1 Block',\n 'other': '# Blocks'\n },\n };\n return itemPluralMapping\n }\n}\n","\nimport { Injectable } from '@angular/core';\nimport { ResourceTypeConfigService } from './configuration.service';\nimport { tPeriodRangeMapping, tResourceAvailability, tBusinessCaseTypeMapping, tVeTypeAdditionalInfo, tDataStreamIconMapping } from './ui.typings';\nimport { tVE } from './glow.typings';\nimport { tEnergyCostResourceTypeMapping, tLoadingElement, tLoadingElementWithSuccess, tLoadingElementWithSuccessAndErrorObj } from './app-config.typings';\nimport { tResourceTypeMapping } from './configuration.typings';\nimport { ConfigService } from './app-config.service';\nimport { environment } from '../../environments/environment';\n\n@Injectable()\nexport class CustomUIConfigService {\n\n //This service classifies the resource types as are required for the vatious vetypes\n periodRangeMapping: tPeriodRangeMapping | undefined;\n businessCasePlanTypes: tBusinessCaseTypeMapping[] = [];\n\n dataStreamIconsMapping: tDataStreamIconMapping | undefined;\n // resourceAvailability: tResourceAvailability;\n // resourceTypeMappings: tResourceTypeSolarMapping;\n veTypeUIInfo: any;\n veTypeAdditionalInfo: tVeTypeAdditionalInfo | undefined;\n\n resourceTypeMappings: tResourceTypeMapping | undefined;\n resourceEnergyCostMapping: tEnergyCostResourceTypeMapping[] = [];\n\n constructor(\n private configService: ConfigService,\n private resourceTypeConfiguration: ResourceTypeConfigService) {\n\n }\n\n public initialiseLoadingBooleans(loading = true): tLoadingElement {\n return {\n errorString: '',\n loaded: false,\n loadError: false,\n loading: loading,\n }\n }\n\n public initialiseLoadingBooleansWithLoadedMsg(loading = true): tLoadingElementWithSuccess {\n return { ...this.initialiseLoadingBooleans(loading), loadedMessage: '' };\n }\n\n public initialiseLoadingBooleansWithLoadedMsgErrorObj(loading = true): tLoadingElementWithSuccessAndErrorObj {\n return { ...this.initialiseLoadingBooleansWithLoadedMsg(loading), loadedMessage: '', errorObj: {} };\n }\n\n getPeriodRangeConfigurations() {\n\n this.periodRangeMapping = {\n \"minute\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT1M\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"30minute\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT30M\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"hour\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT1H\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"day\": {\n \"range\": \"week\",\n \"apiFormat\": \"P1D\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n },\n \"week\": {\n \"range\": \"month\",\n \"apiFormat\": \"P1W\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n },\n \"weekday\": {\n \"range\": \"month\",\n \"apiFormat\": \"P1W\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n },\n \"month\": {\n \"range\": \"year\",\n \"apiFormat\": \"P1M\",\n \"datePipeFormat\": \"MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n }\n }\n return this.periodRangeMapping;\n };\n\n getPeriodRangeConsumptionConfigurations() {\n\n this.periodRangeMapping = {\n \"minute\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT1M\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"30minute\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT30M\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"hour\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT1H\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"day\": {\n \"range\": \"day\",\n \"apiFormat\": \"PT1H\",\n \"datePipeFormat\": \"dd-MM-yyyy HH:mm\",\n refreshRate: 5*60*1000 // 5 minutes\n },\n \"week\": {\n \"range\": \"week\",\n \"apiFormat\": \"P1D\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n },\n \"weekday\": {\n \"range\": \"week\",\n \"apiFormat\": \"P1D\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n },\n \"month\": {\n \"range\": \"month\",\n \"apiFormat\": \"P1W\",\n \"datePipeFormat\": \"EEE dd MMM y\",\n refreshRate: 30*60*1000 // 30 minutes\n }\n }\n return this.periodRangeMapping;\n };\n\n getResourceClassifierConfigurations() {\n\n return {\n \"electricity.consumption\": {\n showPT1M: true,\n resourceTypesPriority: ['ea02304a-2820-4ea0-8399-f1d1b430c3a0','bb0b2429-7776-44da-a3b4-f87ce3a47dd0', '7969e3c4-66cf-4568-be29-4913023faa7e']\n },\n \"electricity.consumption.cost\": {\n showPT1M: false\n },\n \"gas.consumption\": {\n showPT1M: false\n },\n \"gas.consumption.cost\": {\n showPT1M: false\n },\n \"temperature\": {\n showPT1M: false\n }\n }\n };\n\n public loadEnergyCostResourceMapping(): tEnergyCostResourceTypeMapping[] {\n\n // const chartColours = [...environment.charts.colour.energy]\n // const [df1, df2, df3, df4, df5, df6] = chartColours\n this.resourceEnergyCostMapping = [\n {\n energy: \"ea02304a-2820-4ea0-8399-f1d1b430c3a0\",\n cost: \"b4158501-a678-484a-837a-874194d3bd48\",\n label: \"smart electicity\",\n count: 0,\n defaultColour: '#CC4528',\n resourceListings: [],\n },\n {\n energy: \"672b8071-44ff-4f23-bca2-f50c6a3ddd02\",\n cost: \"32d9821b-34fd-46d1-9ba1-56259afd4734\",\n label: \"smart gas\",\n defaultColour: \"#154e72\",\n resourceListings: [],\n count: 0\n\n },\n {\n energy: \"bb0b2429-7776-44da-a3b4-f87ce3a47dd0\",\n cost: \"b3c80261-f9d3-4453-a6e7-5fd02e89fc67\",\n label: \"ot total power\",\n defaultColour: '#E77C2B',\n resourceListings: [],\n count: 0\n },\n {\n energy: \"b5791d9a-6f58-4372-bae4-ae79d1cc0712\",\n cost: \"c58b4039-3cdf-425a-873d-f9e82d8c4009\",\n label: \"ot power 1\",\n count: 0,\n defaultColour: '#8bbc21',\n resourceListings: [],\n },\n {\n energy: \"23e9084a-19d4-4849-ab78-bd22753457f5\",\n cost: \"b8a8b8ca-ee59-4fc9-97c1-77dfa6bd9b46\",\n label: \"ot power 2\",\n count: 0,\n defaultColour: '#ffbd33',\n resourceListings: []\n },\n {\n energy: \"9ec2bd19-bfa3-430b-9f08-9550c8cd4bbe\",\n cost: \"177a0707-154b-4666-be59-2a5eff88a160\",\n label: \"ot power 3\",\n count: 0,\n defaultColour: '#9f9f9f',\n resourceListings: []\n }\n ]\n\n return this.resourceEnergyCostMapping;\n };\n\n getVeTypeAdditionalInfoForm(): tVeTypeAdditionalInfo {\n this.veTypeAdditionalInfo = {\n \"retail\": {\n appliances: {\n group: { isInGroup: false, reference: \"appliances\", name: \"Appliances\" },\n categoryInfo: { reference: \"appliances\", name: \"Appliances\"},\n \"categories\": [\n // { displayKey: \"Extractor fans\", reference: \"extractorFans\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n },\n lighting: {\n \"group\": { isInGroup: false, reference: \"lighting\", name: \"Lighting\" },\n categoryInfo: { reference: \"lighting\", name: \"Lighting\"},\n \"categories\": [\n { displayKey: \"LED spot lights\", reference: \"ledSpotLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Neon stip lights\", reference: \"neonStripLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Other\", reference: \"otherLighting\", values: [{ reference: \"lightingType\", displayKey: \"Lighting Type\", valueType: \"number\" }, { reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] }\n ]\n },\n gasHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"gasHeating\", name: \"Gas Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] }\n ]\n },\n elecHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"elecHeating\", name: \"Electricity Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] },\n { displayKey: \"Fan heaters\", reference: \"fanHeaters\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n },\n otherHeating: {\n \"group\": { isInGroup: false, reference: \"otherHeating\", name: \"Other\" },\n categoryInfo: { reference: \"otherHeating\", name: \"Heating\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"otherHeating\", values: [{ reference: \"heatingType\", displayKey: \"Heating Type\", valueType: \"string\" }, { reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" } ] }\n ]\n },\n cooling: {\n \"group\": { isInGroup: false, reference: \"cooling\", name: \"Cooling\" },\n categoryInfo: { reference: \"cooling\", name: \"Cooling\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"airConditioning\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n }\n },\n \"hospitality\": {\n appliances: {\n group: { isInGroup: false, reference: \"appliances\", name: \"Appliances\" },\n categoryInfo: { reference: \"appliances\", name: \"Appliances\"},\n \"categories\": [\n { displayKey: \"Extractor fans\", reference: \"extractorFans\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] },\n { displayKey: \"Fridge\", reference: \"fridge\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"fidgeType\", displayKey: \"Fridge Type\", valueType: \"enum\", values: [\"walk-in\", \"normal\"] }] },\n { displayKey: \"Freezer\", reference: \"freezer\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"freezerType\", displayKey: \"Freezer Type\", valueType: \"enum\", values: [\"walk-in\", \"normal\"] }] },\n { displayKey: \"Ice Machine\", reference: \"iceMachine\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] },\n { displayKey: \"Dishwasher\", reference: \"dishWasher\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] },\n { displayKey: \"Oven\", reference: \"oven\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"energyType\", displayKey: \"Energy Type\", valueType: \"text\", values: [\"electricity\", \"gas\", \"coal\", \"pellet\"] }] },\n { displayKey: \"Grill\", reference: \"grill\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"energyType\", displayKey: \"Energy Type\", valueType: \"text\", values: [\"electricity\", \"gas\", \"coal\", \"pellet\"] }] },\n { displayKey: \"Hobs\", reference: \"hobs\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"energyType\", displayKey: \"Energy Type\", valueType: \"text\", values: [\"electricity\", \"gas\", \"coal\", \"pellet\"] }] },\n { displayKey: \"Deep Fryer\", reference: \"deepFryer\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }, { reference: \"energyType\", displayKey: \"Energy Type\", valueType: \"text\", values: [\"electricity\", \"gas\"] }] },\n { displayKey: \"Microwave\", reference: \"microwave\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] },\n { displayKey: \"Steamer\", reference: \"steamer\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] },\n ]\n },\n lighting: {\n \"group\": { isInGroup: false, reference: \"lighting\", name: \"Lighting\" },\n categoryInfo: { reference: \"lighting\", name: \"Lighting\"},\n \"categories\": [\n { displayKey: \"LED spot lights\", reference: \"ledSpotLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Neon stip lights\", reference: \"neonStripLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Other\", reference: \"otherLighting\", values: [{ reference: \"lightingType\", displayKey: \"Lighting Type\", valueType: \"number\" }, { reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] }\n ]\n },\n gasHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"gasHeating\", name: \"Gas Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] }\n ]\n },\n elecHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"elecHeating\", name: \"Electricity Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] },\n { displayKey: \"Fan heaters\", reference: \"fanHeaters\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n },\n otherHeating: {\n \"group\": { isInGroup: false, reference: \"otherHeating\", name: \"Other\" },\n categoryInfo: { reference: \"otherHeating\", name: \"Heating\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"otherHeating\", values: [{ reference: \"heatingType\", displayKey: \"Heating Type\", valueType: \"string\" }, { reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" } ] }\n ]\n },\n cooling: {\n \"group\": { isInGroup: false, reference: \"cooling\", name: \"Cooling\" },\n categoryInfo: { reference: \"cooling\", name: \"Cooling\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"airConditioning\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n }\n },\n \"spaTreatment\": {\n appliances: {\n group: { isInGroup: false, reference: \"appliances\", name: \"Appliances\" },\n categoryInfo: { reference: \"appliances\", name: \"Appliances\"},\n \"categories\": [\n // { displayKey: \"Extractor fans\", reference: \"extractorFans\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n },\n lighting: {\n \"group\": { isInGroup: false, reference: \"lighting\", name: \"Lighting\" },\n categoryInfo: { reference: \"lighting\", name: \"Lighting\"},\n \"categories\": [\n { displayKey: \"LED spot lights\", reference: \"ledSpotLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Neon stip lights\", reference: \"neonStripLights\", values: [{ reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] },\n { displayKey: \"Other\", reference: \"otherLighting\", values: [{ reference: \"lightingType\", displayKey: \"Lighting Type\", valueType: \"number\" }, { reference: \"capacityPerUnit\", displayKey: \"Capacitiy of bulb in W\", valueType: \"number\" }, { reference: \"numberOfUnits\", displayKey: \"Capacitiy in W per unit\", valueType: \"number\" }] }\n ]\n },\n gasHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"gasHeating\", name: \"Gas Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] }\n ]\n },\n elecHeating: {\n \"group\": { isInGroup: false, reference: \"heating\", name: \"Heating\" },\n categoryInfo: { reference: \"elecHeating\", name: \"Electricity Heating\"},\n \"categories\": [\n { displayKey: \"Wall heaters / radiators\", reference: \"wallHeaterRadiators\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }] },\n { displayKey: \"Fan heaters\", reference: \"fanHeaters\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n },\n otherHeating: {\n \"group\": { isInGroup: false, reference: \"otherHeating\", name: \"Other\" },\n categoryInfo: { reference: \"otherHeating\", name: \"Heating\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"otherHeating\", values: [{ reference: \"heatingType\", displayKey: \"Heating Type\", valueType: \"string\" }, { reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" } ] }\n ]\n },\n cooling: {\n \"group\": { isInGroup: false, reference: \"cooling\", name: \"Cooling\" },\n categoryInfo: { reference: \"cooling\", name: \"Cooling\"},\n \"categories\": [\n { displayKey: \"Other\", reference: \"airConditioning\", values: [{ reference: \"capacity\", displayKey: \"Capacitiy in W\", valueType: \"number\" }, { reference: \"energyRating\", displayKey: \"Energy Rating\", valueType: \"text\" }] }\n ]\n }\n }\n }\n return this.veTypeAdditionalInfo\n }\n\n public loadDataStreamTypeIcons(): tDataStreamIconMapping {\n this.dataStreamIconsMapping = {\n \n electricity: {\n classifiers: ['electricity.consumption', 'electricity.consumption.cost'],\n icon: 'lightbulb'\n },\n gas: {\n classifiers: ['gas.consumption', 'gas.consumption.cost'],\n icon: 'flame'\n },\n temperature: {\n classifiers: [\"temperature\"],\n icon: 'thermometer'\n },\n relativeHumidity: {\n classifiers: [\"relative_humidity\"],\n icon: 'cloud'\n },\n generation: {\n classifiers: [\"electricity.generation\"],\n icon: 'sun'\n },\n diversion: {\n classifiers: [\"electricity.diversion\"],\n icon: \"battery\"\n },\n import: {\n classifiers: [\"electricity.import\"],\n icon: 'rewind'\n },\n export: {\n classifiers: [\"electricity.export\"],\n icon: 'fast-foward'\n },\n illuminance: {\n classifiers: [\"illuminance\"],\n icon: 'eye'\n },\n \n }\n return this.dataStreamIconsMapping;\n };\n\n setResourceAvailability(selectedVE: tVE): tResourceAvailability {\n this.resourceTypeMappings = this.resourceTypeConfiguration.loadResourceTypeMappings();\n\n var resourceAvailability = {\n type: {\n electricity: {\n type: \"electricity\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n consumption: {\n type: \"consumption\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n gas: {\n type: \"electricity\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n generation: {\n type: \"generation\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n diversion: {\n type: \"diversion\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n import: {\n type: \"import\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n export: {\n type: \"export\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n temperature: {\n type: \"temperature\",\n availability: false,\n function: 'avg',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n relativeHumidity: {\n type: \"relativeHumidity\",\n availability: false,\n function: 'avg',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n daylight: {\n type: \"daylight\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n }\n },\n dimension: {\n energy: {\n type: \"energy\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n },\n cost: {\n type: \"cost\",\n availability: false,\n function: 'sum',\n resourceListings: [],\n resourceIds: [],\n resourceTypeIds: []\n }\n }\n }\n\n for (let dataStreamType in resourceAvailability.type) {\n // Step 1. Get all neccessary resource info\n // console.log(dataStreamType)\n\n for (let i = 0; i < selectedVE.resources.length; i++) {\n // // console.log(resourceAvailability.type.hasOwnProperty(dataStreamType))\n if (resourceAvailability.type.hasOwnProperty(dataStreamType)) {\n // // console.log(selectedVE.resources[i].resourceTypeId, dataStreamType )\n if (this.resourceTypeMappings.dataStreamType[dataStreamType].indexOf(selectedVE.resources[i].resourceTypeId) > -1) {\n resourceAvailability.type[dataStreamType].availability = true;\n resourceAvailability.type[dataStreamType].resourceIds.push(selectedVE.resources[i].resourceId);\n resourceAvailability.type[dataStreamType].resourceTypeIds.push(selectedVE.resources[i].resourceTypeId);\n }\n }\n\n }\n\n\n }\n for (let dataStreamType in resourceAvailability.dimension) {\n // Step 1. Get all neccessary resource info\n // // console.log(dataStreamType)\n for (let i = 0; i < selectedVE.resources.length; i++) {\n if (resourceAvailability.dimension.hasOwnProperty(dataStreamType)) {\n if (this.resourceTypeMappings.dimension[dataStreamType].indexOf(selectedVE.resources[i].resourceTypeId) > -1) {\n resourceAvailability.dimension[dataStreamType].availability = true;\n resourceAvailability.dimension[dataStreamType].resourceIds.push(selectedVE.resources[i].resourceId);\n resourceAvailability.dimension[dataStreamType].resourceTypeIds.push(selectedVE.resources[i].resourceTypeId);\n resourceAvailability.dimension[dataStreamType].resourceListings.push(selectedVE.resources[i]);\n\n }\n }\n }\n }\n return resourceAvailability;\n\n }\n\n setResourceEnergyCostGroups(resourceAvailability: tResourceAvailability): tEnergyCostResourceTypeMapping[] {\n // console.log(resourceAvailability)\n if (resourceAvailability) {\n var energyResourceListings = resourceAvailability.dimension.energy.resourceListings;\n var costsResourceListings = resourceAvailability.dimension.cost.resourceListings;\n\n this.resourceEnergyCostMapping = this.loadEnergyCostResourceMapping();\n\n //add energy resource listsing to groups\n for (let i = 0; i < energyResourceListings.length; i++) {\n var resourceTypeId = energyResourceListings[i].resourceTypeId;\n\n for (let j = 0; j < this.resourceEnergyCostMapping.length; j++) {\n\n var resourceGroupElem = this.resourceEnergyCostMapping[j];\n if (resourceTypeId === resourceGroupElem.energy) {\n\n this.resourceEnergyCostMapping[j].resourceListings.push(JSON.parse(JSON.stringify(energyResourceListings[i])));\n break;\n }\n\n }\n }\n //add cost resource listsing to groups\n\n for (let i = 0; i < costsResourceListings.length; i++) {\n var resourceTypeId = costsResourceListings[i].resourceTypeId;\n\n for (let j = 0; j < this.resourceEnergyCostMapping.length; j++) {\n if (resourceTypeId === this.resourceEnergyCostMapping[j].cost) {\n this.resourceEnergyCostMapping[j].resourceListings.push(costsResourceListings[i]);\n break;\n }\n\n }\n }\n }\n\n\n return this.resourceEnergyCostMapping;\n }\n\n getBusinessCasePlanTypeInfo(): tBusinessCaseTypeMapping[] {\n // this return an object that informs how the form should react and also provides some placeholder data (i.e. breakeven)\n\n this.businessCasePlanTypes = [\n {\n type: \"LightingUpgrade\",\n name: \"Lighting Upgrade\",\n formOptions: {\n existingUnitType: {\n active: true,\n options: [\"Halogen bulbs 100W\", \"Halogen bulbs 50W\"]\n },\n newUnitType: {\n active: true,\n options: [\"LED bulbs 10W\", \"LED bulbs 5W\"]\n }\n },\n breakeven: 450, //15 months,\n outcome: {\n yAxisTitle: \"Consumption [£]\"\n },\n text: \"Starting on '{{businessCase.startDate | date: 'EEEE dd MMMM y'}}', the works will approximately last '{{businessCase.duration}}' days at the location '{{businessCase.virtualEntity.name}}', focusing on '{{indexedBusinessCasePlanTypes[businessCase.businessCaseType].name}}'. The plan involves changing '{{businessCase.unitNumber}}' units of '{{businessCase.existingUnitType}}' to '{{businessCase.newUnitType}}' due to '{{businessCase.projectRationale}}', with a hypothesis of '{{businessCase.projectHypothesis}}' at a cost of '{{businessCase.projectCost | currency:'GBP':'symbol'}}'.\",\n comparisonText: {\n units: \"Replacing '{{unitNumber}}' units of '{{existingUnitType}}' to '{{newUnitType}}'\"\n }\n },\n {\n type: \"SolarPVInstallation\",\n name: \"Solar PV Installation\",\n formOptions: {\n existingUnitType: {\n active: false,\n options: []\n },\n newUnitType: {\n active: true,\n options: [\"Monocrystalline PV panels\", \"Polycrystalline PV panels\", \"Thin-Film Solar Panels\"]\n }\n },\n breakeven: 3650, //10 years \n outcome: {\n yAxisTitle: \"Generation [£]\"\n },\n text: \"Starting on '{{businessCase.startDate | date: 'EEEE dd MMMM y'}}', the works will approximately last '{{businessCase.duration}}' days at the location '{{businessCase.virtualEntity.name}}', focusing on '{{indexedBusinessCasePlanTypes[businessCase.businessCaseType].name}}'. The plan involves installing '{{businessCase.unitNumber}}' kWh of '{{businessCase.newUnitType}}' due to '{{businessCase.projectRationale}}', with a hypothesis of '{{businessCase.projectHypothesis}}' at a cost of '{{businessCase.projectCost | currency:'GBP':'symbol'}}'.\",\n comparisonText: {\n units: \"Installing '{{unitNumber}}' kWh of '{{newUnitType}}'\"\n }\n },\n // {å\n // type: \"SolarThermalHeating\",\n // name: \"Solar Thermal Heating\",\n // formOptions: {\n // existingUnitType:{\n // active: false,\n // options: []\n // },\n // newUnitType: {\n // active: true,\n // options: [\"Evacuated Tube\", \"Flat Plate\", \"Batch\"]\n // }\n // },\n // breakeven: 1825 //5 years \n // }\n ];\n\n return this.businessCasePlanTypes;\n };\n\n};\n\n\n\n\n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { tResourceReadings, tResourceInstantReadings, tResourceSummaryReadings, tResourceMeterReading, tResource, tResourceListing, tResourceLastTime } from './glow.typings';\nimport { ErrorMessageParser } from './error-handler.service';\nimport { GlowService } from './glow.service';\nimport { tResourceTypeMapping, tResourceTypeRestrictionConfig } from './configuration.typings';\nimport { ResourceTypeConfigService } from './configuration.service';\nimport { tResourceError, tVeCumulativeValues, tTariffPlan, tVeCumulativeValuesWithEstimationFlag, tResourceAvailabilityElement } from '../components/component.typings';\nimport { DateFormatService } from './date-format.service';\n\n@Injectable()\nexport class ResourceDataService {\n\n serviceId: string = \"ResourceDataService\"\n\n // Observable string sources\n private ReadingsAnnouncer = new Subject();\n private CumulativeReadingsAnnouncer = new Subject();\n private CumulativeReadingsWithEstimationFlagAnnouncer = new Subject();\n private OffsetCumulativeReadingsWithEstimationFlagAnnouncer = new Subject();\n private SummaryReadingsAnnouncer = new Subject();\n private TariffAnnouncer = new Subject();\n private InstantReadingsAnnouncer = new Subject();\n private LastTimeAnnouncer = new Subject();\n private LastTimeErrorAnnouncer = new Subject();\n private InstantReadingsErrorAnnouncer = new Subject();\n private MeterReadingsAnnouncer = new Subject();\n private MeterReadingsErrorAnnouncer = new Subject();\n\n // Observable string streams\n readings$ = this.ReadingsAnnouncer.asObservable();\n instantReadings$ = this.InstantReadingsAnnouncer.asObservable();\n instantReadingsError$ = this.InstantReadingsErrorAnnouncer.asObservable();\n lastTime$ = this.LastTimeAnnouncer.asObservable();\n lastTimeError$ = this.LastTimeErrorAnnouncer.asObservable();\n meterReadings$ = this.MeterReadingsAnnouncer.asObservable();\n meterReadingsError$ = this.MeterReadingsErrorAnnouncer.asObservable();\n\n summaryReadings$ = this.SummaryReadingsAnnouncer.asObservable();\n cumulativeReadings$ = this.CumulativeReadingsAnnouncer.asObservable();\n cumulativeReadingsWithEstimationFlag$ = this.CumulativeReadingsWithEstimationFlagAnnouncer.asObservable();\n offsetCumulativeReadingsWithEstimationFlag$ = this.OffsetCumulativeReadingsWithEstimationFlagAnnouncer.asObservable();\n tariff$ = this.TariffAnnouncer.asObservable();\n\n resourceTypeMapping: tResourceTypeMapping\n resourceTypeRestrictionConfig: tResourceTypeRestrictionConfig\n constructor(\n private dateFormatService: DateFormatService,\n private errorMessageParser: ErrorMessageParser,\n private glowService: GlowService,\n private resourceTypeConfigService: ResourceTypeConfigService) {\n this.resourceTypeMapping = this.resourceTypeConfigService.loadResourceTypeMappings()\n this.resourceTypeRestrictionConfig = this.resourceTypeConfigService.loadResourceTypeRestrictionConfig()\n\n }\n\n announceReadings(readings: tResourceReadings) {\n this.ReadingsAnnouncer.next(readings);\n }\n announceInstantReadings(instantReadingsRaw: tResourceInstantReadings) {\n this.InstantReadingsAnnouncer.next(instantReadingsRaw);\n }\n announceInstantReadingsError(instantReadingsError: tResourceError) {\n this.InstantReadingsErrorAnnouncer.next(instantReadingsError);\n }\n announceLastTime(lastTime: tResourceLastTime) {\n this.LastTimeAnnouncer.next(lastTime);\n }\n announceLastTimeError(error: tResourceError) {\n this.LastTimeErrorAnnouncer.next(error);\n }\n announceMeterRead(meterRead: tResourceMeterReading) {\n this.MeterReadingsAnnouncer.next(meterRead);\n }\n announceMeterReadError(resourceDataError: tResourceError) {\n this.MeterReadingsErrorAnnouncer.next(resourceDataError);\n }\n announceCumulativeReadings(cumulativeReadings: tVeCumulativeValues) {\n this.CumulativeReadingsAnnouncer.next(cumulativeReadings);\n }\n announceCumulativeReadingsWithEstimationFlag(cumulativeReadings: tVeCumulativeValuesWithEstimationFlag) {\n this.CumulativeReadingsWithEstimationFlagAnnouncer.next(cumulativeReadings);\n }\n\n announceOffsetCumulativeReadingsWithEstimationFlag(cumulativeReadings: tVeCumulativeValuesWithEstimationFlag) {\n this.OffsetCumulativeReadingsWithEstimationFlagAnnouncer.next(cumulativeReadings);\n }\n announceTariff(tariffData: tTariffPlan) {\n this.TariffAnnouncer.next(tariffData);\n }\n announceSummaryReadings(summaryReadings: tResourceSummaryReadings) {\n this.SummaryReadingsAnnouncer.next(summaryReadings);\n }\n\n getInstanteneousReadings(resourceId: string) {\n this.glowService.getResourceCurrentReading(resourceId)\n .subscribe(instantReadings => {\n if (instantReadings) {\n if (instantReadings.data) {\n if (Array.isArray(instantReadings.data)) {\n this.announceInstantReadings(instantReadings);\n } else {\n console.warn(\"Instant Readings are not in array\")\n }\n } else {\n // console.log(\"no data attached to instant readings\")\n }\n } else {\n // console.log(\"Instant readings are null\")\n }\n\n }, (error: any) => {\n console.warn(error);\n let errorMsg = this.errorMessageParser.getErrorMessage(error)\n console.warn(errorMsg);\n\n let errorResource = {\n error: errorMsg,\n resourceId\n }\n this.announceInstantReadingsError(errorResource)\n });\n }\n\n // async inferLatestAvailableReading(resourceListing: tResourceListing) {\n // const to = this.dateFormatService.apiTimeToFormat(new Date())\n // const from = this.dateFormatService.apiTimeFromFormat(this.dateFormatService.slideInTime('past', 'month', new Date()))\n // let period: string = 'PT1H';\n\n // if (this.resourceTypeRestrictionConfig[resourceListing.resourceTypeId]) {\n // const minimumPeriod: string = this.resourceTypeRestrictionConfig[resourceListing.resourceTypeId].minimumAggPeriod || \"\"\n // if (minimumPeriod != 'PT1H' && minimumPeriod !== 'PT30M' && minimumPeriod !== \"PT1M\") {\n // period = minimumPeriod\n // }\n // try {\n // const resourceReadings$ = this.glowService.getResourceReadings(resourceListing.resourceId, from, to, period)\n // const readings = await resourceReadings$.toPromise();\n // let firstReading;\n // if (readings && Array.isArray(readings.data) && readings.data.length > 0) {\n // firstReading = readings.data.reduce((acc, reading) => {\n // if (reading && reading[1]) acc = [reading[0] / 1000, reading[1]]\n // return acc\n // }, null);\n // }\n // // console.log(\"inferLatestAvailableReading\")\n // if (firstReading) {\n // this.announceInstantReadings({ ...readings, data: [firstReading] })\n // } else {\n // console.warn(`inferLatestAvailableReading no data`)\n // let errorResource = {\n // error: 'No data found',\n // resourceId: resourceListing.resourceId\n // }\n // this.announceInstantReadingsError(errorResource)\n // }\n // } catch (error: any) {\n // console.warn(error)\n // let errorResource = {\n // error: 'Unable to receive status information.',\n // resourceId: resourceListing.resourceId\n // }\n // this.announceInstantReadingsError(errorResource)\n // }\n // }\n // }\n\n getLastReadingTs(resourceListing: tResourceListing) {\n\n this.glowService.getResourceLastTime(resourceListing.resourceId).toPromise()\n .then(readings => {\n\n if (readings) {\n this.announceLastTime(readings)\n } else {\n console.warn(`getLastReadingTs no data`)\n let errorResource = {\n error: 'No data found',\n resourceId: resourceListing.resourceId\n }\n this.announceLastTimeError(errorResource)\n }\n })\n .catch(error => {\n console.warn(error)\n let errorResource = {\n error: 'Unable to receive status information.',\n resourceId: resourceListing.resourceId\n }\n this.announceLastTimeError(errorResource)\n })\n\n }\n // async getCurrentReadingsPromise(resourceId: string): Promise {\n\n // let error: any;\n // let resourceCurrentReadings: tResourceInstantReadings;\n // const resourceCurrentReadings$ = this.glowService.getResourceCurrentReading(resourceId)\n // try {\n // resourceCurrentReadings = await resourceCurrentReadings$.toPromise();\n // } catch (e: any) {\n // error = e\n // }\n\n // return new Promise((resolve, reject) => {\n\n // if (resourceCurrentReadings && resourceCurrentReadings.resourceId) {\n // resolve(resourceCurrentReadings)\n // } else {\n // console.warn(this.serviceId + \" resource data returned in unexpected format\")\n // console.warn(error)\n // error = {\n // resourceId: resourceId,\n // hasError: true,\n // error: (error.error) ? error.error : 'ERROR'\n // }\n // resourceCurrentReadings = { ...resourceCurrentReadings, ...error }\n // resolve(resourceCurrentReadings)\n\n // }\n // });\n // }\n\n async getLastMeterReadingsPromise(resourceId: string): Promise {\n let error;\n let meterReading;\n try {\n meterReading = await this.glowService.getResourceMeterReading(resourceId).toPromise()\n } catch (e) {\n console.warn(error)\n }\n // console.log(\"getLastMeterReadingsPromise\")\n // console.log(meterReading)\n\n return meterReading\n }\n\n setTariffElement({ classifier = null, resourceId = null, rate = null, structure = null, standing = null, futureRates = null, type = null, hasError = false, errorString = null }: any): tTariffPlan {\n return { classifier, resourceId, rate, standing, hasError, errorString, futureRates, type, structure }\n }\n\n\n getResourceTariffs(resourceInfo: tResourceAvailabilityElement): void {\n this.getResourceTariffsPromise(resourceInfo)\n\n // if (resourceInfo && resourceInfo.resourceId) {\n // let tariffInfo: tTariffPlan = this.setTariffElement({ ...resourceInfo })\n // this.glowService.getResourceTariff(resourceInfo.resourceId)\n // .subscribe(resourceTariff => {\n // if (resourceTariff.data && resourceTariff.data.length > 0) {\n // const [ tariffElem ] = resourceTariff.data\n // if (tariffElem.currentRates) {\n // tariffInfo.rate = tariffElem.currentRates.rate;\n // tariffInfo.standing = tariffElem.currentRates.standingCharge;\n // } \n // tariffInfo.type = tariffElem.type;\n // tariffInfo.futureRates = tariffElem.futureRates;\n // // console.log(tariffInfo)\n\n // } else {\n // tariffInfo = { ...tariffInfo, hasError: true, errorString: 'TARIFF_NOT_FOUND' }\n // }\n\n // this.announceTariff(tariffInfo);\n\n // }, (error: any) => {\n // console.warn('Tariff loading error is : ' + error);\n // tariffInfo = { ...tariffInfo, hasError: true, errorString: 'TARIFF_ERROR' }\n // // console.log(error);\n // });\n // }\n }\n\n async getResourceTariffsPromise(resourceInfo: tResourceAvailabilityElement): Promise {\n\n if (!(resourceInfo && resourceInfo.resourceId)) {\n console.warn(`No resource info found`)\n throw new Error(\"Bad Input\")\n }\n let tariffInfo: tTariffPlan = this.setTariffElement({ ...resourceInfo })\n\n try {\n\n this.glowService.getResourceTariff(resourceInfo.resourceId).subscribe(resourceTariff => {\n\n if (resourceTariff.data && resourceTariff.data.length > 0) {\n const [tariffElem] = resourceTariff.data\n if (tariffElem.currentRates) {\n tariffInfo.rate = tariffElem.currentRates.rate;\n tariffInfo.standing = tariffElem.currentRates.standingCharge;\n }\n tariffInfo.type = tariffElem.type;\n tariffInfo.structure = tariffElem.structure;\n tariffInfo.futureRates = tariffElem.futureRates;\n\n } else {\n tariffInfo = { ...tariffInfo, hasError: true, errorString: 'TARIFF_NOT_FOUND' }\n }\n\n this.announceTariff(tariffInfo);\n\n })\n\n } catch (e) {\n console.warn('Tariff loading error is : ' + e);\n tariffInfo = { ...tariffInfo, hasError: true, errorString: 'TARIFF_ERROR' }\n // console.log(e);\n }\n return tariffInfo\n\n }\n\n getResourceMeterRead(resource: tResource): void {\n if (resource && resource.resourceId) {\n let errorDataRetrieval\n this.glowService.getResourceMeterReading(resource.resourceId)\n .subscribe((meterRead) => {\n if (meterRead.data && meterRead.data.length > 0) {\n this.announceMeterRead(meterRead);\n } else {\n errorDataRetrieval = {\n resourceId: resource.resourceId,\n hasError: true,\n error: 'DATA_NOT_FOUND'\n }\n this.announceMeterReadError(errorDataRetrieval)\n }\n }, (errorMsg) => {\n\n let errorDataRetrieval = {\n resourceId: resource.resourceId,\n hasError: true,\n error: 'ERROR'\n }\n this.announceMeterReadError(errorDataRetrieval)\n console.warn('Meter Read loading error is : ');\n // console.log(errorMsg);\n });\n }\n }\n\n async getResourceMeterReadPromise(resource: tResource): Promise {\n\n if (resource && resource.resourceId) {\n let errorDataRetrieval;\n let meterRead;\n\n const resourceMeterReading$ = this.glowService.getResourceMeterReading(resource.resourceId)\n try {\n meterRead = await resourceMeterReading$.toPromise();\n console.warn('Meter Read loading error is : ');\n\n } catch (e) {\n console.warn(e);\n errorDataRetrieval = {\n resourceId: resource.resourceId,\n hasError: true,\n error: 'ERROR'\n }\n }\n\n if (meterRead && meterRead.data && meterRead.data.length > 0) {\n return meterRead;\n } else {\n if (!errorDataRetrieval) {\n errorDataRetrieval = {\n resourceId: resource.resourceId,\n hasError: true,\n error: 'DATA_NOT_FOUND'\n }\n }\n\n return errorDataRetrieval;\n\n }\n }\n }\n /**\n * July 2018: Get Resource Readings defaults to the sum function.\n * For some reasourceTypes this is not correct. If we need any other function, this method is responsible for setting it.\n * \n */\n public getFunctionTypeByResourceType(resourceTypeId: string) {\n let functionType = 'sum';\n // // console.log(this.resourceTypeMapping)\n if (this.resourceTypeMapping['dataStreamType'][\"temperature\"] && this.resourceTypeMapping['dataStreamType'][\"temperature\"].indexOf(resourceTypeId) > -1) {\n functionType = 'avg';\n } else if (this.resourceTypeMapping['dataStreamType'][\"illuminance\"] && this.resourceTypeMapping['dataStreamType'][\"illuminance\"].indexOf(resourceTypeId) > -1) {\n functionType = 'avg';\n }\n return functionType;\n }\n\n async getResourceReadings(resourceId: string, fromDate: string, toDate: string, period: string, funct: string = 'sum', getFromHttp = false, dimension = null): Promise {\n let error: any;\n\n const resourceReadings$ = this.glowService.getResourceReadings(resourceId, fromDate, toDate, period, funct, getFromHttp, dimension)\n let resourceReadings = await resourceReadings$.toPromise();\n\n return new Promise((resolve, reject) => {\n\n if (resourceReadings && resourceReadings.resourceId) {\n resolve(resourceReadings)\n\n } else {\n console.warn(this.serviceId + \" resource data returned in unexpected format\")\n console.warn(error)\n error = {\n resourceId: resourceId,\n hasError: true,\n error: (error.error) ? error.error : 'ERROR'\n }\n resourceReadings = { ...resourceReadings, ...error }\n resolve(resourceReadings)\n\n }\n\n });\n }\n}\n\n\n\n\n\n","/**\n * Service responsible for dealing with date formats\n */\n\nimport { Injectable } from '@angular/core';\nimport * as d3TimeFormat from 'd3-time-format';\n\n@Injectable()\nexport class DateFormatService {\n\n public apiDMYFormat(dateToFormat): string {\n var apiTimeFormatD3 = d3TimeFormat.timeFormat(\"%d/%m/%Y\")\n return apiTimeFormatD3(dateToFormat)\n }\n\n public apiYMDFormat(dateToFormat): string {\n var apiTimeFormatD3 = d3TimeFormat.timeFormat(\"%Y-%m-%d\")\n return apiTimeFormatD3(dateToFormat)\n }\n\n public apiTimeFormat(dateToFormat): string {\n const apiTimeFormatD3 = d3TimeFormat.timeFormat('%Y-%m-%dT%H:%M:%S');\n return apiTimeFormatD3(dateToFormat);\n }\n\n public apiTimeFromFormat(dateToFormat, fromTime = '00:00:00'): string {\n const apiTimeFromFormatD3 = d3TimeFormat.timeFormat('%Y-%m-%dT' + fromTime);\n return apiTimeFromFormatD3(dateToFormat);\n }\n\n public apiTimeToFormat(dateToFormat, toTime = '23:59:59'): string {\n const apiTimeToFormatD3 = d3TimeFormat.timeFormat('%Y-%m-%dT' + toTime);\n return apiTimeToFormatD3(dateToFormat);\n }\n\n public getPreviousDate(dateToFormat, numberOfDaysToSlideInPast, fromTime = '00:00:00'): string {\n // step 1 find weekday 0 os sunday\n // if given date is sunday we need to roll over one week further back\n let slider = numberOfDaysToSlideInPast\n const dayInPast = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), dateToFormat.getDate() - slider, 0, 0, 0);\n return this.apiTimeFromFormat(dayInPast, fromTime);\n }\n\n public getStartOfWeek(dateToFormat): string {\n // step 1 find weekday 0 os sunday\n // if given date is sunday we need to roll over one week further back\n let slider;\n if (dateToFormat.getDay() === 0) {\n slider = - 7 + 1;\n } else {\n slider = - dateToFormat.getDay() + 1;\n }\n const startOfWeek = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), dateToFormat.getDate() + slider, 0, 0, 0);\n return this.apiTimeFromFormat(startOfWeek);\n }\n\n public getEndOfWeek(dateToFormat): string {\n // step 1 find weekday 0 os sunday\n // +6 if we want week to end on staturday 23:59:59\n let slider;\n if (dateToFormat.getDay() === 0) {\n slider = 0;\n } else {\n slider = 7 - dateToFormat.getDay(); // +1 because start of week should be Monday\n }\n const endOfWeek = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), dateToFormat.getDate() + slider, 23, 59, 59);\n\n return this.apiTimeToFormat(endOfWeek);\n }\n\n public getStartOfLastSevenDays(dateToFormat): string {\n const today = new Date();\n const startOflastSevenDays = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), dateToFormat.getDate() - 7, 0, 0, 0);\n return this.apiTimeFromFormat(startOflastSevenDays);\n }\n\n public getEndOfLastSevenDays(dateToFormat): string {\n // step 1 find weekday 0 os sunday\n // +6 if we want week to end on staturday 23:59:59\n const today = new Date();\n const endOflastSevenDays = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), dateToFormat.getDate() - 1, 0, 0, 0);\n\n return this.apiTimeToFormat(endOflastSevenDays);\n }\n\n public getStartOfMonth(dateToFormat): string {\n const startOfMonth = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), 1, 0, 0, 0);\n const getStartOfMonth = d3TimeFormat.timeFormat('%Y-%m-01T00:00:00');\n return getStartOfMonth(startOfMonth);\n }\n\n public getEndOfMonth(dateToFormat): string {\n let lastMonthDay;\n const findMonth = d3TimeFormat.timeFormat('%m');\n const month = findMonth(dateToFormat);\n if (['01', '03', '05', '07', '08', '10', '12'].indexOf(month) > -1) {\n lastMonthDay = 31;\n } else if (['04', '06', '09', '11'].indexOf(month) > -1) {\n lastMonthDay = 30;\n } else {\n const findYear = d3TimeFormat.timeFormat('%Y');\n const year = findYear(dateToFormat);\n if (year % 4 === 0) {\n lastMonthDay = 29;\n } else {\n lastMonthDay = 28;\n }\n }\n const lastMonthDate = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), lastMonthDay, 0, 0, 0);\n const getEndOfMonth = d3TimeFormat.timeFormat('%Y-%m-' + lastMonthDay + 'T23:59:59');\n return getEndOfMonth(lastMonthDate);\n }\n\n // This function moves the start of the month to the start of the first week of the month. It is important for weekly aggregation graphs\n public getStartOfMonthByFullWeek(dateToFormat): string {\n const startOfMonth = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), 1, 0, 0, 0);\n\n // if the first of the month is not a Monday we need to find the closest preceding Monday.\n if (startOfMonth.getDate() === 1) {\n return this.getStartOfWeek(startOfMonth);\n } else {\n const getStartOfMonth = d3TimeFormat.timeFormat('%Y-%m-01T00:00:00');\n return getStartOfMonth(startOfMonth);\n }\n }\n\n // This function moves the end of the month to the end of the last week of the month. It is important for weekly aggregation graphs\n public getEndOfMonthByFullWeek(dateToFormat): string {\n let lastMonthDay;\n const findMonth = d3TimeFormat.timeFormat('%m');\n const month = findMonth(dateToFormat);\n if (['01', '03', '05', '07', '08', '10', '12'].indexOf(month) > -1) {\n lastMonthDay = 31;\n } else if (['04', '06', '09', '11'].indexOf(month) > -1) {\n lastMonthDay = 30;\n } else {\n const findYear = d3TimeFormat.timeFormat('%Y');\n const year = findYear(dateToFormat);\n if (year % 4 === 0) {\n lastMonthDay = 29;\n } else {\n lastMonthDay = 28;\n }\n }\n const lastMonthDate = new Date(dateToFormat.getFullYear(), dateToFormat.getMonth(), lastMonthDay, 0, 0, 0);\n if (lastMonthDate.getDate() !== 0) {\n return this.getEndOfWeek(lastMonthDate);\n } else {\n const getEndOfMonth = d3TimeFormat.timeFormat('%Y-%m-' + lastMonthDay + 'T23:59:59');\n return getEndOfMonth(lastMonthDate);\n }\n }\n\n public getStartOfYear(dateToFormat): string {\n const getStartOfYear = d3TimeFormat.timeFormat('%Y-01-01T00:00:00');\n return getStartOfYear(dateToFormat);\n }\n\n public getEndOfYear(dateToFormat): string {\n const getEndOfYear = d3TimeFormat.timeFormat('%Y-12-31T23:59:59');\n return getEndOfYear(dateToFormat);\n }\n\n public fullDateFormat(dateToFormat): string {\n const timestampFormatD3 = d3TimeFormat.timeFormat('%A %d %B %Y at %H:%M:%S');\n return timestampFormatD3(dateToFormat);\n }\n\n public fullDateFormatNoSeconds(dateToFormat): string {\n const timestampFormatD3 = d3TimeFormat.timeFormat('%A %d %B %Y at %H:%M');\n return timestampFormatD3(dateToFormat);\n }\n public fullDateFormatNoMinutesNoSeconds(dateToFormat){\n const timestampFormatD3 = d3TimeFormat.timeFormat('%A %d %B %Y at %H');\n return timestampFormatD3(dateToFormat);\n\n }\n public getHourFormat(dateToFormat): string {\n const getHourFormatD3 = d3TimeFormat.timeFormat('%H:%M');\n return getHourFormatD3(dateToFormat);\n }\n\n public getYearMonthDay(dateToFormat): string {\n const getYearMonthDayD3 = d3TimeFormat.timeFormat('%Y-%m-%d');\n return getYearMonthDayD3(dateToFormat);\n }\n\n public getWeekDay(wd: number, stringFormat = \"SHORT\"): string {\n const weekdays = [{ \"SHORT\": \"Sun\", \"LONG\": \"Sunday\" }, { \"SHORT\": \"Mon\", \"LONG\": \"Monday\" }, { \"SHORT\": \"Tue\", \"LONG\": \"Tuesday\" }, { \"SHORT\": \"Wed\", \"LONG\": \"Wednesday\" }, { \"SHORT\": \"Thu\", \"LONG\": \"Thursday\" }, { \"SHORT\": \"Fri\", \"LONG\": \"Friday\" }, { \"SHORT\": \"Sat\", \"LONG\": \"Saturday\" }]\n let weekdayStr\n if (wd <= weekdays.length - 1) {\n weekdayStr = weekdays[wd][stringFormat]\n }\n return weekdayStr\n }\n\n public goToWeekday(currentDay, requiredWeekdayId): Date {\n let slider: number;\n let currentWeekdayId = currentDay.getDay()\n\n // Step 1. Define slider\n\n if (requiredWeekdayId == currentWeekdayId) {\n slider = 0;\n } else if (requiredWeekdayId < currentWeekdayId) {\n slider = - (currentWeekdayId - requiredWeekdayId);\n } else {\n slider = (- currentWeekdayId - 7 + requiredWeekdayId);\n }\n // Step 2. Calculate date displayed depending on slider\n return new Date(currentDay.getFullYear(), currentDay.getMonth(), currentDay.getDate() + slider, 0, 0, 0);\n };\n\n\n public getDateTextLabelMonth(dateDisplayed): string {\n const displayFormatD3 = d3TimeFormat.timeFormat(\"%B %Y\")\n return displayFormatD3(dateDisplayed);\n }\n\n public getDateTextLabelYear(dateDisplayed): string {\n const displayFormatD3 = d3TimeFormat.timeFormat(\"%Y\")\n return displayFormatD3(dateDisplayed);\n }\n\n public slideInTime(timeDirection, range, dateDisplayed): Date {\n let slider: number;\n // Step 1. Define slider\n if (timeDirection === 'past') {\n slider = -1;\n } else {\n slider = 1;\n }\n // Step 2. Calculate date displayed depending on slider and time direction\n if (range === 'day') {\n dateDisplayed = new Date(dateDisplayed.getFullYear(), dateDisplayed.getMonth(), dateDisplayed.getDate() + slider, 0, 0, 0)\n } else if (range === '6hours') {\n dateDisplayed = new Date(dateDisplayed.getFullYear(), dateDisplayed.getMonth(), dateDisplayed.getDate(), dateDisplayed.getHours() + 6 * slider, 0, 0)\n } else if (range === 'week') {\n // for day we have to deal with range which is quite different we will nedd to calculate the range in anotheer function\n dateDisplayed = new Date(dateDisplayed.getFullYear(), dateDisplayed.getMonth(), dateDisplayed.getDate() + slider * 7, 0, 0, 0)\n\n } else if (range === 'month') {\n dateDisplayed = new Date(dateDisplayed.getFullYear(), dateDisplayed.getMonth() + slider, dateDisplayed.getDate(), 0, 0, 0)\n\n } else {\n //year\n dateDisplayed = new Date(dateDisplayed.getFullYear() + slider, dateDisplayed.getMonth(), dateDisplayed.getDate(), 0, 0, 0)\n }\n\n return dateDisplayed;\n\n };\n\n public getDateTextLabelWeekInYear(dateDisplayed): string {\n const displayFormatD3 = d3TimeFormat.timeFormat(\"%V\")\n return displayFormatD3(dateDisplayed);\n }\n\n public getDateTextLabelDay(dateDisplayed): string {\n const displayFormatD3 = d3TimeFormat.timeFormat(\"%a %e %b\")\n return displayFormatD3(dateDisplayed);\n }\n\n public getStartOfMonthForYearTs(dateDisplayed: Date): number[] {\n let timestampsOfYearPerMonth = []\n const year = dateDisplayed.getFullYear()\n for (let i = 0; i < 12; i++) {\n timestampsOfYearPerMonth.push(new Date(year, i, 1, 0, 0, 0).getTime() / 1000)\n }\n return timestampsOfYearPerMonth;\n }\n\n // This is required for iOS\n public convertToDate(string) {\n return new Date(string);;\n }\n}\n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { tApiErrorResponse } from './glow.typings';\n// import { tApiErrorResponse } from '../../services/glowservices-mobile-sdk/glow.typings';\n\n@Injectable()\nexport class ErrorMessageParser {\n\n private ErrorAnnouncer = new Subject();\n\n errorMsg$ = this.ErrorAnnouncer.asObservable();\n\n constructor() {\n };\n\n private apiErrorMessagesMap = {\n \"An error has occurred\": \"ERROR\",\n \"incorrect elements -hardwareId\": \"HARDWARE_INCORRECT_DETAILS\",\n \"No interner Access\": \"ERROR_NO_NETWORK\",\n \"username already exists\": \"ERROR_USERNAME_ALREADY_EXISTS\",\n \"email address already verified\": \"ERROR_EMAIL_ALREADY_VERIFIED\",\n \"incorrect elements -activationCode, customerCode\": \"ERROR_REVIEW_ACTIVATION_CODE_CUSTOMER_CODE\",\n \"incorrect elements -customerCode, activationCode\": \"ERROR_REVIEW_ACTIVATION_CODE_CUSTOMER_CODE\",\n \"incorrect elements activationCode, customerCode combination\": \"ERROR_REVIEW_ACTIVATION_CODE_CUSTOMER_CODE_COMBINATION\",\n \"incorrect elements customerCode, activationCode combination\": \"ERROR_REVIEW_ACTIVATION_CODE_CUSTOMER_CODE_COMBINATION\",\n \"not implemented\": \"ERROR_NOT_IMPLEMENTED\",\n 'invalid email address' : \"ERROR_INVALID_EMAIL_ADDRESS\",\n \"incorrect elements -invalid email\": \"ERROR_INVALID_EMAIL_ADDRESS\",\n \"registration type not implemented\": \"ERROR_REGISTRATION_TYPE_NOT_IMPLEMENTED\",\n }\n\n getErrorMessage(err: any, method=null): string {\n\n var errorKey = \"ERROR\";\n\n if (err && err.hasOwnProperty(\"isError\") && err.hasOwnProperty(\"message\")) {\n errorKey = err.message\n\n } else {\n // Check if the error message already has been formatted\n if (err && (err.status || err.statusCode)) {\n var statusCode = err.status || err.statusCode;\n let msg = err.error && err.error.error\n if (statusCode == 400) {\n errorKey = \"ERROR_CLIENT_SIDE\"\n if (this.apiErrorMessagesMap.hasOwnProperty(msg)) {\n errorKey = this.apiErrorMessagesMap[msg]\n }\n } else if (statusCode == 429 && method === 'login') {\n errorKey = \"ERROR_ACCOUNT_LOCKED_TOO_MANY_FAILED_ATTEMPTS\"\n } else if (statusCode == 401) {\n errorKey = \"ERROR_UNAUTHORISED\"\n } else if (statusCode == 500) {\n errorKey = \"ERROR_SERVER_SIDE\"\n }\n }\n }\n // console.log(\"ErrorMessageParser: error key\")\n // console.log(errorKey)\n\n return errorKey;\n }\n\n announceErrorMessage(error: tApiErrorResponse) {\n this.ErrorAnnouncer.next(error)\n }\n\n}","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\nimport { ConfigService } from './app-config.service';\nimport { tEventsConfigurations, tConfig, tGlowEventConfiguration } from './app-config.typings';\nimport { GlowService } from './glow.service';\nimport { tGlowEventReq } from './glow.typings';\n\n@Injectable()\nexport class EventService {\n\n eventTopicConfig: tEventsConfigurations\n\n private DataRefreshAnnouncer = new Subject();\n private HealthCheckAnnouncer = new Subject();\n private LoadingEventAnnouncer = new Subject();\n private DimensionChangeEventAnnouncer = new Subject();\n private TimerObservablesAnnouncer = new Subject();\n private AppEventAnnouncer = new Subject();\n\n\n $dataRefresh = this.DataRefreshAnnouncer.asObservable();\n $loading = this.LoadingEventAnnouncer.asObservable();\n $dimensionChange = this.DimensionChangeEventAnnouncer.asObservable();\n $timerObservables = this.TimerObservablesAnnouncer.asObservable();\n $appEvent = this.AppEventAnnouncer.asObservable();\n $healthCheck = this.HealthCheckAnnouncer.asObservable();\n\n\n\n constructor(\n private configService: ConfigService) {\n this.eventTopicConfig = this.configService.getEventConfigurations();\n };\n\n\n\n publish(topic, event) {\n // console.log(event)\n event.topic = topic;\n\n if (topic == this.eventTopicConfig.dataRefresh) {\n this.DataRefreshAnnouncer.next(event);\n\n } else if (topic == this.eventTopicConfig.loading) {\n this.LoadingEventAnnouncer.next(event);\n\n } else if (topic == this.eventTopicConfig.dimensionChange) {\n this.DimensionChangeEventAnnouncer.next(event);\n\n } else if (topic == this.eventTopicConfig.timerObservables) {\n this.TimerObservablesAnnouncer.next(event);\n\n } else if (topic == this.eventTopicConfig.healthCheck) {\n this.HealthCheckAnnouncer.next(event);\n\n } else {\n this.AppEventAnnouncer.next(event);\n }\n }\n\n\n\n}\n\n@Injectable()\nexport class GlowEventService {\n liveSystemApi: string;\n eventPreText: string = 'reflect'\n\n config: tConfig\n eventConfiguration: tGlowEventConfiguration\n\n constructor(\n private configService: ConfigService,\n private glowService: GlowService) {\n\n this.config = this.configService.loadConfig()\n this.eventConfiguration = this.configService.loadEventsConfigurations()\n };\n\n sendEvent(data: any, category, event = null) {\n let glowEvent = {\n data: data,\n categoryReference: category,\n event: null\n }\n if (this.glowService.isLoggedIn() === true) {\n\n let hostUrl = this.glowService.getHostUrl();\n if (hostUrl != this.config.environments.prod.glow.endpoint) {\n let env;\n try {\n env = (hostUrl.split('//')[1]).split('.glowmarkt.com')[0]\n\n } catch (e) {\n console.warn(e)\n env = 'not_prod'\n }\n glowEvent.event = (event)? env + '.' + this.eventPreText + '.' + event : env + '.' + this.eventPreText;\n\n } else {\n glowEvent.event = (event)? this.eventPreText + '.' + event: this.eventPreText;\n }\n\n this.glowService.sendGlowEvent(glowEvent).subscribe((response) => {\n // console.log(\"event submitted\")\n }, (error) => {\n console.warn(error)\n })\n }\n }\n\n submitFormSubmissionEvent(data, event) {\n this.sendEvent(data, this.eventConfiguration.formSubmission.key, event)\n }\n\n}","import { Injectable } from '@angular/core';\nimport { environment } from '../../environments/environment';\nimport { StrapiService } from './strapi.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FaqsService {\n contentSystemBaseUrl: string = environment.contentSystemBaseUrl;\n relatedContentTypes: Array = ['related-faqs'];\n\n constructor(private strapiService: StrapiService) {}\n\n async getFAQ(id: string | number) {\n const url = `${this.contentSystemBaseUrl}/api/faqs/${id}?populate[faq_topics][populate]=*`;\n const response = await this.strapiService.getDataFromStrapi(url);\n return response;\n }\n\n async getFAQBySlug(slug: string) {\n const url = `${this.contentSystemBaseUrl}/api/faqs?filters\\[slug\\][$eq]=${slug}&&populate[faq_topics][populate]=*&&populate[related_faqs][populate]=*`;\n const faq = (await this.strapiService.getDataFromStrapi(url))[0];\n return faq;\n }\n\n async getFAQsTopics() {\n const url = `${this.contentSystemBaseUrl}/api/faq-topics`;\n const response = await this.strapiService.getDataFromStrapi(url);\n return response;\n }\n\n async getFAQsTopic(id: string | number) {\n const url = `${this.contentSystemBaseUrl}/api/faq-topics/${id}?populate[faq_sub_topics][populate]=*`;\n const response = await this.strapiService.getDataFromStrapi(url);\n return response;\n }\n\n async getFAQsTopicBySlug(slug: string) {\n const url = `${this.contentSystemBaseUrl}/api/faq-topics?filters\\[slug\\][$eq]=${slug}&&populate[faq_sub_topics][populate]=*`;\n const topic = (await this.strapiService.getDataFromStrapi(url))[0];\n return topic;\n }\n\n async postFeedback(id, feedback, isPositive, reason?) {\n const body = {\n faq: Number(id),\n feedback: feedback,\n isPositive: isPositive,\n reason: reason ? reason : '',\n };\n await this.strapiService.postDataToStrapi(`${this.contentSystemBaseUrl}/api/faq-feedbacks`, body);\n }\n\n async postSuggestion(suggestion) {\n const body = {\n suggestion: suggestion,\n };\n await this.strapiService.postDataToStrapi(`${this.contentSystemBaseUrl}/api/faq-suggestions`, body);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { FormGroup } from '@angular/forms';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FormValidationService {\n constructor(private translate: TranslateService) {}\n\n checkFormValidity(formGroup: FormGroup, formControlName, translateKey?) {\n if (!(formGroup.get(formControlName).errors || formGroup.get(formControlName).value instanceof FileList)) return;\n\n let messages = [];\n let formFieldName;\n translateKey ? (formFieldName = this.translate.instant(translateKey)) : (formFieldName = 'This field');\n //check if form control has extra validators and user has begun typing\n if (\n (formGroup.get(formControlName).dirty || formGroup.get(formControlName).touched) &&\n formGroup.get(formControlName).value &&\n !(formGroup.get(formControlName).value instanceof FileList) &&\n (formGroup.get(formControlName).value.length || formGroup.get(formControlName).value.size)\n ) {\n const errors = formGroup.get(formControlName).errors;\n const errorsWithMsg = Object.values(errors).filter((v) => v.errMsg);\n messages = errorsWithMsg.map((v) => v.errMsg);\n \n return messages;\n }\n if (\n formGroup.get(formControlName).errors &&\n formGroup.get(formControlName).errors.required &&\n formGroup.get(formControlName).touched &&\n !formGroup.get(formControlName).valid &&\n !(formGroup.get(formControlName).value && formGroup.get(formControlName).value.length)\n ) {\n const errorMsg = `${formFieldName} is required.`;\n messages = [errorMsg]; \n return messages;\n }\n if (formGroup.get(formControlName).value instanceof FileList) {\n const fileArray = Array.from(formGroup.get(formControlName).value);\n const isControlValid = fileArray.every((file: any) => !file.type.includes('image') || (file.type.includes('image') && file.width && file.height && file.description));\n if (!isControlValid) {\n messages = ['Please add a description to all images.'];\n return messages;\n }\n \n }\n }\n\n isFormValidForNonEmptyControls(formGroup: FormGroup) {\n return Object.values(formGroup.controls).every((control) => {\n const isfileList = control.value instanceof FileList;\n let isControlValid = control.valid;\n if (isfileList) {\n const fileArray = Array.from(control.value);\n isControlValid = fileArray.every((file: any) => !file.type.includes('image') || (file.type.includes('image') && file.width && file.height && file.description));\n }\n return !control.value || isControlValid;\n });\n }\n\n markFormGroup(formGroup: FormGroup, type) {\n Object.values(formGroup.controls).forEach((control) => {\n if (type == 'touched') control.markAsTouched();\n if (type == 'untouched') control.markAsUntouched();\n });\n }\n}\n","import { Injectable } from '@angular/core';\nimport { CanDeactivate, ActivatedRouteSnapshot, RouterStateSnapshot, UrlTree } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { HeatPumpCaseStudyComponent } from '../pages/case-study-creator-tool/heat-pump-case-study/heat-pump-case-study.component';\nimport { ConfirmationModalComponent } from '../components/confirmation-modal/confirmation-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\n\nimport { CaseStudyFormService } from './case-study-form.service';\nimport { BuildingFormComponent } from '../components/case-study/building-form/building-form.component';\nimport { HeatingSystemFormComponent } from '../components/case-study/heating-system-form/heating-system-form.component';\nimport { InstallationFormComponent } from '../components/case-study/installation-form/installation-form.component';\nimport { OutcomesFormComponent } from '../components/case-study/outcomes-form/outcomes-form.component';\nimport { OtherInfoFormComponent } from '../components/case-study/other-info-form/other-info-form.component';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FormGuard implements CanDeactivate {\n constructor(private modalService: NgbModal, private caseStudyFormService: CaseStudyFormService) {}\n canDeactivate(\n component: BuildingFormComponent | HeatingSystemFormComponent | InstallationFormComponent | OutcomesFormComponent | OtherInfoFormComponent,\n next: ActivatedRouteSnapshot,\n state: RouterStateSnapshot\n ): Observable | Promise | boolean | UrlTree {\n return new Promise((resolve) => {\n if (!this.caseStudyFormService.isSectionPristine(component.section)) {\n component.saveChanges();\n }\n resolve(true);\n });\n }\n}\n","/**\n * August 2018\n * This service is responsible for setting up some configuration to the Glow Serivce APK.\n */\n\nimport { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable()\nexport class GlowConfigurationService {\n\n resourceTypeDimensionConfig: tResourceTypeDimensionConfig;\n\n constructor() {\n // this.alive = true;\n };\n \n getResourceTypeDivisors(): tResourceTypeDimensionConfig {\n this.resourceTypeDimensionConfig = {\n energy: {\n Wmin: {\n resourceTypeIds: [], // This has now been transferred to the back end\n divisor: 60000.0\n },\n pence: {\n resourceTypeIds:[\"b4158501-a678-484a-837a-874194d3bd48\", , \"32d9821b-34fd-46d1-9ba1-56259afd4734\", \"b3c80261-f9d3-4453-a6e7-5fd02e89fc67\",\"c58b4039-3cdf-425a-873d-f9e82d8c4009\",\"b8a8b8ca-ee59-4fc9-97c1-77dfa6bd9b46\", \"177a0707-154b-4666-be59-2a5eff88a160\"],\n divisor: 100.0\n }\n }\n }\n return this.resourceTypeDimensionConfig;\n\n }\n\n}\n\nexport class tResourceTypeDimensionConfig{\n energy: {\n Wmin: {\n resourceTypeIds: string[],\n divisor: number\n };\n pence: {\n resourceTypeIds: string[],\n divisor: number\n };\n };\n}\n\n\n","import { NgModule } from '@angular/core';\nimport { GlowService } from './glow.service';\nimport { GlowConfigurationService } from './glow-config.service';\nimport { CacheService } from './cache.service';\nimport { DateFormatService } from './date-format.service';\nimport { JwtModule } from '@auth0/angular-jwt';\n\nexport function tokenGetter() {\n return localStorage.getItem('id_token');\n}\n@NgModule({\n declarations: [\n ],\n imports: [\n JwtModule.forRoot({\n config: {\n tokenGetter: tokenGetter\n }\n }),\n ],\n exports: [\n ],\n providers: [\n CacheService,\n DateFormatService,\n GlowConfigurationService,\n GlowService,\n ]\n})\nexport class GlowModule {\n}\n","import { Injectable, EventEmitter } from '@angular/core';\nimport { HttpHeaders, HttpClient, HttpResponse, HttpParams } from '@angular/common/http';\n\nimport { Observable, throwError } from 'rxjs';\nimport { from, of } from 'rxjs';\nimport { catchError, map, switchMap } from 'rxjs/operators';\n\nimport { JwtHelperService } from '@auth0/angular-jwt';\n\nimport {\n tAccount,\n tVE,\n tVEType,\n tVEwithDetailedResources,\n tFunctionalGroupAccount,\n tDevice,\n tDeviceStatus,\n tDeviceProductDiscovery,\n tProvisioningStatus,\n tDiscoveryInfo,\n tResource,\n tResourceType,\n tResourceTariff,\n tResourceReadings,\n tGroupedResource,\n tResourceInstantReadings,\n tResourceMeterReading,\n tInboxMessage,\n tInboxStatus,\n tInboxDeleteStatus,\n tInboxMessageList,\n tApplicationVersions,\n tFAQ,\n tSupportDetails,\n tAccountStatus,\n tTokenValidityResponse,\n tNewTokenResponse,\n tLoginInfo,\n tRegistrationInfo,\n tApiErrorResponse,\n tGlowStickAccessPointPassword,\n tPrompt,\n tPromptUser,\n tTermsConditionsUser,\n tTermsConditions,\n tContent,\n tUserAction,\n tLanguageContent,\n tPromptUserReq,\n tApplicationEventReq,\n tApplicationEventRes,\n tResourceSummaryReadings,\n tVEwithGroupedChildren,\n tVeState,\n tVeIdListing,\n tUserGroup,\n tUserOrganization,\n tProvisioningAddChildDeviceReq,\n tAlertHistoryUserGroup,\n tVeGroup,\n tAlertHistoryUser,\n tAlertType,\n tAlertStatus,\n tTemplate,\n tOAuthResponse,\n tIsValid,\n tSavedCards,\n tUserGroupCreateRes,\n tUserGroupCreateReq,\n tUserGroupAppPermissionsReq,\n tUserGroupAdminDeletionRes,\n tUserIdElement,\n tUserGroupAdminAdditionReq,\n tUserGroupAdminAdditionRes,\n tUserGrouping,\n tUserFromUserGroupDeletionRes,\n tVeAccessAddUser,\n tVeAccessAddUserGroup,\n tVeAccessAdditionRes,\n tVeAccessPermission,\n tUserOrgCreateReq,\n tDeviceWithSetting,\n tIsUserGroupValid,\n tIsUserOrganizationValid,\n tGlowEventReq,\n tStatusResponse,\n tUserGroupAdmin,\n tDeviceRegisters,\n tSetPasswordReq,\n tTicketCreateResponse,\n tForgottenPasswordResponse,\n tIsValidPaymentRes,\n tPaymentTransactionCallbackInfo,\n tHasVeAccess,\n tHasVeAdminAccess,\n tTermsConditionsUserRaw,\n tTermsConditionsUserCreateRes,\n tResourceFirstTime,\n tDataGroupCreateReq,\n tChangeUsernameReq,\n tUserGroupingWithUserInfo,\n tUserGroupAdminWithUserInfo,\n tCalculateHTC,\n tEuiPostcode,\n tEligibitySmetsIhdPostcodeCheck,\n tEligibitySmetsFuelTypesReq,\n tEligibitySmetsFuelTypes,\n tAccountProfile,\n tAccountProfilesResp,\n tAccountProfileCreateResp,\n tResourceLastTime,\n tSimulation,\n tIsValidTicket,\n tJournalEntry,\n tComponent,\n tCaseStudy,\n tVerificationStatus,\n tVerificationInfoSubmissionIsValidRes,\n\n // tmeterPointVerificationList,\n // tDeviceBalance\n} from './glow.typings';\n\nimport { ConfigService } from './app-config.service';\nimport { DateFormatService } from './date-format.service';\nimport { CacheService } from './cache.service';\nimport { AuthenticationService } from './authentication.service';\n\nexport class AppIdHeadersGlow extends Headers {\n constructor(appId: string, functionalGroupId = null) {\n super();\n this.append('X-GLOW-Version', '0');\n this.append('Content-type', 'application/json');\n this.append('token', localStorage.getItem('id_token'));\n this.append('applicationId', appId);\n // console.log('AppIdHeaders ' + appId);\n if (functionalGroupId) {\n this.append('functionalGroupId', functionalGroupId);\n }\n }\n}\n\n@Injectable()\nexport class GlowService {\n private applicationId: string;\n private applicationName: string;\n private directoryId: string;\n private glowDirectoryId: string;\n private hostUrl; // Check CORS?\n private hostJournalUrl = 'http://localhost:3066/api/v0-1/';\n private authFunctionalGroupId: string;\n private tempAccessDirectoryId: string;\n public getAuthEvent: EventEmitter = new EventEmitter();\n private environment: string;\n\n private rateLimitingHostUrl: string;\n\n constructor(private configService: ConfigService, private dateFormatService: DateFormatService, private http: HttpClient, public jwtHelper: JwtHelperService, private auth: AuthenticationService, private storage: CacheService) {\n const configuration = this.configService.loadConfig();\n this.applicationId = configuration.application.applicationId;\n this.applicationName = configuration.application.apipathname;\n // this.hostUrl = configuration.environments.prod.glow.endpoint;\n this.hostUrl = configuration.environments.prod.glow.endpoint;\n this.rateLimitingHostUrl = configuration.environments.prod.glow.rateLimitingHostUrl;\n this.directoryId = configuration.directories.default.directoryId;\n this.glowDirectoryId = configuration.directories.glow.directoryId;\n this.tempAccessDirectoryId = configuration.directories.tempAccess.directoryId;\n\n if (configuration.hasOwnProperty('functionalGroups') && configuration.functionalGroups.hasOwnProperty('auth')) {\n this.authFunctionalGroupId = configuration.functionalGroups.auth;\n }\n\n // this.events.subscribe('user:loggedIn', () => {\n // // console.log('glow service got loggedIn event');\n // });\n\n // this.events.subscribe('user:logout', () => {\n // // console.log('glow service got Log OUT event');\n // });\n }\n\n ngOnDestroy() {}\n\n // ************************* Environment Functionality *************************/\n /**\n * Function responsible for setting environmnet as given by username and also clean up username from env\n */\n checkEnvironment(username: string): string {\n // console.log('checkEnvironment ' + username);\n\n const configuration = this.configService.loadConfig();\n const supportedEnvironments = Object.keys(configuration.environments).map((env) => env);\n\n const usernameNoDomain = username.split('@')[0];\n const usernameSetsEnvironmentCheck = /\\[.*\\]/;\n\n if (usernameSetsEnvironmentCheck.test(usernameNoDomain) === true) {\n // console.log('Need to set environment');\n const executedRegex = usernameNoDomain.match(usernameSetsEnvironmentCheck);\n if (executedRegex && executedRegex[0]) {\n const env = executedRegex[0].replace('[', '').replace(']', '');\n // console.log(`Setting environment to ${env}`);\n if (supportedEnvironments.indexOf(env) > -1) {\n this.setEnvironment(env);\n } else {\n console.warn(`env ${env} not in supported list, setting to: ${env}.glowmarkt.com`);\n const url = `https://${env}.glowmarkt.com/api/v0-1/`;\n this.setHostUrl(url);\n }\n }\n } else {\n // console.log('Setting environment to prod');\n this.setEnvironment('prod');\n }\n const usernameNoDomainSplit = usernameNoDomain.split('[');\n return usernameNoDomainSplit[0] + '@' + username.split('@')[1];\n }\n\n setHostUrl(hostUrl: string) {\n // console.log('Glowservice setting host to: ' + hostUrl);\n this.hostUrl = hostUrl;\n }\n\n setEnvironment(environment: string) {\n const configuration = this.configService.loadConfig();\n this.environment = environment;\n this.setHostUrl(configuration.environments[environment].glow.endpoint);\n }\n\n getEnvironment() {\n return this.environment ? this.environment : 'prod';\n }\n\n getHostUrl() {\n return this.hostUrl;\n }\n\n // ****************** API checks *********************/\n\n performPreAPIChecksWithAuth(): tApiErrorResponse {\n let response = {\n isError: false,\n messages: [],\n data: '',\n };\n const authCheck = this.performAuthCheck();\n const networkCheck = this.performNetworkCheck();\n if (authCheck.isError === true) {\n response.isError = true;\n response.messages = response.messages.concat(authCheck.messages);\n }\n if (networkCheck.isError === true) {\n response.isError = true;\n response.messages = response.messages.concat(networkCheck.messages);\n }\n return response;\n }\n\n performNetworkCheck(): tApiErrorResponse {\n let response = {\n isError: false,\n messages: [],\n data: '',\n };\n // if (this.networkActive === false) {\n // response.isError = true\n // response.messages = ['ERROR_NO_NETWORK']\n // }\n return response;\n }\n\n performAuthCheck(): tApiErrorResponse {\n let response = {\n isError: false,\n messages: [],\n data: '',\n };\n if (this.checkExistingToken() === false) {\n response.isError = true;\n response.messages = ['ERROR_TOKEN_NOT_VALID'];\n }\n return response;\n }\n\n performPreAPIChecksWithoutAuth(): tApiErrorResponse {\n return this.performNetworkCheck();\n }\n\n // Checks that do not check the network\n performPreAPIChecksNoNetwork(): tApiErrorResponse {\n return this.performAuthCheck();\n }\n\n public setHeaders(): AppIdHeadersGlow {\n const headers: Headers = new AppIdHeadersGlow(this.applicationId);\n return headers;\n }\n\n //******************** Headers *************/\n public getNoAuthHeaders(): HttpHeaders {\n let headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/json',\n applicationId: this.applicationId,\n });\n if (this.authFunctionalGroupId) {\n headers = headers.append('functionalGroupId', this.authFunctionalGroupId);\n }\n return headers;\n }\n\n public getNoAuthOptionsRequestInit(): RequestInit {\n return { headers: { applicationId: this.applicationId } };\n }\n\n public getAuthHeaders(): HttpHeaders {\n let headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/json',\n applicationId: this.applicationId,\n token: localStorage.getItem('id_token'),\n 'X-GLOW-Version': '0',\n });\n if (this.authFunctionalGroupId) {\n headers = headers.append('functionalGroupId', this.authFunctionalGroupId);\n }\n return headers;\n }\n\n public getAuthHeadersCSV(): HttpHeaders {\n let headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/csv',\n applicationId: this.applicationId,\n token: localStorage.getItem('id_token'),\n 'X-GLOW-Version': '0',\n });\n if (this.authFunctionalGroupId) {\n headers = headers.append('functionalGroupId', this.authFunctionalGroupId);\n }\n return headers;\n }\n\n public getNoAuthOptions() {\n const headers = this.getNoAuthHeaders();\n return { headers };\n }\n\n public getAuthOptions() {\n const headers = this.getAuthHeaders();\n return { headers };\n }\n\n public getOAuthOptions() {\n const headers = this.getOAuthHeaders();\n return { headers };\n }\n public getOAuthOptionsWithoutContentType() {\n const headers = this.getOAuthHeadersWithoutContentType();\n return { headers };\n }\n\n public getAuthHeadersWithUserId(userId: string) {\n let headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/json',\n applicationId: this.applicationId,\n // token: localStorage.getItem('id_token'),\n 'X-GLOW-Version': '0',\n userId: userId,\n });\n if (this.authFunctionalGroupId) {\n headers = headers.append('functionalGroupId', this.authFunctionalGroupId);\n }\n return headers;\n }\n\n public getOAuthHeadersWithoutContentType() {\n let headers: HttpHeaders = new HttpHeaders({\n applicationId: this.applicationId,\n Authorization: this.auth.authorizationHeader(),\n });\n return headers;\n }\n\n public getOAuthHeaders() {\n let headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/json',\n applicationId: this.applicationId,\n Authorization: this.auth.authorizationHeader(),\n });\n return headers;\n }\n\n public getAuthOptionsUserId(userId: string) {\n const headers = this.getAuthHeadersWithUserId(userId);\n return { headers };\n }\n\n public getAuthOptionsCsv() {\n const headers = this.getAuthHeadersCSV();\n const options = { headers, responseType: 'text' as any };\n\n return options;\n }\n\n public getAuthOptionsAppId({ applicationId }: any = {}) {\n const headers = this.getAuthHeaders();\n // console.log(headers);\n return { headers };\n }\n\n public getImageAuthHeaders(): HttpHeaders {\n return new HttpHeaders({\n applicationId: this.applicationId,\n token: localStorage.getItem('id_token'),\n 'X-GLOW-Version': '0',\n });\n }\n\n public getImageAuthOptions() {\n const headers = this.getImageAuthHeaders();\n return { headers };\n }\n\n // ************************** Service Agent **********************************/\n // public registerServiceAgent(body): Observable {\n // // console.log('registerServiceAgent');\n // const response = this.performPreAPIChecksWithoutAuth();\n // if (response && response.isError === false) {\n // return this.http.post(this.hostUrl + 'service-agent/register', body, this.getNoAuthOptions());\n // } else {\n // return throwError(response);\n // }\n // }\n\n // getServiceAgent(): Observable {\n // const response = this.performPreAPIChecksWithoutAuth();\n // if (response && response.isError === false) {\n // return this.http.get(`${this.hostUrl}service-agent`, this.getOAuthOptions());\n // } else {\n // return throwError(response);\n // }\n // }\n\n // ************************** User Calls **********************************/\n public register(user: tRegistrationInfo): Observable {\n // // console.log('Register user');\n\n user.applicationId = this.applicationId;\n user.directoryId = this.glowDirectoryId;\n user.alertTypeId = 'Glow_EmailVerification_Glowmarkt';\n const response = this.performPreAPIChecksWithoutAuth();\n\n if (response && response.isError === false) {\n const headers: HttpHeaders = new HttpHeaders();\n headers.append('Content-Type', 'application/json');\n return this.http.post(this.hostUrl + 'register', user, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n postTicket(body) {\n const response = this.performPreAPIChecksWithAuth();\n // console.log(response);\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'ticket', body, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n postTicketPublic(body) {\n const response = this.performPreAPIChecksWithoutAuth();\n // console.log(response);\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'ticket/public', body, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public login(accountInfo: tLoginInfo): Observable {\n // console.log('Log in');\n const response = this.performPreAPIChecksWithoutAuth();\n\n if (response && response.isError === false) {\n const cleanUsername = this.checkEnvironment(accountInfo.username);\n accountInfo.username = cleanUsername;\n\n if (accountInfo.username.split('@')[1] == 'null.com') {\n accountInfo['directoryId'] = this.tempAccessDirectoryId;\n } else if (accountInfo.username.split('@')[1] == 'hdb.com' || accountInfo.username.split('@')[1] == 'glowtest.com') {\n accountInfo['directoryId'] = this.glowDirectoryId;\n } else {\n // console.log(this.directoryId);\n if (this.directoryId) accountInfo['directoryId'] = this.directoryId;\n }\n return this.http.post(this.hostUrl + 'auth/', JSON.stringify(accountInfo), this.getNoAuthOptions()).pipe(\n map((res) => {\n return this.saveJwt(res);\n }),\n catchError((error: any) => throwError(error))\n );\n } else {\n return throwError(response);\n }\n }\n\n public authenticateOAuth(accountInfo: tLoginInfo, applicationId: string): Observable {\n // console.log('Log in');\n const response = this.performPreAPIChecksWithoutAuth();\n\n if (response && response.isError === false) {\n const cleanUsername = this.checkEnvironment(accountInfo.username);\n accountInfo.username = cleanUsername;\n\n if (accountInfo.username.split('@')[1] == 'null.com') {\n accountInfo['directoryId'] = this.tempAccessDirectoryId;\n }\n const headers: HttpHeaders = new HttpHeaders({\n 'Content-Type': 'application/json',\n applicationId: applicationId,\n });\n return this.http.post(this.hostUrl + 'auth/oauth', JSON.stringify(accountInfo), { headers });\n } else {\n return throwError(response);\n }\n }\n\n public logout(): Observable {\n // console.log('Logging Out');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n // To log out, delete token from server side, and remove the token and profile from local Storage\n const options = this.getAuthOptions();\n this.deleteJwt();\n this.emitLogOut();\n return this.http.delete(this.hostUrl + 'auth/deleteToken', options);\n } else {\n return throwError(response);\n }\n }\n\n public verify(verificationInfo): Observable {\n // console.log('Verifying Account');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n if (!verificationInfo.applicationId) {\n verificationInfo.applicationId = this.applicationId;\n }\n return this.http.put(this.hostUrl + 'user/verify', verificationInfo, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public generateVerificationToken(generateVerificationInfo): Observable {\n // console.log('Generate Verification Token');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n generateVerificationInfo.applicationId = this.applicationId;\n return this.http.post(this.hostUrl + 'user/verify', generateVerificationInfo, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public resetPassword(resetPasswordInfo): Observable {\n // console.log('Password Reset');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n resetPasswordInfo.applicationId = this.applicationId;\n return this.http.put(this.hostUrl + 'user/resetpassword', resetPasswordInfo, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public setPassword(resetPasswordInfo: tSetPasswordReq): Observable {\n // console.log('Password Set');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'user/setpassword', resetPasswordInfo, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public triggerForgottenPasswordProcess(triggerForgottenPasswordInfo): Observable {\n // console.log('Generate Password Reset Token');\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n triggerForgottenPasswordInfo.applicationId = this.applicationId;\n return this.http.post(this.hostUrl + 'user/resetpassword', triggerForgottenPasswordInfo, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public changePassword(changePasswordInfo): Observable {\n // console.log('Change Password');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'account/changepassword', changePasswordInfo, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public changeEmail(emailData): Observable {\n // console.log('Change Email');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'account/email', emailData, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public changeUsername(data: tChangeUsernameReq): Observable {\n // console.log('Change Username');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.put(this.hostUrl + 'user/username', data, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public changeUsernameAndEmail(data: tChangeUsernameReq): Observable {\n // console.log('Change Username and email');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.put(this.hostUrl + 'user/username-email', data, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // Add Firebase token for User.\n public addMobileToken(mobileToken: string) {\n // console.log('Adding mobile app token to glow');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n let addMobileToken = { newToken: mobileToken };\n let accountId = localStorage.getItem('id');\n return this.http.post(this.hostUrl + 'account/' + accountId + '/mobileapptoken', addMobileToken, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public refreshToken(): Observable {\n // console.log('refreshToken function');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'auth/newtoken', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public validateToken(): Observable {\n // console.log('validateToken');\n const response = this.performPreAPIChecksNoNetwork();\n // console.log(response);\n if (response && response.isError === false) {\n const networkCheck = this.performNetworkCheck();\n if (networkCheck.isError === false) {\n return this.http.get(this.hostUrl + 'auth', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n } else {\n return throwError(response);\n }\n }\n\n public getAccount(): Observable {\n // console.log('Get an account ');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'account/details', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public getAccountStatus(): Observable {\n // console.log('Get Account Status');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'account/status', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ************************** Account Profile Calls **********************************/\n\n public getProfile(profileName: string) {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'accountprofile/' + profileName, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public getAllProfiles() {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'accountprofile', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n public addProfile(profileBody: tAccountProfile) {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'accountprofile', profileBody, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ************************** User Groups Calls **********************************/\n\n getUserGroups(functionalGroupId = ''): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'usergroup/user', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n createUserGroup(userGroupBody: tUserGroupCreateReq): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'usergroup', userGroupBody, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n createUserOrganization(userOrganizationBody: tUserOrgCreateReq): Observable {\n // console.log('create user organization');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'userorganization', userOrganizationBody, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n appAppPermissionsToUserGroup(userGroupId: string, appPermissionsBody: tUserGroupAppPermissionsReq): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'usergroup/' + userGroupId + '/application', appPermissionsBody, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n checkIfUserIsUserGroupAdmin(userGroupId): Observable {\n // console.log('Check if user is admin of user group ', userGroupId);\n\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'usergroup/' + userGroupId + '/admin', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getUserOrganizationsOfUser(functionalGroupId = ''): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'userorganization/user', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getUsersOfUserGroup(userGroupId: string): Observable {\n // console.log('Get users of user group ' + userGroupId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'usergroup/' + userGroupId + '/user', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n addUsersToUserGroup({ userGroupId, usernames }): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n const body = { usernames };\n return this.http.post(`${this.hostUrl}usergroup/${userGroupId}/user`, body, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n deleteUserFromUserGroup(userGroupId, userId: string): Observable {\n // console.log('Delete user ' + userId + ' from user group ' + userGroupId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.delete(this.hostUrl + 'usergroup/' + userGroupId + '/user/' + userId, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getAdminOfUserGroup(userGroupId: string): Observable {\n // console.log('Get user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'usergroup/' + userGroupId + '/admin/user', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n addAdminOfUserGroup({ userGroupId, usernames }): Observable {\n // console.log('Add user groups');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n const body = { usernames };\n return this.http.post(`${this.hostUrl}usergroup/${userGroupId}/admin/user`, body, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n removeAdminFromUserGroup(userGroupId: string, userId: string): Observable {\n // console.log('Remove userId from user group');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.delete(this.hostUrl + 'usergroup/' + userGroupId + '/admin/user/' + userId, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getUserGroupsOfOrganization(userOrganizationId): Observable {\n // console.log('Get user groups of user organization ', userOrganizationId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'userorganization/' + userOrganizationId + '/usergroups', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n checkIfUserIsUserOrganizationAdmin(userOrganizationId): Observable {\n // console.log('Check if user is admin of organization ', userOrganizationId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'userorganization/' + userOrganizationId + '/admin', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getUserOrganizationAdmins(userOrganizationId): Observable {\n // console.log('Get user groups of user organization ', userOrganizationId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'userorganization/' + userOrganizationId + '/usergroups', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n createUserOrganizationAdmin(userOrganizationId: string, userId: string): Observable {\n // console.log('Add a user as user organization admin ', userOrganizationId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n let body = {\n users: [\n {\n userId: userId,\n },\n ],\n };\n return this.http.post(this.hostUrl + 'userorganization/' + userOrganizationId + '/admin/user', JSON.stringify(body), this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n deleteUserOrganizationAdmin(userOrganizationId: string, userId: string): Observable {\n // console.log('Delete a user from being an admin of a user organization ' + userOrganizationId);\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.delete(this.hostUrl + 'userorganization/' + userOrganizationId + '/admin/user/' + userId, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ***************Functional Group Account ***********************\n\n getFunctionalGroupAccounts(): Observable {\n // console.log('Get functional group account');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'functionalgroupaccount', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ************************** Simulation Calls **********************************/\n public runSimulation(simulation: tSimulation): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'simulation/run', JSON.stringify(simulation), this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public runSimulationVeId(simulation: tSimulation, veId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'simulation/virtual-entity/' + veId + '/run', JSON.stringify(simulation), this.getAuthOptions());\n }\n return;\n }\n\n // ************************** Journal Calls **********************************/\n\n public createJournal(veId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'journal', { veId }, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getJournal(veId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'journal/ve/' + veId, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getJournalEntries(journalId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'journal/' + journalId + '/entries', this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getJournalEntriesByComponent(componentId: string, componentVersion: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'journal-entry/component/' + componentId + '/version/' + componentVersion + '/entries', this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getJournalEntry(entryId: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'journal-entry/' + entryId, this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n public createJournalEntry(entry: tJournalEntry): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'journal-entry', entry, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public createComponent(component: tComponent): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'journal/component', component, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getComponent(componentId: string, componentVersion: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'journal/component/' + componentId + '/version/' + componentVersion, this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n public updateComponent(componentId: string, componentVersion: string, component: tComponent): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.patch(this.hostUrl + 'journal/component/' + componentId + '/version/' + componentVersion, component, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public updateComponentMedia(componentId: string, componentVersion: string, body: any): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.patch(this.hostUrl + 'journal/component/' + componentId + '/version/' + componentVersion + '/media', body, this.getImageAuthOptions());\n }\n return throwError(response);\n }\n\n public deleteComponent(componentId: string, componentVersion: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.delete(this.hostUrl + 'journal/component/' + componentId + '/version/' + componentVersion, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public updateJournalEntry(jeId: string, entry: any): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.patch(this.hostUrl + 'journal-entry/' + jeId, entry, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n getAllCaseStudiesByVe(veId: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study/ve/' + veId, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n getAllCaseStudiesByVeAndClassifier(veId: string, classifier: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study/ve/' + veId + '/classifier/' + classifier, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n getAllCaseStudies(classifier?: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n const path = classifier ? this.hostUrl + 'case-study?classifier=' + classifier : this.hostUrl + 'case-study';\n return this.http.get(path, this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n public createCaseStudy(caseStudy: tCaseStudy): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'case-study', caseStudy, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public updateCaseStudy(csId, body): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.patch(this.hostUrl + 'case-study/' + csId, body, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getCaseStudy(caseStudyId: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study/' + caseStudyId, this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n public getCaseStudyByRef(csRef: string): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study/ref/' + csRef, this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n //like functionality\n public likeCaseStudy(csId): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'case-study-like', { csId }, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public removeLikeCaseStudy(csId, csLikeId): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.delete(this.hostUrl + 'case-study-like/' + csLikeId, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public getCaseStudyLikesCount(csId): Observable {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study-like/case-study/' + csId + '/count', this.getNoAuthOptions());\n }\n return throwError(response);\n }\n\n public getCaseStudyLikeForUser(csId): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'case-study-like/case-study/' + csId + '/user', this.getAuthOptions());\n }\n return throwError(response);\n }\n\n public editMediaFieldCaseStudy(csId, fieldName, body): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n const url = this.hostUrl + 'case-study/' + csId + '/media/field/' + fieldName;\n return this.http.patch(url, body, this.getImageAuthOptions());\n }\n return throwError(response);\n }\n\n //comment functionality\n public createCaseStudyComment(body: { csId: string; data: string }): Observable {\n return this.http.post(this.hostUrl + 'case-study-comment', body, this.getAuthOptions());\n }\n\n public getImage(imageId: string): Promise {\n const response = this.performPreAPIChecksWithoutAuth();\n if (response && response.isError === false) {\n return fetch(this.hostUrl + 'journal/file/' + imageId, this.getNoAuthOptionsRequestInit())\n .then((res) => res.blob())\n .then((blob) => {\n return blob;\n });\n }\n }\n\n // ************************** Property Passport **********************************/\n getPropertyPassport(veId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'virtualentity/' + veId + '/property-passport', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n createPropertyPassport(veId: string): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'virtualentity/' + veId + '/property-passport', {}, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n calculateHTC(payload: tCalculateHTC): Observable {\n // console.log('calculateHTC');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n const url = this.hostUrl + 'passport/htc';\n return this.http.post(url, JSON.stringify(payload), this.getAuthOptions());\n }\n return throwError(response);\n }\n\n getHTCHistory(veId) {\n // console.log('getHTCHistory');\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n // console.log(response);\n const url = this.hostUrl + 'passport/ve/' + veId + '/htc-history';\n return this.http.get(url, this.getAuthOptions());\n }\n return throwError(response);\n }\n\n manualCreatePropertyPassport(veId: string, data: any): Observable {\n const response = this.performPreAPIChecksWithAuth();\n if (response && response.isError === false) {\n return this.http.post(this.hostUrl + 'virtualentity/' + veId + '/property-passport/manual', JSON.stringify(data), this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ************************** Application Calls **********************************/\n\n getApplicationVersion(): Observable {\n // console.log('Get application Version');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n return this.http.get(this.hostUrl + 'application/version', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n // ************************** Support/FAQ/T&C Calls **********************************/\n getFAQs(reference = null): Observable {\n // console.log('Get FAQs');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n if (reference === null) {\n const configuration = this.configService.loadConfig();\n reference = configuration.content.faqs.reference;\n }\n // console.log('the url is ');\n //return this.http.get(this.hostUrl + 'faq?reference=' + reference, this.getAuthOptions())\n return this.http.get(this.hostUrl + 'faq', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getAllFAQs(reference = null): Observable {\n // console.log('Get FAQs');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n const appIdHeaders: Headers = new AppIdHeadersGlow(this.applicationId);\n\n return this.http.get(this.hostUrl + 'faq', this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getSupportDetails(): Observable {\n // console.log('Get Support Details');\n const response = this.performPreAPIChecksWithAuth();\n\n if (response && response.isError === false) {\n const configuration = this.configService.loadConfig();\n const supportDetailsRef = configuration.content.supportDetails.reference;\n return this.http.get(this.hostUrl + 'supportdetails?reference=' + supportDetailsRef, this.getAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getTermsAndConditions(tcReference: string = null): Observable {\n // console.log('Get Current Terms and Conditions');\n if (tcReference === null) {\n const configuration = this.configService.loadConfig();\n tcReference = configuration.termsAndConditions && configuration.termsAndConditions.reference;\n // console.log('Defaulting T&C reference to ' + tcReference);\n }\n const response = this.performPreAPIChecksWithAuth();\n const checkNoAuth = this.performPreAPIChecksWithoutAuth();\n\n let url;\n if (tcReference) {\n url = this.hostUrl + 'termsconditions?reference=' + tcReference;\n } else {\n url = this.hostUrl + 'termsconditions';\n }\n\n if (response && response.isError === false) {\n return this.http.get(url, this.getAuthOptions());\n } else if (checkNoAuth && checkNoAuth.isError === false) {\n return this.http.get(url, this.getNoAuthOptions());\n } else {\n return throwError(response);\n }\n }\n\n getCurrentTermsAndConditions(tcReference: string = null): Observable
![](\\\"../../../assets/images/installer-support-modal/invite_customer_1.gif\\\")
\\n ![](\\\"../../../assets/images/installer-support-modal/customer_invitation_2.gif\\\")
\\n ![](\\\"../../../assets/images/installer-support-modal/data_3.gif\\\")
\\n ![\\\"Glowmarkt](\\\"../../../assets/images/homepage/thermal-performance-tool.png\\\")
\\n ![\\\"Glowmarkt](\\\"../../../assets/images/homepage/radiator-tool.png\\\")
\\n ![](\\\"../../../assets/images/homepage/hp-estimation-tool.png\\\"alt=\\\"Glowmarkt)
\\n ![](\\\"../../../assets/images/hildebrand.png\\\")
![\\\"Build](\\\"../../../assets/logo/bts-logo.png\\\"){kind=logo}
\\n ![\\\"Beta](\\\"../../../assets/logo/bt-logo.png\\\"class=\\\"mb-1\\\"){kind=logo}
\\n ![](\\\"../../../assets/logo/rc-logo.png\\\"){kind=logo}
\\n ![\\\"SE2](\\\"../../../assets/logo/se2-logo.png\\\"class=\\\"mb-1\\\"){kind=logo}
\\n\\n ![](\\\"../../../assets/logo/dm-logo.png\\\"){kind=logo}
\\n ![\\\"Bright](\\\"../../../assets/images/bright-page/home-gas.png\\\"\\n)
\\n ![\\\"Bright](\\\"../../../assets/images/bright-page/BRIGHT_logo.svg\\\"){kind=logo}
\\n ![\\\"Bright](\\\"../../../assets/images/bright-page/BRIGHT_letters.svg\\\")
\\n ![\\\"Google](\\\"../../../assets/images/google-play-store-badge.svg\\\"){kind=icon}
\\n \\n ![\\\"Google](\\\"../../../assets/images/bright-page/google-bright-qr-code.png\\\"\\n)
\\n ![\\\"Apple](\\\"../../../assets/images/apple-store-badge.svg\\\"){kind=icon}
\\n\\n \\n ![\\\"Apple](\\\"../../../assets/images/bright-page/apple-bright-qr-code.png\\\"\\n)
\\n ![\\\"Bright](\\\"../../../assets/images/bright-page/electricity.png\\\"class=\\\"img-fluid)
\\n ![\\\"Bright](\\\"../../../assets/images/bright-page/compare-time-period.png\\\")
\\n ![](\\\"../../../assets/images/bright-page/delight-logo.svg\\\"){kind=logo}
\\n ![\\\"'Free'](\\\"../../../assets/images/free-starburst.svg\\\")
\\n ![](\\\"../../../assets/images/homepage/glow-professional-logo.svg\\\"){kind=logo}
\\n ![](\\\"../../../assets/images/homepage/graph.png\\\")
\\n ![](\\\"../../../assets/images/homepage/house.png\\\")
\\n ![](\\\"../../../assets/images/homepage/share-data.png\\\")
\\n ![\\\"smart](\\\"../../../assets/images/homepage/ihd.png\\\")
\\n \\n ![](\\\"../../../assets/logo/glow-logo2.png\\\"){kind=logo}
\\n