\\r\\n
UPLOAD COMPLETE
\\r\\n
\\r\\n A list of all your uploaded documents can be found under the 'Documents' tab\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
0\\\">\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ item?.file?.name }} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
FINISH\\r\\n \\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/case-management/document-upload/document-upload.component.html\n// module id = ./src/app/case-management/document-upload/document-upload.component.html\n// module chunks = main","import { FormBuilder, FormGroup, FormArray, AbstractControl, Validators, FormControl } from '@angular/forms';\r\nimport { Component, NgZone, Directive, OnInit, Input, Output, EventEmitter } from '@angular/core';\r\nimport { trigger, animate, transition, style, state } from '@angular/animations';\r\nimport { CaseManagementService } from '../case-management.service';\r\nimport { Option } from '../../forms/option';\r\nimport { DocumentUploader} from './document-uploader';\r\nimport { AuthService } from '../../auth/auth.service';\r\nimport { CaseClient } from '../case-client';\r\n\r\n//const URL = 'http://localhost:50795/document/upload/';\r\n//const URL = '${environment.ieWayApiUrl}/document/upload/';\r\n\r\n@Component({\r\n selector: 'iew-document-upload',\r\n templateUrl: './document-upload.component.html',\r\n styleUrls: ['./document-upload.component.css'],\r\n animations: [\r\n trigger('slideInOut', [\r\n state('true', style({ transform: 'translateY(0%)'})),\r\n state('false', style({ transform: 'translateY(-145%)'})),\r\n transition('false <=> true', animate('300ms ease-in-out'))\r\n ]),\r\n trigger('fadeInOut', [\r\n state('true', style({opacity: '1', display: 'block'})),\r\n state('false', style({opacity: '0', display: 'none'})),\r\n transition('false <=> true', animate('300ms ease-in-out'))\r\n ])\r\n ]\r\n})\r\n\r\n// @Directive({ selector: '[ng2FileSelect]' })\r\n// @Directive({ selector: '[ng2FileDrop]' })\r\nexport class DocumentUploadComponent implements OnInit { \r\n @Input(\"caseType\")\r\n public caseType: number;\r\n\r\n @Input(\"caseCode\")\r\n public caseCode: string;\r\n\r\n @Input(\"introducerCode\")\r\n public introducerCode: string;\r\n\r\n @Input(\"introducerName\")\r\n public introducerName: string;\r\n\r\n @Input(\"recommenderCompanyType\")\r\n public recommenderCompanyType: string;\r\n\r\n @Input(\"clients\")\r\n public clients: CaseClient[];\r\n\r\n @Output() getDocuments = new EventEmitter();\r\n\r\n public documentTitle: string = null;\r\n public clientName: string = null;\r\n \r\n public uploader: DocumentUploader;\r\n public uploadForm: FormGroup;\r\n public hasBaseDropZoneOver:boolean = false;\r\n public hasAnotherDropZoneOver:boolean = false;\r\n public myFileInputIdentifier:string = \"tHiS_Id_IS_sPeeCiAL\";\r\n public actionLog:string=\"\";\r\n public result: boolean;\r\n\r\n public documents: Option[] = [];\r\n public clientOptions: Option[] = [];\r\n public selectedDocument: string = '';\r\n public needDescription: boolean = false;\r\n public fileDescription: string = '';\r\n public uploadedDocuments: any[] = [];\r\n public viewFilters: boolean = false;\r\n public closeHelp: boolean;\r\n public otherText: boolean = false;\r\n public controlWithFocus: AbstractControl = null;\r\n public hasErrors: boolean = false;\r\n public isSubmitting = false;\r\n\r\n constructor(private formBuilder: FormBuilder,\r\n private caseManagementService: CaseManagementService,\r\n private authService: AuthService)\r\n {\r\n this.uploadForm = this.initialiseUploadForm();\r\n }\r\n\r\n\r\n public documentSettings = {};\r\n public clientSettings = {};\r\n selectedDoc: Option[] = [];\r\n selectedClient: Option[] = [];\r\n \r\n ngOnInit() \r\n {\r\n this.isSubmitting = false;\r\n switch (this.caseType) {\r\n\r\n case 1:\r\n {\r\n this.documents = this.getDocumentOptions();\r\n this.documents.push({\r\n text: 'Other',\r\n value: '9',\r\n isSelected: false\r\n });\r\n this.documents.push({\r\n text: 'Mortgage Offer',\r\n value: '14',\r\n isSelected: false\r\n });\r\n break;\r\n }\r\n\r\n case 2:\r\n {\r\n this.documents = this.getDocumentOptions(); \r\n \r\n this.documents.push({\r\n text: 'EPC',\r\n value: '10',\r\n isSelected: false\r\n }); \r\n \r\n this.documents.push({\r\n text: 'Sale Particulars',\r\n value: '11',\r\n isSelected: false\r\n }); \r\n\r\n this.documents.push({\r\n text: 'Other',\r\n value: '12',\r\n isSelected: false\r\n });\r\n \r\n\r\n this.documents.push({\r\n text: 'Probate',\r\n value: '13',\r\n isSelected: false\r\n });\r\n break;\r\n }\r\n case 3:\r\n {\r\n this.documents = this.getDocumentOptionsForRemo(); \r\n }\r\n }\r\n\r\n this.documentSettings = { \r\n singleSelection: true, \r\n text:\"-- Select a document type -- \",\r\n enableSearchFilter: false,\r\n classes: 'hiddenCheckboxes',\r\n selectionLimit: 1,\r\n autoUnselect: true,\r\n primaryKey: 'value',\r\n labelKey: 'text',\r\n enableFilterSelectAll: false\r\n };\r\n\r\n this.clientSettings = { \r\n singleSelection: true, \r\n text:\"-- Select a client --\",\r\n enableSearchFilter: false,\r\n classes: 'hiddenCheckboxes',\r\n selectionLimit: 1,\r\n autoUnselect: true,\r\n primaryKey: 'value',\r\n labelKey: 'text',\r\n enableFilterSelectAll: false\r\n };\r\n\r\n this.uploadForm.controls['documentType'].setValue(this.documents[0].value);\r\n // this.uploadForm.controls['documentTypeOther'].setValue(\"\");\r\n this.selectedDocument = '';\r\n\r\n this.uploader = new DocumentUploader(this.caseCode, \r\n this.introducerCode, \r\n this.introducerName,\r\n this.recommenderCompanyType,\r\n () => { return this.getUploadedDocuments() }, \r\n this.authService);\r\n\r\n // this.selectDocument(this.documents[0]);\r\n \r\n if (this.clients.length == 1)\r\n {\r\n this.clientOptions.push({\r\n text: `${this.clients[0].clientForename} ${this.clients[0].clientSurname}`,\r\n value: this.clients[0].clientSurname,\r\n isSelected: true\r\n });\r\n\r\n this.selectClient(this.clientOptions[0]);\r\n \r\n this.uploader.clientName = this.clients[0].clientForename + \" \" + this.clients[0].clientSurname;\r\n }\r\n else\r\n {\r\n for (var client of this.clients)\r\n {\r\n this.clientOptions.push({\r\n text: `${client.clientForename} ${client.clientSurname}`,\r\n value: client.clientSurname,\r\n isSelected: false\r\n });\r\n }\r\n }\r\n }\r\n\r\n\r\n initialiseUploadForm(): FormGroup \r\n {\r\n let uploadForm = this.formBuilder.group({\r\n 'documentType': ['', Validators.required],\r\n // 'documentTypeOther': ['']\r\n });\r\n return uploadForm;\r\n }\r\n\r\n private getUploadedDocuments()\r\n {\r\n this.uploadForm.controls['documentType'].setValue('');\r\n this.caseManagementService.uploadedDocuments(this.caseCode, this.caseType)\r\n .subscribe((result: any[]) => {\r\n this.uploadedDocuments = result;\r\n });\r\n }\r\n\r\n\r\n private getDocumentOptions(): Option[]\r\n {\r\n let options: Option[] = [];\r\n \r\n options.unshift({\r\n text: 'ID - Other',\r\n value: '8',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Bank Statement',\r\n value: '7',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Utility Bill',\r\n value: '6',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Driving Licence',\r\n value: '5',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Passport',\r\n value: '4',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'Invoice',\r\n value: '3',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'Memorandum of sale',\r\n value: '2',\r\n isSelected: false\r\n });\r\n\r\n options.unshift({\r\n text: 'Starter Pack',\r\n value: '1',\r\n isSelected: false\r\n });\r\n\r\n return options;\r\n }\r\n\r\n private getDocumentOptionsForRemo(): Option[]\r\n {\r\n let options: Option[] = [];\r\n \r\n options.unshift({\r\n text: 'Mortgage Offer',\r\n value: '14',\r\n isSelected: false\r\n });\r\n\r\n options.unshift({\r\n text: 'Other',\r\n value: '8',\r\n isSelected: false\r\n }); \r\n \r\n options.unshift({\r\n text: 'ID - Other',\r\n value: '7',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Bank Statement',\r\n value: '6',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Utility Bill',\r\n value: '5',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Driving Licence',\r\n value: '4',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'ID - Passport',\r\n value: '3',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'Invoice',\r\n value: '2',\r\n isSelected: false\r\n });\r\n \r\n options.unshift({\r\n text: 'Starter Pack',\r\n value: '1',\r\n isSelected: false\r\n });\r\n\r\n return options;\r\n }\r\n\r\n selectClient(client: Option)\r\n {\r\n this.selectedClient = [];\r\n this.selectedClient.push(client);\r\n this.clientName = client.text;\r\n this.uploader.clientName = this.selectedClient[0].text \r\n }\r\n \r\n selectDocument(document: Option)\r\n {\r\n this.selectedDoc = [];\r\n \r\n this.selectedDoc.push(document);\r\n this.uploader.documentType = this.selectedDoc[0].value;\r\n this.uploader.documentTypeDescription = this.selectedDoc[0].text;\r\n this.documentTitle = document.text;\r\n\r\n this.addDocumentOther(this.selectedDoc[0].value);\r\n\r\n }\r\n \r\n public fileOverBase(e:any):void\r\n {\r\n this.hasBaseDropZoneOver = e;\r\n }\r\n \r\n descriptionOnKey(value: string)\r\n {\r\n this.uploader.documentTypeDescription = value;\r\n }\r\n\r\n\r\n addDocumentOther(documentIndex: string) {\r\n let uploadForm = this.uploadForm; \r\n \r\n if (this.caseType == 3)\r\n {\r\n if (documentIndex == \"8\" || documentIndex == \"7\")\r\n {\r\n // localNeedDescription = true;\r\n // uploadForm.controls['documentTypeOther'].setValidators(Validators.required);\r\n uploadForm.addControl('documentTypeOther', this.formBuilder.control('', [Validators.required])); \r\n uploadForm.controls['documentTypeOther'].setValidators(Validators.required);\r\n \r\n return uploadForm && uploadForm.contains('documentTypeOther'); \r\n }\r\n else\r\n { \r\n return uploadForm.removeControl('documentTypeOther');\r\n }\r\n }\r\n else if (this.caseType != 3)\r\n {\r\n if (documentIndex == \"8\" || documentIndex == \"9\" || documentIndex == \"12\")\r\n {\r\n uploadForm.addControl('documentTypeOther', this.formBuilder.control('', [Validators.required]));\r\n uploadForm.controls['documentTypeOther'].setValidators(Validators.required);\r\n \r\n return uploadForm && uploadForm.contains('documentTypeOther');\r\n }\r\n else\r\n { \r\n return uploadForm.removeControl('documentTypeOther');\r\n }\r\n \r\n } \r\n }\r\n\r\n get isEnabled(): Boolean\r\n {\r\n \r\n return ((this.selectedDoc.length > 0 && (this.uploadForm.contains('documentTypeOther') && this.inputHasText(this.uploadForm.controls['documentTypeOther'].value)))\r\n || (this.selectedDoc.length > 0 && !this.uploadForm.contains('documentTypeOther'))) && this.selectedClient.length > 0 && this.uploader.getNotUploadedItems().length > 0;\r\n }\r\n\r\n controlHasError( control: FormControl) {\r\n return control.touched && !control.valid\r\n }\r\n\r\n inputHasText(str) {\r\n return (str && str.length > 0);\r\n }\r\n\r\n setControlWithFocus(control: AbstractControl) {\r\n this.hasErrors = false;\r\n this.controlWithFocus = control;\r\n}\r\n\r\ncontrolHasFocus(control: AbstractControl) {\r\n return control === this.controlWithFocus;\r\n}\r\n\r\ncontrolHasContent(control: AbstractControl) {\r\n return control.value && control.value.length > 0;\r\n}\r\n\r\n \r\n public onAction(event: any) { \r\n \r\n }\r\n\r\n public onAdded(event: any)\r\n {\r\n //console.log(event);\r\n }\r\n\r\n public onRemoved(event: any){\r\n this.actionLog += \"\\n FileInput: \"+event.id;\r\n this.actionLog += \"\\n Action: File removed\";\r\n }\r\n public onInvalidDenied(event: any){\r\n this.actionLog += \"\\n FileInput: \"+event.id;\r\n this.actionLog += \"\\n Action: File denied\";\r\n }\r\n public onCouldNotRemove(event: any){\r\n this.actionLog += \"\\n FileInput: \"+event.id;\r\n this.actionLog += \"\\n Action: Could not remove file\";\r\n }\r\n public resetFileInput():void{\r\n //this.ng2FileInputService.reset(this.myFileInputIdentifier);\r\n }\r\n public logCurrentFiles():void{\r\n //let files=this.ng2FileInputService.getCurrentFiles(this.myFileInputIdentifier);\r\n //this.actionLog += \"\\n The currently added files are: \" + this.getFileNames(files);\r\n }\r\n private getFileNames(files:File[]):string{\r\n let names=files.map(file => file.name);\r\n return names ? names.join(\", \"): \"No files currently added.\";\r\n }\r\n\r\n\r\n public uploadDocuments()\r\n {\r\n if (this.uploadForm.contains('documentTypeOther'))\r\n {\r\n this.uploader.documentTypeDescription = this.selectedDoc[0].text + \" - \" + this.uploadForm.controls['documentTypeOther'].value\r\n } \r\n\r\n this.isSubmitting = true;\r\n this.uploader.uploadAll();\r\n \r\n }\r\n\r\n\r\n\r\n closeFilters()\r\n {\r\n this.uploader.clearQueue();\r\n this.uploadForm.patchValue({documentType: ''}); \r\n this.uploadForm.patchValue({documentTypeOther: ''}); \r\n this.selectedDoc = [];\r\n this.isSubmitting = false;\r\n \r\n let documentParams: string;\r\n\r\n documentParams = \"\" + this.caseCode + \",\" + this.caseType;\r\n\r\n this.getDocuments.emit(documentParams); \r\n \r\n this.viewFilters = (this.viewFilters ? false : true);\r\n this.closeHelp = (!this.closeHelp ? true : false);\r\n\r\n \r\n }\r\n\r\n openFilters()\r\n {\r\n this.viewFilters = (!this.viewFilters ? true : false);\r\n this.closeHelp = (!this.closeHelp ? true : false);\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/case-management/document-upload/document-upload.component.ts","import { FileUploader, FileUploaderOptions, FileItem, Headers } from 'ng2-file-upload';\r\nimport { environment } from '../../../environments/environment';\r\nimport { AuthService } from '../../auth/auth.service';\r\n\r\nexport class DocumentUploaderBase extends FileUploader {\r\n protected _documentType: string = '0';\r\n get documentType(): string {\r\n return this._documentType;\r\n }\r\n set documentType(value: string) {\r\n this._documentType = value;\r\n this.options.headers.filter(item => item.name === 'DocumentType')[0].value = value;\r\n }\r\n\r\n protected _documentTypeDescription: string = '';\r\n get documentTypeDescription(): string {\r\n return this._documentTypeDescription;\r\n }\r\n set documentTypeDescription(value: string) {\r\n this._documentTypeDescription = value;\r\n this.options.headers.filter(item => item.name === 'DocumentTypeDescription')[0].value = value;\r\n }\r\n\r\n protected _clientName: string = '';\r\n get clientName(): string {\r\n return this._clientName;\r\n }\r\n set clientName(value: string) {\r\n this._clientName = value;\r\n this.options.headers.filter(item => item.name === 'ClientName')[0].value = value;\r\n }\r\n\r\n constructor(protected caseCode: string, \r\n protected introducerCode: string,\r\n protected introducerName: string, \r\n protected recommenderCompanyType: string,\r\n protected uploadsCompleteCallback: Function,\r\n protected authService: AuthService ) {\r\n super({});\r\n this.setHeaders();\r\n }\r\n\r\n setHeaders() {\r\n this.options.headers = [\r\n { name: 'CaseCode', value: this.caseCode },\r\n { name: 'DocumentType', value: this.documentType },\r\n { name: 'DocumentTypeDescription', value: this.documentTypeDescription },\r\n { name: 'IntroducerCode', value: this.introducerCode },\r\n { name: 'IntroducerName', value: this.introducerName },\r\n { name: 'Authorization', value: `Bearer ${this.authService.getAccessToken()}`},\r\n { name: 'ClientName', value: this.clientName},\r\n { name: 'RecommenderCompanyType', value: this.recommenderCompanyType }\r\n ]\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/case-management/document-upload/document-uploader-base.ts","import { FileUploader, FileUploaderOptions, FileItem, Headers } from 'ng2-file-upload';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport { DocumentUploaderBase } from './document-uploader-base';\r\nimport { environment } from '../../../environments/environment';\r\nimport { AuthService } from '../../auth/auth.service';\r\n\r\nexport class DocumentUploader extends DocumentUploaderBase {\r\n constructor(caseCode: string, \r\n introducerCode: string,\r\n introducerName: string, \r\n recommenderCompanyType: string,\r\n uploadsCompleteCallback: Function,\r\n authService: AuthService) {\r\n super(caseCode, introducerCode, introducerName, recommenderCompanyType, uploadsCompleteCallback, authService );\r\n this.options.url = `${environment.ieWayApiUrl}/document/upload/`\r\n }\r\n uploadItem(value: FileItem) {\r\n super.uploadItem(value);\r\n let nextItem = this.getReadyItems()[0];\r\n\r\n if (!nextItem) {\r\n // this.clearQueue();\r\n //this.uploadsCompleteCallback();\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/case-management/document-upload/document-uploader.ts","import { Component, Input, ElementRef, OnInit } from '@angular/core';\r\nimport * as D3 from 'd3/index';\r\nimport * as jQuery from 'jquery/dist/jquery.min.js';\r\n\r\nimport { CaseManagementService } from '../case-management.service';\r\nimport { CaseSectionProgress} from '../case-section-progress';\r\nimport { CaseSection } from '../case-section.enum';\r\n\r\n@Component({\r\n selector: 'app-eway-2-dial',\r\n // templateUrl: './eway-2-dial.component.html',\r\n template: '
'\r\n //styleUrls: ['./eway-2-dial.component.css']\r\n})\r\nexport class Eway2DialComponent implements OnInit {\r\n\r\n @Input()\r\n width: number = 600;\r\n\r\n @Input()\r\n height: number = 600;\r\n\r\n @Input()\r\n padding: number = 25;\r\n\r\n @Input()\r\n caseCode: string;\r\n\r\n @Input()\r\n caseSectionProgresses: CaseSectionProgress[];\r\n\r\n @Input()\r\n caseType: string;\r\n\r\n private radius: number = 0;\r\n private innerRadius: number = 0;\r\n\r\n private arrowPath = '/assets/images/arrow-mhm.svg';\r\n private arrow2Path = '/assets/images/arrow2.svg';\r\n private defaultPropertyImagePath = '/assets/images/default-property-image.svg';\r\n\r\n private htmlElement: HTMLElement;\r\n private dialContainer;\r\n private svg;\r\n\r\n private hasExchangeSection = false;\r\n private hasCompletionSection = false;\r\n private chartData = [];\r\n\r\n private renderPie = D3.pie()\r\n .sort(null)\r\n .value(this.getPieSliceWidth);\r\n \r\n \r\n constructor(private element: ElementRef, private caseManagementService: CaseManagementService)\r\n {\r\n this.htmlElement = this.element.nativeElement;\r\n this.dialContainer = D3.select(this.htmlElement);\r\n this.radius = Math.min(this.width, this.height) / 2.2;\r\n this.innerRadius = 0.5 * this.radius;\r\n }\r\n\r\n ngOnInit() {\r\n let caseSections = this.caseSectionProgresses;\r\n this.hasExchangeSection = caseSections.filter(item => item.caseSection === CaseSection.Exchange).length > 0;\r\n this.hasCompletionSection = caseSections.filter(item => item.caseSection === CaseSection.Completion).length > 0;\r\n this.chartData = this.getChartData(this.caseSectionProgresses);\r\n this.renderChart();\r\n }\r\n\r\n \r\n\r\n private getClassPrefix(caseSection: CaseSection) {\r\n let name = CaseSection[caseSection];\r\n let regEx = /[A-Z]/;\r\n let className = '';\r\n for (let charIndex = 0, nameLength = name.length; charIndex < nameLength; charIndex++) {\r\n let char = name[charIndex];\r\n if (charIndex > 0 && char.match(regEx)) {\r\n className += '-';\r\n }\r\n className += char.toLowerCase();\r\n }\r\n return className;\r\n }\r\n\r\n private getChartData(caseSectionProgresses: CaseSectionProgress[]) {\r\n return caseSectionProgresses.map((caseSectionProgress: CaseSectionProgress, index: number) => {\r\n return {\r\n id: index + 1,\r\n title: caseSectionProgress.title,\r\n outstandingTaskCount: caseSectionProgress.outstandingTaskCount,\r\n percentageComplete: caseSectionProgress.percentageComplete,\r\n classPrefix: this.getClassPrefix(caseSectionProgress.caseSection),\r\n //classPrefix: this.getClassPrefix(caseSectionProgress.title),\r\n nopad: this.getNoPad(caseSectionProgress),\r\n icons: this.getIcons(caseSectionProgress),\r\n width: this.getWidth(caseSectionProgress),\r\n rotate: this.getRotate(caseSectionProgress),\r\n bar: this.getBar(caseSectionProgress),\r\n caseSection: caseSectionProgress.caseSection,\r\n hasExchangeSection: this.hasExchangeSection,\r\n hasCompletionSection: this.hasCompletionSection,\r\n caseType: this.caseType\r\n };\r\n });\r\n }\r\n\r\n private getNoPad(caseSectionProgress) {\r\n let nopad = 0;\r\n if (caseSectionProgress.caseSection === CaseSection.Completion && this.hasExchangeSection) {\r\n nopad = 2;\r\n } else if (caseSectionProgress.caseSection === CaseSection.Exchange) {\r\n nopad = 1;\r\n }\r\n return nopad;\r\n }\r\n\r\n private getIcons(caseSectionProgress) {\r\n let icons = 1;\r\n if ((caseSectionProgress.caseSection === CaseSection.Completion && !this.hasExchangeSection)\r\n || (caseSectionProgress.caseSection === CaseSection.Exchange && this.hasCompletionSection)) {\r\n icons = 0;\r\n }\r\n return icons;\r\n }\r\n\r\n private getWidth(caseSectionProgress) {\r\n let width = 1;\r\n if (caseSectionProgress.caseSection === CaseSection.Completion || caseSectionProgress.caseSection === CaseSection.Exchange) {\r\n width = 0.3;\r\n }\r\n return width;\r\n }\r\n\r\n private getRotate(caseSectionProgress) {\r\n let rotate = 0;\r\n if (caseSectionProgress.caseSection === CaseSection.Completion || caseSectionProgress.caseSection === CaseSection.Exchange) {\r\n rotate = 1;\r\n }\r\n return rotate;\r\n }\r\n\r\n private getBar(caseSectionProgress) {\r\n let bar = null;\r\n if (caseSectionProgress.caseSection === CaseSection.YourInformation) {\r\n bar = 'start';\r\n } else if (caseSectionProgress.caseSection === CaseSection.Completion) {\r\n bar = 'end';\r\n }\r\n return bar;\r\n }\r\n\r\n // goTo(location: string): void\r\n // {\r\n // window.location.hash = '';\r\n // window.location.hash = location;\r\n // }\r\n \r\n private renderChart() {\r\n // Count of Nopad\r\n let nopadCount = 0;\r\n for (let i = 1; i < this.chartData.length; i++) {\r\n if (this.chartData[i].nopad >= 1) {\r\n nopadCount++;\r\n }\r\n }\r\n\r\n this.createSVG();\r\n this.renderPropertyPhoto();\r\n\r\n let arc = D3.arc()\r\n .innerRadius(this.innerRadius)\r\n .outerRadius(this.radius)\r\n .innerRadius(this.innerRadius)\r\n .outerRadius(this.radius)\r\n .startAngle(this.getStartAngle)\r\n .endAngle(this.getEndAngle);\r\n\r\n // Background arcs + size of small slices\r\n let outArc = D3.arc()\r\n .innerRadius(this.innerRadius)\r\n .outerRadius(this.radius)\r\n .startAngle(this.getStartAngle)\r\n .endAngle(this.getEndAngle);\r\n\r\n // foreground\r\n let arcs = this.svg.selectAll('.arc')\r\n .data(this.renderPie(this.chartData))\r\n .enter()\r\n .append('g')\r\n .attr('class', 'arc');\r\n \r\n\r\n // background\r\n arcs.append('path')\r\n .attr('d', outArc)\r\n .attr('class', function(d) { return `${d.data.classPrefix}-background background-arc`; });\r\n\r\n // path foreground\r\n let path = arcs.append('path')\r\n .attr('fill', function(d) { return d.data.backgroundColor; })\r\n .attr('d', arc)\r\n .attr('class', function(d) { return d.data.classPrefix; });\r\n\r\n // Transparent Arcs2\r\n // // // // // // // // // // // // // // // // // // // // // //\r\n\r\n let arcs2 = this.svg.selectAll('.arc2')\r\n .data(this.renderPie(this.chartData))\r\n .enter()\r\n .append('g')\r\n .attr('cursor', 'pointer')\r\n .attr('class', 'contents-arc')\r\n .on('click', function (d) {\r\n jQuery('.tab-pane').removeClass('active');\r\n jQuery('#documents').addClass('active');\r\n jQuery('#dh').addClass('active');\r\n jQuery('#case-detail-tabs li').removeClass('active');\r\n jQuery('#case-detail-tabs > ul li:last-child').addClass('active');\r\n jQuery('#case-detail-tabs > div li:first-of-type').addClass('active');\r\n\r\n \r\n //alert(d.data.title);\r\n window.location.hash = '';\r\n\r\n switch(d.data.caseType)\r\n {\r\n case \"SALE\":\r\n switch(d.data.title)\r\n {\r\n case \"Your Information\":\r\n window.location.hash = 'sale-section1';\r\n break;\r\n case \"What You Are Selling\":\r\n window.location.hash = 'sale-section2';\r\n break;\r\n case \"Buyer Enquiries\":\r\n window.location.hash = 'sale-section3';\r\n break;\r\n case \"Financial\":\r\n window.location.hash = 'sale-section4';\r\n break;\r\n case \"Completion\":\r\n case \"Exchange\":\r\n case \"Preparing For Exchange\":\r\n window.location.hash = 'sale-section5';\r\n break;\r\n case \"Post Completion\":\r\n window.location.hash = 'sale-section6';\r\n break;\r\n }\r\n break;\r\n\r\n case \"PURCHASE\":\r\n switch(d.data.title)\r\n {\r\n case \"Your Information\":\r\n window.location.hash = 'purchase-section1';\r\n break;\r\n case \"What You Are Buying\":\r\n window.location.hash = 'purchase-section2';\r\n break;\r\n case \"Area Searches\":\r\n window.location.hash = 'purchase-section3';\r\n break;\r\n case \"Protect Your Interests\":\r\n window.location.hash = 'purchase-section4';\r\n break;\r\n case \"Financial\":\r\n window.location.hash = 'purchase-section5';\r\n break;\r\n case \"Completion\":\r\n case \"Exchange\":\r\n case \"Preparing For Exchange\":\r\n window.location.hash = 'purchase-section6';\r\n break;\r\n case \"Post Completion\":\r\n window.location.hash = 'purchase-section7';\r\n break;\r\n }\r\n break;\r\n\r\n case \"REMORTGAGE\":\r\n switch(d.data.title)\r\n {\r\n case \"Your Information\":\r\n window.location.hash = 'remortgage-section1';\r\n break;\r\n case \"The Remortgage Property\":\r\n window.location.hash = 'remortgage-section2';\r\n break;\r\n case \"Financial\":\r\n window.location.hash = 'remortgage-section3';\r\n break;\r\n case \"The New Mortgage\":\r\n case \"Completion\":\r\n window.location.hash = 'remortgage-section4';\r\n break;\r\n case \"Post Completion\":\r\n window.location.hash = 'remortgage-section5';\r\n break;\r\n }\r\n break;\r\n }\r\n });\r\n\r\n arcs2.append('path')\r\n .attr('d', arc)\r\n .attr('class', 'contents-arc-path');\r\n\r\n // ANIMATION \r\n // // // // // // // // // // // // // // // // // // // // // //\r\n path.transition()\r\n .duration(0)\r\n .call(arcReset)\r\n .each(arcTween);\r\n\r\n function arcReset(transition) {\r\n transition.duration(0)\r\n .attrTween('d', function (d) {\r\n let newAngle = ((d.endAngle - d.startAngle - 0.1) * (d.data.percentageComplete / 100) + d.startAngle);\r\n let interStart = D3.interpolate(d.startAngle, d.startAngle);\r\n let interEnd;\r\n\r\n if (nopadCount === 1 && d.data.nopad > 0) {\r\n interEnd = D3.interpolate(d.endAngle, d.startAngle + 0);\r\n } else if (nopadCount === 2 && d.data.nopad === 1) {\r\n interEnd = D3.interpolate(d.endAngle, d.startAngle + 0.05);\r\n } else if (nopadCount === 2 && d.data.nopad === 2) {\r\n interEnd = D3.interpolate(d.endAngle, d.startAngle + 0.05);\r\n } else {\r\n interEnd = D3.interpolate(d.endAngle, d.startAngle + 0.1);\r\n }\r\n\r\n return function (t) {\r\n d.newEnd = d.endAngle;\r\n d.newAngle = newAngle;\r\n\r\n d.startAngle = interStart(t);\r\n d.endAngle = interEnd(t);\r\n return arc(d);\r\n };\r\n })\r\n .attr('class', function(d) { return d.data.classPrefix; });\r\n }\r\n\r\n function arcTween() {\r\n path.transition()\r\n .duration(1000)\r\n .attr('class', function(d) { return d.data.classPrefix; })\r\n .delay(300)\r\n .attrTween('d', function (d) {\r\n let interStart = D3.interpolate(d.startAngle, d.startAngle);\r\n let interEnd = D3.interpolate(d.endAngle, d.newEnd);\r\n return function (t) {\r\n d.startAngle = interStart(t);\r\n d.endAngle = interEnd(t);\r\n return arc(d);\r\n };\r\n })\r\n .each(arcCurrent);\r\n }\r\n\r\n function arcCurrent() {\r\n path.transition()\r\n .duration(1000)\r\n .attrTween('d', function (d) {\r\n let interStart = D3.interpolate(d.startAngle, d.startAngle);\r\n let interEnd;\r\n\r\n if (nopadCount === 1 && d.data.nopad > 0) {\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0);\r\n } else if (nopadCount === 2 && d.data.nopad === 1 && d.data.percentageComplete === 100) {\r\n // added score check and increased newAngle for EXC and COM\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0.1);\r\n } else if (nopadCount === 2 && d.data.nopad === 1 && d.data.percentageComplete === 0) {\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0.05);\r\n } else if (nopadCount === 2 && d.data.nopad === 2 && d.data.percentageComplete === 100) {\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0.1);\r\n } else if (nopadCount === 2 && d.data.nopad === 2 && d.data.percentageComplete === 0) {\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0.05);\r\n } else {\r\n interEnd = D3.interpolate(d.endAngle, d.newAngle + 0.1);\r\n }\r\n\r\n return function (t) {\r\n d.startAngle = interStart(t);\r\n d.endAngle = interEnd(t);\r\n return arc(d);\r\n };\r\n });\r\n }\r\n\r\n // OTHER\r\n // // // // // // // // // // // // // // // // // // // // // //\r\n\r\n // label rect\r\n arcs2.append('rect')\r\n .attr('opacity', 0)\r\n .attr('transform', function (d) {\r\n return 'translate(' + outArc.centroid(d) + ')';\r\n })\r\n .attr('width', 120)\r\n .attr('height', 22)\r\n .attr('x', -60)\r\n .attr('y', function (d) {\r\n if (d.data.icons === 0) {\r\n return -10;\r\n } else {\r\n return -55;\r\n }\r\n })\r\n .attr('rx', 5)\r\n .attr('ry', 5)\r\n .attr('class', function(d) { return `${d.data.classPrefix}-label`; })\r\n .transition()\r\n .duration(1000)\r\n .attr('opacity', 1);\r\n\r\n // // labels text\r\n arcs2.append('text')\r\n .attr('transform', function (d) {\r\n if (d.data.rotate) {\r\n let angle;\r\n if (d.data.nopad === 0) {\r\n // Set the angle of the label of the Remo completion segment \r\n angle = ((d.startAngle - 0.05) + (d.endAngle - 0.1)) / 2;\r\n } else if (d.data.nopad === 1) {\r\n angle = ((d.startAngle - 0.1) + (d.endAngle - 0.2)) / 2;\r\n } else {\r\n angle = (d.startAngle + (d.endAngle - 0.1)) / 2;\r\n }\r\n let gr = (angle * 180 / Math.PI) + 90;\r\n return 'translate(' + outArc.centroid(d) + ') ' + 'rotate(' + (gr) + ')';\r\n } else {\r\n return 'translate(' + outArc.centroid(d) + ')';\r\n }\r\n })\r\n .attr('x', 0)\r\n .attr('y', function (d) {\r\n if (d.data.icons === 0) {\r\n return 5;\r\n } else {\r\n if (d.data.nopad === 2) {\r\n if (nopadCount <= 2) {\r\n return 5;\r\n } else {\r\n return -40;\r\n }\r\n } else {\r\n if (d.data.rotate > 0) {\r\n // Added to reposition the label of the Remo completion segment \r\n return 5;\r\n } else {\r\n return -40;\r\n }\r\n }\r\n }\r\n })\r\n .text(function (d) { return d.data.title; })\r\n .attr('class', function(d) {\r\n return `label-text ${d.data.classPrefix}-text`;\r\n })\r\n .transition()\r\n .duration(1000)\r\n .attr('opacity', 1)\r\n // resize label to fit the text length\r\n .attr('', function () {\r\n let labelRect = this.parentNode.querySelector('rect');\r\n let textX = this.getBBox().x;\r\n let textWidth = this.getBBox().width;\r\n\r\n labelRect.setAttribute('x', textX - 10);\r\n labelRect.setAttribute('width', textWidth + 20);\r\n });\r\n\r\n let innerRadius = this.innerRadius;\r\n // // BARS for Milestones\r\n arcs2.append('rect')\r\n .attr('x', function () { return 0; })\r\n .attr('y', function () { return innerRadius - 1; })\r\n .attr('width', '5')\r\n .attr('height', 165)\r\n .attr('class', function(d) {\r\n if (d.data.bar) {\r\n return `${d.data.classPrefix}-milestone`;\r\n } else {\r\n return 'hidden';\r\n }\r\n })\r\n .attr('transform', function (d) {\r\n let angle, gr;\r\n if (d.data.bar === 'start') {\r\n angle = (d.startAngle);\r\n gr = (angle * 180 / Math.PI) + 180;\r\n return 'rotate(' + (gr) + ')';\r\n } else {\r\n angle = (d.endAngle - 0.095);\r\n gr = (angle * 180 / Math.PI) + 180;\r\n return 'rotate(' + (gr) + ')';\r\n }\r\n });\r\n\r\n\r\n // // arrows\r\n let arrowPath = this.arrowPath;\r\n let arrow2Path = this.arrow2Path;\r\n arcs2.append('svg:image')\r\n .attr('x', 0)\r\n .attr('y', function() { return innerRadius - 1; })\r\n .attr('width', 220)\r\n .attr('height', 110)\r\n .attr('x', 0)\r\n .attr('y', -310)\r\n .attr('width', 220)\r\n .attr('height', 110)\r\n .attr('xlink:href', function(d) {\r\n if (d.data.bar === 'start') {\r\n return arrowPath;\r\n }\r\n if (d.data.bar === 'end') {\r\n return arrow2Path;\r\n } else {\r\n return '';\r\n }\r\n })\r\n .attr('transform', function(d) {\r\n let angle, gr;\r\n if (d.data.bar === 'start') {\r\n angle = (d.startAngle - 0.095);\r\n gr = (angle * 180 / Math.PI) + 5;\r\n return 'rotate(' + (gr) + ')';\r\n }\r\n if (d.data.bar === 'end') {\r\n angle = (d.endAngle - 0.095);\r\n gr = (angle * 180 / Math.PI) + 315;\r\n return 'rotate(' + (gr) + ')';\r\n }\r\n })\r\n .attr('style', function(d) {\r\n if (!d.data.bar) {\r\n return 'display:none';\r\n } else {\r\n return 'display:block';\r\n }\r\n });\r\n\r\n\r\n // // circle for icon\r\n arcs2.append('circle')\r\n .attr('class', function(d) { return `${d.data.classPrefix}-icon-background`; })\r\n .attr('transform', function (d) {\r\n if (nopadCount === 2 && d.data.nopad === 2) {\r\n let prevId = d.data.id - 2;\r\n d.startAngle = arcs._groups[0][prevId].__data__.startAngle - 0.05;\r\n }\r\n return 'translate(' + outArc.centroid(d) + ')';\r\n })\r\n .attr('r', function(d) {\r\n if (nopadCount === 2 && d.data.nopad === 2) {\r\n return 20;\r\n } else if (d.data.icons === 0) {\r\n return 0;\r\n } else {\r\n return 20;\r\n }\r\n })\r\n .transition()\r\n .duration(1000)\r\n .attr('opacity', 1);\r\n\r\n // //image for circle\r\n arcs2.append('svg:image')\r\n .attr('opacity', 0)\r\n .attr('transform', function(d) {\r\n if (nopadCount === 2 && d.data.nopad === 2) {\r\n return 'translate(' + (arc.centroid(d)[0]) + ',' + (arc.centroid(d)[1]) + ')';\r\n } else {\r\n return 'translate(' + outArc.centroid(d) + ')';\r\n }\r\n })\r\n .attr('x', -15)\r\n .attr('y', -15)\r\n .attr('width', 30)\r\n .attr('height', 30)\r\n .attr('xlink:href', function (d) {\r\n\r\n // Added to remove the icon for the Remo completion segment \r\n if (d.data.nopad === 0 && d.data.rotate > 0) {\r\n return '';\r\n }\r\n\r\n if (d.data.nopad === 1) {\r\n return '';\r\n } else if (d.data.nopad === 2) {\r\n if (nopadCount < 2) {\r\n return '';\r\n } else {\r\n //return `/img/dial-sections/${d.data.classPrefix}.svg`;\r\n return `/assets/images/dial-sections/${d.data.classPrefix}.svg`;\r\n }\r\n } else {\r\n //return `/img/dial-sections/${d.data.classPrefix}.svg`;\r\n return `/assets/images/dial-sections/${d.data.classPrefix}.svg`;\r\n }\r\n })\r\n .attr('class', function (d) {\r\n if ((d.data.nopad === 0 && d.data.rotate > 0)\r\n || (d.data.nopad === 1)\r\n || ((d.data.nopad === 2) && (nopadCount < 2))) {\r\n\r\n return 'hidden';\r\n }\r\n })\r\n .transition()\r\n .duration(1000)\r\n .attr('opacity', 1);\r\n\r\n // ////////////////////////////////////////////////////////////////////\r\n\r\n\r\n // outstanding tasks display\r\n arcs2.append('circle')\r\n .attr('class', 'outstanding-tasks-background')\r\n .attr('transform', function(d) {\r\n if (d.data.icons === 0) {\r\n return 'translate(' + (arc.centroid(d)[0] + 17) + ',' + (arc.centroid(d)[1] - 22) + ')';\r\n } else {\r\n return 'translate(' + (arc.centroid(d)[0] + 17) + ',' + (arc.centroid(d)[1] - 17) + ')';\r\n }\r\n\r\n })\r\n .attr('r', function(d) {\r\n if (d.data.outstandingTaskCount > 0) {\r\n return 12;\r\n } else {\r\n return 0;\r\n }\r\n })\r\n .transition()\r\n .duration(1000);\r\n\r\n // text for circles\r\n arcs2.append('text')\r\n .attr('class', 'outstanding-tasks-text')\r\n .attr('transform', function(d) {\r\n if (d.data.icons === 0) {\r\n return 'translate(' + (arc.centroid(d)[0] + 17) + ',' + (arc.centroid(d)[1] - 22) + ')';\r\n } else {\r\n return 'translate(' + (arc.centroid(d)[0] + 17) + ',' + (arc.centroid(d)[1] - 17) + ')';\r\n }\r\n })\r\n .attr('y', 4)\r\n .text(function(d) {\r\n if (d.data.outstandingTaskCount > 0) {\r\n return d.data.outstandingTaskCount;\r\n }\r\n })\r\n .transition()\r\n .duration(1000)\r\n .attr('opacity', 1);\r\n }\r\n\r\n private createSVG() {\r\n this.svg = this.dialContainer\r\n .append('svg')\r\n .attr('width', this.width)\r\n .attr('height', this.height)\r\n .append('g')\r\n .attr('transform', 'translate(' + this.width / 2 + ',' + this.height / 2 + ')');\r\n }\r\n\r\n private renderPropertyPhoto() {\r\n let photo = this.svg.append('g')\r\n .attr('class', 'chart-image-container')\r\n //.attr('cursor', 'pointer');\r\n\r\n photo.append('rect')\r\n .attr('width', 150)\r\n .attr('height', 160)\r\n .attr('x', -75)\r\n .attr('y', -80)\r\n .attr('fill', '#bbb8bd')\r\n .transition()\r\n .duration(1000)\r\n .attr('transform', 'rotate(10)');\r\n\r\n photo.append('rect')\r\n .attr('width', 150)\r\n .attr('height', 160)\r\n .attr('x', -75)\r\n .attr('y', -80)\r\n .attr('fill', '#f7f7f7');\r\n\r\n photo.append('svg:image')\r\n .attr('x', -75)\r\n .attr('y', -80)\r\n .attr('width', 150)\r\n .attr('height', 160)\r\n .attr('xlink:href', this.defaultPropertyImagePath)\r\n .attr('class', 'propertyPhoto');\r\n\r\n photo.append('g')\r\n .attr('class', 'foreign');\r\n }\r\n\r\n private getPieSliceWidth(d) {\r\n if (d.caseSection === CaseSection.Exchange || d.caseSection === CaseSection.Completion) {\r\n return 0.3;\r\n } else {\r\n return 1;\r\n }\r\n }\r\n\r\n private getStartAngle = (d) => {\r\n let startAngle = d.startAngle;\r\n\r\n let hasExchangeAndCompletion = this.hasExchangeSection && this.hasCompletionSection;\r\n let isExchangeSection = d.data.caseSection === CaseSection.Exchange;\r\n let isCompletionSection = d.data.caseSection === CaseSection.Completion;\r\n if (hasExchangeAndCompletion) {\r\n if (isExchangeSection) {\r\n startAngle = startAngle - 0.1;\r\n } else if (isCompletionSection) {\r\n startAngle = startAngle - 0.05;\r\n }\r\n } else if ((this.hasExchangeSection) && (isExchangeSection)) {\r\n startAngle = startAngle - 0.09;\r\n }\r\n\r\n return startAngle;\r\n }\r\n\r\n private getEndAngle = (d) => {\r\n let endAngle = d.endAngle;\r\n\r\n let isExchangeSection = d.data.caseSection === CaseSection.Exchange;\r\n if (isExchangeSection && this.hasExchangeSection && this.hasCompletionSection) {\r\n endAngle = endAngle - 0.15;\r\n } else {\r\n endAngle = endAngle - 0.1;\r\n }\r\n\r\n return endAngle;\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/case-management/eway-2-dial/eway-2-dial.component.ts","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { AuthGuard } from '../auth/auth.guard';\r\n\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component';\r\nimport { ContactsComponent } from './contacts.component';\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { MyRewardNameResolver } from '../myreward/myreward-name.resolver.service';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: 'contacts',\r\n component: SecureLayoutComponent,\r\n canActivate: [AuthGuard],\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n myRewardName: MyRewardNameResolver\r\n },\r\n children: [\r\n {\r\n path: '**',\r\n component: ContactsComponent\r\n }\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class ContactsRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/contacts/contacts-routing.module.ts","module.exports = \"\\r\\n .size-1of3 {\\r\\n -webkit-transition: width 0.5s;\\r\\n transition: width 0.5s;\\r\\n}\\r\\n\\r\\n#first-name{\\r\\n font-size: 26px;\\r\\n}\\r\\n\\r\\n#last-name {\\r\\n font-size: 18px;\\r\\n display:block;\\r\\n padding-top: 5px;\\r\\n}\\r\\n\\r\\n.pv-img {\\r\\n -o-object-fit: cover;\\r\\n object-fit: cover;\\r\\n border-radius: 50%;\\r\\n border: 4px solid #51BEC7;\\r\\n\\r\\n}\\r\\n\\r\\n.palette-Cyan-MHM.bg {\\r\\n background-color: #FFFFFF;\\r\\n color: #5E5E5E;\\r\\n}\\r\\n\\r\\n.palette-Cyan-MHM-400.bg {\\r\\n background-color: #00A7B5;\\r\\n color: #5E5E5E;\\r\\n}\\r\\n\\r\\n/* \\r\\n.palette-Cyan-MHM.bg {\\r\\n background-color: #00A7B5;\\r\\n} */\\r\\n\\r\\n.card-header a {\\r\\n background-color: #51BEC7\\r\\n}\\r\\n\\r\\n.card-body a {\\r\\n color: #00A7B5;\\r\\n}\\r\\n\\r\\n.palette-Cyan-MHM {\\r\\n color: #FFF;\\r\\n}\\r\\n\\r\\n.pvb-icon {\\r\\n width: 40px;\\r\\n height: 40px;\\r\\n background: #51BEC7; /*rgba(255, 255, 255, 0.25); */\\r\\n border-radius: 50%;\\r\\n text-align: center;\\r\\n line-height: 40px;\\r\\n font-size: 20px;\\r\\n COLOR: #FFFFFF;\\r\\n}\\r\\n\\r\\nsmall {\\r\\n opacity: 0.7;\\r\\n}\\r\\n\\r\\n[data-columns]::before {\\r\\n display: block;\\r\\n visibility: hidden;\\r\\n position: absolute;\\r\\n font-size: 1px;\\r\\n}\\r\\n\\r\\n.media-body {\\r\\n padding: 10px 0;\\r\\n}\\r\\n\\r\\n.role-with-law-firm {\\r\\n padding: 1px 0;\\r\\n}\\r\\n\\r\\n.role-with-law-firm .job-title{\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n@media (max-width: 1370px)\\r\\n {\\r\\n .size-1of3 {\\r\\n width: 50%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n }\\r\\n\\r\\n/* exception for odd sizing display of cards */\\r\\n\\r\\n@media (max-width: 778px) \\r\\n {\\r\\n .size-1of3\\r\\n {\\r\\n width: 100%!important;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n }\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/contacts/contacts.component.css\n// module id = ./src/app/contacts/contacts.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n NO CONTACTS FOUND\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/contacts/contacts.component.html\n// module id = ./src/app/contacts/contacts.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { Contact } from './contact'\r\nimport { UserService } from '../administration/user.service';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { PermissionV20State } from '../permissionV20/permissionV20-state';\r\n\r\n@Component({\r\n selector: 'app-contacts',\r\n templateUrl: './contacts.component.html',\r\n styleUrls: ['./contacts.component.css']\r\n})\r\nexport class ContactsComponent implements OnInit {\r\n\r\n public contacts: Contact[];\r\n \r\n constructor(private activatedRoute: ActivatedRoute,\r\n private userService: UserService) { }\r\n\r\n ngOnInit() {\r\n this.userService.getContacts().subscribe(contacts => { \r\n this.contacts = contacts;\r\n });\r\n }\r\n\r\n getLawFirmsDisplay(lawFirms: string[]) {\r\n if (lawFirms === null || lawFirms.length === 0) {\r\n return null;\r\n }\r\n\r\n lawFirms.sort();\r\n var lawFirmDisplayText = \"\";\r\n for(var lawFirm of lawFirms) {\r\n if (lawFirmDisplayText.length > 0) {\r\n lawFirmDisplayText = lawFirmDisplayText + \", \"\r\n }\r\n lawFirmDisplayText = lawFirmDisplayText + lawFirm;\r\n }\r\n return lawFirmDisplayText;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/contacts/contacts.component.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { ValidationModule } from '../validation/validation.module';\r\nimport { ContactsRoutingModule } from './contacts-routing.module';\r\n\r\n//import { userServiceProvider } from '../administration/user.service.factory';\r\nimport { UserService } from '../administration/user.service';\r\nimport { ContactsComponent } from './contacts.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ValidationModule,\r\n ContactsRoutingModule\r\n ],\r\n declarations: [\r\n ContactsComponent\r\n ],\r\n providers: [\r\n //userServiceProvider\r\n UserService\r\n ]\r\n})\r\nexport class ContactsModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/contacts/contacts.module.ts","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { AuthGuard } from '../auth/auth.guard';\r\n\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component';\r\nimport { CaseCsatComponent } from '../csat/case-csat/case-csat.component';\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { MyRewardNameResolver } from '../myreward/myreward-name.resolver.service';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: 'csats',\r\n component: SecureLayoutComponent,\r\n canActivate: [AuthGuard],\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n myRewardName: MyRewardNameResolver\r\n },\r\n children: [\r\n {\r\n path: '**',\r\n component: CaseCsatComponent\r\n }\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class CaseCsatRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/csat/case-csat-routing.module.ts","import { CaseCsatItem} from './case-csat-item'\r\n\r\n\r\nexport class CaseCsatSubmission {\r\n caseCsatUpdates: CaseCsatItem[];\r\n submissionComment: string;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/csat/case-csat-submission.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { BarRatingModule } from \"ngx-bar-rating\";\r\n\r\nimport { CaseCsatRoutingModule } from './case-csat-routing.module';\r\nimport { CaseCsatComponent } from './case-csat/case-csat.component';\r\nimport { CaseCsatService } from './case-csat.service';\r\n\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n CaseCsatRoutingModule,\r\n BarRatingModule\r\n \r\n ],\r\n declarations: [\r\n CaseCsatComponent\r\n \r\n ],\r\n providers: [\r\n CaseCsatService\r\n ]\r\n})\r\n\r\nexport class CaseCsatModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/csat/case-csat.module.ts","import { Injectable } from '@angular/core';\r\nimport { Http, Response, Headers } from '@angular/http';\r\n\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/operator/map';\r\nimport 'rxjs/add/operator/switchMap';\r\nimport 'rxjs/add/observable/timer';\r\n\r\nimport { environment } from '../../environments/environment';\r\nimport { AuthHttp } from '../auth/auth-http';\r\n\r\nimport { CaseCsatItem } from './case-csat-item';\r\nimport { CaseCsatSubmission } from './case-csat-submission'\r\nimport { ICaseCsatService } from './case-csat.service.interface';\r\n\r\n@Injectable()\r\nexport class CaseCsatService implements ICaseCsatService {\r\n private caseApiPath: string = `${environment.ieWayApiUrl}api/case`;\r\n\r\n constructor(private http: Http, private authHttp: AuthHttp) { }\r\n\r\n get caseCsats(): CaseCsatItem[]\r\n {\r\n let caseCsats: CaseCsatItem[] = [];\r\n const caseCsatsJson = localStorage.getItem('mhm.caseCsats');\r\n \r\n if (caseCsatsJson !== null) {\r\n caseCsats = JSON.parse(caseCsatsJson);\r\n }\r\n return caseCsats;\r\n }\r\n\r\n set caseCsats(caseCsatItems: CaseCsatItem[]) {\r\n localStorage.setItem('mhm.caseCsats', JSON.stringify(caseCsatItems));\r\n }\r\n\r\n get caseCsatCount(): number {\r\n return this.caseCsats.length;\r\n }\r\n\r\n public getCaseCsats(): Observable
{\r\n let url = `${this.caseApiPath}/csats/get`\r\n //return Observable\r\n //.timer(0, (15 * 60000))\r\n //.switchMap(() => this.authHttp.get(url))\r\n return this.authHttp.get(url).map((response: Response) => {\r\n let caseCsats = response.json() as CaseCsatItem[];\r\n localStorage.setItem('mhm.caseCsats', JSON.stringify(caseCsats));\r\n return true;\r\n }).catch((error: any) => {\r\n return Observable.of(false);\r\n });\r\n }\r\n\r\n public submitCaseCsats(submissionComment: string, caseCsats: CaseCsatItem[]): Observable {\r\n let url = `${this.caseApiPath}/csats/post`\r\n let submission: CaseCsatSubmission = new CaseCsatSubmission();\r\n submission.caseCsatUpdates = caseCsats;\r\n submission.submissionComment = submissionComment;\r\n return this.authHttp.post(url, submission)\r\n .map((response: Response) => {return response.status.toString();})\r\n .catch((error: any) => {\r\n return Observable.of(\"Error\");\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/csat/case-csat.service.ts","module.exports = \"\\r\\n/* SECTION 1: Shared with other sections, so to be pulled into another shared stylesheet */\\r\\n\\r\\n.question-title {\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 41px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: -5px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 30px;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n}\\r\\n\\r\\n.case {\\r\\n padding: 20px; \\r\\n border: 1px solid #dedede; \\r\\n margin: 0 0 15px 0;\\r\\n}\\r\\n\\r\\n.tag {\\r\\n background-color: rgba(19, 41, 75, 0.05);\\r\\n margin: 0 10px 5px 0;\\r\\n padding: 3px 5px;\\r\\n color: #5E5E5E;\\r\\n border-radius: 4px;\\r\\n display: inline-block;\\r\\n\\r\\n}\\r\\n\\r\\n.tag i{\\r\\n\\r\\n margin-right: 5px;\\r\\nfont-weight: 600;\\r\\n\\r\\n}\\r\\n\\r\\n.property-address {\\r\\n font-size: 14px; \\r\\n font-weight: 600; \\r\\n margin-bottom: 10px; \\r\\n color: #0b4f66;\\r\\n}\\r\\n\\r\\np {\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n border-right: 1px solid #e0e0e0!important;\\r\\n border-left: 1px solid #e0e0e0!important;\\r\\n border-top: 1px solid #e0e0e0!important;\\r\\n padding: 10px!important;\\r\\n}\\r\\n\\r\\n/* SECTION 2: Component-specific styles (although these might be shared too potentially) */\\r\\n\\r\\n.cell-border-right{\\r\\n border-left: 3px solid #EDECEC !important;\\r\\n}\\r\\n\\r\\n.header-button {\\r\\n border: 1px solid #c0c0c0!important;\\r\\n}\\r\\n\\r\\n.header-button .btn {\\r\\n color: #13294B;\\r\\n}\\r\\n\\r\\n.section-button .btn {\\r\\n font-weight: bold!important;\\r\\n font-size: 13px;\\r\\n width: 300px;\\r\\n}\\r\\n\\r\\n.btn-group.Disabled {\\r\\n border: 1px solid #ddd;\\r\\n width: 100%!important;\\r\\n margin: 0 auto;\\r\\n display: table;\\r\\n}\\r\\n\\r\\n.btn-group.Branch {\\r\\n border: 1px solid #fff;\\r\\n}\\r\\n\\r\\n.btn-group.Branch .btn {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.btn-group.Company {\\r\\n border: 1px solid #fff;\\r\\n}\\r\\n\\r\\n.btn-group.Company .btn {\\r\\n background-color: #007681;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.btn-group.Global {\\r\\n border: 1px solid #fff;\\r\\n}\\r\\n\\r\\n.btn-group.Global .btn {\\r\\n background-color: #6A3460;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.btn-group button {\\r\\n width: 100%!important;\\r\\n margin: 0 auto;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.user-button button{\\r\\n width: 290px!important;\\r\\n}\\r\\n\\r\\n.user-button .btn, .user-button .btn:hover{\\r\\n background-color: #13294B!important;\\r\\n color: #fff!important;\\r\\n padding: 10px;\\r\\n}\\r\\n\\r\\n.user-button.open {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.user-button-blocked .btn, .user-button-blocked .btn:hover, .user-button-blocked.open{\\r\\n background-color: #fff!important;\\r\\n color: #A20067!important;\\r\\n}\\r\\n\\r\\n.user-button-waiting .btn, .user-button-waiting .btn:hover, .user-button-waiting.open{\\r\\n background-color: #fff!important;\\r\\n color: #4C4C4C!important;\\r\\n}\\r\\n\\r\\n.new-user {\\r\\n width: 290px;\\r\\n padding: 10px;\\r\\n margin-bottom:5px;\\r\\n margin-right:11px;\\r\\n}\\r\\n\\r\\n.btn-clear {\\r\\n width: 100px;\\r\\n font-size: 13px!important;\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.section-button, .header-button{\\r\\n width: 100%!important;\\r\\n\\r\\n}\\r\\n\\r\\n.btn-group button {\\r\\n font-size: 13px;\\r\\n padding: 10px;\\r\\n}\\r\\n\\r\\n.section-button .btn {\\r\\n font-weight: bold!important;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.table-branch-users > tbody > tr:hover{\\r\\n cursor: default;\\r\\n}\\r\\n\\r\\n.table-wrapper{\\r\\n padding-top: 10px;\\r\\n margin-left: 300px;\\r\\n overflow-x: auto;\\r\\n}\\r\\n\\r\\n.dropdown-menu-top{\\r\\n top: -130px;\\r\\n}\\r\\n\\r\\n.dropdown-menu-mid{\\r\\n top: -60px;\\r\\n}\\r\\n\\r\\nth, td {\\r\\n white-space: nowrap;\\r\\n}\\r\\n\\r\\n.first-col {\\r\\n position: absolute;\\r\\n width: 290px;\\r\\n margin-left: -300px;\\r\\n}\\r\\n\\r\\n.rating-container {\\r\\n max-width: 440px;\\r\\n\\r\\n}\\r\\n\\r\\n.rating {\\r\\n clear: both;\\r\\n float:left; \\r\\n margin-right: 20px;\\r\\n}\\r\\n\\r\\n.question-initial {\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n\\r\\n}\\r\\n\\r\\n.question {\\r\\n font-weight: 600;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.btn-reset:hover, .btn-reset:active, .btn-reset:focus, .btn-reset[disabled], .btn-reset{\\r\\n background-color: #0b4f66!important;\\r\\n color: #fff!important;\\r\\n font-size: 13px!important;\\r\\n border-radius: 50px;\\r\\n padding: 0;\\r\\n margin: 0 0 0 20px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.btn-reset i {\\r\\n padding: 10px 11px;\\r\\n}\\r\\n\\r\\n.btn-mhm2:hover, .btn-mhm2:active, .btn-mhm2:focus, .btn-mhm2[disabled], .btn-mhm2{\\r\\n background-color: #00B388!important;\\r\\n color: #fff!important;\\r\\n font-size: 13px!important;\\r\\n margin-right: 0;\\r\\n}\\r\\n\\r\\n.table-branch-users > tbody > tr > td:first-child{\\r\\n padding-left: 0px;\\r\\n}\\r\\n\\r\\n.dropdown-menu li a{\\r\\n padding-top:4px;\\r\\n padding-bottom:4px;\\r\\n}\\r\\n\\r\\n.dropdown-menu .label{\\r\\n font-weight: normal;\\r\\n font-size: 100%;\\r\\n width: 100%;\\r\\n display: inline-block;\\r\\n text-align:left;\\r\\n padding:6px;\\r\\n}\\r\\n\\r\\n.dropdown-menu .label-disabled{\\r\\n color: #333;\\r\\n border: 1px solid #ddd;\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.dropdown-menu .label-branch{\\r\\n background-color: #00B388;\\r\\n}\\r\\n\\r\\n.dropdown-menu .label-company{\\r\\n background-color: #007681;\\r\\n}\\r\\n\\r\\n.dropdown-menu .label-global{\\r\\n background-color: #6A3460;\\r\\n}\\r\\n\\r\\n.dropdown-menu{\\r\\n background-color: #fff;\\r\\n border: 1px solid #4C4C4C;\\r\\n border-radius:3px;\\r\\n}\\r\\n\\r\\n#status-wrapper{\\r\\n font-size: 80px; \\r\\n text-align: center;\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n border-radius: 10px;\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n.btn-group:not(.bootstrap-select), .btn-group-vertical:not(.bootstrap-select) {\\r\\n -webkit-box-shadow: none;\\r\\n box-shadow: none; \\r\\n border-radius: 3px;\\r\\n}\\r\\n\\r\\n.table-branch-users thead > tr > th, .table-branch-users tbody > tr > th, .table-branch-users tfoot > tr > th, .table-branch-users thead > tr > td, .table-branch-users tbody > tr > td, .table-branch-users tfoot > tr > td {\\r\\n border-top: none;\\r\\n padding: 12px;\\r\\n}\\r\\n\\r\\n.quote-section-title {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.selector-heading p {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n#search-box:before{\\r\\n content: '\\\\f1c3';\\r\\n font-family: \\\"Material-Design-Iconic-Font\\\";\\r\\n color: #000;\\r\\n font-size: 16px;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/csat/case-csat/case-csat.component.css\n// module id = ./src/app/csat/case-csat/case-csat.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n\\r\\n \"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/csat/case-csat/case-csat.component.html\n// module id = ./src/app/csat/case-csat/case-csat.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { trigger, animate, transition, style, state } from '@angular/animations';\r\n\r\n\r\nimport { ToasterService, Toast, ToasterConfig} from 'angular2-toaster';\r\nimport { CaseCsatItem } from '../case-csat-item'\r\nimport { CaseCsatService } from '../case-csat.service'\r\n\r\n\r\n@Component({\r\n selector: 'app-case-csat',\r\n templateUrl: './case-csat.component.html',\r\n styleUrls: ['./case-csat.component.css'],\r\n animations: [\r\n trigger('toggleState', [\r\n state('true', style({opacity: '1', height: '*', overflow: 'visible'})),\r\n state('false', style({opacity: '1', height: '0', overflow: 'hidden' })),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ]),\r\n trigger('toggleVisibility', [\r\n state('true', style({opacity: '1'})),\r\n state('false', style({opacity: '0'})),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ])\r\n ]\r\n})\r\n\r\nexport class CaseCsatComponent implements OnInit {\r\n\r\n \r\n private caseCsatItems: CaseCsatItem[] = [];\r\n public recordsFound: Boolean = false;\r\n private notifier: string;\r\n private searching: Boolean = false;\r\n private submissionComment: string = '';\r\n public isSubmitting = false;\r\n \r\n private goodServiceLabel: string = 'Please tell us why you felt the service was particularly good?';\r\n private poorServiceLabel: string = 'Please tell us why you felt the service was particularly poor, and how we could improve?'\r\n \r\n \r\n constructor(private service: CaseCsatService, private toasterService: ToasterService ) { }\r\n\r\n ngOnInit() {\r\n\r\n this.getCaseCsats();\r\n }\r\n\r\n public get changesMade() : boolean\r\n {\r\n return this.caseCsatItems.filter(c => c.csatRating != null).length > 0;\r\n }\r\n\r\n public getCaseCsats()\r\n {\r\n this.isSubmitting = false;\r\n this.service.getCaseCsats().subscribe((success: Boolean) => {\r\n this.recordsFound = false;\r\n this.searching = true;\r\n this.notifier = \"Searching ...\";\r\n\r\n if (success)\r\n {\r\n this.caseCsatItems = this.service.caseCsats;\r\n this.searching = false;\r\n this.recordsFound = this.caseCsatItems.length > 0;\r\n \r\n if (!this.recordsFound)\r\n {\r\n this.notifier = \"You have no outstanding CSAT surveys to complete\";\r\n }\r\n }\r\n },\r\n (error: any) => {\r\n this.caseCsatItems = [];\r\n });\r\n }\r\n\r\n caseTypeDescription(caseType: string) : string\r\n {\r\n if (caseType=='PURC')\r\n {\r\n return \"Purchase\";\r\n }\r\n else\r\n {\r\n if (caseType=='SALE')\r\n {\r\n return \"Sale\";\r\n }\r\n else\r\n {\r\n return \"Remortgage\";\r\n }\r\n }\r\n }\r\n\r\n dateDescription(caseType: string) : string\r\n {\r\n if (caseType=='PURC'||caseType=='SALE')\r\n {\r\n return \"Exchanged\";\r\n }\r\n else\r\n {\r\n return \"Completed\"\r\n }\r\n }\r\n \r\n changeRate(rating: any, caseCode: string)\r\n {\r\n let csat: CaseCsatItem = this.caseCsatItems.filter(c => c.caseCode == caseCode)[0]\r\n if (rating > 3 && rating < 8)\r\n {\r\n csat.csatComment = null;\r\n }\r\n }\r\n \r\n getOneLineAddress(address: any) {\r\n if (!address) {\r\n return null;\r\n }\r\n\r\n let addressItems = [];\r\n let orderedAddressItemsArray = ['propertyAddressLine1', 'propertyAddressLine2', 'propertyAddressLine3', 'propertyAddressLine4', 'propertyAddressPostcode'];\r\n for (let addressItem of orderedAddressItemsArray) {\r\n if (address[addressItem]) {\r\n addressItems.push(address[addressItem]);\r\n }\r\n }\r\n\r\n return addressItems.join(', ');\r\n}\r\n\r\ngetClientsOneLineList(caseCsatItem: CaseCsatItem) {\r\n let clientNames = [];\r\n for (let c of caseCsatItem.clientNames) {\r\n\r\n clientNames.push(c);\r\n\r\n }\r\n return clientNames.join(', ');\r\n}\r\n\r\n resetCaseCsat(caseCsatItem: CaseCsatItem) : void\r\n {\r\n caseCsatItem.csatRating=null;\r\n caseCsatItem.csatComment=null\r\n }\r\n\r\n submitCaseCsats()\r\n {\r\n let submissions: CaseCsatItem[] = this.caseCsatItems.filter(c => c.csatRating != null);\r\n\r\n // reduce ratings by -1 to get correct underlying rating\r\n submissions.forEach(s => s.csatRating = s.csatRating-1);\r\n\r\n this.service.submitCaseCsats(this.submissionComment, submissions).subscribe( response =>\r\n {\r\n \r\n // check response\r\n if (response==\"200\")\r\n {\r\n this.isSubmitting = true;\r\n this.toasterService.pop('success', '', 'Your CSAT surveys have been successfully submitted');\r\n this.submissionComment = '';\r\n this.getCaseCsats();\r\n }\r\n else\r\n {\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'An error has occurred. Please try again');\r\n }\r\n });\r\n\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/csat/case-csat/case-csat.component.ts","module.exports = \".table tr:last-of-type {\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.table th {\\r\\n text-align: right;\\r\\n}\\r\\n\\r\\n.table tr td:not(:first-child) {\\r\\n text-align: right;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td {\\r\\n padding-top: 20px;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.info {\\r\\n max-width: 700px;\\r\\n min-width: 270px;\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/case-summary/case-summary.component.css\n// module id = ./src/app/dashboard/case-summary/case-summary.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/case-summary/case-summary.component.html\n// module id = ./src/app/dashboard/case-summary/case-summary.component.html\n// module chunks = main","import { Component, OnInit, style } from '@angular/core';\r\nimport { Router, RouterLink, DefaultUrlSerializer, UrlTree, ActivatedRoute } from '@angular/router';\r\n\r\nimport { CaseManagementService } from '../../case-management/case-management.service'\r\nimport { CaseMilestoneSummary } from '../../case-management/case-milestone-summary';\r\nimport { Option } from '../../forms/option';\r\nimport { ActivitySummary } from '../../case-management/activity-summary';\r\nimport { PermissionV20State } from '../../permissionV20/permissionV20-state';\r\nimport { UserService } from '../../administration/user.service';\r\n\r\n@Component({\r\n selector: 'app-case-summary',\r\n templateUrl: './case-summary.component.html',\r\n styleUrls: ['./case-summary.component.css']\r\n})\r\nexport class CaseSummaryComponent implements OnInit {\r\n public branchOptions: Option[] = [];\r\n public branchTitle: string;\r\n public introducerCode: string;\r\n\r\n public caseSummaries: CaseMilestoneSummary[];\r\n public summaryDate: Date = new Date();\r\n public completedDate: Date = new Date();\r\n public abortedDate: Date = new Date();\r\n public companyBranchCode: string;\r\n\r\n public recordsFound: Boolean = true;\r\n\r\n public notifier: string;\r\n public searching: Boolean = true;\r\n public lastUpdated: Date = null;\r\n\r\n\r\n constructor(private route: Router,\r\n private activatedRoute: ActivatedRoute,\r\n private caseManagementService: CaseManagementService,\r\n private userService: UserService\r\n ) \r\n {\r\n this.summaryDate.setMonth(this.summaryDate.getMonth() - 3);\r\n this.completedDate.setHours(this.completedDate.getHours() - 720);\r\n this.abortedDate.setHours(this.abortedDate.getHours() - 336);\r\n }\r\n\r\n ngOnInit() {\r\n this.activatedRoute.data\r\n .subscribe((data: { permissions: PermissionV20State, myRewardName: string }) =>\r\n {\r\n let permissions = data.permissions;\r\n // TODO: the branch options are the same as for the other dashboard widget\r\n // should look at retrieving these once, and then sharing data with both\r\n // widgets via an input parameter\r\n this.getBranchOptions(permissions);\r\n }); \r\n }\r\n\r\n private getBranchOptions(permissions: PermissionV20State): void {\r\n // Not sure why we are checking for AdministrationView permissions to determine the number of branches that a user can view - I will comment it out -- PH\r\n //this.branchOptions = permissions.getOptionsForPermissionType('AdministrationView');\r\n //if (this.branchOptions.length === 0) {\r\n var branchOptions = permissions.getOptionsForPermissionType('CaseManagementView', true);\r\n\r\n if (branchOptions.length > 0) {\r\n this.userService.getBranchListWithLawFirms(branchOptions).subscribe(result => {\r\n this.branchOptions = result;\r\n this.selectBranch(this.branchOptions[0]);\r\n this.companyBranchCode = this.branchOptions[0].value;\r\n });\r\n }\r\n //}\r\n }\r\n\r\n handleBranchSelected(selectedBranch)\r\n {\r\n this.companyBranchCode = selectedBranch.value;\r\n\r\n\r\n //this.branchTitle = branchOption.text;\r\n this.introducerCode = selectedBranch.value;\r\n\r\n this.recordsFound = false;\r\n this.searching = true;\r\n this.notifier = \"Loading...\"\r\n\r\n \r\n if (this.introducerCode != \"0\")\r\n {\r\n \r\n this.caseManagementService.getActivitySummary(this.introducerCode)\r\n .subscribe((activitySummary: ActivitySummary) => {\r\n this.lastUpdated = activitySummary.lastUpdated;\r\n this.caseSummaries = activitySummary.caseMilestoneSummaries;\r\n\r\n //console.log(this.caseSummaries);\r\n\r\n this.searching = false;\r\n this.recordsFound = this.caseSummaries.length > 0;\r\n if (!this.recordsFound)\r\n {\r\n this.notifier = \"There is no case activity to display\";\r\n }\r\n }, (error: any) => {\r\n this.searching = false;\r\n this.recordsFound = false;\r\n this.notifier = \"There is no case activity to display\";\r\n });\r\n }\r\n else\r\n {\r\n this.searching = false;\r\n this.recordsFound = false;\r\n this.notifier = \"There is no case activity to display\";\r\n }\r\n }\r\n \r\n \r\n \r\n private selectBranch(branchOption: Option)\r\n {\r\n this.branchTitle = branchOption.text;\r\n this.introducerCode = branchOption.value;\r\n\r\n this.recordsFound = false;\r\n this.searching = true;\r\n this.notifier = \"Loading...\"\r\n\r\n this.caseManagementService.getActivitySummary(this.introducerCode)\r\n .subscribe((activitySummary: ActivitySummary) => {\r\n this.lastUpdated = activitySummary.lastUpdated;\r\n this.caseSummaries = activitySummary.caseMilestoneSummaries;\r\n\r\n //console.log(this.caseSummaries);\r\n\r\n this.searching = false;\r\n this.recordsFound = this.caseSummaries.length > 0;\r\n if (!this.recordsFound)\r\n {\r\n this.notifier = \"There is no case activity to display\";\r\n }\r\n }, (error: any) => {\r\n this.searching = false;\r\n this.recordsFound = false;\r\n this.notifier = \"There is no case activity to display\";\r\n });\r\n }\r\n\r\n private viewCases(milestoneType: number, countType: string): void\r\n {\r\n //console.log(milestoneType + ' ' + countType + ' ' + this.introducerCode);\r\n\r\n this.route.navigate([`/case-management/case-milestone/${this.introducerCode}/${milestoneType}/${countType.toLowerCase()}`]);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/case-summary/case-summary.component.ts","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component';\r\nimport { DashboardComponent } from './dashboard.component';\r\nimport { AuthGuard } from '../auth/auth.guard';\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { MyRewardNameResolver } from '../myreward/myreward-name.resolver.service';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: 'dashboard',\r\n canActivate: [AuthGuard],\r\n component: SecureLayoutComponent,\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n myRewardName: MyRewardNameResolver\r\n },\r\n children: [\r\n {\r\n path: '',\r\n canActivate: [AuthGuard],\r\n component: DashboardComponent\r\n },\r\n {\r\n path: '**',\r\n canActivate: [AuthGuard],\r\n component: DashboardComponent\r\n \r\n }\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class DashboardRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/dashboard-routing.module.ts","module.exports = \" .size-1of2 {\\r\\n -webkit-transition: width 0.5s;\\r\\n transition: width 0.5s;\\r\\n }\\r\\n\\r\\n.global-notifications {\\r\\n width: 100%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n \\r\\n}\\r\\n\\r\\n.selector-heading p {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n[data-columns]::before {\\r\\n display: block;\\r\\n visibility: hidden;\\r\\n position: absolute;\\r\\n font-size: 1px;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.column > div {\\r\\n \\r\\n min-height: 150px;\\r\\n}\\r\\n\\r\\n.card.announcement {\\r\\n background-color: #444444;\\r\\n}\\r\\n\\r\\n.card.announcement i {\\r\\n font-size: 20px;\\r\\n color: #ffffff;\\r\\n}\\r\\n\\r\\n.news-timed {\\r\\n color: #444444;\\r\\n background: #FFFFFF;\\r\\n border-radius: 8px;\\r\\n padding: 10px;\\r\\n border: 1px solid rgba(19, 41, 75, 0.5);\\r\\n}\\r\\n\\r\\n.news-timed:before {\\r\\n content: \\\"\\\\F27B\\\";\\r\\n font-family: FontAwesome;\\r\\n left: 18px;\\r\\n position: absolute;\\r\\n top: 2px;\\r\\n font-size: 24px;\\r\\n color: rgba(68, 68, 68, 0.8);\\r\\n\\r\\n}\\r\\n\\r\\n.news-timed a{\\r\\n color: #00A7B5;\\r\\n text-decoration: underline;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.news {\\r\\n color: #fff;\\r\\n background: #007a82;\\r\\n border: 1px solid rgba(255, 255, 255, 0.5);\\r\\n border-radius: 8px;\\r\\n padding: 10px;\\r\\n}\\r\\n\\r\\n.news:before {\\r\\n content: \\\"\\\\F1EA\\\";\\r\\n font-family: FontAwesome;\\r\\n left: 18px;\\r\\n position: absolute;\\r\\n top: 7px;\\r\\n font-size: 21px;\\r\\n color: rgba(255, 255, 255, 0.8);\\r\\n -webkit-transform: rotate(349deg);\\r\\n transform: rotate(349deg); \\r\\n}\\r\\n\\r\\n.news a{\\r\\n color: #fff;\\r\\n text-decoration: underline;\\r\\n}\\r\\n\\r\\n@media (max-width: 1600px)\\r\\n{\\r\\n .size-1of2:first-of-type {\\r\\n width: 100%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n \\r\\n .size-1of4 {\\r\\n width: 50%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 1500px)\\r\\n{\\r\\n .size-1of2 {\\r\\n width: 100%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 998px)\\r\\n{\\r\\n .size-1of2 {\\r\\n width: 100%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n }\\r\\n \\r\\n .size-1of4 {\\r\\n width: 100%;\\r\\n transition: width 0.5s;\\r\\n -moz-transition: width 0.5s;\\r\\n -webkit-transition: width 0.5s;\\r\\n}\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/dashboard.component.css\n// module id = ./src/app/dashboard/dashboard.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
CHOOSE A COMPANY AND BRANCH TO VIEW
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Choose a company and branch to get started\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
We're performing system upgrades from Friday, 21st March to Monday, 24th March.
\\r\\n\\r\\n
Here's what you need to know:
\\r\\n
\\r\\n \\r\\n ieWay will remain available throughout the upgrade period.\\r\\n \\r\\n Updates to all case information will pause at 5:55PM BST on Friday, 21st March and there will be no further updates over the weekend. \\r\\n Regular updates will resume at 8:00AM on Monday, 24th March. \\r\\n \\r\\n
Thank you for your patience and understanding!
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
To help us progress cases efficiently, please use ieWay to stay updated, as we will prioritise urgent completions. Please avoid calling conveyancers unless absolutely necessary to progress a case.
\\r\\n
\\r\\n If you need further assistance, contact your key account manager. Your patience and support is greatly appreciated—thank you!\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n No dashboard items to display\\r\\n
\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/dashboard.component.html\n// module id = ./src/app/dashboard/dashboard.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\n\r\nimport { environment } from '../../environments/environment';\r\nimport { MyRewardService } from '../myreward/my-reward.service';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { PermissionV20State } from '../permissionV20/permissionV20-state';\r\n\r\n//import { AppCompanySelectorComponent } from '../app-components/company-selector/company-selector.component'\r\n\r\n@Component({\r\n selector: 'iew-dashboard',\r\n templateUrl: './dashboard.component.html',\r\n styleUrls: ['./dashboard.component.css']\r\n})\r\nexport class DashboardComponent implements OnInit {\r\n constructor(private activatedRoute: ActivatedRoute,\r\n private myRewardService: MyRewardService) { }\r\n\r\n \r\n\r\n ngOnInit() {\r\n // TODO: refactor this, now that we're getting my rewards via the resolver\r\n this.myRewardService.getMyRewardEnabled().subscribe((result: boolean) => \r\n {\r\n this.myRewardEnabled = result;\r\n });\r\n\r\n this.activatedRoute.data.subscribe((data: { permissions: PermissionV20State, myRewardName: string }) => {\r\n this.permissions = data.permissions;\r\n });\r\n }\r\n\r\n public permissions: PermissionV20State;\r\n public dataOverrides: any = environment.dataOverrides;\r\n private myRewardEnabled: boolean = false;\r\n public selectedBranch: string = \"\";\r\n private companyBranchCode: string = '0';\r\n private companyCode: string;\r\n\r\n handleCompanyUpdated(companyCode)\r\n {\r\n this.companyCode = companyCode;\r\n this.selectedBranch = \"0\";\r\n }\r\n\r\n handleBranchSelected(selectedBranch)\r\n {\r\n this.companyBranchCode = selectedBranch.value;\r\n this.selectedBranch = selectedBranch.value\r\n }\r\n \r\n showBranch() {\r\n return this.selectedBranch != \"0\" && this.selectedBranch != \"\";\r\n }\r\n\r\n public get hasCaseManagementPermissionsNotAdmin(): Boolean {\r\n return !this.isAdminUser && this.hasCaseManagementPermissions;\r\n }\r\n\r\n public get hasCaseManagementPermissions(): Boolean {\r\n return this.permissions.hasPermissionType('CaseManagementView');\r\n }\r\n\r\n public get hasQuotationPermissionsNotAdmin(): Boolean {\r\n return !this.isAdminUser && this.hasQuotationPermissions;\r\n }\r\n\r\n public get hasQuotationPermissions(): Boolean {\r\n return this.permissions.hasPermissionType('QuotationView');\r\n }\r\n\r\n public get isAdminUser(): Boolean\r\n {\r\n return this.permissions.isAdminUser();\r\n }\r\n\r\n\r\n\r\n showGlobalNotifications(): Boolean{\r\n let today = new Date();\r\n\r\n let startDate = new Date(\"2025-03-04 15:00\");\r\n let endDate = new Date(\"2025-04-01 08:00\");\r\n if (today >= startDate && today <= endDate) \r\n {\r\n return true\r\n }\r\n else \r\n {\r\n return false;\r\n }\r\n\r\n }\r\n\r\nshowGlobalNotificationsMaint(): Boolean{\r\n let today = new Date();\r\n\r\n let startDate = new Date(\"2025-03-04 10:00\");\r\n let endDate = new Date(\"2025-03-24 08:01\");\r\n if (today >= startDate && today <= endDate) \r\n {\r\n return true\r\n }\r\n else \r\n {\r\n return false;\r\n }\r\n\r\n}\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/dashboard.component.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { ValidationModule } from '../validation/validation.module';\r\n\r\nimport { LayoutModule } from '../layout/layout.module';\r\nimport { DashboardRoutingModule } from './dashboard-routing.module';\r\nimport { DashboardComponent } from './dashboard.component';\r\nimport { CaseManagementService } from '../case-management/case-management.service';\r\nimport { CaseSummaryComponent } from './case-summary/case-summary.component';\r\nimport { MyRewardsComponent } from './my-reward/my-reward.component';\r\nimport { AppComponentsModule } from '../app-components/app-components.module'\r\nimport { MyCasesQuotesComponent } from './my-cases-quotes/my-cases-quotes.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n LayoutModule,\r\n DashboardRoutingModule,\r\n AppComponentsModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n ValidationModule\r\n ],\r\n declarations: [\r\n DashboardComponent,\r\n CaseSummaryComponent,\r\n MyRewardsComponent,\r\n MyCasesQuotesComponent\r\n ],\r\n providers: [\r\n CaseManagementService\r\n ]\r\n})\r\nexport class DashboardModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/dashboard.module.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n}\\r\\n\\r\\n.leftDS, .rightDS {\\r\\n padding:5px;\\r\\n}\\r\\n\\r\\na, a:active, a:hover,\\r\\na:focus {\\r\\n color: #FFFFFF!important;\\r\\n text-decoration: none;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title > a {\\r\\n padding: 8px 5px 16px 30px !important;\\r\\n position: relative;\\r\\n color:#4c4c4c;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title {\\r\\n background-color: #F8F8F8;\\r\\n}\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-body {\\r\\n border-top: 0 !important;\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n}\\r\\n\\r\\n.panel-body {\\r\\n padding-top: 5px;\\r\\n padding-bottom: 5px;\\r\\n\\r\\n}\\r\\n\\r\\n#profile-main .pmo-items a {\\r\\n display: block;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n#profile-main .pmo-pic {\\r\\n position: relative;\\r\\n margin: 0 0 5px 0; \\r\\n padding: 18px;\\r\\n}\\r\\n\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.tab-nav li span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n /*padding-left:20px; - only needed if we add in icons */\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.pmo-stat {\\r\\n padding-top:20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.pmo-stat ul {\\r\\n display: block;\\r\\n text-align: left;\\r\\n padding-left: 40px;\\r\\n margin-top: 17px;\\r\\n margin-bottom:0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li {\\r\\n list-style: none;\\r\\n padding: 8px 0 0 0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li i {\\r\\n font-size: 18px;\\r\\n vertical-align: top;\\r\\n line-height: 100%;\\r\\n position: absolute;\\r\\n left: 38px;\\r\\n width: 18px;\\r\\n}\\r\\n\\r\\n.reward-content {\\r\\n background-color: rgba(255, 255, 255, 0.15);\\r\\n color: #fff;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n/* .reward-content #points-value {\\r\\n font-size: 4em;\\r\\n font-weight: 600;\\r\\n background-color: rgba(255, 255, 255, 0.15);\\r\\n border-radius: 50px;\\r\\n padding: 15px 10px;\\r\\n} */\\r\\n\\r\\n.reward-content a {\\r\\n color: #fff;\\r\\n border-bottom: 0;\\r\\n display: inline-block;\\r\\n font-style: italic;\\r\\n margin: 5px;\\r\\n cursor: default ;\\r\\n}\\r\\n\\r\\n#reward-logo {\\r\\n width: 25%;\\r\\n margin: 0 auto;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.reward-content #points-value span:first-of-type {\\r\\n display:block;\\r\\n top:5%;\\r\\n margin-top: 0;\\r\\n z-index:10;\\r\\n font-size: 3em;\\r\\n font-weight: 600;\\r\\n padding: 0 10px; \\r\\n}\\r\\n\\r\\n.reward-content #points-value span {\\r\\n font-size: 12px;\\r\\n display:block;\\r\\n bottom:17%;\\r\\n z-index:10;\\r\\n text-align: center;\\r\\n padding: 0 25px;\\r\\n}\\r\\n\\r\\n.reward-content #points-value {\\r\\n \\r\\n min-width: 80px;\\r\\n height: 80px;\\r\\n position: relative;\\r\\n text-align: center;\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n/* .reward-content #points-value:before, .reward-content #points-value:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n height: 80px;\\r\\n width: 80px;\\r\\n background: #6bddec;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.reward-content #points-value:before {\\r\\n -webkit-transform: rotate(30deg);\\r\\n -moz-transform: rotate(30deg);\\r\\n -ms-transform: rotate(30deg);\\r\\n -o-transform: rotate(30deg);\\r\\n}\\r\\n\\r\\n.reward-content #points-value:after {\\r\\n -webkit-transform: rotate(60deg);\\r\\n -moz-transform: rotate(60deg);\\r\\n -ms-transform: rotate(60deg);\\r\\n -o-transform: rotate(60deg);\\r\\n}\\r\\n */\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-pane{\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.label-breadcrumb{\\r\\n font-size: 85%;\\r\\n}\\r\\n\\r\\n.c-header a{\\r\\n color: rgba(255, 255, 255, 0.6);\\r\\n border-bottom:1px dotted;\\r\\n}\\r\\n\\r\\n.c-header a:hover{\\r\\n color: rgba(255, 255, 255, 0.8);\\r\\n border-bottom:1px solid;\\r\\n}\\r\\n\\r\\n.summaryInfo a{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\n.summaryInfo a:hover{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.info {\\r\\n max-width: 700px;\\r\\n min-width: 270px;\\r\\n}\\r\\n\\r\\n.section-jump a{\\r\\n text-transform:uppercase;\\r\\n color: #5e5e5e;\\r\\n}\\r\\n\\r\\n.section-jump a:hover{\\r\\n color: #5e5e5e;\\r\\n border-bottom: 1px solid #5e5e5e;\\r\\n}\\r\\n\\r\\na.sidebar-link{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\na.sidebar-link:hover{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.cases {\\r\\n background-color: #00B388;\\r\\n font-size: 17px;\\r\\n padding: 25px;\\r\\n border-radius: 2px;\\r\\n min-height: 155px;\\r\\n}\\r\\n\\r\\na > .cases > span:first-of-type, a > .quotes > span:first-of-type {\\r\\n text-align: center;\\r\\n display: inline-block;\\r\\n font-size: 16px;\\r\\n padding-bottom: 10px;\\r\\n}\\r\\n\\r\\na > .cases > span:not(:first-of-type), a > .quotes > span:not(:first-of-type) {\\r\\n font-size: 13px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\na > .cases > i, a > .quotes > i {\\r\\n font-size: 72px;\\r\\n text-align: left;\\r\\n vertical-align: middle;\\r\\n padding: 24px 15px 14px 0;\\r\\n \\r\\n}\\r\\n\\r\\n.quotes:hover, .cases:hover {\\r\\n opacity: 0.9;\\r\\n}\\r\\n\\r\\n.quotes {\\r\\n background-color:rgb(198, 87,154);\\r\\n font-size: 17px;\\r\\n padding: 25px;\\r\\n border-radius: 2px;\\r\\n min-height: 155px;\\r\\n}\\r\\n\\r\\n.loading-icon {\\r\\n display: block;\\r\\n text-align: center!important;\\r\\n font-size: 28px!important;\\r\\n padding: 34px 0!important;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px)\\r\\n{\\r\\n #profile-main .pmo-pic .pmo-stat {\\r\\n background: #00B388;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 1500px)\\r\\n{\\r\\n a > .cases > i, a > .quotes > i {\\r\\n font-size: 52px;\\r\\n padding-top: 18px;\\r\\n }\\r\\n\\r\\n .cases, .quotes {\\r\\n min-height: 125px;\\r\\n\\r\\n }\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/my-cases-quotes/my-cases-quotes.component.css\n// module id = ./src/app/dashboard/my-cases-quotes/my-cases-quotes.component.css\n// module chunks = main","module.exports = \"
\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/my-cases-quotes/my-cases-quotes.component.html\n// module id = ./src/app/dashboard/my-cases-quotes/my-cases-quotes.component.html\n// module chunks = main","import { Component, OnInit, Input } from '@angular/core';\r\nimport { Router, RouterLink, DefaultUrlSerializer, UrlTree, ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-my-cases-quotes',\r\n templateUrl: './my-cases-quotes.component.html',\r\n styleUrls: ['./my-cases-quotes.component.css']\r\n})\r\nexport class MyCasesQuotesComponent implements OnInit {\r\n\r\n public isCaseNavigating: Boolean = false;\r\n public isQuoteNavigating: Boolean = false;\r\n\r\n @Input()\r\n mySelection: string;\r\n\r\n constructor(private router: Router) { }\r\n\r\n ngOnInit() {\r\n this.isCaseNavigating = false;\r\n this.isQuoteNavigating = false;\r\n }\r\n\r\n gotoMyCases()\r\n {\r\n this.isCaseNavigating = true;\r\n this.router.navigate(['/search/caseType/my']);\r\n }\r\n\r\n gotoMyQuotes()\r\n {\r\n this.isQuoteNavigating = true;\r\n this.router.navigate(['/search/quotation/my']);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/my-cases-quotes/my-cases-quotes.component.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n}\\r\\n\\r\\n.leftDS, .rightDS {\\r\\n padding:5px;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title > a {\\r\\n padding: 8px 5px 16px 30px !important;\\r\\n position: relative;\\r\\n color:#4c4c4c;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title {\\r\\n background-color: #F8F8F8;\\r\\n}\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-body {\\r\\n border-top: 0 !important;\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n}\\r\\n\\r\\n.panel-body {\\r\\n padding-top: 5px;\\r\\n padding-bottom: 5px;\\r\\n\\r\\n}\\r\\n\\r\\n#profile-main .pmo-items a {\\r\\n display: block;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n#profile-main .pmo-pic {\\r\\n position: relative;\\r\\n margin: 0 0 5px 0; \\r\\n padding: 18px;\\r\\n}\\r\\n\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.tab-nav li span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n /*padding-left:20px; - only needed if we add in icons */\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.pmo-stat {\\r\\n padding-top:20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.pmo-stat ul {\\r\\n display: block;\\r\\n text-align: left;\\r\\n padding-left: 40px;\\r\\n margin-top: 17px;\\r\\n margin-bottom:0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li {\\r\\n list-style: none;\\r\\n padding: 8px 0 0 0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li i {\\r\\n font-size: 18px;\\r\\n vertical-align: top;\\r\\n line-height: 100%;\\r\\n position: absolute;\\r\\n left: 38px;\\r\\n width: 18px;\\r\\n}\\r\\n\\r\\n.info {\\r\\n max-width: 700px;\\r\\n min-width: 270px;\\r\\n}\\r\\n\\r\\n.reward-content {\\r\\n color: #5E5E5E;\\r\\n}\\r\\n\\r\\n/* .reward-content #points-value {\\r\\n font-size: 4em;\\r\\n font-weight: 600;\\r\\n background-color: rgba(255, 255, 255, 0.15);\\r\\n border-radius: 50px;\\r\\n padding: 15px 10px;\\r\\n} */\\r\\n\\r\\n.reward-content a {\\r\\n color: #00A7B5!important;\\r\\n border-bottom: 1px dotted;\\r\\n display: block;\\r\\n bottom: 30px;\\r\\n cursor: pointer;\\r\\n padding: 10px 0 0;\\r\\n right: 30px;\\r\\n position: absolute;\\r\\n}\\r\\n\\r\\n.reward-content a > span{\\r\\n color: #00A7B5!important;\\r\\n}\\r\\n\\r\\n#reward-logo {\\r\\n width: 25%;\\r\\n margin: 0 auto;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.reward-content #points-value span:nth-of-type(2) {\\r\\n display:block;\\r\\n top:5%;\\r\\n margin-top: 0;\\r\\n z-index:10;\\r\\n font-size: 3em;\\r\\n font-weight: 600;\\r\\n padding: 0 0 0 0px; \\r\\n}\\r\\n\\r\\n.reward-content #points-value {\\r\\n \\r\\n min-width: 80px;\\r\\n position: relative;\\r\\n text-align: left;\\r\\n \\r\\n}\\r\\n\\r\\n.error-message {\\r\\n color: #f6675d;\\r\\n padding-top:10px;\\r\\n}\\r\\n\\r\\np > span {\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.card-header {\\r\\n background-color: #00A7B5;\\r\\n}\\r\\n\\r\\n.card-body {\\r\\n background-color: #ffffff;\\r\\n color: #5E5E5E;\\r\\n}\\r\\n\\r\\n/* .reward-content #points-value:before, .reward-content #points-value:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n top: 0;\\r\\n left: 0;\\r\\n height: 80px;\\r\\n width: 80px;\\r\\n background: #6bddec;\\r\\n border-radius: 2px;\\r\\n}\\r\\n.reward-content #points-value:before {\\r\\n -webkit-transform: rotate(30deg);\\r\\n -moz-transform: rotate(30deg);\\r\\n -ms-transform: rotate(30deg);\\r\\n -o-transform: rotate(30deg);\\r\\n}\\r\\n\\r\\n.reward-content #points-value:after {\\r\\n -webkit-transform: rotate(60deg);\\r\\n -moz-transform: rotate(60deg);\\r\\n -ms-transform: rotate(60deg);\\r\\n -o-transform: rotate(60deg);\\r\\n}\\r\\n */\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-pane{\\r\\n padding: 0 10px;\\r\\n}\\r\\n\\r\\n.label-breadcrumb{\\r\\n font-size: 85%;\\r\\n}\\r\\n\\r\\n/* .c-header a{\\r\\n color: rgba(255, 255, 255, 0.6);\\r\\n border-bottom:1px dotted;\\r\\n} */\\r\\n\\r\\n.c-header a:hover{\\r\\n color: rgba(255, 255, 255, 0.8);\\r\\n border-bottom:1px solid;\\r\\n}\\r\\n\\r\\n.summaryInfo a{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\n.summaryInfo a:hover{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.section-jump a{\\r\\n text-transform:uppercase;\\r\\n color: #5e5e5e;\\r\\n}\\r\\n\\r\\n.section-jump a:hover{\\r\\n color: #5e5e5e;\\r\\n border-bottom: 1px solid #5e5e5e;\\r\\n}\\r\\n\\r\\na.sidebar-link{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\na.sidebar-link:hover{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n@media (min-width: 768px)\\r\\n{\\r\\n #profile-main .pmo-pic .pmo-stat {\\r\\n background: #00B388;\\r\\n }\\r\\n}\\r\\n\\r\\n.btn-mhm2:hover, .btn-mhm2:active, .btn-mhm2:focus, .btn-mhm2[disabled], .btn-mhm2{\\r\\n background-color: #00A7B5!important;\\r\\n color: #fff!important;\\r\\n font-size: 13px!important;\\r\\n}\\r\\n\\r\\n.btn-clear {\\r\\n width: 100px;\\r\\n font-size: 13px!important;\\r\\n margin-right: 10px;\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/my-reward/my-reward.component.css\n// module id = ./src/app/dashboard/my-reward/my-reward.component.css\n// module chunks = main","module.exports = \"
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n You have \\r\\n {{ pointsTotal }} \\r\\n points to spend \\r\\n
\\r\\n
\\r\\n Visit MyReward to spend your points \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
Set up your My Reward account today! Create a new account or login to your existing one by entering your email address below.
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/dashboard/my-reward/my-reward.component.html\n// module id = ./src/app/dashboard/my-reward/my-reward.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, FormArray, AbstractControl, Validators } from '@angular/forms';\r\nimport { ToasterService, Toast, ToasterConfig} from 'angular2-toaster';\r\nimport { ValidationService } from '../../validation/validation.service';\r\n\r\n\r\nimport { MyRewardService } from '../../myreward/my-reward.service';\r\nimport { MyRewardPoints } from '../../myreward/my-reward-points';\r\nimport { Router } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-my-reward',\r\n templateUrl: './my-reward.component.html',\r\n styleUrls: ['./my-reward.component.css']\r\n})\r\nexport class MyRewardsComponent implements OnInit {\r\n\r\n public pointsTotal: Number;\r\n public accountFound: boolean = true;\r\n public myRewardForm: FormGroup;\r\n private controlWithFocus: AbstractControl = null;\r\n private isSubmitting: boolean = false;\r\n private errorMessage: string = null;\r\n \r\n constructor(private myRewardService: MyRewardService, private router: Router, private formBuilder: FormBuilder, private toasterService: ToasterService) {\r\n this.myRewardForm = this.formBuilder.group({\r\n 'myRewardUserName': ['', [Validators.maxLength(100), ValidationService.emailValidator, Validators.required]]\r\n });\r\n }\r\n\r\n ngOnInit()\r\n {\r\n this.accountFound = true;\r\n this.myRewardService.getMyRewardPoints().subscribe((myRewardPoints: MyRewardPoints) => {\r\n this.pointsTotal = myRewardPoints.points;\r\n this.accountFound = myRewardPoints.accountFound;\r\n });\r\n }\r\n\r\n setControlWithFocus(control: AbstractControl)\r\n {\r\n this.controlWithFocus = control;\r\n }\r\n\r\n controlHasFocus(control: AbstractControl)\r\n {\r\n return control === this.controlWithFocus;\r\n }\r\n\r\n controlHasContent(control: AbstractControl)\r\n {\r\n return control.value;\r\n }\r\n \r\n get hasErrorMessage() \r\n {\r\n return this.errorMessage != null;\r\n }\r\n\r\n onChange(value : string ) \r\n { \r\n if (this.errorMessage)\r\n {\r\n this.errorMessage = null;\r\n }\r\n }\r\n\r\n submitMyRewardLogin()\r\n {\r\n this.isSubmitting = true;\r\n this.errorMessage = null;\r\n this.myRewardService.CreateMyRewardAccount(this.myRewardForm.controls['myRewardUserName'].value).subscribe((errorMessage: string) => {\r\n \r\n if (errorMessage == null)\r\n {\r\n // account has been set up successfully.\r\n this.isSubmitting = false;\r\n this.accountFound = true;\r\n this.toasterService.pop('success', '', 'You have successfully set up your My Reward email address.');\r\n this.myRewardService.getMyRewardPoints().subscribe((myRewardPoints: MyRewardPoints) => {\r\n this.pointsTotal = myRewardPoints.points;\r\n });\r\n }\r\n else\r\n {\r\n this.isSubmitting = false;\r\n this.errorMessage = errorMessage\r\n }\r\n\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/dashboard/my-reward/my-reward.component.ts","module.exports = \"a{\\r\\n cursor:pointer;\\r\\n margin:0 0 6px 0;\\r\\n color: #0F3A57;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important; \\r\\n}\\r\\n\\r\\nh3\\r\\n{\\r\\n margin-bottom: 20px;\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\nh4 \\r\\n{\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #4c4c4c;\\r\\n margin: 5px 0 5px;\\r\\n}\\r\\n\\r\\nh5 \\r\\n{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n color: #4c4c4c;\\r\\n margin: 15px 0 5px;\\r\\n}\\r\\n\\r\\nul, ol\\r\\n{\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\nol li {\\r\\n margin-bottom: 10px;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/fine-print/cookie-policy/cookie-policy.component.css\n// module id = ./src/app/fine-print/cookie-policy/cookie-policy.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n This is the Cookie Policy for ieWay, accessible from https://v2.ieway.co.uk. \\r\\n
\\r\\n\\r\\n
\\r\\n What Are Cookies\\r\\n \\r\\n\\r\\n
Cookies are tiny files that are downloaded to your computer to improve your experience, and are stored inside your browser.\\r\\n Most sites on the internet use cookies to enable features and functionality which would not be possible without them.\\r\\n
\\r\\n\\r\\n
This page describes how eWay uses cookies and why they are needed. This page also describes how you can prevent these cookies\\r\\n from being stored, however please note that this will prevent certain elements of the site from working correctly.\\r\\n
\\r\\n\\r\\n
\\r\\n For more general information on cookies see Wikipedia’s article - https://en.wikipedia.org/wiki/HTTP_cookie \\r\\n
\\r\\n\\r\\n
How We Use Cookies \\r\\n\\r\\n
\\r\\n We use cookies for a variety of reasons detailed below. There are no industry standard options for disabling cookies without completely\\r\\n disabling the functionality and features they add to this site. It is recommended that you allow all cookies on this site if you are not\\r\\n sure whether you need them or not.\\r\\n
\\r\\n\\r\\n
We do not use cookies to collect or store your personal information.
\\r\\n\\r\\n\\r\\n
\\r\\n Disabling Cookies\\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n You can prevent the setting of cookies by adjusting the settings on your browser. Be aware that disabling cookies will affect the functionality of this and many other websites that you visit. Disabling cookies will result in also disabling certain functionality and\\r\\n features of this site. Therefore, it is recommended that you do not disable cookies.\\r\\n
\\r\\n\\r\\n
If you still wish to disable cookies, information on doing so can be found on the following sites:
\\r\\n\\r\\n
http://support.microsoft.com/kb/196955 - Cookie settings in Internet Explorer
\\r\\n\\r\\n
http://support.mozilla.com/en-US/kb/Cookies - Cookie settings in Firefox
\\r\\n\\r\\n
http://www.google.com/support/chrome/bin/answer.py?hl=en&answer=95647 - Cookie settings in Chrome
\\r\\n\\r\\n
http://docs.info.apple.com/article.html?path=Safari/3.0/en/9277.html - Cookie settings in Safari
\\r\\n\\r\\n
The Cookies We Set \\r\\n
Third Party Cookies \\r\\n
\\r\\n \\r\\n Google Analytics \\r\\n
\\r\\n\\r\\n
\\r\\n Google Analytics does not store any personal information; we’re able to see statistical information on how this site is used, but we are not able to relate that information to a specific person or device.\\r\\n
\\r\\n\\r\\n
\\r\\n Data is retained in Google Analytics for 26 months, and is not shared with any third parties.\\r\\n
\\r\\n\\r\\n
\\r\\n For more information on Google Analytics cookies, see the official Google Analytics page.\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n Pingdom\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n Contact\\r\\n \\r\\n\\r\\n
\\r\\n Questions, comments and requests regarding this policy are welcomed and should be addressed to info@myhomemove.com – we will endeavour to respond as soon as possible.\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/fine-print/cookie-policy/cookie-policy.component.html\n// module id = ./src/app/fine-print/cookie-policy/cookie-policy.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-cookie-policy',\r\n templateUrl: './cookie-policy.component.html',\r\n styleUrls: ['./cookie-policy.component.css']\r\n})\r\nexport class CookiePolicyComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/fine-print/cookie-policy/cookie-policy.component.ts","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { CookiePolicyComponent } from './cookie-policy/cookie-policy.component'\r\nimport { PrivacyPolicyComponent } from './privacy-policy/privacy-policy.component'\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component'\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { MyRewardNameResolver } from '../myreward/myreward-name.resolver.service';\r\nimport { AuthGuard } from '../auth/auth.guard';\r\n\r\nconst routes: Routes = [\r\n {\r\n path: 'fine-print',\r\n component: SecureLayoutComponent,\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n myRewardName: MyRewardNameResolver\r\n },\r\n canActivate: [AuthGuard],\r\n children: [\r\n {\r\n path: 'privacy-policy',\r\n component: PrivacyPolicyComponent\r\n },\r\n {\r\n path: 'cookie-policy',\r\n component: CookiePolicyComponent\r\n }\r\n ]\r\n },\r\n // these two represent the old routes - they redirect to the new fine print routes,\r\n // in case some sick individual has bookmarked the urls!\r\n {\r\n path: 'privacyPolicy',\r\n redirectTo: 'fine-print/privacy-policy' \r\n },\r\n {\r\n path: 'cookiePolicy',\r\n redirectTo: 'fine-print/cookie-policy' \r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class FinePrintRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/fine-print/fine-print-routing.module.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { PrivacyPolicyComponent } from './privacy-policy/privacy-policy.component';\r\nimport { CookiePolicyComponent } from './cookie-policy/cookie-policy.component';\r\nimport { FinePrintRoutingModule } from './fine-print-routing.module'\r\n\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n FinePrintRoutingModule\r\n ],\r\n declarations: [\r\n PrivacyPolicyComponent,\r\n CookiePolicyComponent\r\n ]\r\n})\r\nexport class FinePrintModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/fine-print/fine-print.module.ts","module.exports = \"a{\\r\\n cursor:pointer;\\r\\n margin:0 0 6px 0;\\r\\n color: #0F3A57;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important; \\r\\n}\\r\\n\\r\\nh3\\r\\n{\\r\\n margin-bottom: 20px;\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\nh4 \\r\\n{\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n color: #4c4c4c;\\r\\n margin: 5px 0 5px;\\r\\n}\\r\\n\\r\\nul, ol\\r\\n{\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n\\r\\nol li {\\r\\n margin-bottom: 10px;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/fine-print/privacy-policy/privacy-policy.component.css\n// module id = ./src/app/fine-print/privacy-policy/privacy-policy.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
Introduction and General Terms \\r\\n\\r\\n
\\r\\n This website is operated by My Home Move Limited, a registered company in England and Wales under company number 03874320 and with our registered office at 1 Frances Way, Grove Park, Enderby, Leicester, LE19 1SH (“My Home Move”, “we”, “us” or “our” in this policy).\\r\\n
\\r\\n\\r\\n
\\r\\n My Home Move Limited is committed to complying with the UK’s Data Protection law and the EU General Data Protection Regulations (GDPR) for the protection of personal data, as well as the principles of data security in the configuration of our service. Where we decide the purpose and means for which personal data you supply through this website is processed, we are the “data controller.”
If you have any questions or comments about this privacy policy or how we use your personal data, please contact our Data Protection Officer:\\r\\n
\\r\\n\\r\\n
\\r\\n The Data Protection OfficerDataProtection@MyHomeMove.com \\r\\n
\\r\\n\\r\\n
\\r\\n This privacy policy relates to our use of any personal information you provide to us through this website and any other electronic communications networks such as emails, social media, web chat etc.\\r\\n
\\r\\n\\r\\n
\\r\\n The types of personal data we collect and use\\r\\n \\r\\n\\r\\n
\\r\\n Whether or not you become a user of My Home Move, we may use your personal data for the reasons set out below. If you become a customer My Home Move will use it to either provide the conveyancing services to you or to fulfil our contract with you. My Home Move will collect most of the data indirectly but information collected both directly and indirectly are mentioned in this statement.\\r\\n
\\r\\n\\r\\n
\\r\\n Full name and personal details including contact information (e.g. work and home address and address history, email addresses (personal and work), telephone numbers) \\r\\n Job title and company details. \\r\\n IP address. \\r\\n \\r\\n\\r\\n\\r\\n
\\r\\n Monitoring of communications\\r\\n \\r\\n\\r\\n
\\r\\n Subject to applicable laws, we may monitor and record your calls, emails, text messages, social media messages and other communications in relation to your dealings with us. My Home Move will do this for self-regulatory practices, crime prevention and detection, to protect the security of our communication systems and procedures, to check for obscene or profane content, for quality control and staff training.\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n Using your personal data: the legal basis and purposes\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n MHM processes your personal data for the following reasons:\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n As necessary to perform its contract with you for the relevant conveyancing service:\\r\\n \\r\\n\\r\\n \\r\\n As necessary for My Home Move’s own legitimate interests or those of other persons and organisations, for example:\\r\\n \\r\\n\\r\\n \\r\\n As necessary to comply with a legal obligation, for example:\\r\\n \\r\\n\\r\\n Based on your consent, for example:\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n Please note that you are free at any time to change your mind and withdraw your consent. The consequence might be that we cannot do certain things for you.\\r\\n
\\r\\n \\r\\n
Sharing of your personal data \\r\\n\\r\\n
Subject to applicable data protection laws we may share your data with:
\\r\\n\\r\\n
\\r\\n The My Home Move Limited group of companies which means our subsidiaries, our ultimate holding company and its subsidiaries. \\r\\n Sub-contractors and other persons who help us provide conveyancing services; \\r\\n Companies and other persons providing services to us; \\r\\n Our rewards provider e.g. my rewards. \\r\\n Our legal and other professional advisors, including our auditors and insurers; \\r\\n Fraud prevention agencies, reference agencies when you apply for a role and periodically during your employment (if applicable); \\r\\n Government bodies and agencies in the UK and overseas (e.g. HMRC who may in turn share it with relevant overseas tax authorities), the Land Registry, and with our regulators (e.g. Information Commissioner’s Office); \\r\\n Courts, to comply with legal requirements, and for the administration of justice; \\r\\n In an emergency or to otherwise protect vital interests; \\r\\n To third parties in order to protect the security or integrity of our business operations; \\r\\n To third parties when we restructure or sell our business or its assets or re-organise or merge; \\r\\n Market research organisations who help to improve our services; \\r\\n To our Finance department, accounts and to banks who may transfer your personal data to others as necessary for regulatory purposes, to process transactions, to resolve disputes and for statistical purposes, including sending your personal data overseas; and, \\r\\n Anyone else where we have your consent or as required by law. \\r\\n \\r\\n \\r\\n
How you use our website (analytics) \\r\\n\\r\\n
\\r\\n You can visit our website without giving away your personal information. My Home Move Limited uses Google Analytics and Cookies in order to improve our service, user experience and analyse how the website is used. Aside from the approximate location (IP address), the information collected by Google Analytics is mostly anonymous traffic data including browser information, device information, language.\\r\\n
\\r\\n\\r\\n
\\r\\n We do not collect additional information, such as your age, gender, interests, bank details or clickstream.\\r\\n
\\r\\n\\r\\n
\\r\\n The collected information is used to provide an overview of how people are accessing and using the My Home Move Website. It is not used for any additional purpose, such as to profile those who access our website.\\r\\n
\\r\\n\\r\\n
International transfers \\r\\n \\r\\n
\\r\\n Your personal data may be transferred outside of the European Economic Area (EEA). These countries may not necessarily have data protection laws as comprehensive or protective as countries within the EEA; however, our collection, storage and use of your personal data will at all time continue to be governed by this Privacy Policy. My Home Move is comfortable that the data processors that process your data and transfer of data outside of the EEA are subject to appropriate and adequate safeguards, to ensure compliance with current Data Protection Legislation. Your rights and the legal remedies available to you are enforceable against My Home Move and our data processors. Further details can be obtained by emailing DataProtection@myhomemove.com\\r\\n
\\r\\n\\r\\n
What if I am aged 18 or under? \\r\\n\\r\\n
\\r\\n If you are aged 18 or under, please get your parent/guardian’s prior permission whenever you provide personal information through the My Home Move Limited website. Users without this consent are not allowed to provide us with personal information. Please note that individuals under 18 are unable to purchase a property in the United Kingdom.\\r\\n
\\r\\n \\r\\n\\r\\n
Links to websites of other providers third parties \\r\\n\\r\\n
\\r\\n Please note that this data privacy policy only applies to My Home Move Limited and we are not responsible for, and have no control over, information that is submitted to or collected by third parties, such as those where our websites may provide links and banner advertisements to third party sites. Since we do not control those websites, you are responsible for reviewing and abiding by the privacy policies of these third party sites to ensure they comply with the applicable data protection regulations.\\r\\n
\\r\\n\\r\\n
Cookies \\r\\n\\r\\n
\\r\\n Please refer to our cookie policy for information about cookies, what they are used for and your rights to object to them.\\r\\n
\\r\\n\\r\\n
How long will the data be stored for? \\r\\n
\\r\\n Where possible, My Home Move Limited will take steps to erase any personal data that is no longer necessary for the purposes for which it is collected or otherwise processed, or if you have withdrawn consent for it’s processing and retention.\\r\\n
\\r\\n
\\r\\n The following criteria are used to determine data retention periods for your personal data:\\r\\n
\\r\\n\\r\\n
\\r\\n Retention in accordance with legal and regulatory requirements: My Home Move Limited will retain your personal data based our legal and regulatory requirements.Retention in case of claims: My Home Move Limited will retain your personal data for as long as you may bring a legal claim.Retention in case of queries: My Home Move Limited will retain your personal data for as long as they are legally able to do so to enable us to deal with any queries you may have. \\r\\n\\r\\n\\r\\n
\\r\\n Protecting your privacy\\r\\n \\r\\n\\r\\n \\r\\n
\\r\\n In order to protect the personal data collected from you by My Home Move Limited against accidental or deliberate manipulation, loss, destruction or the access of unauthorised persons, technical and organisational security measures are constantly improved as part of our technological development. In addition, our employees, subcontractors and other support staff are obligated to observe confidentiality and data privacy.\\r\\n
\\r\\n\\r\\n
\\r\\n Any access to your data that is stored at our company only takes place through an encrypted connection. By using the most up-to-date firewall systems, we provide the best possible protection for your data. Our website, as well as our internal case management systems, and our external case management portals (Client eWay and Introducer eWay) are encrypted using a SSL/TLS (Secure Sockets Layer/ Transport Layer Security) connection. SSL is an industry standard and is used by millions of websites in the protection of their online transactions with their customers.\\r\\n
\\r\\n\\r\\n
\\r\\n Wherever possible, we have tried to create a secure and reliable website for our users. However, you recognise that your use of the Internet and our website is entirely at your own risk and we have no responsibility or liability for the security of personal information transmitted via the Internet. All passwords and usernames allocated to you must be kept secret and must not be disclosed to anyone without our prior written authorisation. You must not use any false identity or email or other network communications and you must not attempt or participate in the unauthorised entry or viewing of another user’s account or into another system.\\r\\n
\\r\\n\\r\\n
\\r\\n You must not use the services and/or network systems or any part thereof for fraudulent activities, or to breach another organisation’s security (cross-network hacking). You must not use any computer, computer equipment, network resources or any services provided by us for any illegal purpose, or for accessing, receiving or transmitting any material deemed illegal, indecent, offensive or otherwise unacceptable under UK Law.\\r\\n
\\r\\n\\r\\n
\\r\\n We will monitor network traffic from time to time for the purposes of backup and problem solving and in order to ensure that you are not misusing any of the services provided to you.\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n Breaches\\r\\n \\r\\n\\r\\n
\\r\\n If at any time we become aware that your data has been compromised, or that a breach of our systems and controls has occurred, which has an impact on the security of your data, we will notify the Information Commissioner’s Office, and you, without delay.\\r\\n
\\r\\n\\r\\n\\r\\n
Your rights under applicable data protection law \\r\\n\\r\\n\\r\\n
Your rights are as follows (please note that these rights do not always apply in all circumstances):
\\r\\n\\r\\n
\\r\\n The right to be informed about how we are processing your personal data; \\r\\n The right to have your personal data corrected if it is inaccurate and to have incomplete personal data completed; \\r\\n The right to object to processing of your personal data; \\r\\n The right to restrict processing of your personal data; \\r\\n The right to have your personal data erased; \\r\\n The right to request access to your personal data and information about how we process it; \\r\\n The right to move, copy, transfer your personal data (“data portability”); and \\r\\n Rights in relation to automated decision making including profiling. \\r\\n \\r\\n\\r\\n
\\r\\n If you would like to exercise any of the above rights, please contact our Data Protection officer in writing:\\r\\n
\\r\\n \\r\\n
\\r\\n Data Protection Officer\\r\\n DataProtection@MyHomeMove.com \\r\\n
\\r\\n \\r\\n
\\r\\n Right to Complain\\r\\n \\r\\n \\r\\n
\\r\\n You have the right to complain about Data Protection to My Home Move’s supervisory authority the Information Commissioner’s Office (ICO). It has enforcement powers and can investigate compliance with data protection laws. You can contact the ICO on 0303 123 1113 or by visiting their website:\\r\\n\\r\\n https://ico.org.uk. \\r\\n
\\r\\n \\r\\n
\\r\\n Changes to the Privacy Policy\\r\\n \\r\\n \\r\\n
\\r\\n This policy will be reviewed, and may change, from time to time as a result of further development of our website, changes to legislation or the implementation of new technologies. My Home Move reserves the right to change this data protection information at any time with effect for the future. The revised policy will be posted to this page so that you are always aware of the information we collect, how we use it and under what circumstances we disclose it. We therefore recommend you read the current data protection information again from time to time.\\r\\n
\\r\\n \\r\\n
Last updated: 18 May 2018\\r\\n
Date of Next Review: 18 May 2019
\\r\\n\\r\\n
\\r\\n
\\r\\n
\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/fine-print/privacy-policy/privacy-policy.component.html\n// module id = ./src/app/fine-print/privacy-policy/privacy-policy.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-privacy-policy',\r\n templateUrl: './privacy-policy.component.html',\r\n styleUrls: ['./privacy-policy.component.css']\r\n})\r\nexport class PrivacyPolicyComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/fine-print/privacy-policy/privacy-policy.component.ts","export enum FormSubmissionStatus {\r\n unsubmitted = 0,\r\n error = 1,\r\n success = 2\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/forms/form-submission-status.enum.ts","export class Option {\r\n text: string;\r\n value: any;\r\n isSelected: boolean;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/forms/option.ts","import { Injector } from '@angular/core';\r\nimport { DatePipe } from '@angular/common';\r\nimport { Http, XHRBackend, RequestOptions } from '@angular/http';\r\n\r\nimport { CacheFreeHttp } from './cache-free-http.service';\r\n\r\n\r\nexport let createHttpService = (injector: Injector, xhrBackEnd: XHRBackend, requestOptions: RequestOptions ): Http => {\r\n return new CacheFreeHttp(xhrBackEnd, requestOptions);\r\n}\r\n\r\nexport let CacheFreeHttpProvider = {\r\n provide: Http,\r\n useFactory: createHttpService,\r\n deps: [ Injector, XHRBackend, RequestOptions ]\r\n};\n\n\n// WEBPACK FOOTER //\n// ./src/app/http/cache-free-http.service.factory.ts","import { Injectable } from '@angular/core';\r\nimport { Http, ConnectionBackend, Request, RequestOptions, RequestOptionsArgs, Response, URLSearchParams } from '@angular/http';\r\n\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/operator/do';\r\n\r\n// Thankyou Thierry Templier\r\n\r\n@Injectable()\r\nexport class CacheFreeHttp extends Http {\r\n urls = {};\r\n \r\n get(url: string, options?: RequestOptionsArgs): Observable
{\r\n if (this.urls[url]) {\r\n options = options || {};\r\n var params = new URLSearchParams();\r\n params.set('timestamp', (new Date()).getTime().toString());\r\n options.params = params;\r\n }\r\n \r\n return super.get(url, options).do(() => {\r\n this.urls[url] = true;\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/http/cache-free-http.service.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n padding: 5px 30px 20px;\\r\\n border-top-left-radius: 2px;\\r\\n}\\r\\n\\r\\n.rightDS {\\r\\n padding:2px;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.row\\r\\n{\\r\\n margin-left: 0;\\r\\n}\\r\\n\\r\\n.card-body.card-padding {\\r\\n padding-bottom: 5px; \\r\\n}\\r\\n\\r\\n.filter-container {\\r\\n background-color: #FFFFFF;\\r\\n padding: 0 0 30px 0;\\r\\n z-index:11;\\r\\n position: absolute;\\r\\n border-radius: 2px;\\r\\n clear:both;\\r\\n margin: 0px ;\\r\\n width: 100%;\\r\\n top: 0;\\r\\n}\\r\\n\\r\\n.overlay {\\r\\n width: 100%;\\r\\n height: 100%; \\r\\n z-index: 10;\\r\\n top: 0; \\r\\n left: 0; \\r\\n position: fixed!important;\\r\\n background-color: rgba(0, 0, 0, 0.5);\\r\\n}\\r\\n\\r\\n.button-panel p {\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n padding: 15px 0;\\r\\n text-align: left;\\r\\n border-bottom: 2px solid #ddd;\\r\\n}\\r\\n\\r\\n.btn-icon-text {\\r\\n\\r\\n width: 142px;\\r\\n}\\r\\n\\r\\n.btn-width-auto {\\r\\n width: auto!important;\\r\\n}\\r\\n\\r\\n.btn-mhm {\\r\\n padding: 18px 20px;\\r\\n margin: 0;\\r\\n width: 100%;\\r\\n font-size: 14px;\\r\\n text-transform: uppercase;\\r\\n color: #4c4c4c!important;\\r\\n -webkit-box-shadow: none;\\r\\n box-shadow: none;\\r\\n background-color: #f8f8f8!important;\\r\\n border-bottom: 1px solid #ddd;\\r\\n text-align: left;\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n.btn-mhm:last-of-type {\\r\\n margin-right: 0px;\\r\\n border-bottom: 0;\\r\\n}\\r\\n\\r\\n.btn-mhm.active {\\r\\n background-color: #C6579A!important;\\r\\n color: #fff!important;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.btn-mhm.active:after {\\r\\n content: '\\\\f138';\\r\\n font-family: \\\"FontAwesome\\\";\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n.button-panel p {\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n padding: 15px 0;\\r\\n text-align: left;\\r\\n border-bottom: 2px solid #ddd;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate.disabled {\\r\\n background-color: #f6f6f6;\\r\\n color: #999;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n.btn-remove, .btn-remove:hover {\\r\\n background-color: #C6579A!important;\\r\\n color: #ffffff;\\r\\n}\\r\\n\\r\\n.btn-action {\\r\\n margin: 0 15px 20px;\\r\\n}\\r\\n\\r\\n.btn-cancel{\\r\\n color: #ffffff;\\r\\n background-color: #C6579A;\\r\\n border-color: #C6579A;\\r\\n margin: 3px 10px 10px 0;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.section-title {\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 0px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: 0px;\\r\\n padding-top: 30px;\\r\\n padding-left: 33px;\\r\\n padding-right: 0;\\r\\n padding-bottom: 30px;\\r\\n width: 100%;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);\\r\\n font-size: 15px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.aml-section-title\\r\\n{\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 10px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: -35px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 30px;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n}\\r\\n\\r\\nsmall\\r\\n{\\r\\n display:block;\\r\\n text-transform: none!important;\\r\\n opacity: 0.8;\\r\\n font-size: 12px;\\r\\n}\\r\\n\\r\\n.form-components {\\r\\n clear: both;\\r\\n padding: 15px 35px 0px;\\r\\n}\\r\\n\\r\\nlabel.dob {\\r\\n color: #959595;\\r\\n padding-bottom: 3px;\\r\\n}\\r\\n\\r\\n.radio-custom{\\r\\n\\r\\n margin-top: 0;\\r\\n padding-left: 25px;\\r\\n display: block;\\r\\n}\\r\\n\\r\\nh4 {\\r\\n padding: 15px 15px 10px;\\r\\n margin-top: 0;\\r\\n text-transform: uppercase;\\r\\n color: #5e5e5e;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n border-right: 1px solid #e0e0e0!important;\\r\\n border-left: 1px solid #e0e0e0!important;\\r\\n border-top: 1px solid #e0e0e0!important;\\r\\n padding: 10px!important;\\r\\n}\\r\\n\\r\\n.comments-label.fg-label{\\r\\n padding: 3px 0 0 10px;\\r\\n}\\r\\n\\r\\n.has-error > .fg-line:after {\\r\\n background: none!important;\\r\\n }\\r\\n\\r\\n.fg-float .fg-toggled .comments-label.fg-label{\\r\\n padding: 3px 0 0 0px;\\r\\n font-weight: 500;\\r\\n}\\r\\n\\r\\n.toggle-switch {\\r\\n padding-left: 20px;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {\\r\\n background: rgba(0, 178, 136, 0.5);\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-label {\\r\\n min-width: 150px;\\r\\n margin: 0 20px 0 35px;\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-helper{\\r\\n margin-bottom: 8px;\\r\\n}\\r\\n\\r\\n.toggle-switch input {\\r\\n height: 45px;\\r\\n}\\r\\n\\r\\n.action-block > div > .popover-wrapper .popover{\\r\\n width: auto;\\r\\n}\\r\\n\\r\\n.action-block > div > .popover-wrapper {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.action-block div {\\r\\n /* width: 50%; */\\r\\n padding:5px 0 0; \\r\\n }\\r\\n\\r\\n.popover-wrapper:after {\\r\\n display:block;\\r\\n content: '';\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n.popover{\\r\\n display: block;\\r\\n color: #959595;\\r\\n background-color: rgba(255, 255, 255, 1);\\r\\n border-color:rgba(255, 255, 255, 0.3);\\r\\n left: inherit;\\r\\n padding: 15px 5px 5px 15px!important;\\r\\n font-size: 13px;\\r\\n max-width: 300px;\\r\\n}\\r\\n\\r\\n.popover-title{\\r\\n padding: 0px 0 5px;\\r\\n background: none;\\r\\n text-align: center;\\r\\n font-weight: 600;\\r\\n color: #959595;\\r\\n}\\r\\n\\r\\n.popover-title > i {\\r\\n color: #f6665d;\\r\\n}\\r\\n\\r\\n.popover-content {\\r\\n padding: 0;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.popover-quote{\\r\\n top: -66px;\\r\\n right: -35px;\\r\\n}\\r\\n\\r\\n.popover.top > .arrow{\\r\\n opacity: 1;\\r\\n width: auto!important;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate.disabled {\\r\\n background-color: #f6f6f6;\\r\\n color: #999;\\r\\n float: right;\\r\\n}\\r\\n\\r\\nselect {\\r\\n font-size:12px;\\r\\n height:30px;\\r\\n white-space: normal;\\r\\n word-wrap: normal !important;\\r\\n white-space: normal;\\r\\n}\\r\\n\\r\\nmy-date-picker{\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.address-search {\\r\\n margin-top: 15px;\\r\\n}\\r\\n\\r\\n.address-search-container input {\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.address-search-container > select option:first-of-type {\\r\\n color: #ccc!important;\\r\\n}\\r\\n\\r\\n.address-search-container {\\r\\n border: 1px solid #EEEEEE;\\r\\n background-color: #F8F8F8;\\r\\n display: block;\\r\\n margin: 10px 15px 20px;\\r\\n padding: 10px 20px;\\r\\n min-width: 56.5%;\\r\\n}\\r\\n\\r\\n.address-search-container h5{\\r\\n padding: 0 0 10px;\\r\\n color: #6E6E6E;\\r\\n font-size: 13px;\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.address-content {\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n.address-search button {\\r\\n margin: 0 10px 20px 15px;\\r\\n}\\r\\n\\r\\n.country-label, .manual-check-label {\\r\\n top: -20px;\\r\\n font-size: 11px;\\r\\n}\\r\\n\\r\\n@media (max-width: 387px)\\r\\n{ \\r\\n .popover-quote {\\r\\n top: -76px;\\r\\n right: 0px;\\r\\n left: 0;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active, .btn-mhm-generate.disabled \\r\\n {\\r\\n float: none;\\r\\n width: 100%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 320px)\\r\\n{ \\r\\n .popover-quote {\\r\\n top: -96px;\\r\\n }\\r\\n\\r\\n \\r\\n}\\r\\n\\r\\n.quote-additional-info p{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n padding: 20px 0;\\r\\n}\\r\\n\\r\\n.quote-additional-info p {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/id-aml-checks/check-create/check-create.component.css\n// module id = ./src/app/id-aml-checks/check-create/check-create.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
Who is this check for?
\\r\\n
\\r\\n {{ selectedBranch.name }}\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
(this.idAmlCheckForm.controls['clients'])).controls.length < this.maxNumberOfClients;\r\n }\r\n\r\n isCheckModification() {\r\n return this.idAmlCheck !== null;\r\n }\r\n\r\n get headingText() {\r\n if (this.isCheckModification()) {\r\n return `Modify check - ${this.idAmlCheck.id}`;\r\n } else {\r\n return `Create an ID & AML check`;\r\n }\r\n}\r\n\r\n\r\n\r\n //PERMISSIONS & ROUTES\r\n processRouteParameters(params: Params) {\r\n if (params.hasOwnProperty('id')) {\r\n this.idAmlCheckService.getIDAMLCheckById(params['id'])\r\n .subscribe((response: Response) =>\r\n {\r\n this.processIDAMLCheck(response);\r\n },\r\n (error) => {\r\n });\r\n }\r\n }\r\n \r\n processPermissions(permissions: PermissionV20State): void {\r\n let branchDescriptorSingular = permissions.getBranchDescriptorSingular();\r\n this.branchDescriptorSingular = branchDescriptorSingular;\r\n // this.branches = permissions.getOptionsForPermissionType('CaseManagementView', true);\r\n // this.companyConfigurationPermissions = permissions.getPermissionsOfTypeAtLevel('IDCheck', 1);\r\n \r\n var branchOptions = permissions.getOptionsForPermissionType('IDCheck', true);\r\n if (branchOptions) {\r\n this.userService.getBranchListWithLawFirms(branchOptions).subscribe(result => {\r\n this.branches = result;\r\n this.initialiseBranches();\r\n });\r\n } \r\n }\r\n\r\n processIDAMLCheck(response: Response): void {\r\n if (response.status === 200) {\r\n let idAml = response.json();\r\n this.idAmlCheck = idAml;\r\n if (this.isCheckModification())\r\n {\r\n this.selectedBranches = [];\r\n this.selectedBranches.push({\"id\":this.idAmlCheck.introducerCode, \"name\": this.idAmlCheck.branchName});\r\n this.selectBranch();\r\n // this.idAmlCheckForm.controls['checkType'].setValue(idAml.checkType);\r\n // this.idAmlCheckForm.controls['transactionType'].setValue(idAml.transactionType);\r\n \r\n this.idAmlCheckForm.controls['isManual'].setValue(idAml.isManual);\r\n this.idAmlCheckForm.controls['manualReason'].setValue(idAml.manualReason);\r\n\r\n this.introducerCode = idAml.introducerCode\r\n let clients = this.idAmlCheckForm.controls['clients'];\r\n this.clientControls.removeAt(0);\r\n let client = this.initialiseClient();\r\n \r\n client.controls['name'].setValue(idAml.name);\r\n client.controls['dateOfBirth'].setValue(idAml.dateOfBirth);\r\n\r\n let dateOfBirth = new Date(idAml.dateOfBirth);\r\n this.setDateOfBirth(dateOfBirth, client);\r\n \r\n let tel = client.controls['telephone'];\r\n tel.controls['mobileNumber'].setValue(idAml.mobile);\r\n tel.controls['mobileCountry'].setValue(idAml.mobileCountry);\r\n\r\n client.controls['email'].setValue(idAml.email);\r\n\r\n\r\n let clientAddress = client.controls['address'];\r\n if (clientAddress) \r\n {\r\n clientAddress.controls['line1'].setValue(idAml.addressLine1);\r\n clientAddress.controls['line2'].setValue(idAml.addressLine2);\r\n clientAddress.controls['line3'].setValue(idAml.addressLine3);\r\n clientAddress.controls['town'].setValue(idAml.addressTown);\r\n clientAddress.controls['postcode'].setValue(idAml.addressPostcode);\r\n clientAddress.controls['country'].setValue(idAml.addressCountry);\r\n }\r\n \r\n this.clientControls.push(client);\r\n }\r\n }\r\n }\r\n\r\n public get isAdminUser(): Boolean\r\n {\r\n return this.permissions.isAdminUser();\r\n }\r\n\r\n // INITIALISE CONTROLS\r\n initialiseIDAMLCheckForm() {\r\n return this.formBuilder.group({\r\n 'transactionType': ['Sale', Validators.required],\r\n 'clients': this.formBuilder.array([]),\r\n 'isManual': [false, Validators.required],\r\n 'manualReason': [''],\r\n // 'propertyAddress': this.createAddress(),\r\n // 'referConveyancing': ['', Validators.required],\r\n // 'actingFor': ['', Validators.required],\r\n // 'referralNotes': ['', Validators.required],\r\n },{ validator: (group) => {\r\n if (group.controls.isManual.value == true) {\r\n return Validators.required((group.controls.manualReason));\r\n }\r\n return null;\r\n }});\r\n }\r\n\r\n initialiseBranchSettings(): void {\r\n this.branchSettings = { \r\n singleSelection: true, \r\n text:`-- Please select your ${this.branchDescriptorSingular}`+` --`,\r\n enableSearchFilter: true,\r\n searchPlaceholderText: `Search for your ${this.branchDescriptorSingular}`,\r\n searchAutofocus: true,\r\n classes: \"app-list-filter\",\r\n enableFilterSelectAll: false\r\n };\r\n }\r\n\r\n initialiseClient(): FormGroup {\r\n let clientForm = this.formBuilder.group({\r\n 'name': ['', [ValidationService.clientValidator]],\r\n 'dateOfBirth': ['',[Validators.required]],\r\n 'email': ['', [Validators.required, ValidationService.emailValidator]],\r\n 'address': this.createAddress(),\r\n 'telephone': this.initialiseMobileNumber(),\r\n });\r\n\r\n // let mobileNumber = clientForm.controls['mobileNumber'];\r\n // if (clientForm.controls['mobileCountry'].value == \"GB\") {\r\n // mobileNumber.setValidators(ValidationService.mobileValidator);\r\n // console.log(\"UK NUMBER!!\");\r\n // }\r\n \r\n return clientForm; \r\n }\r\n\r\n initialiseMobileNumber(): FormGroup {\r\n {\r\n let mobileForm = this.formBuilder.group({\r\n 'mobileNumber': ['', [ValidationService.clientValidator, ValidationService.mobileValidator]],\r\n 'mobileCountry': ['GB', [ValidationService.clientValidator, ValidationService.mobileValidator ]],\r\n }, {validator: ValidationService.mobileValidator});\r\n return mobileForm;\r\n };\r\n\r\n }\r\n\r\n initialiseBranches(): void {\r\n if (this.branches) {\r\n if (this.branches.length > 1) {\r\n this.branches.forEach(b => \r\n {\r\n this.branchList.push( {\"id\": b.value, \"itemName\": b.text} );\r\n }\r\n );\r\n } else if (this.branches.length === 1) {\r\n this.branches.forEach(b => \r\n {\r\n this.branchList.push( {\"id\": b.value, \"itemName\": b.text} );\r\n this.selectedBranches.push( {\"id\": b.value, \"itemName\": b.text} );\r\n }\r\n \r\n );\r\n this.singleBranch = true;\r\n this.selectBranch();\r\n }\r\n }\r\n }\r\n\r\n\r\n showBranchPanel()\r\n {\r\n return this.branches.length > 1;\r\n }\r\n\r\n \r\n get clientControls(): FormArray {\r\n return this.idAmlCheckForm.controls['clients'];\r\n }\r\n\r\n showClientControls()\r\n { \r\n let clients = this.idAmlCheckForm.controls['clients'];\r\n let formGroup: FormGroup = null;\r\n if (clients.controls.length === 0)\r\n {\r\n // no clients entered yet - we are creating an initial id/aml check, not modifying an existing check\r\n formGroup = this.initialiseClient()\r\n return clients.push(formGroup);\r\n }\r\n }\r\n\r\n \r\n\r\n createAddress() {\r\n return this.formBuilder.group({\r\n 'searchTerm': ['', Validators.nullValidator],\r\n 'selection': [0, Validators.nullValidator],\r\n 'line1': ['', ValidationService.fullAddressValidator],\r\n 'line2': ['', Validators.nullValidator],\r\n 'line3': ['', Validators.nullValidator],\r\n 'town': ['', Validators.nullValidator],\r\n 'postcode': ['', ValidationService.fullAddressValidator],\r\n 'country': ['', ValidationService.countryValidator]\r\n }, Validators.required);\r\n }\r\n\r\n onBranchSelect(item:any)\r\n {\r\n this.selectBranch();\r\n }\r\n\r\n onBranchDeselect(item: any)\r\n {\r\n }\r\n\r\n selectBranch() {\r\n // this.branchLoading = true;\r\n let companyBranchCode = this.selectedCompanyBranchCode;\r\n this.getCompanyConfiguration(companyBranchCode)\r\n this.showClientControls();\r\n\r\n }\r\n\r\n getCompanyConfiguration(companyBranchCode: string): Observable {\r\n if (this.companyConfigurationPermissions.filter(permission => permission.id === companyBranchCode).length > 0) {\r\n let companyCode = companyBranchCode.split('-')[0];\r\n return this.companyService.getConfiguration(companyCode);\r\n }\r\n return of({ enableIdCheck: true} as CompanyConfiguration);\r\n }\r\n\r\n setDateOfBirth(toDate: Date, client: FormGroup): void\r\n {\r\n \r\n client.patchValue({dateOfBirth: {\r\n date: {\r\n year: toDate.getFullYear(),\r\n month: toDate.getMonth() + 1,\r\n day: toDate.getDate()\r\n }\r\n }});\r\n this.selectedDOB = toDate;\r\n }\r\n\r\npublic idAmlTransactionTypeOptions: Option[] = \r\n[\r\n { value: \"Sale\", text: \"Sale\", isSelected: true },\r\n { value: \"Purchase\", text: \"Purchase\", isSelected: false },\r\n];\r\n\r\npublic manualCheckOptions: Option[] = [\r\n { \"text\": '-- Please select a reason --', \"value\": \"\", isSelected: true},\r\n { \"text\": 'Technologically incapable', \"value\": 'Technologically incapable', isSelected: false},\r\n { \"text\": 'Elderly or infirm', \"value\": 'Elderly or infirm', isSelected: false },\r\n];\r\n\r\npublic countries: Option[] = [\r\n { text: '-- Please select a country --', value: \"\", isSelected: true },\r\n { text: 'England', value: 'England', isSelected: false},\r\n { text: 'Wales', value: 'Wales', isSelected: false },\r\n];\r\n\r\npublic mobileCountryCodes: Option[] = [\r\n{ value: \"\", text: \"-- Please select a country --\", isSelected: false},\r\n{ value: \"AF\", text: \"Afghanistan\", isSelected: false},\r\n{ value: \"AX\", text: \"Åland Islands\", isSelected: false},\r\n{ value: \"AL\", text: \"Albania\", isSelected: false},\r\n{ value: \"DZ\", text: \"Algeria\", isSelected: false},\r\n{ value: \"AS\", text: \"American Samoa\", isSelected: false},\r\n{ value: \"AD\", text: \"Andorra\", isSelected: false},\r\n{ value: \"AO\", text: \"Angola\", isSelected: false},\r\n{ value: \"AI\", text: \"Anguilla\", isSelected: false},\r\n{ value: \"AQ\", text: \"Antarctica\", isSelected: false},\r\n{ value: \"AG\", text: \"Antigua and Barbuda\", isSelected: false},\r\n{ value: \"AR\", text: \"Argentina\", isSelected: false},\r\n{ value: \"AM\", text: \"Armenia\", isSelected: false},\r\n{ value: \"AW\", text: \"Aruba\", isSelected: false},\r\n{ value: \"AU\", text: \"Australia\", isSelected: false},\r\n{ value: \"AT\", text: \"Austria\", isSelected: false},\r\n{ value: \"AZ\", text: \"Azerbaijan\", isSelected: false},\r\n{ value: \"BS\", text: \"Bahamas\", isSelected: false},\r\n{ value: \"BH\", text: \"Bahrain\", isSelected: false},\r\n{ value: \"BD\", text: \"Bangladesh\", isSelected: false},\r\n{ value: \"BB\", text: \"Barbados\", isSelected: false},\r\n{ value: \"BY\", text: \"Belarus\", isSelected: false},\r\n{ value: \"BE\", text: \"Belgium\", isSelected: false},\r\n{ value: \"BZ\", text: \"Belize\", isSelected: false},\r\n{ value: \"BJ\", text: \"Benin\", isSelected: false},\r\n{ value: \"BM\", text: \"Bermuda\", isSelected: false},\r\n{ value: \"BT\", text: \"Bhutan\", isSelected: false},\r\n{ value: \"BO\", text: \"Bolivia (Plurinational State of)\", isSelected: false},\r\n{ value: \"BQ\", text: \"Bonaire, Sint Eustatius and Saba\", isSelected: false},\r\n{ value: \"BA\", text: \"Bosnia and Herzegovina\", isSelected: false},\r\n{ value: \"BW\", text: \"Botswana\", isSelected: false},\r\n{ value: \"BV\", text: \"Bouvet Island\", isSelected: false},\r\n{ value: \"BR\", text: \"Brazil\", isSelected: false},\r\n{ value: \"IO\", text: \"British Indian Ocean Territory\", isSelected: false},\r\n{ value: \"BN\", text: \"Brunei Darussalam\", isSelected: false},\r\n{ value: \"BG\", text: \"Bulgaria\", isSelected: false},\r\n{ value: \"BF\", text: \"Burkina Faso\", isSelected: false},\r\n{ value: \"BI\", text: \"Burundi\", isSelected: false},\r\n{ value: \"CV\", text: \"Cabo Verde\", isSelected: false},\r\n{ value: \"KH\", text: \"Cambodia\", isSelected: false},\r\n{ value: \"CM\", text: \"Cameroon\", isSelected: false},\r\n{ value: \"CA\", text: \"Canada\", isSelected: false},\r\n{ value: \"KY\", text: \"Cayman Islands\", isSelected: false},\r\n{ value: \"CF\", text: \"Central African Republic\", isSelected: false},\r\n{ value: \"TD\", text: \"Chad\", isSelected: false},\r\n{ value: \"CL\", text: \"Chile\", isSelected: false},\r\n{ value: \"CN\", text: \"China\", isSelected: false},\r\n{ value: \"CX\", text: \"Christmas Island\", isSelected: false},\r\n{ value: \"CC\", text: \"Cocos (Keeling) Islands\", isSelected: false},\r\n{ value: \"CO\", text: \"Colombia\", isSelected: false},\r\n{ value: \"KM\", text: \"Comoros\", isSelected: false},\r\n{ value: \"CG\", text: \"Congo\", isSelected: false},\r\n{ value: \"CD\", text: \"Congo, Democratic Republic of the\", isSelected: false},\r\n{ value: \"CK\", text: \"Cook Islands\", isSelected: false},\r\n{ value: \"CR\", text: \"Costa Rica\", isSelected: false},\r\n{ value: \"CI\", text: \"Côte d'Ivoire\", isSelected: false},\r\n{ value: \"HR\", text: \"Croatia\", isSelected: false},\r\n{ value: \"CU\", text: \"Cuba\", isSelected: false},\r\n{ value: \"CW\", text: \"Curaçao\", isSelected: false},\r\n{ value: \"CY\", text: \"Cyprus\", isSelected: false},\r\n{ value: \"CZ\", text: \"Czechia\", isSelected: false},\r\n{ value: \"DK\", text: \"Denmark\", isSelected: false},\r\n{ value: \"DJ\", text: \"Djibouti\", isSelected: false},\r\n{ value: \"DM\", text: \"Dominica\", isSelected: false},\r\n{ value: \"DO\", text: \"Dominican Republic\", isSelected: false},\r\n{ value: \"EC\", text: \"Ecuador\", isSelected: false},\r\n{ value: \"EG\", text: \"Egypt\", isSelected: false},\r\n{ value: \"SV\", text: \"El Salvador\", isSelected: false},\r\n{ value: \"GQ\", text: \"Equatorial Guinea\", isSelected: false},\r\n{ value: \"ER\", text: \"Eritrea\", isSelected: false},\r\n{ value: \"EE\", text: \"Estonia\", isSelected: false},\r\n{ value: \"SZ\", text: \"Eswatini\", isSelected: false},\r\n{ value: \"ET\", text: \"Ethiopia\", isSelected: false},\r\n{ value: \"FK\", text: \"Falkland Islands (Malvinas)\", isSelected: false},\r\n{ value: \"FO\", text: \"Faroe Islands\", isSelected: false},\r\n{ value: \"FJ\", text: \"Fiji\", isSelected: false},\r\n{ value: \"FI\", text: \"Finland\", isSelected: false},\r\n{ value: \"FR\", text: \"France\", isSelected: false},\r\n{ value: \"GF\", text: \"French Guiana\", isSelected: false},\r\n{ value: \"PF\", text: \"French Polynesia\", isSelected: false},\r\n{ value: \"TF\", text: \"French Southern Territories\", isSelected: false},\r\n{ value: \"GA\", text: \"Gabon\", isSelected: false},\r\n{ value: \"GM\", text: \"Gambia\", isSelected: false},\r\n{ value: \"GE\", text: \"Georgia\", isSelected: false},\r\n{ value: \"DE\", text: \"Germany\", isSelected: false},\r\n{ value: \"GH\", text: \"Ghana\", isSelected: false},\r\n{ value: \"GI\", text: \"Gibraltar\", isSelected: false},\r\n{ value: \"GR\", text: \"Greece\", isSelected: false},\r\n{ value: \"GL\", text: \"Greenland\", isSelected: false},\r\n{ value: \"GD\", text: \"Grenada\", isSelected: false},\r\n{ value: \"GP\", text: \"Guadeloupe\", isSelected: false},\r\n{ value: \"GU\", text: \"Guam\", isSelected: false},\r\n{ value: \"GT\", text: \"Guatemala\", isSelected: false},\r\n{ value: \"GG\", text: \"Guernsey\", isSelected: false},\r\n{ value: \"GN\", text: \"Guinea\", isSelected: false},\r\n{ value: \"GW\", text: \"Guinea-Bissau\", isSelected: false},\r\n{ value: \"GY\", text: \"Guyana\", isSelected: false},\r\n{ value: \"HT\", text: \"Haiti\", isSelected: false},\r\n{ value: \"HM\", text: \"Heard Island and McDonald Islands\", isSelected: false},\r\n{ value: \"VA\", text: \"Holy See\", isSelected: false},\r\n{ value: \"HN\", text: \"Honduras\", isSelected: false},\r\n{ value: \"HK\", text: \"Hong Kong\", isSelected: false},\r\n{ value: \"HU\", text: \"Hungary\", isSelected: false},\r\n{ value: \"IS\", text: \"Iceland\", isSelected: false},\r\n{ value: \"IN\", text: \"India\", isSelected: false},\r\n{ value: \"ID\", text: \"Indonesia\", isSelected: false},\r\n{ value: \"IR\", text: \"Iran (Islamic Republic of)\", isSelected: false},\r\n{ value: \"IQ\", text: \"Iraq\", isSelected: false},\r\n{ value: \"IE\", text: \"Ireland\", isSelected: false},\r\n{ value: \"IM\", text: \"Isle of Man\", isSelected: false},\r\n{ value: \"IL\", text: \"Israel\", isSelected: false},\r\n{ value: \"IT\", text: \"Italy\", isSelected: false},\r\n{ value: \"JM\", text: \"Jamaica\", isSelected: false},\r\n{ value: \"JP\", text: \"Japan\", isSelected: false},\r\n{ value: \"JE\", text: \"Jersey\", isSelected: false},\r\n{ value: \"JO\", text: \"Jordan\", isSelected: false},\r\n{ value: \"KZ\", text: \"Kazakhstan\", isSelected: false},\r\n{ value: \"KE\", text: \"Kenya\", isSelected: false},\r\n{ value: \"KI\", text: \"Kiribati\", isSelected: false},\r\n{ value: \"KP\", text: \"Korea (Democratic People's Republic of)\", isSelected: false},\r\n{ value: \"KR\", text: \"Korea, Republic of\", isSelected: false},\r\n{ value: \"KW\", text: \"Kuwait\", isSelected: false},\r\n{ value: \"KG\", text: \"Kyrgyzstan\", isSelected: false},\r\n{ value: \"LA\", text: \"Lao People's Democratic Republic\", isSelected: false},\r\n{ value: \"LV\", text: \"Latvia\", isSelected: false},\r\n{ value: \"LB\", text: \"Lebanon\", isSelected: false},\r\n{ value: \"LS\", text: \"Lesotho\", isSelected: false},\r\n{ value: \"LR\", text: \"Liberia\", isSelected: false},\r\n{ value: \"LY\", text: \"Libya\", isSelected: false},\r\n{ value: \"LI\", text: \"Liechtenstein\", isSelected: false},\r\n{ value: \"LT\", text: \"Lithuania\", isSelected: false},\r\n{ value: \"LU\", text: \"Luxembourg\", isSelected: false},\r\n{ value: \"MO\", text: \"Macao\", isSelected: false},\r\n{ value: \"MG\", text: \"Madagascar\", isSelected: false},\r\n{ value: \"MW\", text: \"Malawi\", isSelected: false},\r\n{ value: \"MY\", text: \"Malaysia\", isSelected: false},\r\n{ value: \"MV\", text: \"Maldives\", isSelected: false},\r\n{ value: \"ML\", text: \"Mali\", isSelected: false},\r\n{ value: \"MT\", text: \"Malta\", isSelected: false},\r\n{ value: \"MH\", text: \"Marshall Islands\", isSelected: false},\r\n{ value: \"MQ\", text: \"Martinique\", isSelected: false},\r\n{ value: \"MR\", text: \"Mauritania\", isSelected: false},\r\n{ value: \"MU\", text: \"Mauritius\", isSelected: false},\r\n{ value: \"YT\", text: \"Mayotte\", isSelected: false},\r\n{ value: \"MX\", text: \"Mexico\", isSelected: false},\r\n{ value: \"FM\", text: \"Micronesia (Federated States of)\", isSelected: false},\r\n{ value: \"MD\", text: \"Moldova, Republic of\", isSelected: false},\r\n{ value: \"MC\", text: \"Monaco\", isSelected: false},\r\n{ value: \"MN\", text: \"Mongolia\", isSelected: false},\r\n{ value: \"ME\", text: \"Montenegro\", isSelected: false},\r\n{ value: \"MS\", text: \"Montserrat\", isSelected: false},\r\n{ value: \"MA\", text: \"Morocco\", isSelected: false},\r\n{ value: \"MZ\", text: \"Mozambique\", isSelected: false},\r\n{ value: \"MM\", text: \"Myanmar\", isSelected: false},\r\n{ value: \"NA\", text: \"Namibia\", isSelected: false},\r\n{ value: \"NR\", text: \"Nauru\", isSelected: false},\r\n{ value: \"NP\", text: \"Nepal\", isSelected: false},\r\n{ value: \"NL\", text: \"Netherlands\", isSelected: false},\r\n{ value: \"NC\", text: \"New Caledonia\", isSelected: false},\r\n{ value: \"NZ\", text: \"New Zealand\", isSelected: false},\r\n{ value: \"NI\", text: \"Nicaragua\", isSelected: false},\r\n{ value: \"NE\", text: \"Niger\", isSelected: false},\r\n{ value: \"NG\", text: \"Nigeria\", isSelected: false},\r\n{ value: \"NU\", text: \"Niue\", isSelected: false},\r\n{ value: \"NF\", text: \"Norfolk Island\", isSelected: false},\r\n{ value: \"MK\", text: \"North Macedonia\", isSelected: false},\r\n{ value: \"MP\", text: \"Northern Mariana Islands\", isSelected: false},\r\n{ value: \"NO\", text: \"Norway\", isSelected: false},\r\n{ value: \"OM\", text: \"Oman\", isSelected: false},\r\n{ value: \"PK\", text: \"Pakistan\", isSelected: false},\r\n{ value: \"PW\", text: \"Palau\", isSelected: false},\r\n{ value: \"PS\", text: \"Palestine, State of\", isSelected: false},\r\n{ value: \"PA\", text: \"Panama\", isSelected: false},\r\n{ value: \"PG\", text: \"Papua New Guinea\", isSelected: false},\r\n{ value: \"PY\", text: \"Paraguay\", isSelected: false},\r\n{ value: \"PE\", text: \"Peru\", isSelected: false},\r\n{ value: \"PH\", text: \"Philippines\", isSelected: false},\r\n{ value: \"PN\", text: \"Pitcairn\", isSelected: false},\r\n{ value: \"PL\", text: \"Poland\", isSelected: false},\r\n{ value: \"PT\", text: \"Portugal\", isSelected: false},\r\n{ value: \"PR\", text: \"Puerto Rico\", isSelected: false},\r\n{ value: \"QA\", text: \"Qatar\", isSelected: false},\r\n{ value: \"RE\", text: \"Réunion\", isSelected: false},\r\n{ value: \"RO\", text: \"Romania\", isSelected: false},\r\n{ value: \"RU\", text: \"Russian Federation\", isSelected: false},\r\n{ value: \"RW\", text: \"Rwanda\", isSelected: false},\r\n{ value: \"BL\", text: \"Saint Barthélemy\", isSelected: false},\r\n{ value: \"SH\", text: \"Saint Helena, Ascension and Tristan da Cunha\", isSelected: false},\r\n{ value: \"KN\", text: \"Saint Kitts and Nevis\", isSelected: false},\r\n{ value: \"LC\", text: \"Saint Lucia\", isSelected: false},\r\n{ value: \"MF\", text: \"Saint Martin (French part)\", isSelected: false},\r\n{ value: \"PM\", text: \"Saint Pierre and Miquelon\", isSelected: false},\r\n{ value: \"VC\", text: \"Saint Vincent and the Grenadines\", isSelected: false},\r\n{ value: \"WS\", text: \"Samoa\", isSelected: false},\r\n{ value: \"SM\", text: \"San Marino\", isSelected: false},\r\n{ value: \"ST\", text: \"Sao Tome and Principe\", isSelected: false},\r\n{ value: \"SA\", text: \"Saudi Arabia\", isSelected: false},\r\n{ value: \"SN\", text: \"Senegal\", isSelected: false},\r\n{ value: \"RS\", text: \"Serbia\", isSelected: false},\r\n{ value: \"SC\", text: \"Seychelles\", isSelected: false},\r\n{ value: \"SL\", text: \"Sierra Leone\", isSelected: false},\r\n{ value: \"SG\", text: \"Singapore\", isSelected: false},\r\n{ value: \"SX\", text: \"Sint Maarten (Dutch part)\", isSelected: false},\r\n{ value: \"SK\", text: \"Slovakia\", isSelected: false},\r\n{ value: \"SI\", text: \"Slovenia\", isSelected: false},\r\n{ value: \"SB\", text: \"Solomon Islands\", isSelected: false},\r\n{ value: \"SO\", text: \"Somalia\", isSelected: false},\r\n{ value: \"ZA\", text: \"South Africa\", isSelected: false},\r\n{ value: \"GS\", text: \"South Georgia and the South Sandwich Islands\", isSelected: false},\r\n{ value: \"SS\", text: \"South Sudan\", isSelected: false},\r\n{ value: \"ES\", text: \"Spain\", isSelected: false},\r\n{ value: \"LK\", text: \"Sri Lanka\", isSelected: false},\r\n{ value: \"SD\", text: \"Sudan\", isSelected: false},\r\n{ value: \"SR\", text: \"Suriname\", isSelected: false},\r\n{ value: \"SJ\", text: \"Svalbard and Jan Mayen\", isSelected: false},\r\n{ value: \"SE\", text: \"Sweden\", isSelected: false},\r\n{ value: \"CH\", text: \"Switzerland\", isSelected: false},\r\n{ value: \"SY\", text: \"Syrian Arab Republic\", isSelected: false},\r\n{ value: \"TW\", text: \"Taiwan, Province of China\", isSelected: false},\r\n{ value: \"TJ\", text: \"Tajikistan\", isSelected: false},\r\n{ value: \"TZ\", text: \"Tanzania, United Republic of\", isSelected: false},\r\n{ value: \"TH\", text: \"Thailand\", isSelected: false},\r\n{ value: \"TL\", text: \"Timor-Leste\", isSelected: false},\r\n{ value: \"TG\", text: \"Togo\", isSelected: false},\r\n{ value: \"TK\", text: \"Tokelau\", isSelected: false},\r\n{ value: \"TO\", text: \"Tonga\", isSelected: false},\r\n{ value: \"TT\", text: \"Trinidad and Tobago\", isSelected: false},\r\n{ value: \"TN\", text: \"Tunisia\", isSelected: false},\r\n{ value: \"TR\", text: \"Turkey\", isSelected: false},\r\n{ value: \"TM\", text: \"Turkmenistan\", isSelected: false},\r\n{ value: \"TC\", text: \"Turks and Caicos Islands\", isSelected: false},\r\n{ value: \"TV\", text: \"Tuvalu\", isSelected: false},\r\n{ value: \"UG\", text: \"Uganda\", isSelected: false},\r\n{ value: \"UA\", text: \"Ukraine\", isSelected: false},\r\n{ value: \"AE\", text: \"United Arab Emirates\", isSelected: false},\r\n{ value: \"GB\", text: \"United Kingdom of Great Britain and Northern Ireland\", isSelected: true},\r\n{ value: \"UM\", text: \"United States Minor Outlying Islands\", isSelected: false},\r\n{ value: \"US\", text: \"United States of America\", isSelected: false},\r\n{ value: \"UY\", text: \"Uruguay\", isSelected: false},\r\n{ value: \"UZ\", text: \"Uzbekistan\", isSelected: false},\r\n{ value: \"VU\", text: \"Vanuatu\", isSelected: false},\r\n{ value: \"VE\", text: \"Venezuela (Bolivarian Republic of)\", isSelected: false},\r\n{ value: \"VN\", text: \"Viet Nam\", isSelected: false},\r\n{ value: \"VG\", text: \"Virgin Islands (British)\", isSelected: false},\r\n{ value: \"VI\", text: \"Virgin Islands (U.S.)\", isSelected: false},\r\n{ value: \"WF\", text: \"Wallis and Futuna\", isSelected: false},\r\n{ value: \"EH\", text: \"Western Sahara\", isSelected: false},\r\n{ value: \"YE\", text: \"Yemen\", isSelected: false},\r\n{ value: \"ZM\", text: \"Zambia\", isSelected: false},\r\n{ value: \"ZW\", text: \"Zimbabwe\", isSelected: false},\r\n\r\n];\r\n\r\noptionIsSelected(controlName:string, option: Option): boolean {\r\n return this.optionValueIsSelected(controlName, option.value);\r\n}\r\n\r\noptionValueIsSelected(controlName: string, value: string): boolean {\r\n return this.idAmlCheckForm.controls[controlName].value === value;\r\n}\r\n\r\nselectTransactionType(transactionType: string) {\r\n this.transactionType = transactionType;\r\n this.idAmlCheckForm.controls['transactionType'].setValue(transactionType);\r\n}\r\n\r\nselectManualCheck(manualCheck: boolean) {\r\n this.manualCheck = manualCheck;\r\n this.idAmlCheckForm.controls['isManual'].setValue(manualCheck);\r\n}\r\n\r\n\r\naddClient()\r\n{\r\n let formGroup: FormGroup;\r\n formGroup = this.initialiseClient();\r\n this.clientControls.push(formGroup); \r\n}\r\n\r\nremoveClient(clientIndex: number) {\r\n let client = this.getClient(clientIndex);\r\n this.clientControls.controls.splice(clientIndex, 1);\r\n \r\n}\r\n\r\ngetClient(clientIndex: number): FormGroup {\r\n const clients = (this.idAmlCheckForm.controls['clients']);\r\n return clients.controls[clientIndex];\r\n}\r\n \r\ngetClientAddress(clientIndex: number): FormGroup {\r\n return this.getClient(clientIndex).controls['address'];\r\n}\r\n\r\nhasClientAddress(clientIndex: number) {\r\n let client = this.getClient(clientIndex);\r\n return client && client.contains('address');\r\n}\r\n\r\nfindClientAddress(clientIndex: number) {\r\n this.clientAddressLists[clientIndex] = [];\r\n this.findAddressButtonText = \"Searching ...\";\r\n\r\n let clientAddress = this.getClientAddress(clientIndex);\r\n this.addressFinderService.getAddressList(clientAddress.controls['searchTerm'].value, this.selectedCompanyBranchCode).subscribe(\r\n (response: Option[]) => {\r\n let addresses = response;\r\n if (addresses.length > 0)\r\n {\r\n if (addresses[0].text == \"No Results Found\")\r\n {\r\n addresses.pop();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n }\r\n else\r\n {\r\n let selectOption = new Option();\r\n selectOption.text = '-- Please select the address --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n \r\n }\r\n\r\n this.findAddressButtonText = \"Find address\";\r\n this.clientAddressLists[clientIndex] = addresses;\r\n }\r\n clientAddress.controls['selection'].setValue(0);\r\n },\r\n (error: any) =>{\r\n if (error && error.status) {\r\n\r\n let addresses: Option[] = new Array();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n this.clientAddressLists[clientIndex] = addresses;\r\n clientAddress.controls['selection'].setValue(0);\r\n this.findAddressButtonText = \"Find address\";\r\n\r\n switch(error.status) {\r\n case 404:\r\n //console.log('page not found / search term not entered');\r\n break;\r\n case 500:\r\n //console.log(error.error);\r\n break;\r\n }\r\n }\r\n });\r\n}\r\n\r\nselectClientAddress(clientIndex: number) {\r\n let address = this.getClientAddress(clientIndex);\r\n if (!address || !address.controls) {\r\n return;\r\n }\r\n\r\n let addressControls = address.controls;\r\n let selection = addressControls['selection'].value;\r\n\r\n for (let control in addressControls) {\r\n if (control.hasOwnProperty(control) && control !== 'selection') {\r\n addressControls[control].setValue('');\r\n }\r\n }\r\n\r\n\r\n // clear out the old values\r\n addressControls['town'].setValue(\"\");\r\n addressControls['postcode'].setValue(\"\");\r\n for (let index = 1; index < 4; index++)\r\n {\r\n addressControls[`line${index}`].setValue(\"\");\r\n }\r\n\r\n if (selection > 0) {\r\n let oneLineAddress = '';\r\n for(let addressListItem of this.clientAddressLists[clientIndex]) {\r\n if (addressListItem.value == selection) {\r\n oneLineAddress = addressListItem.text;\r\n break;\r\n }\r\n }\r\n let postcode = oneLineAddress.substr(0, 12).trim();\r\n addressControls['postcode'].setValue(postcode);\r\n\r\n let restOfAddress = oneLineAddress.substring(12);\r\n let addressLines = restOfAddress.split(',').map((s: string) => { return s.trim() });\r\n \r\n // remove the country name, as we are not interested in this for the client address\r\n // addressLines.pop();\r\n addressControls['country'].setValue(addressLines.pop());\r\n \r\n addressControls['town'].setValue(addressLines.pop());\r\n \r\n for (let index = 1; index < 4; index++) {\r\n if (addressLines.length > 0) {\r\n addressControls[`line${index}`].setValue(addressLines.splice(0, 1)[0]);\r\n }\r\n }\r\n }\r\n}\r\n\r\n @Input() amlRequest: boolean = false;\r\n\r\n //CONTROL FUNCTIONALITY\r\n setControlWithFocus(control: AbstractControl)\r\n {\r\n this.hasErrors = false;\r\n this.controlWithFocus = control;\r\n }\r\n\r\n controlHasFocus(control: AbstractControl)\r\n {\r\n return control === this.controlWithFocus;\r\n }\r\n\r\n controlHasContent(control: AbstractControl)\r\n {\r\n return control.value.length > 0;\r\n }\r\n\r\n controlHasError(control: FormControl) {\r\n return (control.touched && !control.valid) || (control.untouched && !control.valid && this.displayValidationMessage) || (control.touched && !control.valid && this.displayValidationMessage)\r\n }\r\n\r\n //REQUEST FUNCTIONALITY\r\n\r\n cancelIDAMLRequest()\r\n {\r\n this.route.navigate([`id-aml-checks/${this.idAmlCheck.id}`]);\r\n }\r\n\r\n public myDatePickerOptions: IMyDpOptions = {\r\n dateFormat: 'dd mmm yyyy',\r\n firstDayOfWeek: 'mo',\r\n sunHighlight: true,\r\n inline: false,\r\n alignSelectorRight: false,\r\n indicateInvalidDate: true\r\n //editableDateField: false\r\n };\r\n\r\n onDateChanged(event: IMyDateModel)\r\n {\r\n this.selectedDOB = null;\r\n this.selectedDOB = new Date(event.date.year,event.date.month-1,event.date.day,12,0,0,0);\r\n }\r\n\r\n isIDAMLModification() {\r\n return this.idAmlCheck !== null;\r\n }\r\n\r\n public isValid: boolean = false;\r\n\r\n\r\n isManualReasonValid (){\r\n let manualReason = this.idAmlCheckForm.controls['manualReason'];\r\n if (this.idAmlCheckForm.controls['isManual'].value == true)\r\n {\r\n \r\n manualReason.setValidators(Validators.required);\r\n manualReason.updateValueAndValidity(); \r\n }\r\n else {\r\n manualReason.clearValidators();\r\n manualReason.updateValueAndValidity(); \r\n }\r\n }\r\n\r\n formIsValid ()\r\n {\r\n this.isManualReasonValid();\r\n this.idAmlCheckForm.updateValueAndValidity();\r\n this.hasErrors = true;\r\n return this.idAmlCheckForm.valid;\r\n }\r\n\r\n submitIDAMLRequest (amlRequestForm: FormGroup){\r\n\r\n this.displayValidationMessage = true;\r\n \r\n if (this.formIsValid()) {\r\n \r\n this.hasErrors = false;\r\n this.errorMessage = \"\";\r\n this.displayValidationMessage = false;\r\n this.isSubmitting = true;\r\n\r\n let idAmlCheckSubmission = new IdAmlCheckSubmission();\r\n let formControls = this.idAmlCheckForm.controls;\r\n\r\n idAmlCheckSubmission.isManual = formControls['isManual'].value;\r\n if (idAmlCheckSubmission.isManual == true) {\r\n idAmlCheckSubmission.manualReason = formControls['manualReason'].value;\r\n }\r\n else{\r\n idAmlCheckSubmission.manualReason = \"\";\r\n }\r\n\r\n let clientIndex = 0;\r\n for(let clientFormGroup of (this.idAmlCheckForm.controls['clients']).controls) {\r\n let clientFormControls = (clientFormGroup).controls;\r\n let tel = (clientFormControls['telephone']).controls;\r\n \r\n idAmlCheckSubmission.name = clientFormControls['name'].value;\r\n idAmlCheckSubmission.mobile = tel['mobileNumber'].value;\r\n idAmlCheckSubmission.mobileCountry = tel['mobileCountry'].value;\r\n idAmlCheckSubmission.dateOfBirth = this.datepipe.transform(this.selectedDOB, 'yyyy-MM-dd');\r\n \r\n idAmlCheckSubmission.email = clientFormControls['email'].value;\r\n\r\n if ((clientFormGroup).contains('address')) {\r\n let addressControls = (clientFormControls['address']).controls;\r\n idAmlCheckSubmission.addressLine1 = addressControls['line1'].value;\r\n idAmlCheckSubmission.addressLine2 = addressControls['line2'].value;\r\n idAmlCheckSubmission.addressLine3 = addressControls['line3'].value;\r\n idAmlCheckSubmission.addressTown = addressControls['town'].value;\r\n idAmlCheckSubmission.addressCountry = addressControls['country'].value;\r\n idAmlCheckSubmission.addressPostcode = addressControls['postcode'].value;\r\n }\r\n \r\n if(clientIndex < 1) \r\n {\r\n ++clientIndex;\r\n }\r\n }\r\n\r\n if (this.introducerCode != null)\r\n {\r\n idAmlCheckSubmission.introducerCode = this.introducerCode;\r\n }\r\n else\r\n {\r\n idAmlCheckSubmission.introducerCode = this.selectedCompanyBranchCode;\r\n }\r\n // if (idAmlCheckSubmission.aMLCheckType == 'Sale')\r\n // {\r\n // let idAmlSaleAddress = this.idAmlCheckForm.controls['saleAddress'];\r\n // idAmlCheckSubmission.saleAddressLine1 = idAmlSaleAddress.controls['line1'].value;\r\n // idAmlCheckSubmission.saleAddressLine2 = idAmlSaleAddress.controls['line2'].value;\r\n // idAmlCheckSubmission.saleAddressLine3 = idAmlSaleAddress.controls['line3'].value;\r\n // idAmlCheckSubmission.saleAddressTown = idAmlSaleAddress.controls['town'].value;\r\n // idAmlCheckSubmission.salePostcode = idAmlSaleAddress.controls['postcode'].value;\r\n // }\r\n\r\n this.idAmlCheckService.createIDAMLCheck(idAmlCheckSubmission).subscribe(result =>\r\n {\r\n this.toasterService.pop('success', '', 'The ID & AML Check request was successful');\r\n this.isSubmitting = false;\r\n this.route.navigate([`id-aml-checks/${result.id}`]);\r\n },\r\n (error: any) => {\r\n this.toasterService.pop('error', '' , 'The ID & AML Check request was unsuccessful');\r\n this.isSubmitting = false;\r\n });\r\n }\r\n }\r\n\r\n hasErrorMessage(): boolean\r\n {\r\n if (this.errorMessage != null) \r\n {\r\n return this.errorMessage.length > 0;\r\n }\r\n else\r\n {\r\n return false;\r\n }\r\n }\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/id-aml-checks/check-create/check-create.component.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n min-height: 500px;\\r\\n}\\r\\n\\r\\n.leftDS, .rightDS {\\r\\n padding:5px;\\r\\n}\\r\\n\\r\\n.rightDS {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title > a {\\r\\n padding: 8px 5px 16px 30px !important;\\r\\n position: relative;\\r\\n color:#4c4c4c;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-heading .panel-title {\\r\\n background-color: #F8F8F8;\\r\\n}\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav.sub:not([data-tab-color]) > li > a:after {\\r\\n background: #000;\\r\\n}\\r\\n\\r\\n.tab-nav.sub {\\r\\n padding-top: -15px;\\r\\n}\\r\\n\\r\\n.panel-collapse .panel-body {\\r\\n border-top: 0 !important;\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n}\\r\\n\\r\\n#profile-main .pmo-items a {\\r\\n display: block;\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n#profile-main .pmo-pic {\\r\\n position: relative;\\r\\n margin: 0 0 5px 0; \\r\\n padding: 18px;\\r\\n}\\r\\n\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.tab-nav li span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n /*padding-left:20px; - only needed if we add in icons */\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.pmo-stat {\\r\\n padding-top:20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.pmo-stat ul {\\r\\n display: block;\\r\\n text-align: left;\\r\\n padding-left: 40px;\\r\\n margin-top: 17px;\\r\\n margin-bottom:0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li {\\r\\n list-style: none;\\r\\n padding: 8px 0 0 0;\\r\\n}\\r\\n\\r\\n.pmo-stat ul li i {\\r\\n font-size: 18px;\\r\\n vertical-align: top;\\r\\n line-height: 100%;\\r\\n position: absolute;\\r\\n left: 38px;\\r\\n width: 18px;\\r\\n}\\r\\n\\r\\n/* h2 #first-name{\\r\\n font-size:120%;\\r\\n}\\r\\n\\r\\nh2 #last-name{\\r\\n font-size:80%;\\r\\n} */\\r\\n\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-pane{\\r\\n padding: 0 30px;\\r\\n}\\r\\n\\r\\n.label-breadcrumb{\\r\\n font-size: 85%;\\r\\n font-weight:normal; \\r\\n color: #fff; \\r\\n margin-left:5px; \\r\\n padding: 6px;\\r\\n}\\r\\n\\r\\n.c-header a{\\r\\n color: rgba(255, 255, 255, 0.6);\\r\\n border-bottom:1px dotted;\\r\\n}\\r\\n\\r\\n.c-header a:hover{\\r\\n color: rgba(255, 255, 255, 0.8);\\r\\n border-bottom:1px solid;\\r\\n}\\r\\n\\r\\n.summaryInfo a{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\n.summaryInfo a:hover{\\r\\n color: #0F3A57;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.section-jump {\\r\\n width:80%;\\r\\n margin: 0 auto;\\r\\n text-align:center; \\r\\n margin-bottom: 20px;\\r\\n \\r\\n}\\r\\n\\r\\n.section-jump:not(:first-of-type) {\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n.section-jump p{\\r\\n margin: 0;\\r\\n padding: 0;\\r\\n padding: 15px; \\r\\n text-align:center; \\r\\n background-color: #F8F8F8;\\r\\n border-radius: 5px; \\r\\n border: 1px solid #eeeeee;\\r\\n font-size: 85%;\\r\\n \\r\\n}\\r\\n\\r\\n.section-jump a{\\r\\n text-transform:uppercase;\\r\\n color: #5e5e5e;\\r\\n}\\r\\n\\r\\n.section-jump a:hover{\\r\\n color: #5e5e5e;\\r\\n border-bottom: 1px solid #5e5e5e;\\r\\n}\\r\\n\\r\\na.sidebar-link{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n\\r\\na.sidebar-link:hover{\\r\\n color: #5e5e5e!important;\\r\\n border-bottom:1px solid;\\r\\n cursor: pointer;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n/* .panel-heading {\\r\\n padding: 15px;\\r\\n} */\\r\\n\\r\\n.panel-title {\\r\\n border-bottom: 2px solid #00B388;\\r\\n background-color: #F8F8F8;\\r\\n padding: 15px;\\r\\n font-size: 13px;\\r\\n}\\r\\n\\r\\n.success {\\r\\n color: #ffffff;\\r\\n background-color: #00B388;\\r\\n border-radius: 3px;\\r\\n padding:5px;\\r\\n}\\r\\n\\r\\n.pending {\\r\\n color: #aaaaaa;\\r\\n background-color: #eeeeee;\\r\\n border-radius: 3px;\\r\\n padding:5px;\\r\\n}\\r\\n\\r\\n.comments-wrap{\\r\\n padding:20px;\\r\\n margin-top:20px !important;\\r\\n margin-bottom:20px !important;\\r\\n}\\r\\n\\r\\n.comments-wrap h4{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n margin:0;\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.comments-wrap p{\\r\\n margin: 0;\\r\\n padding: 5px 0;\\r\\n}\\r\\n\\r\\n.comments-wrap .brandedTitle{\\r\\n color: #0E1E37;\\r\\n margin-top:0;\\r\\n}\\r\\n\\r\\n.triangle-border.left {\\r\\n margin-right: 20px;\\r\\n left:10px;\\r\\n}\\r\\n\\r\\n.triangle-border {\\r\\n position: relative;\\r\\n padding: 15px;\\r\\n margin: 1em 0 3em;\\r\\n border: 1px solid #C3C3C3;\\r\\n color: #333;\\r\\n background: #fff;\\r\\n border-radius: 10px;\\r\\n}\\r\\n\\r\\n.triangle-border.left:after {\\r\\n top: 25px;\\r\\n bottom: auto;\\r\\n right: -10px;\\r\\n border-width: 10px 0 10px 10px;\\r\\n border-color: transparent #C3C3C3;\\r\\n}\\r\\n\\r\\n.triangle-border:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n bottom: -20px;\\r\\n right: -9px;\\r\\n border-width: 20px 20px 0;\\r\\n border-style: solid;\\r\\n border-color: #fff transparent;\\r\\n display: block;\\r\\n width: 0;\\r\\n}\\r\\n\\r\\n.triangle-border.left:before {\\r\\n top: 26px;\\r\\n bottom: auto;\\r\\n right: -9px;\\r\\n border-width: 9px 0 9px 9px;\\r\\n border-color: transparent #fff;\\r\\n z-index: 9;\\r\\n}\\r\\n\\r\\n.triangle-border:before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n bottom: -13px;\\r\\n right: 47px;\\r\\n border-width: 13px 13px 0;\\r\\n border-style: solid;\\r\\n border-color: #fff transparent;\\r\\n display: block;\\r\\n width: 0;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n width: 100%;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate.disabled {\\r\\n background-color: #f6f6f6;\\r\\n color: #999;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.status {\\r\\n padding: 25px;\\r\\n background-color: #eeeeee;\\r\\n color: #0E1E37;\\r\\n font-size: 20px;\\r\\n text-align: center;\\r\\n}\\r\\n\\r\\n.status.pending {\\r\\n background-color: #fff;\\r\\n border: 1px dashed #9a9a9a;\\r\\n}\\r\\n\\r\\n.status.decline {\\r\\n color:#ffffff;\\r\\n background-color: #333333;\\r\\n}\\r\\n\\r\\n.status.pass {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.status.fail {\\r\\n background-color: #A20067;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.status.referred {\\r\\n background-color: #6A3460;\\r\\n color: #fff;\\r\\n}\\r\\n\\r\\n.status i {\\r\\n font-size: 16px;\\r\\n padding-right:5px;\\r\\n}\\r\\n\\r\\n.btn-primary.download-button {\\r\\n background-color: #007681!important;\\r\\n color: #fff!important;\\r\\n padding:10px;\\r\\n width: 100%;\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n.download-buttons {\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n -ms-flex-wrap: wrap;\\r\\n flex-wrap: wrap;\\r\\n}\\r\\n\\r\\n.download-buttons > div {\\r\\n padding: 0;\\r\\n -webkit-box-flex: 1;\\r\\n -ms-flex-positive: 1;\\r\\n flex-grow: 1;\\r\\n -ms-flex-preferred-size: 50%;\\r\\n flex-basis: 50%;\\r\\n}\\r\\n\\r\\n.download-buttons > div:nth-of-type(2) {\\r\\n padding-left: 5px;\\r\\n\\r\\n}\\r\\n\\r\\n.section-body {\\r\\n padding:20px;\\r\\n}\\r\\n\\r\\n.client-documents {\\r\\n padding: 20px;\\r\\n}\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/id-aml-checks/check-details/check-details.component.css\n// module id = ./src/app/id-aml-checks/check-details/check-details.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
{{ notifier }} \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n {{ (idAmlCheck.status | lowercase) == 'pass' && idAmlCheck.hasWarnings ? 'Referred' : idAmlCheck.status }} \\r\\n
\\r\\n
\\r\\n \\r\\n Manual Pending \\r\\n
\\r\\n \\r\\n Declined \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n Reference \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.idamlId }} \\r\\n
\\r\\n
\\r\\n \\r\\n Reference pending \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n Created \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.created | date: \\\"d MMMM yyyy HH:mm:ss\\\" }}\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n Branch \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.branchName }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Requested by \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.requestedBy }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Manual check? \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.isManual && 'Yes' || 'No'}}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Reason \\r\\n
\\r\\n
\\r\\n {{ idAmlCheck.manualReason }}\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n APPROVAL\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Decision \\r\\n
\\r\\n
\\r\\n Approved - Manually Assisted\\r\\n
\\r\\n
\\r\\n Approved - Manual Document Upload\\r\\n
\\r\\n
\\r\\n Decline\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n CHECK\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n Awaiting URL - please check again later.\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n UPDATE THIS CHECK \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ idAmlCheck.name }}
\\r\\n
{{ idAmlCheck.addressLine1 }}
\\r\\n
{{ idAmlCheck.addressLine2 }}
\\r\\n
{{ idAmlCheck.addressLine3 }}
\\r\\n
{{ idAmlCheck.addressTown }}
\\r\\n
{{ idAmlCheck.addressCountry }}
\\r\\n
{{ idAmlCheck.addressPostcode }}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
0 }\\\" id=\\\"documents\\\">\\r\\n \\r\\n \\r\\n \\r\\n
0 \\\" id=\\\"checkDocuments\\\" > \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n There are currently no documents to display\\r\\n
\\r\\n \\r\\n
0\\\">\\r\\n
\\r\\n \\r\\n \\r\\n File name \\r\\n Uploaded by \\r\\n Uploaded date \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ document.createdBy }} \\r\\n {{ document.created | date: 'dd MMM yyyy' }} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ notifier }} \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n File name \\r\\n Uploaded by \\r\\n Uploaded \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ document.createdBy }} \\r\\n {{ document.created | date: 'dd MMM yyyy' }} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n Drop your files into the box below or browse for them
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
0\\\">\\r\\n
\\r\\n
FILES SELECTED TO UPLOAD
\\r\\n
\\r\\n \\r\\n \\r\\n Name \\r\\n Size \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ item?.file?.name }} \\r\\n {{ item?.file?.size/1024/1024 | number:'.2' }} MB \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
= 0\\\">\\r\\n
\\r\\n UPLOAD YOUR DOCUMENTS \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
UPLOAD COMPLETE
\\r\\n
\\r\\n A list of all your uploaded documents can be found under the 'Documents' tab\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
0\\\">\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ item?.file?.name }} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
FINISH\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n UPDATE ID & AML CHECK \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n
= new EventEmitter();\r\n \r\n checkStatusList: Option[] = [];\r\n selectedCheckStatus: string;\r\n manualApprovalList: Option[] = [];\r\n selectedManualApprovalStatus: string;\r\n idAmlSettings = {};\r\n idAmlApprovalSettings = {};\r\n idAmlStatusList: Option[] =\r\n [\r\n { \"value\": \"PASS\", \"text\": \"Pass\", isSelected: false },\r\n { \"value\": \"FAIL\", \"text\": \"Fail\", isSelected: false },\r\n ];\r\n idAmlManualApprovalList: Option[] =\r\n [\r\n { \"value\": \"ManualApprovalAssisted\", \"text\": \"Approve - manually assisted\", isSelected: false },\r\n { \"value\": \"ManualApprovalUploadDocuments\", \"text\": \"Approve - manual document upload\", isSelected: false },\r\n { \"value\": \"Decline\", \"text\": \"Decline\", isSelected: false },\r\n ];\r\n\r\n constructor(private formBuilder: FormBuilder, private activatedRoute: ActivatedRoute, private router: Router, \r\n private idAmlCheckService: IdAmlCheckService,private toasterService: ToasterService) \r\n {\r\n\r\n this.idAmlUpdateForm = this.initialiseIDAMLUpdateForm();\r\n }\r\n \r\n ngOnInit() {\r\n\r\n this.idAmlSettings = { \r\n singleSelection: true, \r\n text:\"-- Please select a status -- \",\r\n enableSearchFilter: false,\r\n classes: 'hiddenCheckboxes',\r\n selectionLimit: 1,\r\n autoUnselect: true,\r\n primaryKey: 'value',\r\n labelKey: 'text'\r\n }; \r\n\r\n this.idAmlApprovalSettings = { \r\n singleSelection: true, \r\n text:\"-- Please choose an option -- \",\r\n enableSearchFilter: false,\r\n classes: 'hiddenCheckboxes',\r\n selectionLimit: 1,\r\n autoUnselect: true,\r\n primaryKey: 'value',\r\n labelKey: 'text'\r\n }; \r\n\r\n this.activatedRoute.parent.data\r\n .subscribe((data:{ permissions: PermissionV20State}) => {\r\n this.permissions = data.permissions;\r\n });\r\n\r\n this.activatedRoute.params\r\n .subscribe((params: Params) => {\r\n this.processRouteParameters(params);\r\n }); \r\n\r\n \r\n }\r\n \r\n processRouteParameters(params: Params) \r\n {\r\n if (params.hasOwnProperty('id')) \r\n {\r\n this.idAmlCheckService.getIDAMLCheckById(params['id'])\r\n .subscribe((response: Response) =>\r\n {\r\n this.processIDAMLCheck(response);\r\n },\r\n (error) => {\r\n });\r\n }\r\n }\r\n \r\n processIDAMLCheck(response: Response)\r\n { \r\n if (response.status === 200) {\r\n this.idAmlCheck = response.json();\r\n } else { \r\n this.idAmlCheck = null;\r\n }\r\n\r\n if (this.idAmlCheck) \r\n { \r\n this.setFormValues();\r\n }\r\n (error: any) => {\r\n \r\n this.idAmlCheck = null;\r\n }\r\n }\r\n\r\n initialiseIDAMLUpdateForm (){\r\n return this.formBuilder.group({\r\n 'checkStatus': [\"\"],\r\n 'manualApprovalStatus': [\"\"]\r\n }, Validators.required);\r\n }\r\n\r\n showCheckboxes(): Boolean\r\n {\r\n let checkSettings = this.idAmlSettings;\r\n let approvalSettings = this.idAmlApprovalSettings\r\n if(checkSettings.singleSelection == true || approvalSettings.singleSelection == true )\r\n {\r\n return false;\r\n }\r\n }\r\n\r\n setFormValues() \r\n {\r\n if (this.idAmlCheck) \r\n {\r\n this.idAmlUpdateForm = this.initialiseIDAMLUpdateForm();\r\n\r\n this.checkStatusList = [];\r\n this.manualApprovalList = [];\r\n\r\n if (this.idAmlCheck.status && (this.idAmlCheck.status.toLowerCase() == 'fail' || this.idAmlCheck.status.toLowerCase() == 'pass' && this.idAmlCheck.hasWarnings)) \r\n {\r\n this.idAmlUpdateForm.removeControl('manualApprovalStatus');\r\n this.idAmlUpdateForm.controls['checkStatus'].setValue(this.idAmlCheck.status);\r\n this.checkStatusList.push({\"value\": this.idAmlCheck.status, \"text\": this.idAmlCheck.status, isSelected: true });\r\n }\r\n else if (this.idAmlCheck.isManual && this.idAmlCheck.manualApprovalStatus == null) {\r\n this.idAmlUpdateForm.removeControl('checkStatus');\r\n this.manualApprovalList.push( {\"value\": \"\", \"text\": \"-- Please select an option --\", isSelected: true } );\r\n\r\n }\r\n else {\r\n this.idAmlUpdateForm.removeControl('manualApprovalStatus');\r\n this.idAmlUpdateForm.removeControl('checkStatus');\r\n }\r\n\r\n }\r\n }\r\n\r\n public get isAdminUser(): Boolean\r\n {\r\n return this.permissions.isAdminUser();\r\n }\r\n\r\n public get isComplianceUser(): Boolean\r\n {\r\n return this.permissions.isComplianceUser(this.idAmlCheck.introducerCode);\r\n }\r\n\r\n canUpdateCheckStatus(): boolean {\r\n return false;\r\n }\r\n\r\n canApproveDecline(): boolean {\r\n return true;\r\n }\r\n\r\n\r\n openUpdate()\r\n {\r\n this.setFormValues();\r\n this.viewUpdate = !this.viewUpdate ? true : false;\r\n }\r\n\r\n closeUpdate()\r\n {\r\n this.viewUpdate = this.viewUpdate ? false : true;\r\n this.setFormValues();\r\n this.setDialogState.emit(this.viewUpdate);\r\n }\r\n\r\n setControlWithFocus(control: AbstractControl)\r\n {\r\n this.hasErrors = false;\r\n this.controlWithFocus = control;\r\n }\r\n\r\n controlHasFocus(control: AbstractControl)\r\n {\r\n return control === this.controlWithFocus;\r\n }\r\n\r\n controlHasContent(control: AbstractControl)\r\n {\r\n return control.value.length > 0;\r\n }\r\n\r\n controlHasError(control: FormControl) {\r\n return (control.touched && !control.valid) || (control.untouched && !control.valid && this.displayValidationMessage) || (control.touched && !control.valid && this.displayValidationMessage)\r\n }\r\n\r\n public hasCheckStatus: boolean = false;\r\n public hasManualStatus: boolean = false;\r\n\r\n\r\n formIsValid ()\r\n {\r\n this.idAmlUpdateForm.updateValueAndValidity();\r\n this.hasErrors = true;\r\n return this.idAmlUpdateForm.valid;\r\n }\r\n\r\n updateIDAML()\r\n { \r\n this.displayValidationMessage = true;\r\n if (this.formIsValid()) \r\n { \r\n let formControls = this.idAmlUpdateForm.controls;\r\n this.hasErrors = false;\r\n //UPDATE CHECK STATUS\r\n if (this.isAdminUser)\r\n {\r\n let checkUpdate: IdAmlCheckStatusUpdate = new IdAmlCheckStatusUpdate();\r\n checkUpdate.sourceId = this.idAmlCheck.id;\r\n checkUpdate.idamlId = this.idAmlCheck.idamlId;\r\n checkUpdate.status = formControls['checkStatus'].value;\r\n this.idAmlCheckService.updateIDAMLCheckStatus(checkUpdate).subscribe(result =>\r\n { \r\n this.getUpdatedIDAML.emit(checkUpdate.sourceId);\r\n this.toasterService.pop('success', '', 'ID & AML Check was successfully updated.');\r\n this.viewUpdate = false;\r\n this.router.navigateByUrl(`id-aml-checks/${checkUpdate.sourceId}`);\r\n this.notifyParent.emit('Some value to send to the parent');\r\n });\r\n }\r\n \r\n //MANUAL APPROVAL PROCESS\r\n if (this.isComplianceUser && (this.idAmlCheck.isManual && this.idAmlCheck.manualApprovalReason == null) )\r\n {\r\n let checkUpdate: IdAmlCheckManualUpdate = new IdAmlCheckManualUpdate();\r\n checkUpdate.manualApprovalStatus = formControls['manualApprovalStatus'].value;\r\n checkUpdate.id = this.idAmlCheck.id;\r\n\r\n this.idAmlCheckService.updateManualApprovalStatus(checkUpdate).subscribe(result =>\r\n { \r\n this.getUpdatedIDAML.emit(checkUpdate.id);\r\n this.toasterService.pop('success', '', 'ID & AML Check was successfully updated.');\r\n this.viewUpdate = false;\r\n this.router.navigateByUrl(`id-aml-checks/${checkUpdate.id}`);\r\n this.notifyParent.emit('Some value to send to the parent');\r\n });\r\n }\r\n }\r\n}\r\n}\r\n\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/id-aml-checks/check-update/check-update.component.ts","module.exports = \"table, table > thead { \\r\\n background-color: rgba(255,255,255,0.1);\\r\\n /* : linear-gradient(90deg, #13294B 0%,#007681 52%,#00B388 100%); */\\r\\n margin-bottom: 15px;\\r\\n}\\r\\n\\r\\ntable thead > tr > th {\\r\\n color: #fff;\\r\\n font-weight: 600;\\r\\n padding-top: 20px;\\r\\n padding-bottom: 20px;\\r\\n background-color: rgba(255, 255, 255, 0.2);\\r\\n}\\r\\n\\r\\ntable thead > tr > th:first-child {\\r\\n border-top-left-radius: 2px;\\r\\n}\\r\\n\\r\\ntable thead > tr > th:last-child {\\r\\n border-top-right-radius: 2px;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(even) {\\r\\n background-color: #f4f4f4;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(odd) {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td:first-child {\\r\\n border-bottom-left-radius: 2px;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td:last-child {\\r\\n border-bottom-right-radius: 2px;\\r\\n}\\r\\n\\r\\n.table-striped {\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\na.btn-filter {\\r\\n right: 40px;\\r\\n display: block;\\r\\n color: #13294B;\\r\\n border-bottom: none;\\r\\n padding: 0px 8px;\\r\\n clear: both;\\r\\n position: absolute;\\r\\n cursor: pointer;\\r\\n transition: display 2s ease-in-out;\\r\\n -moz-transition: display 2s ease-in-out;\\r\\n -webkit-transition: display 2s ease-in-out;\\r\\n background-color: #ffffff;\\r\\n margin: -45px 0px 0 0;\\r\\n border-radius: 2.4375px;\\r\\n font-weight: 600;\\r\\n font-size:12px;\\r\\n }\\r\\n\\r\\na.btn-filter i {\\r\\n vertical-align: sub;\\r\\n padding: 6px 2px;\\r\\n font-size: 20px;\\r\\n }\\r\\n\\r\\ninput[type=\\\"text\\\"]#search::-webkit-input-placeholder {\\r\\n color:rgba(255,255,255, 0.8);\\r\\n }\\r\\n\\r\\ninput{\\r\\n color: #fff;\\r\\n }\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/id-aml-checks/checks-list/checks-list.component.css\n// module id = ./src/app/id-aml-checks/checks-list/checks-list.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
{{ notifier }} \\r\\n
\\r\\n
\\r\\n
{\r\n let url = `${this.idAmlCheckApiPath}`\r\n return this.authHttp.get(url)\r\n .map((response: Response) => response.json() as IdAmlCheck[]); \r\n }\r\n\r\n public getIDAMLCheckById(id: number): Observable { \r\n const url = `${this.idAmlCheckApiPath}/${id}`;\r\n return this.authHttp.get(url);\r\n\r\n }\r\n\r\n public createIDAMLCheck(amlCheckSubmission: IdAmlCheckSubmission): Observable {\r\n const url = `${this.idAmlCheckApiPath}`;\r\n return this.authHttp.post(url, amlCheckSubmission).map((response: Response) => response.json() as IdAmlCheckResponse);\r\n }\r\n\r\n // public updateIDAMLCheck(idAmlCheckUpdate: IdAmlCheckUpdate): Observable {\r\n // const url = `${this.idAmlCheckApiPath}`;\r\n // return this.authHttp.put(url, idAmlCheckUpdate).map((response: Response) => response.json() as IdAmlCheckUpdate);;\r\n // }\r\n\r\n public updateIDAMLCheckStatus(idAmlCheckStatusUpdate: IdAmlCheckStatusUpdate): Observable {\r\n const url = `${this.idAmlCheckApiPath}/SetStatus`;\r\n return this.authHttp.put(url, idAmlCheckStatusUpdate).map((response: Response) => response.json() as IdAmlCheckStatusUpdate);;\r\n }\r\n\r\n public updateManualApprovalStatus(idAmlCheckManualUpdate: IdAmlCheckManualUpdate): Observable {\r\n const url = `${this.idAmlCheckApiPath}/SetManualApprovalStatus`;\r\n return this.authHttp.put(url, idAmlCheckManualUpdate).map((response: Response) => response.json() as IdAmlCheckManualUpdate);;\r\n }\r\n\r\n public getUploadedDocuments(idamlId: string): Observable {\r\n let url = `${this.idAmlCheckApiPath}/${idamlId}/documents`;\r\n return this.authHttp.get(url).map((response: Response) => response.json() as IdAmlCheckDocumentUpload[]); \r\n }\r\n\r\n public getIDDocumentPdf(documentId: string): Observable {\r\n const url = `${this.idAmlCheckApiPath}/document/${documentId}/file`;\r\n return this.authHttp.get(url, ResponseContentType.Blob);\r\n }\r\n\r\n public getIDAMLCheckDocumentPdf(pdfType: string, idamlCheckId: string): Observable {\r\n const url = `${this.idAmlCheckApiPath}/GetPdfByIdAmlIdAsync/${pdfType}/${idamlCheckId}`;\r\n return this.authHttp.get(url, ResponseContentType.Blob);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/id-aml-checks/id-aml-check.service.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { Routes, RouterModule } from '@angular/router';\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component';\r\nimport { AuthGuard } from '../auth/auth.guard';\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { CheckCreateComponent } from './check-create/check-create.component';\r\nimport { ChecksListComponent } from './checks-list/checks-list.component';\r\nimport { CheckDetailsComponent } from './check-details/check-details.component';\r\n\r\nconst id = 'id'\r\nconst routes: Routes = [\r\n {\r\n path: 'id-aml-checks',\r\n component: SecureLayoutComponent,\r\n canActivate: [AuthGuard],\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n // myRewardName: MyRewardNameResolver\r\n },\r\n children: [\r\n {\r\n path: 'checks-list',\r\n component: ChecksListComponent\r\n },\r\n {\r\n path: 'create',\r\n component: CheckCreateComponent\r\n },\r\n {\r\n path: 'create/:id',\r\n component: CheckCreateComponent\r\n },\r\n {\r\n path: ':id',\r\n component: CheckDetailsComponent\r\n }\r\n \r\n ]\r\n }\r\n];\r\n\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class IdAmlChecksRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/id-aml-checks/id-aml-checks-routing.module.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ChecksListComponent } from './checks-list/checks-list.component';\r\nimport { CheckCreateComponent } from './check-create/check-create.component';\r\nimport { CheckDetailsComponent } from './check-details/check-details.component';\r\nimport { IdAmlChecksRoutingModule } from './id-aml-checks-routing.module';\r\nimport { UserService } from '../administration/user.service';\r\nimport { IdAmlCheckService } from './id-aml-check.service'\r\nimport { ReactiveFormsModule, FormsModule } from '@angular/forms';\r\nimport { ValidationModule } from '../validation/validation.module';\r\nimport { AngularMultiSelectModule } from 'angular2-multiselect-dropdown/multiselect.component';\r\nimport { MyDatePickerModule } from 'mydatepicker';\r\nimport { FileUploadModule } from 'ng2-file-upload/ng2-file-upload';\r\nimport { CheckDocumentUploadComponent } from './check-document-upload/check-document-upload.component';\r\nimport { CheckDocumentHistoryComponent } from './check-document-history/check-document-history.component';\r\nimport { CheckUpdateComponent } from './check-update/check-update.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n IdAmlChecksRoutingModule,\r\n ReactiveFormsModule,\r\n FormsModule, \r\n ValidationModule,\r\n AngularMultiSelectModule,\r\n MyDatePickerModule,\r\n FileUploadModule\r\n ],\r\n declarations: [ \r\n CheckDetailsComponent,\r\n CheckCreateComponent,\r\n ChecksListComponent,\r\n CheckDocumentUploadComponent,\r\n CheckDocumentHistoryComponent,\r\n CheckUpdateComponent\r\n ],\r\n providers: [\r\n //userServiceProvider\r\n UserService,\r\n IdAmlCheckService\r\n ]\r\n})\r\nexport class IdAmlChecksModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/id-aml-checks/id-aml-checks.module.ts","module.exports = \"footer .clickable-link:hover{\\r\\n text-decoration: underline;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/footer/footer.component.css\n// module id = ./src/app/layout/footer/footer.component.css\n// module chunks = main","module.exports = \"\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/footer/footer.component.html\n// module id = ./src/app/layout/footer/footer.component.html\n// module chunks = main","import { Component, Input } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'iew-footer',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['./footer.component.css']\r\n})\r\nexport class FooterComponent {\r\n\r\n constructor() { }\r\n\r\n @Input()\r\n isAdminUser: boolean = false;\r\n\r\n public currentYear: String = (new Date).getFullYear().toString();\r\n\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/layout/footer/footer.component.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule, DefaultUrlSerializer } from '@angular/router';\r\n\r\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\r\n\r\nimport { SecureLayoutComponent } from './secure-layout/secure-layout.component';\r\nimport { WebChatService } from '../web-chat.service';\r\nimport { QuickLinksComponent } from './quick-links/quick-links.component';\r\nimport { MainMenuComponent } from './main-menu/main-menu.component';\r\nimport { FooterComponent } from './footer/footer.component';\r\nimport { SearchBarComponent } from '../search/search-bar/search-bar.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n RouterModule\r\n ],\r\n declarations: [\r\n SecureLayoutComponent,\r\n QuickLinksComponent,\r\n MainMenuComponent,\r\n FooterComponent,\r\n SearchBarComponent\r\n ],\r\n exports: [\r\n SecureLayoutComponent\r\n ],\r\n providers: [\r\n DefaultUrlSerializer,\r\n WebChatService\r\n ]\r\n})\r\n\r\nexport class LayoutModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/layout/layout.module.ts","module.exports = \".main-menu a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.sub-menu > ul > li > a:hover{\\r\\n background-color: #F3F3F3;\\r\\n}\\r\\n\\r\\n.sub-menu ul {\\r\\n list-style: none;\\r\\n display: block !important;\\r\\n padding: 0;\\r\\n opacity: 0;\\r\\n}\\r\\n\\r\\n.sidebar-hidden {\\r\\n display:none;\\r\\n}\\r\\n\\r\\n.menu-collapse {\\r\\n width: 32px;\\r\\n padding: 12px 0 0 0px;\\r\\n}\\r\\n\\r\\n.menu-collapse.toggled .mc-wrap {\\r\\n -webkit-transform: rotate(180deg);\\r\\n transform: rotate(180deg);\\r\\n}\\r\\n\\r\\n@media (max-width: 1024px) {\\r\\n #training {\\r\\n display: none !important;\\r\\n }\\r\\n}\\r\\n\\r\\n.badge {\\r\\n width: 20px;\\r\\n height: 20px;\\r\\n padding: 6px 5px;\\r\\n font-size: 9px;\\r\\n font-weight: 400;\\r\\n color: #ffffff;\\r\\n background-color: #00a7b5 !important;\\r\\n border-radius: 50px!important;\\r\\n position: absolute;\\r\\n }\\r\\n\\r\\n\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/main-menu/main-menu.component.css\n// module id = ./src/app/layout/main-menu/main-menu.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/main-menu/main-menu.component.html\n// module id = ./src/app/layout/main-menu/main-menu.component.html\n// module chunks = main","import { Component, OnInit, Input, trigger, state, transition, style, animate } from '@angular/core';\r\nimport { PermissionV20Service } from '../../permissionV20/permissionV20.service';\r\nimport { AuthService } from '../../auth/auth.service';\r\nimport { Router } from '@angular/router';\r\nimport { environment } from '../../../environments/environment';\r\nimport { schemeCategory10 } from 'd3';\r\n\r\n@Component({\r\n selector: 'iew-main-menu',\r\n templateUrl: './main-menu.component.html',\r\n styleUrls: ['./main-menu.component.css'],\r\n animations: [\r\n trigger('toggleState', [\r\n state('true', style({opacity: '1', height: '*', overflow: 'visible'})),\r\n state('false', style({opacity: '1', height: '0', overflow: 'hidden' })),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ])\r\n ]\r\n})\r\nexport class MainMenuComponent {\r\n constructor(private router: Router,\r\n private authService: AuthService,\r\n private permissionV20Service: PermissionV20Service,\r\n ) { }\r\n\r\n @Input()\r\n hasQuotationPermission: boolean = false;\r\n\r\n @Input()\r\n hasCaseManagementPermission: boolean = false;\r\n\r\n @Input()\r\n hasAdministrationPermission: boolean = false;\r\n\r\n @Input()\r\n hasIDCheckPermission: boolean = false;\r\n\r\n @Input()\r\n hasICompliancePermission: boolean = false;\r\n\r\n @Input()\r\n isAdminUser: boolean = false;\r\n\r\n @Input()\r\n isAMLCheckUser: boolean = true;\r\n\r\n @Input()\r\n isAMLCheckAdminUser: boolean = true;\r\n\r\n @Input()\r\n companyAdministrationPermissions: any[] = [];\r\n \r\n @Input()\r\n branchDescriptorSingular: string = \"Branch\";\r\n\r\n @Input()\r\n caseCsatCount: Number = 0;\r\n\r\n expandedMenuItem = null;\r\n loadingMenuItem = null;\r\n\r\n get hasAnyPermission(): boolean {\r\n return this.hasQuotationPermission || this.hasCaseManagementPermission || this.hasAdministrationPermission;\r\n }\r\n\r\n isExpandedMenuItem(menuItem: string) {\r\n return this.expandedMenuItem === menuItem;\r\n }\r\n\r\n toggleExpandedMenuItem(menuItem: string) {\r\n if (this.expandedMenuItem === menuItem) {\r\n this.expandedMenuItem = null;\r\n }\r\n else {\r\n this.expandedMenuItem = menuItem;\r\n }\r\n }\r\n\r\n setLoadingMenuItem(menuItem: string) {\r\n this.loadingMenuItem = menuItem;\r\n }\r\n\r\n private isMenuItemLoading(menuItem:string ) {\r\n return this.loadingMenuItem === menuItem;\r\n }\r\n\r\n get isViewQuotesMenuItemLoading() {\r\n return this.isMenuItemLoading('View quotes');\r\n }\r\n\r\n get isCasesMenuItemLoading() {\r\n return this.isMenuItemLoading('Cases');\r\n }\r\n\r\n logout()\r\n {\r\n this.authService.logout();\r\n this.router.navigate(['/account']);\r\n }\r\n\r\n loadHelpDocumentation()\r\n {\r\n window.open('assets/help-documentation/help.pdf', \"_blank\");\r\n }\r\n\r\n loadTrainingSales()\r\n {\r\n window.open('assets/training/sales-journey/story.html', \"_blank\");\r\n }\r\n\r\n loadTrainingPurchase()\r\n {\r\n window.open('assets/training/purchase-journey/story.html', \"_blank\");\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/layout/main-menu/main-menu.component.ts","module.exports = \"/* Quick link buttons above the menu */\\r\\n/* --------------------------------- */\\r\\n.smm-alerts{\\r\\n margin-top: 40px;\\r\\n margin-bottom: 50px;\\r\\n text-align: center;\\r\\n padding-left: 0;\\r\\n}\\r\\n.smm-alerts > li{\\r\\n width: 45px;\\r\\n height: 45px;\\r\\n margin-right: 18px;\\r\\n line-height: 46px;\\r\\n}\\r\\n.smm-alerts > span > li {\\r\\n display: inline-block;\\r\\n width: 42px;\\r\\n height: 42px;\\r\\n border-radius: 50%;\\r\\n text-align: center;\\r\\n line-height: 43px;\\r\\n background-color: rgba(255, 255, 255, 0.2);\\r\\n margin-right: 13px;\\r\\n color: #fff;\\r\\n font-size: 20px;\\r\\n vertical-align: top;\\r\\n cursor: pointer;\\r\\n -webkit-transition: background-color;\\r\\n transition: background-color;\\r\\n -webkit-transition-duration: 250ms;\\r\\n transition-duration: 250ms;\\r\\n\\r\\n}\\r\\n.smm-alerts > span > li{\\r\\n width: 45px;\\r\\n height: 45px;\\r\\n margin-right: 18px;\\r\\n line-height: 46px;\\r\\n}\\r\\n.smm-alerts span li:hover i{\\r\\n -webkit-transform: rotate(360deg);\\r\\n transform: rotate(360deg);\\r\\n}\\r\\n.smm-alerts span li i{\\r\\n -webkit-transition: all;\\r\\n transition: all;\\r\\n -webkit-transition-duration: 500ms;\\r\\n transition-duration: 500ms;\\r\\n}\\r\\n.popover-wrapper:after {\\r\\n display:block;\\r\\n content: '';\\r\\n clear: both;\\r\\n}\\r\\n.popover{\\r\\n display: block;\\r\\n color: #fff;\\r\\n background-color: rgba(255, 255, 255, 0.3);\\r\\n border-color:rgba(255, 255, 255, 0.3); opacity: 1;\\r\\n}\\r\\n.popover-logout{\\r\\n top: 0px;\\r\\n left: 25px;\\r\\n}\\r\\n.popover-alerts{\\r\\n top: 0px;\\r\\n left: 53px;\\r\\n}\\r\\n.popover-quote{\\r\\n top: 0px;\\r\\n left: 115px;\\r\\n}\\r\\n.popover-title{\\r\\n padding: 9px;\\r\\n color: #fff;\\r\\n background: none;\\r\\n}\\r\\n.popover.top > .arrow{\\r\\n opacity: 0.3;\\r\\n}\\r\\n.popover-logout.popover.top > .arrow{\\r\\n bottom: -12px;\\r\\n left: 50%;\\r\\n}\\r\\n.popover-alerts.popover.top > .arrow{\\r\\n bottom: -12px;\\r\\n left: 50%;\\r\\n}\\r\\n.popover-quote.popover.top > .arrow{\\r\\n bottom: -12px;\\r\\n left: 50%;\\r\\n}\\r\\n.badge-notify{\\r\\n background: #f40000;\\r\\n position: absolute;\\r\\n top: 34px;\\r\\n /* left: 133px; */\\r\\n border-radius: 50%;\\r\\n width: 22px;\\r\\n height: 22px;\\r\\n min-width: 10px;\\r\\n padding: 5px 0px;\\r\\n font-size: 12px;\\r\\n line-height: 1;\\r\\n margin: 0;\\r\\n}\\r\\n.badge-notify.quote {\\r\\n background: none!important;\\r\\n right: 51px;\\r\\n top: 51px;\\r\\n font-size: 13px;\\r\\n}\\r\\n.quote {\\r\\n background: none!important;\\r\\n font-size: 13px;\\r\\n margin: 0 0 0 -1px;\\r\\n position: absolute;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/quick-links/quick-links.component.css\n// module id = ./src/app/layout/quick-links/quick-links.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n
Log out \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
View notifications \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Create a new quote \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n 0 \\\"> \\r\\n 0\\\">{{ notificationCount }} \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/quick-links/quick-links.component.html\n// module id = ./src/app/layout/quick-links/quick-links.component.html\n// module chunks = main","import { Component, Input, trigger, state, style, transition, animate } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\n\r\nimport { AuthService } from '../../auth/auth.service';\r\nimport { PermissionV20Service } from '../../permissionV20/permissionV20.service';\r\n\r\n@Component({\r\n selector: 'iew-quick-links',\r\n templateUrl: './quick-links.component.html',\r\n styleUrls: ['./quick-links.component.css'],\r\n animations: [\r\n trigger('toggleVisibility', [\r\n state('true', style({opacity: '1'})),\r\n state('false', style({opacity: '0'})),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ])\r\n ]\r\n})\r\nexport class QuickLinksComponent {\r\n constructor(\r\n private router: Router,\r\n private authService: AuthService,\r\n private permissionV20Service: PermissionV20Service\r\n ) { \r\n\r\n }\r\n\r\n @Input()\r\n showNotificationsLink: boolean;\r\n\r\n @Input()\r\n showQuotationLink: boolean;\r\n\r\n @Input()\r\n notificationCount: Number = 0;\r\n\r\n \r\n hoverStates = {\r\n \"logout\": false,\r\n \"notifications\": false,\r\n \"quotation\": false\r\n };\r\n\r\n // Mouseover effect for quick link buttons\r\n mouseEnter(link : string){\r\n this.hoverStates[link] = true;\r\n }\r\n\r\n mouseLeave(link : string){\r\n this.hoverStates[link] = false;\r\n }\r\n\r\n logout()\r\n {\r\n this.authService.logout();\r\n this.router.navigate(['/account']);\r\n }\r\n\r\n createQuotation()\r\n {\r\n this.router.navigate(['/quotation/create/Instructable']);\r\n }\r\n\r\n viewNotifications()\r\n {\r\n this.router.navigate(['/notification/notification']);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/layout/quick-links/quick-links.component.ts","module.exports = \"\\r\\n/* Header */\\r\\n/* ------ */\\r\\n#header {\\r\\n padding-left:40px;\\r\\n padding-bottom:25px;\\r\\n font-size: 18px;\\r\\n}\\r\\n#header .btn-search {\\r\\n margin-top: 1px;\\r\\n \\r\\n}\\r\\n#header .btn-search a {\\r\\n height: 51px;\\r\\n /* padding-left: 20px; */\\r\\n /* padding-right: 20px; */\\r\\n font-size: 20px;\\r\\n border-top-left-radius: 0;\\r\\n border-bottom-left-radius: 0;\\r\\n padding: 13px 15px;\\r\\n width: 50px;\\r\\n}\\r\\nmain:before {\\r\\n content: '';\\r\\n height: 300px;\\r\\n width: 100%;\\r\\n position: absolute;\\r\\n left: 0;\\r\\n top: 0;\\r\\n}\\r\\n#s-main-menu{\\r\\n top: 40px;\\r\\n height: auto;\\r\\n}\\r\\n[data-ma-header=\\\"teal\\\"]:before {\\r\\n background: url(\\\"/assets/images/mhm-logo-bg1.png\\\") no-repeat right top, -webkit-gradient(linear, left top, right top, from(#13294B),color-stop(52%, #007681),to(#00B388));\\r\\n background: url(\\\"/assets/images/mhm-logo-bg1.png\\\") no-repeat right top, linear-gradient(90deg, #13294B 0%,#007681 52%,#00B388 100%);\\r\\n}\\r\\n.hm-icon {\\r\\n font-size: 16px;\\r\\n padding-top: 10px;\\r\\n vertical-align: bottom;\\r\\n}\\r\\n.quick-links > li {\\r\\n width: 38px;\\r\\n height: 38px;\\r\\n margin-right: 18px;\\r\\n border-radius: 50%;\\r\\n text-align: center;\\r\\n line-height: 27px;\\r\\n margin-right: 0px;\\r\\n color: #fff;\\r\\n vertical-align: top;\\r\\n cursor: pointer;\\r\\n -webkit-transition: background-color;\\r\\n transition: background-color;\\r\\n -webkit-transition-duration: 250ms;\\r\\n transition-duration: 250ms;\\r\\n}\\r\\n.quick-links > li:not(.hm-search-trigger) {\\r\\n background-color: rgba(255, 255, 255, 0.2);\\r\\n}\\r\\n.hm-notifcations-trigger, .hm-quote-trigger {\\r\\n display: none;\\r\\n}\\r\\n.hm-quote-trigger .quote .hm-icon {\\r\\n margin-left: -6px;\\r\\n}\\r\\n.hm-quote-trigger .quote i:not(.hm-icon) {\\r\\n top:13px;\\r\\n margin-left: 4px;\\r\\n position:absolute;\\r\\n font-size: 12px;\\r\\n}\\r\\n.h-logo img {\\r\\n width: 90px;\\r\\n padding: 8px 0 0 0;\\r\\n}\\r\\n.h-search {\\r\\n padding: 2px 0px 2px 7px;\\r\\n}\\r\\n.hs-input {\\r\\n border-top-right-radius: 0;\\r\\n border-bottom-right-radius: 0;\\r\\n}\\r\\n/*.hs-reset:after {\\r\\n content: '\\\\f2ff';\\r\\n -webkit-transform: scale(0) rotate(-180deg);\\r\\n -ms-transform: scale(0) rotate(-180deg);\\r\\n -o-transform: scale(0) rotate(-180deg);\\r\\n transform: scale(0) rotate(-180deg);\\r\\n color: #5e5e5e;\\r\\n}*/\\r\\n.palette-Teal.bg {\\r\\n background-color: #13294B;\\r\\n}\\r\\n/*.btn-search a:hover{\\r\\n background: linear-gradient(135deg, #13294B 0%,#095268 100%);\\r\\n}*/\\r\\n/* Menu */\\r\\n/* ---- */\\r\\n.main-menu a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n.sub-menu > ul > li > a:hover{\\r\\n background-color: #F3F3F3;\\r\\n}\\r\\n.sub-menu ul {\\r\\n list-style: none;\\r\\n display: block !important;\\r\\n padding: 0;\\r\\n opacity: 0;\\r\\n}\\r\\n.sidebar-hidden {\\r\\n display:none;\\r\\n}\\r\\n.menu-collapse {\\r\\n width: 32px;\\r\\n padding: 12px 0 0 0px;\\r\\n}\\r\\n.menu-collapse.toggled .mc-wrap {\\r\\n -webkit-transform: rotate(180deg);\\r\\n transform: rotate(180deg);\\r\\n}\\r\\n@media (max-width: 1279px)\\r\\n{\\r\\n\\r\\n /*.h-search{\\r\\n padding: 27px 15px 0 15px;\\r\\n }*/\\r\\n\\r\\n .h-logo{\\r\\n padding-top:5px;\\r\\n }\\r\\n\\r\\n .smm-header {\\r\\n display: block;\\r\\n height: 80px;\\r\\n /* background: url(\\\"/img/mhm-logo-menu3.png\\\") no-repeat right 11px, linear-gradient(135deg, #13294B 0%,#007681 62%,#00B388 100%); */\\r\\n background: no-repeat right 11px, linear-gradient(135deg, #13294B 0%,#007681 62%,#00B388 100%);\\r\\n position: fixed;\\r\\n top: 0;\\r\\n left: 0;\\r\\n width: 300px;\\r\\n z-index: 10;\\r\\n }\\r\\n}\\r\\n@media (max-width: 1279px)\\r\\n{\\r\\n .h-logo img {\\r\\n width: 90px;\\r\\n padding: 5px 0 0 0;\\r\\n }\\r\\n .h-logo .menu-collapse {\\r\\n margin-top: 5px;\\r\\n }\\r\\n}\\r\\n@media (max-width: 991px)\\r\\n{\\r\\n .btn-search{\\r\\n display:none;\\r\\n }\\r\\n .h-search {\\r\\n background: none;\\r\\n }\\r\\n\\r\\n /* .h-logo {\\r\\n padding-top:5px!important;\\r\\n width: 320px!important;\\r\\n } */\\r\\n\\r\\n .h-search{\\r\\n padding: 40px 40px 0 40px;\\r\\n }\\r\\n\\r\\n .hs-input {\\r\\n border-top-right-radius: 2px;\\r\\n border-bottom-right-radius: 2px;\\r\\n }\\r\\n\\r\\n .hm-notifcations-trigger, .hm-quote-trigger {\\r\\n display: inline-block !important;\\r\\n }\\r\\n\\r\\n .hm-search-trigger{\\r\\n min-width: 20px!important;\\r\\n width: 20px!important;\\r\\n }\\r\\n\\r\\n .h-menu > li {\\r\\n min-width:38px;\\r\\n }\\r\\n\\r\\n .badge-notify{\\r\\n top: 0px;\\r\\n width: 18px;\\r\\n height: 18px;\\r\\n font-size: 8px;\\r\\n margin-left:0;\\r\\n background: #f40000;\\r\\n position: absolute;\\r\\n border-radius: 50%;\\r\\n min-width: 10px;\\r\\n padding: 5px 0px;\\r\\n\\r\\n line-height: 1;\\r\\n }\\r\\n\\r\\n .quick-links > li {\\r\\n margin-right: 1px;\\r\\n }\\r\\n\\r\\n .quick-links > li:not(.hm-search-trigger) {\\r\\n background-color: transparent;\\r\\n }\\r\\n \\r\\n \\r\\n}\\r\\n@media (max-width: 767px)\\r\\n{\\r\\n /*.h-search {\\r\\n padding: 30px 15px 0!important;\\r\\n }*/\\r\\n\\r\\n #header {\\r\\n padding-left:32px;\\r\\n padding-bottom:0px;\\r\\n \\r\\n } \\r\\n\\r\\n /*.h-search{\\r\\n padding: 40px 40px 0 40px;\\r\\n }*/\\r\\n\\r\\n .h-search{\\r\\n padding: 15px 15px 0 15px;\\r\\n }\\r\\n}\\r\\n@media (max-width: 460px)\\r\\n{\\r\\n /*.h-search {\\r\\n padding: 30px 15px 0!important;\\r\\n }*/\\r\\n .h-logo {\\r\\n padding-top:5px!important;\\r\\n width: 195px!important;\\r\\n }\\r\\n\\r\\n .h-logo img {\\r\\n width: 90px!important;\\r\\n padding: 5px 0 0 0!important;\\r\\n }\\r\\n\\r\\n #header.media > .pull-right {\\r\\n padding-left: 0px;\\r\\n }\\r\\n\\r\\n #header.media > .pull-left {\\r\\n padding-right: 5px;\\r\\n }\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/secure-layout/secure-layout.component.css\n// module id = ./src/app/layout/secure-layout/secure-layout.component.css\n// module chunks = main","module.exports = \"\\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n >\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/layout/secure-layout/secure-layout.component.html\n// module id = ./src/app/layout/secure-layout/secure-layout.component.html\n// module chunks = main","import { Component, OnInit } from '@angular/core';\r\nimport { Router, Event, NavigationStart, NavigationEnd, NavigationError, NavigationCancel, DefaultUrlSerializer, UrlTree } from '@angular/router';\r\nimport { ActivatedRoute } from '@angular/router';\r\nimport { trigger, animate, transition, style, state } from '@angular/animations';\r\n\r\nimport 'rxjs/add/operator/takeUntil';\r\n\r\nimport { AuthService } from '../../auth/auth.service';\r\nimport { NotificationService } from '../../notification/notification.service';\r\nimport { environment } from '../../../environments/environment';\r\nimport { Subject } from 'rxjs/Subject';\r\nimport { OnDestroy } from '@angular/core/src/metadata/lifecycle_hooks';\r\nimport { UserPreferencesService } from '../../account/user-preferences.service'\r\nimport { WebChatService } from '../../web-chat.service'\r\nimport { PermissionV20Service } from '../../permissionV20/permissionV20.service';\r\nimport { PermissionV20State } from '../../permissionV20/permissionV20-state';\r\nimport { MyRewardService } from '../../myreward/my-reward.service';\r\nimport { CaseCsatService } from '../../csat/case-csat.service'\r\n\r\n\r\n\r\n@Component({\r\n selector: 'iew-secure-layout',\r\n templateUrl: './secure-layout.component.html',\r\n styleUrls: ['./secure-layout.component.css'],\r\n animations: [\r\n trigger('toggleState', [\r\n state('true', style({opacity: '1', height: '*', overflow: 'visible'})),\r\n state('false', style({opacity: '1', height: '0', overflow: 'hidden' })),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ]),\r\n trigger('toggleVisibility', [\r\n state('true', style({opacity: '1'})),\r\n state('false', style({opacity: '0'})),\r\n transition('0 => 1', animate(\"500ms ease-in-out\")),\r\n transition('1 => 0', animate(\"500ms ease-in-out\")),\r\n ])\r\n ]\r\n})\r\nexport class SecureLayoutComponent implements OnInit, OnDestroy {\r\n public searchHasFocus: Boolean = false;\r\n public quotesExpanded: Boolean = false;\r\n public casesExpanded: Boolean = false;\r\n public adminExpanded: Boolean = false;\r\n public accountExpanded: Boolean = false;\r\n public hoverSearch: Boolean = false;\r\n public menuIsVisible: Boolean = false;\r\n public searchIsToggled: Boolean = false;\r\n public searchValue: string = null;\r\n public includeClosedCases: boolean = true;\r\n //public isAdminUser: boolean = false;\r\n public reportsExpanded: Boolean = false;\r\n private myRewardEnabled: boolean = false;\r\n public gettingCases: boolean = false;\r\n public gettingQuotes: boolean = false;\r\n public gettingSearch: boolean = false;\r\n \r\n loading: boolean = true;\r\n loadingQuotes: boolean = true;\r\n loadingSearch: boolean = true;\r\n\r\n private notificationsUnsubscribe: Subject = new Subject();\r\n private caseCsatsUnsubscribe: Subject = new Subject();\r\n \r\n\r\n constructor(private router: ActivatedRoute,\r\n private route: Router,\r\n private defaultUrlSerializer: DefaultUrlSerializer,\r\n private authService: AuthService,\r\n public notificationService: NotificationService,\r\n private myRewardService: MyRewardService,\r\n private userPreferencesService: UserPreferencesService,\r\n private webChatService: WebChatService,\r\n private caseCsatService: CaseCsatService)\r\n {\r\n // route.events.subscribe((routerEvent: Event) => {\r\n // this.checkRouterEvent(routerEvent);\r\n // });\r\n }\r\n\r\n // permissions v20 -- start\r\n private permissions: PermissionV20State = new PermissionV20State(null);\r\n public hasQuotationPermission(): boolean {\r\n return this.permissions.hasPermissionType('QuotationView') && !this.isAdminUser();\r\n }\r\n public hasCaseManagementPermission(): boolean {\r\n return this.permissions.hasPermissionType('CaseManagementView') && !this.isAdminUser();\r\n }\r\n public hasAdministrationPermission(): boolean {\r\n return this.permissions.hasPermissionType('AdministrationView');\r\n }\r\n public hasIDCheckPermission(): boolean {\r\n return this.permissions.hasPermissionType('IDCheck');\r\n }\r\n public hasCompliancePermission(): boolean {\r\n return this.permissions.hasPermissionType('Compliance');\r\n }\r\n public isAdminUser(): boolean {\r\n return this.permissions.isAdminUser();\r\n }\r\n public isAMLCheckAdminUser(): boolean {\r\n return this.permissions.isAMLCheckAdminUser()\r\n }\r\n public isAMLCheckUser(): boolean {\r\n return this.permissions.isAMLCheckUser(environment.amlCheckCompany)\r\n }\r\n public companyAdministrationPermissions(): any[] {\r\n return this.permissions.getCompanyPermissionsOfType('AdministrationView');\r\n }\r\n public branchDescriptorSingular(): string {\r\n return this.permissions.getBranchDescriptorSingular();\r\n }\r\n // permissions v20 -- end\r\n \r\n ngOnInit()\r\n {\r\n\r\n\r\n this.webChatService.getWebChat();\r\n \r\n this.router.data\r\n .subscribe((data: { permissions: PermissionV20State, myRewardName: string }) =>\r\n {\r\n this.permissions = data.permissions;\r\n });\r\n\r\n this.userPreferencesService.getUserPreferences().subscribe();\r\n \r\n this.notificationService\r\n .getNotifications()\r\n .takeUntil(this.notificationsUnsubscribe)\r\n .subscribe();\r\n\r\n\r\n this.caseCsatService\r\n .getCaseCsats()\r\n .takeUntil(this.caseCsatsUnsubscribe)\r\n .subscribe();\r\n\r\n }\r\n\r\n ngOnDestroy()\r\n {\r\n this.notificationsUnsubscribe.next();\r\n this.notificationsUnsubscribe.complete();\r\n\r\n this.caseCsatsUnsubscribe.next();\r\n this.caseCsatsUnsubscribe.complete();\r\n }\r\n\r\n public get notificationCount() : number\r\n {\r\n let serviceCount: number = this.notificationService.notificationCount;\r\n if (!this.isAdminUser())\r\n {\r\n if (this.authService.firstLogin)\r\n {\r\n serviceCount = serviceCount + 1;\r\n }\r\n }\r\n return serviceCount;\r\n }\r\n\r\n public get caseCsatCount() : number\r\n {\r\n return this.caseCsatService.caseCsatCount;\r\n }\r\n\r\n\r\n // Menu expand/collapse\r\n toggleMenuDisplay() {\r\n this.menuIsVisible = !this.menuIsVisible;\r\n }\r\n\r\n // Menu expand/collapse\r\n toggleSearchDisplay() {\r\n this.searchIsToggled = !this.searchIsToggled;\r\n this.searchHasFocus = this.searchIsToggled;\r\n }\r\n\r\n // Mouseover effect for quick link buttons\r\n mouseEnter(itemName : string){\r\n switch(itemName){\r\n case \"search\":\r\n this.hoverSearch = true;\r\n break;\r\n }\r\n }\r\n\r\n mouseLeave(itemName : string){\r\n switch(itemName){\r\n case \"search\":\r\n this.hoverSearch = false;\r\n break;\r\n }\r\n }\r\n\r\n // inputHasText(str) {\r\n // return (str && str.length > 0);\r\n // }\r\n\r\n newUser(branchId: string) {\r\n if (branchId.length > 0)\r\n {\r\n var urlTree : UrlTree = this.route.parseUrl(`/administration/new-user/${branchId}`);\r\n this.route.navigate([this.defaultUrlSerializer.serialize(urlTree)]);\r\n }\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/layout/secure-layout/secure-layout.component.ts","export class MyRewardPoints {\r\n public points: number;\r\n public accountFound: boolean;\r\n public myRewardName: string;\r\n public myRewardEnabled: boolean;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/myreward/my-reward-points.ts","import { Injectable } from '@angular/core';\r\nimport { Response } from '@angular/http';\r\n\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/operator/map';\r\n\r\nimport { AuthHttp } from '../auth/auth-http';\r\nimport { environment } from '../../environments/environment';\r\nimport { IMyRewardService } from './my-reward.service.interface';\r\nimport { MyRewardPoints } from './my-reward-points'\r\n\r\n\r\n@Injectable()\r\nexport class MyRewardService implements IMyRewardService {\r\n private myRewardApiPath = `${environment.ieWayApiUrl}api/myreward/`;\r\n\r\n constructor(private authHttp: AuthHttp) { \r\n\r\n }\r\n\r\n getMyRewardPoints(): Observable\r\n {\r\n let url = `${this.myRewardApiPath}points`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => {\r\n var result = response.json();\r\n return result;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(MyRewardPoints);\r\n });\r\n }\r\n\r\n getMyRewardName(): Observable\r\n {\r\n let url = `${this.myRewardApiPath}name`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => {\r\n var result = response.json();\r\n if (result.myRewardName)\r\n {\r\n localStorage.setItem('mhm.myRewardUserName', JSON.stringify(result.myRewardName));\r\n }\r\n return result.myRewardName;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of('');\r\n });\r\n }\r\n\r\n get myRewardUserName(): string\r\n {\r\n let userName: string = null;\r\n userName = localStorage.getItem('mhm.myRewardUserName');\r\n return userName;\r\n }\r\n \r\n get myRewardEnabled(): boolean\r\n {\r\n let enabled: string = null;\r\n enabled = localStorage.getItem('mhm.myRewardEnabled');\r\n return enabled == 'true' ? true : false;\r\n }\r\n \r\n getMyRewardEnabled(): Observable {\r\n let url = `${this.myRewardApiPath}enabled`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => {\r\n var result = response.json();\r\n if (result.myRewardEnabled)\r\n {\r\n localStorage.setItem('mhm.myRewardEnabled', JSON.stringify(result.myRewardEnabled));\r\n }\r\n return result.myRewardEnabled;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(false);\r\n });\r\n }\r\n \r\n CreateMyRewardAccount(myRewardLoginName: string): Observable\r\n {\r\n const url = `${this.myRewardApiPath}/create`;\r\n return this.authHttp.post(url, myRewardLoginName)\r\n .map((res: Response) => {\r\n var result = res.json();\r\n return result.errorMessages[0].message;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(\"An error has occurred. Please try again\")\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/myreward/my-reward.service.ts","import { Injectable } from '@angular/core';\r\nimport { Resolve, ActivatedRouteSnapshot } from '@angular/router';\r\nimport { of } from 'rxjs/observable/of';\r\nimport { Observable } from 'rxjs';\r\nimport 'rxjs/add/operator/concatMap';\r\n\r\nimport { MyRewardService } from './my-reward.service';\r\n\r\n\r\n@Injectable()\r\nexport class MyRewardNameResolver implements Resolve {\r\n\r\n constructor(private myRewardService: MyRewardService) { }\r\n\r\n resolve(route: ActivatedRouteSnapshot): Observable {\r\n return this.myRewardService.getMyRewardEnabled()\r\n .concatMap((isMyRewardEnabled: boolean) => {\r\n if (!isMyRewardEnabled) {\r\n return of('');\r\n }\r\n return this.myRewardService.getMyRewardName();\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/myreward/myreward-name.resolver.service.ts","import { NgModule } from '@angular/core';\r\nimport { Routes, RouterModule } from '@angular/router';\r\n\r\nimport { SecureLayoutComponent } from '../layout/secure-layout/secure-layout.component';\r\nimport { AuthGuard } from '../auth/auth.guard';\r\nimport { NotificationComponent } from './notification/notification.component';\r\nimport { PermissionV20Requirement } from '../permissionV20/permissionV20-requirement';\r\nimport { PermissionV20Guard } from '../permissionV20/permissionV20.guard';\r\nimport { PermissionV20Resolver } from '../permissionV20/permissionV20.resolver.service';\r\nimport { MyRewardNameResolver } from '../myreward/myreward-name.resolver.service';\r\n\r\n\r\nconst NotificationRoutes: Routes = [\r\n {\r\n path: 'notification',\r\n component: SecureLayoutComponent,\r\n canActivate: [AuthGuard, PermissionV20Guard],\r\n resolve: {\r\n permissions: PermissionV20Resolver,\r\n myRewardName: MyRewardNameResolver\r\n },\r\n data: {\r\n 'permissionsRequired': [\r\n { permissionType: 'CaseManagementView', permissionLevel: 0 } as PermissionV20Requirement\r\n ]\r\n },\r\n children: [\r\n {\r\n path: 'notification',\r\n canActivate: [AuthGuard],\r\n component: NotificationComponent\r\n }\r\n ]\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(NotificationRoutes)],\r\n exports: [RouterModule]\r\n})\r\nexport class NotificationRoutingModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/notification/notification-routing.module.ts","export class NotificationToUpdate {\r\n notificationId: string;\r\n actionNotification: boolean;\r\n caseCode: string;\r\n actionType: number;\r\n introducerCode: string;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/notification/notification-to-update.ts","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { NotificationRoutingModule } from './notification-routing.module';\r\nimport { NotificationComponent } from './notification/notification.component';\r\n//import { notificationServiceProvider } from './notification.service.factory';\r\nimport { NotificationService } from './notification.service';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n NotificationRoutingModule\r\n ],\r\n declarations: [NotificationComponent],\r\n providers: [ NotificationService ]\r\n})\r\nexport class NotificationModule { }\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/notification/notification.module.ts","import { Injectable } from '@angular/core';\r\nimport { Http, Response, Headers } from '@angular/http';\r\n\r\nimport { Observable } from 'rxjs/Observable';\r\nimport 'rxjs/add/operator/map';\r\nimport 'rxjs/add/operator/switchMap';\r\nimport 'rxjs/add/observable/timer';\r\n\r\nimport { environment } from '../../environments/environment';\r\nimport { AuthHttp } from '../auth/auth-http';\r\n\r\nimport { Notification } from './notification';\r\nimport { NotificationToUpdate } from './notification-to-update';\r\nimport { INotificationService } from './notification.service.interface';\r\n\r\n\r\n\r\n@Injectable()\r\nexport class NotificationService implements INotificationService {\r\n \r\n private notificationApiPath: string = `${environment.ieWayApiUrl}api/Notification`;\r\n\r\n constructor(private http: Http, private authHttp: AuthHttp)\r\n {\r\n }\r\n\r\n private _notifications: Notification[] = [];\r\n get notifications(): Notification[] {\r\n let notifications: Notification[] = [];\r\n const notificationsJson = localStorage.getItem('mhm.notifications');\r\n if (notificationsJson !== null) {\r\n notifications = JSON.parse(notificationsJson);\r\n }\r\n return notifications;\r\n }\r\n set notifications(notificationItems: Notification[]) {\r\n localStorage.setItem('mhm.notifications', JSON.stringify(notificationItems));\r\n }\r\n\r\n get notificationCount(): number {\r\n return this.notifications.length;\r\n }\r\n\r\n public getNotifications(): Observable {\r\n let url = `${this.notificationApiPath}`;\r\n return Observable.timer(0, (15 * 60000))\r\n .switchMap(() => this.authHttp.get(url))\r\n .map((response: Response) => {\r\n let notifications = response.json() as Notification[];\r\n localStorage.setItem('mhm.notifications', JSON.stringify(notifications));\r\n return true;\r\n }).catch((error: any) => {\r\n return Observable.of(false);\r\n });\r\n }\r\n\r\n public acknowledgeNotification(notification: Notification): Observable {\r\n var notificationToUpdate = new NotificationToUpdate(); \r\n let url = `${this.notificationApiPath}/MarkAsRead`;\r\n return this.authHttp.post(url, notification).map(\r\n (response: Response) => {\r\n return response.status === 204;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(false);\r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/notification/notification.service.ts","export class Notification {\r\n id: string;\r\n caseCode: string;\r\n recommenderCode: string;\r\n eventType: string;\r\n created: Date;\r\n notificationDescription: string;\r\n notificationValue: string;\r\n addressLine: string;\r\n actionDescription: string;\r\n actionType: number;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/notification/notification.ts","module.exports = \"\\r\\n.c-header {\\r\\n margin-bottom: 23px;\\r\\n}\\r\\n\\r\\n/* body */\\r\\n\\r\\n.card, table, table > thead > tr > th {\\r\\n background: transparent;\\r\\n}\\r\\n\\r\\ntable thead > tr > th {\\r\\n color: #fff;\\r\\n font-weight: 600;\\r\\n background: rgba(255, 255, 255, 0.3);\\r\\n padding-top: 20px;\\r\\n padding-bottom: 20px;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(even) {\\r\\n background-color: #f4f4f4;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(odd) {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.table-striped {\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\ntable thead > tr > th:first-child {\\r\\n border-top-left-radius: 2px;\\r\\n}\\r\\n\\r\\ntable thead > tr > th:last-child {\\r\\n border-top-right-radius: 2px;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(even) {\\r\\n background-color: #f4f4f4;\\r\\n}\\r\\n\\r\\n.table-striped > tbody > tr:nth-of-type(odd) {\\r\\n background-color: #fff;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td:first-child {\\r\\n border-bottom-left-radius: 2px;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td:last-child {\\r\\n border-bottom-right-radius: 2px;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.notification-action {\\r\\n text-transform: uppercase;\\r\\n}\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/notification/notification/notification.component.css\n// module id = ./src/app/notification/notification/notification.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ notifier }} \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Action/Notification \\r\\n Date \\r\\n \\r\\n Dismiss \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n \\r\\n \\r\\n {{ notification.notificationDescription }}\\r\\n
\\r\\n \\r\\n
{{ notification.addressLine }} - {{ notification.actionDescription }}
\\r\\n
{{ notification.addressLine }} - {{ notification.notificationDescription }} \\r\\n
{{ notification.created | date : 'dd MMM yyyy' }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
| boolean {\r\n\r\n return this.permissionV20Service.get()\r\n .map((permissions: PermissionV20State) => permissions.isAdminUser());\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/administrator.guard.ts","import { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { PermissionV20Service } from './permissionV20.service';\r\nimport { PermissionV20State } from './permissionV20-state';\r\nimport { environment } from '../../environments/environment';\r\n\r\n@Injectable()\r\nexport class AMLCheckGuard implements CanActivate {\r\n constructor(private router: Router, private permissionV20Service: PermissionV20Service) {\r\n\r\n }\r\n\r\n canActivate(\r\n next: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot): Observable | boolean {\r\n\r\n return this.permissionV20Service.get()\r\n .map((permissions: PermissionV20State) => permissions.isAMLCheckAdminUser() || permissions.isAMLCheckUser(environment.amlCheckCompany));\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/amlCheck.guard.ts","import { environment } from '../../environments/environment';\r\n\r\nimport { PermissionV20 } from \"./permissionV20\";\r\nimport { Option } from '../forms/option';\r\nimport { forEach } from '@angular/router/src/utils/collection';\r\n\r\n\r\nexport class PermissionV20State {\r\n constructor(permissions: any) {\r\n this.permissions = permissions;\r\n }\r\n\r\n permissions: PermissionV20 = null;\r\n \r\n hasPermissions(): boolean {\r\n return !!this.permissions;\r\n }\r\n\r\n hasPermissionType(permissionType: string): boolean {\r\n return this.hasPermissions() && (permissionType in this.permissions)\r\n }\r\n\r\n hasPermissionTypeAtLevel(permissionType: string, permissionLevel: number) {\r\n return this.getPermissionsOfTypeAtLevel(permissionType, permissionLevel).length > 0;\r\n }\r\n\r\n isAdminUser(): boolean {\r\n if (!this.hasPermissions) {\r\n return false;\r\n }\r\n \r\n let adminBranches = environment.adminBranches;\r\n for(let permissionType in this.permissions) {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n let permissionsOfType = this.permissions[permissionType];\r\n for (let permission of permissionsOfType) {\r\n if (adminBranches.some(adminBranch => (adminBranch.adminBranchCode === permission.id))) {\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n isAMLCheckAdminUser(): boolean {\r\n if (!this.hasPermissions) {\r\n return false;\r\n }\r\n \r\n let adminBranches = environment.adminBranches;\r\n for(let permissionType in this.permissions) {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n let permissionsOfType = this.permissions[permissionType];\r\n for (let permission of permissionsOfType) {\r\n //console.log(permission);\r\n //if (adminBranches.some(adminBranch => (adminBranch.adminBranchCode === permission.id)) && true) {\r\n // return true;\r\n //}\r\n if (permission.id == \"MHM-0001\")\r\n {\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n isAMLCheckUser(amlCheckCompanyCodes: string[]): boolean {\r\n if (!this.hasPermissions) {\r\n return false;\r\n }\r\n for(let permissionType in this.permissions) {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n let permissionsOfType = this.permissions[permissionType];\r\n for (let permission of permissionsOfType) {\r\n //console.log(permission);\r\n let permissionId = permission.id;\r\n if (isNaN(permissionId))\r\n {\r\n let companyIdParts = permissionId.split('-');\r\n let companyCode = companyIdParts[0];\r\n \r\n if (amlCheckCompanyCodes.includes(companyCode)) {\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n isComplianceUser(introducerCode: string): boolean {\r\n if (!this.hasPermissions) {\r\n return false;\r\n }\r\n for(let permissionType in this.permissions) {\r\n if (permissionType == \"Compliance\")\r\n {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n let permissionsOfType = this.permissions[permissionType];\r\n for (let permission of permissionsOfType) { \r\n let permissionId = permission.id;\r\n \r\n if (isNaN(permissionId))\r\n { \r\n if (permissionId === introducerCode) {\r\n return true;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n AdminUserSimplifyCompanyVisibility(): any[] {\r\n let simplifyCompanyAdminList = [];\r\n let adminBranches = environment.adminBranches;\r\n for(let permissionType in this.permissions) {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n let permissionsOfType = this.permissions[permissionType];\r\n for (let permission of permissionsOfType) {\r\n for (let adminBranch of adminBranches) {\r\n if (adminBranch.adminBranchCode === permission.id) {\r\n simplifyCompanyAdminList.indexOf(adminBranch) === -1 && simplifyCompanyAdminList.push(adminBranch);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return simplifyCompanyAdminList;\r\n }\r\n\r\n getPermissionsOfType(permissionType: string): any[] {\r\n if (!this.permissions && !(permissionType in this.permissions) || !this.permissions[permissionType]) {\r\n return [];\r\n }\r\n return this.permissions[permissionType];\r\n }\r\n\r\n getPermissionsOfTypeAtLevel(permissionType: string, permissionLevel: number): any[] {\r\n return this.getPermissionsOfType(permissionType).filter(permission => permission.permissionLevel >= permissionLevel);\r\n }\r\n\r\n getCompanyPermissionsOfType(permissionType: string): any[] {\r\n let permissionsOfType = this.getPermissionsOfType(permissionType);\r\n if (permissionsOfType.length === 0) {\r\n return [];\r\n }\r\n return permissionsOfType.filter(permission => isNaN(permission.id) && permission.permissionLevel === 2);\r\n }\r\n\r\n getBranchDescriptorPlural(): string {\r\n return this.getAlternativeBranchName().branchDescriptorPlural;\r\n }\r\n \r\n getBranchDescriptorSingular(): string {\r\n return this.getAlternativeBranchName().branchDescriptorSingular;\r\n }\r\n \r\n getAlternativeBranchName(): any {\r\n for(let alternativeBranchName of environment.alternativeBranchNames) {\r\n let companyCodes = alternativeBranchName.companyCodes;\r\n for (let permissionType in this.permissions) {\r\n if (this.permissions.hasOwnProperty(permissionType)) {\r\n for (let permission of this.getPermissionsOfType(permissionType)) {\r\n let permissionId = permission.id;\r\n if (isNaN(permissionId)) {\r\n let companyIdParts = permissionId.split('-');\r\n let companyCode = companyIdParts[0];\r\n if (companyCodes.indexOf(companyCode) > -1) {\r\n return alternativeBranchName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return { branchDescriptorSingular: \"Branch\", branchDescriptorPlural: \"Branches\" };\r\n }\r\n\r\n public getOptionsForPermissionType(permissionType: string, isBranchOnly: boolean = false, activeBranchOnly: boolean = false): Option[] {\r\n let options: Option[] = [];\r\n if (!this.hasPermissionType(permissionType)) {\r\n return options;\r\n }\r\n\r\n let permissions = this.permissions[permissionType];\r\n if (isBranchOnly) {\r\n // if we only want to get nodes that can be used to generate quotes\r\n if (activeBranchOnly) {\r\n permissions = permissions\r\n .filter(permission => permission.isBranch && !permission.isInactiveBranch)\r\n .sort(this.sortByName);\r\n }\r\n else {\r\n permissions = permissions\r\n .filter(permission => permission.isBranch)\r\n .sort(this.sortByName);\r\n }\r\n }\r\n\r\n options = permissions\r\n .map((permission: any) => {\r\n return {\r\n text: permission.name,\r\n value: permission.id,\r\n isSelected: false\r\n } as Option\r\n });\r\n\r\n return options;\r\n }\r\n\r\n public getCompanyOptionsForPermissionType(permissionType: string) {\r\n let options: Option[] = [];\r\n let permissionsOfType = this.getPermissionsOfType(permissionType)\r\n .filter(permission => permission.isBranch);\r\n if (permissionsOfType.length === 0) {\r\n return options;\r\n }\r\n\r\n for (let permission of permissionsOfType) {\r\n let companyCode = permission.id.split('-')[0];\r\n if (options.filter(option => option.value === companyCode).length === 0) {\r\n let companyName = permission.name.split(' - ')[0].trim();\r\n if (options.filter(option => option.text === companyName).length > 0) {\r\n companyName = `${companyName} (${companyCode})`;\r\n }\r\n options.push({\r\n text: companyName,\r\n value: companyCode,\r\n isSelected: false\r\n } as Option);\r\n }\r\n }\r\n return options; \r\n }\r\n\r\n private sortByName(a: any, b:any) {\r\n let nameA = a.name;\r\n let nameB = b.name;\r\n if (nameA < nameB) {\r\n return -1;\r\n }\r\n if (nameA > nameB) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n\r\n hasPermission(permissionType: string, id: string): boolean {\r\n if (!this.hasPermissionType(permissionType)) {\r\n return false;\r\n }\r\n\r\n return this.getPermissionsOfType(permissionType).filter(permission => permission.id === id).length > 0;\r\n }\r\n\r\n hasPermissionAtLevel(permissionType: string, permissionLevel: number, id: string) {\r\n\r\n console.log('in hasPermissionAtLevel');\r\n \r\n if (!this.hasPermissionType(permissionType)) {\r\n return false;\r\n }\r\n\r\n return this.getPermissionsOfType(permissionType).filter(permission => permission.id === id && permission.permissionLevel === permissionLevel).length > 0;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/permissionV20-state.ts","import { Injectable } from '@angular/core';\r\nimport { CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport { PermissionV20Service } from './permissionV20.service';\r\nimport { PermissionV20Requirement } from './permissionV20-requirement';\r\nimport { PermissionV20State } from './permissionV20-state';\r\n\r\n@Injectable()\r\nexport class PermissionV20Guard implements CanActivate {\r\n constructor(private router: Router, private permissionV20Service: PermissionV20Service) {\r\n\r\n }\r\n\r\n canActivate(\r\n next: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot): Observable | boolean {\r\n\r\n let permissionsRequired: PermissionV20Requirement[] = [];\r\n let parentPermissionsRequired = next.data['permissionsRequired'] as Array;\r\n\r\n if (parentPermissionsRequired)\r\n {\r\n for(let permissionRequirement of parentPermissionsRequired)\r\n {\r\n permissionsRequired.push(permissionRequirement);\r\n }\r\n }\r\n\r\n if (next.children)\r\n {\r\n for(let child of next.children)\r\n {\r\n let childPermissionsRequired = child.data['permissionsRequired'] as Array;\r\n if (childPermissionsRequired)\r\n {\r\n for(let permissionRequirement of childPermissionsRequired)\r\n {\r\n permissionsRequired.push(permissionRequirement);\r\n }\r\n }\r\n }\r\n }\r\n if (!permissionsRequired) {\r\n return true;\r\n }\r\n\r\n return this.permissionV20Service.get()\r\n .map((permissions: PermissionV20State) => {\r\n for(let permissionRequirement of permissionsRequired) {\r\n if (!permissions.hasPermissionTypeAtLevel(permissionRequirement.permissionType, permissionRequirement.permissionLevel)) {\r\n this.router.navigate([`/dashboard`]);\r\n return false;\r\n }\r\n }\r\n return true; \r\n });\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/permissionV20.guard.ts","import { Injectable } from '@angular/core';\r\nimport { Router, Resolve, ActivatedRouteSnapshot } from '@angular/router';\r\n\r\nimport { Observable } from 'rxjs/Observable';\r\nimport { PermissionV20Service } from './permissionV20.service';\r\nimport { of } from 'rxjs/observable/of';\r\nimport { PermissionV20State } from './permissionV20-state';\r\n\r\n@Injectable()\r\nexport class PermissionV20Resolver implements Resolve {\r\n constructor(private permissionV20Service: PermissionV20Service) {\r\n\r\n }\r\n\r\n resolve(route: ActivatedRouteSnapshot): Observable {\r\n return this.permissionV20Service.get();\r\n }\r\n}\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/permissionV20.resolver.service.ts","import { Injectable } from '@angular/core';\r\nimport { Response } from '@angular/http';\r\n\r\nimport { AuthHttp } from '../auth/auth-http';\r\nimport { environment } from '../../environments/environment';\r\nimport { Observable } from 'rxjs';\r\nimport { PermissionV20State } from './permissionV20-state';\r\nimport { of } from 'rxjs/observable/of';\r\n\r\n@Injectable()\r\nexport class PermissionV20Service {\r\n constructor(private authHttp: AuthHttp) { \r\n\r\n }\r\n \r\n get(): Observable {\r\n return this.authHttp\r\n .get(`${environment.ieWayApiUrl}api/permissionsV20`)\r\n .map((response: Response) => new PermissionV20State(response.json()))\r\n .catch((error: any) => {\r\n let permissionState = new PermissionV20State(null);\r\n return of(permissionState);\r\n })\r\n .share();\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/permissionV20/permissionV20.service.ts","import { Injectable } from '@angular/core';\r\nimport { Response } from '@angular/http';\r\nimport { Observable } from 'rxjs/Observable';\r\n\r\nimport { IAddressFinderService } from './address-finder.service.interface';\r\nimport { AuthHttp } from '../auth/auth-http';\r\nimport { environment } from '../../environments/environment';\r\n\r\n@Injectable()\r\nexport class AddressFinderService implements IAddressFinderService {\r\n\r\n constructor(private authHttp: AuthHttp) {\r\n }\r\n\r\n public getAddressList(postcode: string, companyBranchCode: string): Observable {\r\n const url = `${environment.ieWayApiUrl}api/AddressFinder/${postcode}/${companyBranchCode}`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => response.json() as any);\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/address-finder.service.ts","export class Address {\r\n line1: string;\r\n line2: string;\r\n line3: string;\r\n town: string;\r\n country: string;\r\n postcode: string;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/address.ts","import { Address } from './address';\r\nexport class Client {\r\n title: string;\r\n titleOther: string;\r\n givenName: string;\r\n familyName: string;\r\n telephone: string;\r\n email: string;\r\n address?: Address;\r\n propertyInvolvement: NameAndValue;\r\n}\r\n\r\nexport class NameAndValue {\r\n name: string;\r\n value: string;\r\n};\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/client.ts","import { Address } from './address';\r\n\r\nexport class Property {\r\n propertyType: string;\r\n price: any;\r\n commission?: number;\r\n tenureType: string;\r\n tags: string[] = [];\r\n address?: Address;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/property.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n padding: 5px 30px 20px;\\r\\n border-top-left-radius: 2px;\\r\\n}\\r\\n\\r\\n.rightDS {\\r\\n padding:5px;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {\\r\\n background: rgba(0, 178, 136, 0.5);\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-label {\\r\\n min-width: 150px;\\r\\n margin: 0 20px 0 10px;\\r\\n display: inline;\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-helper{\\r\\n margin-bottom: 8px;\\r\\n}\\r\\n\\r\\n.hide{\\r\\n display:none;\\r\\n}\\r\\n\\r\\na.infoHover i {\\r\\n font-size: 20px;\\r\\n display: inline-block;\\r\\n text-align: center;\\r\\n border-radius: 50%;\\r\\n color:#00B388;\\r\\n}\\r\\n\\r\\na.infoHover:hover ~ .ts-label.hide {\\r\\n display: inline-block!important;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\nng-invalid:parent {\\r\\n background: #c6579a;\\r\\n}\\r\\n\\r\\nhr {\\r\\n margin-top: 0;\\r\\n}\\r\\n\\r\\nh4 {\\r\\n padding: 5px 15px 10px;\\r\\n margin-top: 0;\\r\\n text-transform: uppercase;\\r\\n color: #5e5e5e;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.action-block > div > .popover-wrapper .popover{\\r\\n width: auto;\\r\\n \\r\\n}\\r\\n\\r\\n.action-block > div > .popover-wrapper {\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.popover-wrapper:after {\\r\\n display:block;\\r\\n content: '';\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n.popover{\\r\\n display: block;\\r\\n color: #959595;\\r\\n background-color: rgba(255, 255, 255, 1);\\r\\n border-color:rgba(255, 255, 255, 0.3);\\r\\n left: inherit;\\r\\n padding: 15px 5px 5px 15px!important;\\r\\n font-size: 13px;\\r\\n max-width: 300px;\\r\\n}\\r\\n\\r\\n.popover-title{\\r\\n padding: 0px 0 5px;\\r\\n background: none;\\r\\n text-align: center;\\r\\n font-weight: 600;\\r\\n color: #959595;\\r\\n}\\r\\n\\r\\n.popover-title > i {\\r\\n color: #f6665d;\\r\\n}\\r\\n\\r\\n.popover-content {\\r\\n padding: 0;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.popover-quote{\\r\\n top: -66px;\\r\\n right: -35px;\\r\\n}\\r\\n\\r\\n.popover.top > .arrow{\\r\\n opacity: 1;\\r\\n width: auto!important;\\r\\n}\\r\\n\\r\\n.client{\\r\\n display: block;\\r\\n margin-bottom:10px;\\r\\n}\\r\\n\\r\\n.client:after{\\r\\n display: block;\\r\\n clear: both;\\r\\n content: '';\\r\\n}\\r\\n\\r\\n.client h4{\\r\\n padding: 0 48px;\\r\\n}\\r\\n\\r\\n.client:not(:first-of-type) h4 {\\r\\n margin-top: 25px!important;\\r\\n}\\r\\n\\r\\n.btn-icon-text {\\r\\n\\r\\n width: 142px;\\r\\n}\\r\\n\\r\\n.btn-width-auto {\\r\\n width: auto!important;\\r\\n}\\r\\n\\r\\n.btn-mhm {\\r\\n padding: 18px 20px;\\r\\n margin: 0;\\r\\n width: 100%;\\r\\n font-size: 14px;\\r\\n text-transform: uppercase;\\r\\n color: #4c4c4c!important;\\r\\n -webkit-box-shadow: none;\\r\\n box-shadow: none;\\r\\n background-color: #f8f8f8!important;\\r\\n border-bottom: 1px solid #ddd;\\r\\n text-align: left;\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n.btn-mhm:last-of-type {\\r\\n margin-right: 0px;\\r\\n border-bottom: 0;\\r\\n}\\r\\n\\r\\n.btn-mhm.active {\\r\\n background-color: #C6579A!important;\\r\\n color: #fff!important;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.btn-mhm.active:after {\\r\\n content: '\\\\f138';\\r\\n font-family: \\\"FontAwesome\\\";\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n.button-panel p {\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n padding: 15px 0;\\r\\n text-align: left;\\r\\n border-bottom: 2px solid #ddd;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate.disabled {\\r\\n background-color: #f6f6f6;\\r\\n color: #999;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n.btn-remove, .btn-remove:hover {\\r\\n background-color: #C6579A!important;\\r\\n color: #ffffff;\\r\\n}\\r\\n\\r\\n.btn-action {\\r\\n margin: 0 15px 20px;\\r\\n}\\r\\n\\r\\n.btn-cancel{\\r\\n color: #ffffff;\\r\\n background-color: #C6579A;\\r\\n border-color: #C6579A;\\r\\n margin: 3px 10px 10px 0;\\r\\n float: left;\\r\\n}\\r\\n\\r\\n.action-block div {\\r\\n /* width: 50%; */\\r\\n padding:5px 0 0; \\r\\n }\\r\\n\\r\\n.quote-section-title\\r\\n{\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 41px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: -5px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 30px;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n}\\r\\n\\r\\n.quote-text {\\r\\n text-transform: uppercase;\\r\\n font-style: italic;\\r\\n}\\r\\n\\r\\n.quote-section-title:first-of-type\\r\\n{\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n.quote-section-title span\\r\\n{\\r\\n padding-left: 3px;\\r\\n}\\r\\n\\r\\n.short-title{\\r\\n display:none;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.pi-switch {\\r\\n float: right;\\r\\n margin-right: 5px;\\r\\n}\\r\\n\\r\\n.quote-type-selection {\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 3px;\\r\\n margin-bottom:20px;\\r\\n clear: both;\\r\\n display: block;\\r\\n background-color: #edecec;\\r\\n position: relative;\\r\\n \\r\\n}\\r\\n\\r\\n.quote-type-selection div {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.quote-type-selection div:first-child {\\r\\n border-right: 1px solid #ccc;\\r\\n}\\r\\n\\r\\n.quote-type-selection:after {\\r\\n content: '';\\r\\n clear: both;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.address-search {\\r\\n margin-top: 15px;\\r\\n}\\r\\n\\r\\n.address-search-container input {\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.address-search-container > select option:first-of-type {\\r\\n color: #ccc!important;\\r\\n}\\r\\n\\r\\n.address-search-container {\\r\\n border: 1px solid #EEEEEE;\\r\\n background-color: #F8F8F8;\\r\\n display: block;\\r\\n margin: 10px 0px 20px;\\r\\n padding: 10px 20px;\\r\\n}\\r\\n\\r\\n.address-search-container h5{\\r\\n padding: 0 0 10px;\\r\\n color: #6E6E6E;\\r\\n font-size: 13px;\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.address-content {\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n.address-search button {\\r\\n margin: 0 10px 20px 15px;\\r\\n}\\r\\n\\r\\n.copy-address {\\r\\n padding: 20px 0px 5px;\\r\\n border-top: 3px solid #ffffff;\\r\\n \\r\\n}\\r\\n\\r\\n.copy-address > button {\\r\\n /* width: 48%; */\\r\\n padding: 7px 15px;\\r\\n width: auto;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n\\r\\n.copy-address > button:first-of-type {\\r\\n margin: 0 10px 10px 0;\\r\\n}\\r\\n\\r\\n.country-label {\\r\\n top: -20px;\\r\\n font-size: 11px;\\r\\n}\\r\\n\\r\\ntextarea {\\r\\n border-right: 1px solid #e0e0e0!important;\\r\\n border-left: 1px solid #e0e0e0!important;\\r\\n border-top: 1px solid #e0e0e0!important;\\r\\n padding: 10px!important;\\r\\n}\\r\\n\\r\\n.comments-label.fg-label{\\r\\n padding: 3px 0 0 10px;\\r\\n}\\r\\n\\r\\n.fg-float .fg-toggled .comments-label.fg-label{\\r\\n padding: 3px 0 0 0px;\\r\\n}\\r\\n\\r\\n.has-error > .fg-line:after {\\r\\n background: none!important;\\r\\n }\\r\\n\\r\\n.quote-type-selection-main li:first-of-type a:before {\\r\\n content: '\\\\f3b8';\\r\\n font-family: \\\"Material-Design-Iconic-Font\\\";\\r\\n}\\r\\n\\r\\n.quote-type-selection-main li a:before {\\r\\n content: '\\\\f337';\\r\\n font-family: \\\"Material-Design-Iconic-Font\\\";\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.tab-nav li a span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n padding-left:20px;\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.quote-additional-info p{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n padding: 20px 0;\\r\\n}\\r\\n\\r\\n.quote-additional-info p {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.question-alignment {\\r\\n padding: 0 48px;\\r\\n}\\r\\n\\r\\n.radio-custom{\\r\\n vertical-align: top;\\r\\n margin-top: 0;\\r\\n padding-left: 25px;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.clearfix {\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.placeholder i {\\r\\n text-align: center;\\r\\n font-size: 28px;\\r\\n vertical-align: inherit;\\r\\n}\\r\\n\\r\\n.actions > li > a {\\r\\n border: none;\\r\\n}\\r\\n\\r\\n.dropdown-menu {\\r\\n width:700px;\\r\\n}\\r\\n\\r\\n.info-title {\\r\\n font-weight: 600;\\r\\n padding-bottom: 3px;\\r\\n margin: 0;\\r\\n}\\r\\n\\r\\n@media (max-width: 1366px)\\r\\n{\\r\\n .col-lg-7 {\\r\\n width:100%;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 991px)\\r\\n{\\r\\n .wrapperDS {\\r\\n display: block;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: none;\\r\\n flex: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 767px)\\r\\n{\\r\\n .leftDS{\\r\\n padding: 10px 20px 20px; \\r\\n border-bottom: 1px solid #ddd;\\r\\n }\\r\\n \\r\\n .quote-additional-info {\\r\\n padding: 20px;\\r\\n }\\r\\n\\r\\n .radio-custom{\\r\\n display: block;\\r\\n }\\r\\n .short-title{\\r\\n display:inline;\\r\\n }\\r\\n\\r\\n .full-title{\\r\\n display:none;\\r\\n }\\r\\n\\r\\n .quote-type-placeholder {\\r\\n display:none;\\r\\n\\r\\n }\\r\\n\\r\\n .quote-type-selection-main {\\r\\n padding: 0;\\r\\n position: relative;\\r\\n top: 25%;\\r\\n left: 0;\\r\\n }\\r\\n\\r\\n .quote-type-selection div:first-child {\\r\\n border: none;\\r\\n }\\r\\n\\r\\n .question-alignment {\\r\\n padding: 0 20px;\\r\\n }\\r\\n\\r\\n .quote-section-title\\r\\n {\\r\\n padding-left: 20px;\\r\\n }\\r\\n\\r\\n .client h4{\\r\\n padding: 0 20px;\\r\\n }\\r\\n\\r\\n .dropdown-menu{\\r\\n width: 400px;\\r\\n }\\r\\n\\r\\n .copy-address button {\\r\\n width: 100%;\\r\\n margin-right: 0px;\\r\\n margin-bottom: 10px;\\r\\n }\\r\\n\\r\\n .copy-address button:nth-of-type(2) {\\r\\n margin-left: 0px;\\r\\n }\\r\\n\\r\\n .popover-quote {\\r\\n right: 0px;\\r\\n }\\r\\n \\r\\n }\\r\\n\\r\\n@media (max-width: 452px)\\r\\n {\\r\\n .dropdown-menu{\\r\\n width: 325px;\\r\\n }\\r\\n }\\r\\n\\r\\n@media (max-width: 375px)\\r\\n {\\r\\n .dropdown-menu{\\r\\n width: 325px;\\r\\n }\\r\\n }\\r\\n\\r\\n@media (max-width: 387px)\\r\\n { \\r\\n .popover-quote {\\r\\n top: -76px;\\r\\n right: 0px;\\r\\n left: 0;\\r\\n margin: 0 auto;\\r\\n }\\r\\n\\r\\n .btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active, .btn-mhm-generate.disabled \\r\\n {\\r\\n float: none;\\r\\n width: 100%;\\r\\n }\\r\\n }\\r\\n\\r\\n@media (max-width: 320px)\\r\\n { \\r\\n .popover-quote {\\r\\n top: -96px;\\r\\n }\\r\\n\\r\\n \\r\\n }\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/quotation/quotation-create/quotation-create.component.css\n// module id = ./src/app/quotation/quotation-create/quotation-create.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
Who is this quote for?
\\r\\n
\\r\\n {{ selectedBranch.name }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Who is the negotiator?\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
(this.quotationForm.controls['clients'])).controls.length < this.maxNumberOfClients;\r\n }\r\n\r\n public branches: Option[] = [];\r\n public negotiators: Option[] = [];\r\n get hasNegotiators(): boolean {\r\n return this.negotiators && this.negotiators.length > 0\r\n }\r\n public formVariables: any = null;\r\n public propertyAddressLists = [];\r\n public clientAddressLists = [];\r\n public displayValidationMessage: boolean = false;\r\n public quotation = null;\r\n public isSubmitting: boolean = false;\r\n public hasErrors: boolean = false;\r\n private emailRequired: boolean;\r\n public negotiatorName: string = null;\r\n public singleBranch: boolean = false;\r\n private branchDescriptorSingular: string = \"Branch\";\r\n private callCentrePermissions: any[] = [];\r\n private companyConfigurationPermissions: any[] = [];\r\n get hasCallCentrePermission() {\r\n return this.callCentrePermissions.filter(permission => permission.id === this.selectedCompanyBranchCode).length > 0;\r\n }\r\n\r\n branchSettings = {};\r\n branchList = []; \r\n selectedBranches = [];\r\n get selectedCompanyBranchCode(): string {\r\n if (this.selectedBranches.length == 1) {\r\n return this.selectedBranches[0].id;\r\n }\r\n return null;\r\n }\r\n\r\n get draftQuoteIsEnabled(): boolean {\r\n return this.quotationTypes && this.quotationTypes.filter((quotationType: Option) => quotationType.value === \"Draft\").length > 0;\r\n }\r\n\r\n negotiatorSettings = {};\r\n negotiatorList = []; \r\n selectedNegotiators = [];\r\n \r\n constructor(\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private quotationService: QuotationService,\r\n private addressFinderService: AddressFinderService,\r\n private formBuilder: FormBuilder,\r\n private toasterService: ToasterService,\r\n private companyService: CompanyService,\r\n private userService: UserService\r\n )\r\n {\r\n this.quotationForm = this.initialiseQuotationForm();\r\n }\r\n\r\n // Initialise controls\r\n initialiseQuotationForm() {\r\n return this.formBuilder.group({\r\n 'quotationReferenceCode': [null, Validators.nullValidator],\r\n 'quotationType': ['Instructable', Validators.required],\r\n 'caseType': ['Sale', Validators.required],\r\n 'properties': this.formBuilder.array([]),\r\n 'clients': this.formBuilder.array([]),\r\n 'comments': ['', [Validators.nullValidator, Validators.maxLength(500)]],\r\n 'externalReferences': this.formBuilder.group({}),\r\n 'category': ['', Validators.nullValidator],\r\n 'propertyInvolvements': this.initialisePropertyInvolvementForm(),\r\n 'relationshipBreakdown': [null, Validators.required],\r\n }, {validator: ValidationService.propertyValidator});\r\n }\r\n\r\n\r\n\r\n ngOnInit() {\r\n this.initialiseNegotiatorSettings();\r\n\r\n this.route.parent.data\r\n .subscribe((data: { permissions: PermissionV20State, myRewardName: string}) => {\r\n this.processPermissions(data.permissions);\r\n this.initialiseBranchSettings(); \r\n });\r\n\r\n this.route.params\r\n .subscribe((params: Params) => {\r\n this.processRouteParameters(params);\r\n });\r\n }\r\n\r\n initialiseBranchSettings(): void {\r\n this.branchSettings = { \r\n singleSelection: true, \r\n text:`-- Please select your ${this.branchDescriptorSingular}`+` --`,\r\n enableSearchFilter: true,\r\n searchPlaceholderText: `Search for your ${this.branchDescriptorSingular}`,\r\n searchAutofocus: true,\r\n classes: \"app-list-filter\",\r\n enableFilterSelectAll: false\r\n };\r\n }\r\n\r\n\r\n\r\n initialiseNegotiatorSettings(): void {\r\n this.negotiatorSettings = { \r\n singleSelection: true, \r\n text:\"-- Please select your negotiator --\",\r\n enableSearchFilter: true,\r\n searchPlaceholderText: 'Search for your negotiator',\r\n searchAutofocus: true,\r\n classes: \"app-list-filter\",\r\n enableFilterSelectAll: false\r\n };\r\n }\r\n\r\n processPermissions(permissions: PermissionV20State): void {\r\n let branchDescriptorSingular = permissions.getBranchDescriptorSingular();\r\n this.branchDescriptorSingular = branchDescriptorSingular;\r\n this.callCentrePermissions = permissions.getPermissionsOfType('CallCentreView');\r\n this.companyConfigurationPermissions = permissions.getPermissionsOfTypeAtLevel('QuotationView', 1);\r\n\r\n var branchOptions = permissions.getOptionsForPermissionType('QuotationView', true, true);\r\n if (branchOptions) {\r\n this.userService.getBranchListWithLawFirms(branchOptions).subscribe(result => {\r\n this.branches = result;\r\n this.initialiseBranches();\r\n });\r\n } \r\n }\r\n\r\n initialiseBranches(): void {\r\n if (this.branches) {\r\n if (this.branches.length > 1) {\r\n this.branches.forEach(b => \r\n {\r\n this.branchList.push( {\"id\": b.value, \"itemName\": b.text} );\r\n }\r\n );\r\n \r\n } else if (this.branches.length === 1) {\r\n this.branches.forEach(b => \r\n {\r\n this.branchList.push( {\"id\": b.value, \"itemName\": b.text} );\r\n this.selectedBranches.push( {\"id\": b.value, \"itemName\": b.text} );\r\n }\r\n );\r\n this.singleBranch = true;\r\n this.selectBranch(null,null);\r\n }\r\n }\r\n }\r\n\r\n processRouteParameters(params: Params) {\r\n this.selectQuotationType(params['quotationType']);\r\n // if we're modifying an existing quote, we need to get the details here and inject them into the quote form\r\n if (params.hasOwnProperty('companyBranchCode') \r\n && params.hasOwnProperty('quotationDate') \r\n && params.hasOwnProperty('quotationNumber')) {\r\n \r\n this.quotationService.getQuotation(params['companyBranchCode'], params['quotationDate'], params['quotationNumber'])\r\n .subscribe((response: Response) => {\r\n this.processQuotation(response);\r\n },\r\n (error) => {\r\n\r\n });\r\n }\r\n }\r\n\r\n processQuotation(response: Response): void {\r\n if (response.status === 200) {\r\n let quotation = response.json();\r\n let quotationStatus = quotation.status.value;\r\n\r\n if (quotationStatus === 'Draft' || quotationStatus === 'Created' || quotationStatus === 'FollowedUp') {\r\n this.quotation = quotation;\r\n // update the form to include the details\r\n this.quotationForm.controls['quotationReferenceCode'].setValue(quotation.referenceCode);\r\n this.negotiatorName = quotation.recommender.negotiatorName.trim();\r\n this.selectedBranches = [];\r\n this.selectedBranches.push({\"id\":this.quotation.recommender.companyBranchCode, \"name\":this.quotation.recommender.branchName})\r\n this.selectedNegotiators = [];\r\n\r\n this.selectBranch(quotation.comparisonResults.length > 0 ? 'Comparison' : quotation.results[0].category, quotation.externalReferences);\r\n this.selectCaseType(quotation.caseType.value);\r\n this.addQuotationComments();\r\n }\r\n else\r\n {\r\n // quotation is not at the correct status for modifying - pop some toast - re-route to quote details\r\n this.toasterService.pop('error', '', 'Your quote is at status: '+quotationStatus+', cannot modify');\r\n this.router.navigate(['quotation/details/' + quotation.referenceCode]);\r\n }\r\n }\r\n }\r\n\r\n\r\n initialiseClient(): FormGroup {\r\n let clientForm = this.formBuilder.group({\r\n 'title': ['', [ValidationService.clientValidator]],\r\n 'firstName': ['', [ValidationService.clientValidator]],\r\n 'lastName': ['', [ValidationService.clientValidator]],\r\n 'telephone': ['', [ValidationService.clientValidator]],\r\n 'propertyInvolvement': [null],\r\n 'address': this.createAddress()\r\n \r\n });\r\n \r\n let address = clientForm.controls['address'];\r\n address.removeControl('country');\r\n return clientForm; \r\n \r\n }\r\n\r\n initialiseProperty(propertyVariables: any): FormGroup {\r\n let propertyForm = this.formBuilder.group({\r\n 'propertyType': [propertyVariables.propertyType],\r\n 'price': ['', [ValidationService.numberValidator(0.01,2999999.99)]],\r\n 'tenureType': ['Freehold'],\r\n 'switches': this.formBuilder.array([]),\r\n \r\n });\r\n\r\n if (propertyVariables.commission && propertyVariables.commission.options && propertyVariables.commission.options.length > 0) {\r\n let defaultValue = '';\r\n for (let commissionOption of propertyVariables.commission.options) {\r\n if (commissionOption.isSelected) {\r\n defaultValue = commissionOption.value;\r\n break;\r\n }\r\n }\r\n \r\n propertyForm.addControl('commission', this.formBuilder.control(defaultValue, [Validators.required]))\r\n }\r\n\r\n let switches = propertyVariables.tags;\r\n if (switches) {\r\n for (let index = 0, switchesLength = switches.length; index < switchesLength; index++) {\r\n let propertySwitch = switches[index];\r\n let propertySwitchName = propertySwitch.name;\r\n \r\n const controls = propertyForm.controls['switches'];\r\n //let propertySwitchControl = {};\r\n //propertySwitchControl[propertySwitchName] = [propertySwitch.isOnByDefault, [Validators.nullValidator]];\r\n // controls.push(this.formBuilder.control(propertySwitch.isOnByDefault));\r\n controls.push(this.formBuilder.group({\r\n 'name': propertySwitchName,\r\n 'isOnByDefault': propertySwitch.isOnByDefault,\r\n 'isSelected': propertySwitch.isOnByDefault\r\n }\r\n ));\r\n }\r\n }\r\n\r\n this.showPropertyControls();\r\n\r\n if (this.quotation) {\r\n let propertyValues = this.quotation.properties.filter(p => p.propertyType === propertyVariables.propertyType)[0];\r\n if (propertyValues) {\r\n propertyForm.controls['price'].setValue(propertyValues.price.replace('£', '').replace(',', '').replace('.00', ''));\r\n\r\n if (propertyValues.tags.indexOf('Leasehold') > -1) {\r\n propertyForm.controls['tenureType'].setValue('Leasehold');\r\n }\r\n\r\n if (propertyForm.controls['commission'] && propertyValues.commission) {\r\n propertyForm.controls['commission'].setValue(propertyValues.commission);\r\n }\r\n\r\n for (let index = 0, switches = propertyVariables.tags, switchesLength = switches.length; index < switchesLength; index++) {\r\n let propertySwitch = switches[index];\r\n let propertySwitchName = propertySwitch.name;\r\n let propertySwitchDefault = propertySwitch.isOnByDefault;\r\n let tag = (propertyForm.controls['switches']).controls[index];\r\n let tagGroup = (tag).controls;\r\n if (propertyValues.tags.filter(t => t.toUpperCase() === propertySwitchName.toUpperCase()).length > 0) {\r\n \r\n tagGroup['isSelected'].setValue(true);\r\n if (propertySwitchName == \"Relationship Breakdown\"){\r\n this.quotationForm.controls['relationshipBreakdown'].setValue(true);\r\n }\r\n } else {\r\n tagGroup['isSelected'].setValue(false);\r\n if (propertySwitchName == \"Relationship Breakdown\"){\r\n this.quotationForm.controls['relationshipBreakdown'].setValue(false);\r\n }\r\n }\r\n }\r\n let propertyAddress = propertyValues.address;\r\n if (propertyAddress) {\r\n propertyForm.addControl('address', this.createQuotationAddressForm(propertyAddress));\r\n }\r\n else{\r\n propertyForm.addControl('address', this.createAddress());\r\n }\r\n \r\n }\r\n } \r\n return propertyForm;\r\n }\r\n\r\n addDebugBranch(text: string, value: string) {\r\n let branchOption = new Option();\r\n branchOption.text = text;\r\n branchOption.value = value;\r\n this.branches.push(branchOption);\r\n }\r\n\r\n optionIsSelected(controlName:string, option: Option): boolean {\r\n return this.optionValueIsSelected(controlName, option.value);\r\n }\r\n\r\n optionValueIsSelected(controlName: string, value: string): boolean {\r\n return this.quotationForm.controls[controlName].value === value;\r\n }\r\n\r\n controlsAreValid(controlNames: string[]) {\r\n for (let controlName of controlNames) {\r\n if (!this.controlIsValid(controlName)) {\r\n return false;\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n\r\n get branchNameHelpText() : string\r\n {\r\n if (!this.singleBranch)\r\n {\r\n return 'CHOOSE ' + this.branchDescriptorSingular.toUpperCase() + ' TO GET STARTED';\r\n }\r\n else\r\n {\r\n return 'CHOOSE NEGOTIATOR TO GET STARTED';\r\n }\r\n }\r\n\r\n defaultCategoryValue(): string {\r\n return this.formVariables.categories[0].value;\r\n }\r\n\r\n controlIsValid(controlName: string) {\r\n return this.quotationForm.controls[controlName].valid;\r\n }\r\n\r\n selectCaseType(caseType: string) {\r\n this.caseType = caseType;\r\n this.quotationForm.controls['caseType'].setValue(caseType);\r\n this.addPropertyInvolvementControls();\r\n }\r\n\r\n get selectedCaseType(): any\r\n { \r\n return this.quotationForm.controls['caseType'].value;\r\n\r\n }\r\n\r\n selectQuotationType(quotationType: string) {\r\n this.quotationForm.controls['quotationType'].setValue(quotationType);\r\n this.showPropertyControls();\r\n if (this.quotationForm.controls.quotationType.value == \"Draft\")\r\n {\r\n let clients = this.quotationForm.controls['clients'];\r\n for (let clientIndex = 0; clientIndex < clients.length; clientIndex++) \r\n {\r\n return clients.removeAt(clientIndex);\r\n }\r\n }\r\n }\r\n\r\n getPropertyInvolvementId(propertyType: string, clientIndex: number) {\r\n return `property-${propertyType}-client-${clientIndex}`;\r\n }\r\n\r\n initialisePropertyInvolvementForm(): FormGroup \r\n {\r\n let involvementForm = this.formBuilder.group({\r\n 'saleInvolvement': this.formBuilder.array([]),\r\n 'purchaseInvolvement': this.formBuilder.array([])\r\n }, {validator: ValidationService.propertyInvolvementValidator});\r\n return involvementForm;\r\n };\r\n\r\n get canShowPropertyInvolvement(): Boolean{\r\n\r\n let clients = this.quotationForm.controls['clients'];\r\n let hasClientInfo: boolean = false;\r\n let hasPropertyInfo: boolean = false;\r\n if(this.getCaseType() == \"PurchaseAndSale\")\r\n {\r\n if (clients.length > 1)\r\n {\r\n let client1 = this.getClient(0);\r\n let client2 = this.getClient(1);\r\n let client1Address = this.getClientAddress(0);\r\n let client2Address = this.getClientAddress(1);\r\n\r\n if (this.controlHasContent(client1.controls.title) &&\r\n this.controlHasContent(client1.controls.firstName) &&\r\n this.controlHasContent(client1.controls.lastName) &&\r\n this.controlHasContent(client2.controls.title) &&\r\n this.controlHasContent(client2.controls.firstName) &&\r\n this.controlHasContent(client2.controls.lastName) &&\r\n this.controlHasContent(client1Address.controls.line1) &&\r\n this.controlHasContent(client1Address.controls.postcode) &&\r\n this.controlHasContent(client2Address.controls.line1) &&\r\n this.controlHasContent(client2Address.controls.postcode))\r\n \r\n {\r\n hasClientInfo = true;\r\n }\r\n }\r\n \r\n let saleAddress = this.getPropertyAddress(0);\r\n let purchaseAddress = this.getPropertyAddress(1);\r\n\r\n if (this.controlHasContent(saleAddress.controls.line1) &&\r\n this.controlHasContent(saleAddress.controls.postcode) &&\r\n this.controlHasContent(purchaseAddress.controls.line1) &&\r\n this.controlHasContent(purchaseAddress.controls.postcode))\r\n {\r\n hasPropertyInfo = true;\r\n }\r\n }\r\n return this.getCaseType() == 'PurchaseAndSale' && hasPropertyInfo && hasClientInfo;\r\n }\r\n\r\n addPropertyInvolvementControls() \r\n {\r\n let clients = this.quotationForm.controls['clients'];\r\n let propertyInvolvement = this.quotationForm.controls['propertyInvolvements'];\r\n let purchaseControls = propertyInvolvement.controls['purchaseInvolvement'];\r\n let saleControls = propertyInvolvement.controls['saleInvolvement'];\r\n if (clients.length > 1)\r\n {\r\n for (let clientIndex = 0; clientIndex < clients.length; clientIndex++) \r\n {\r\n saleControls.push(this.formBuilder.group({\"involved\": this.formBuilder.control(this.setSaleInvolvementValues(clientIndex), [ValidationService.propertyInvolvementValidator])}));\r\n purchaseControls.push(this.formBuilder.group({\"involved\": this.formBuilder.control(this.setPurchaseInvolvementValues(clientIndex), [ValidationService.propertyInvolvementValidator])}));\r\n }\r\n }\r\n }\r\n\r\n setSaleInvolvementValues(clientIndex: number) : Boolean\r\n {\r\n let clients = this.quotationForm.controls['clients'];\r\n let client = clients.controls[clientIndex];\r\n let involved: Boolean = false;\r\n if(client.controls.propertyInvolvement.value == \"Sale\" || client.controls.propertyInvolvement.value == \"PurchaseAndSale\")\r\n {\r\n involved = true;\r\n }\r\n return involved;\r\n }\r\n\r\n setPurchaseInvolvementValues(clientIndex: number) : Boolean\r\n {\r\n let clients = this.quotationForm.controls['clients'];\r\n let client = clients.controls[clientIndex];\r\n let involved: Boolean = false;\r\n if(client.controls.propertyInvolvement.value == \"Purchase\" || client.controls.propertyInvolvement.value == \"PurchaseAndSale\")\r\n {\r\n involved = true;\r\n }\r\n return involved;\r\n }\r\n\r\n removePropertyInvolvementClient(clientIndex: number)\r\n {\r\n let client = this.getClient(clientIndex);\r\n this.propertyInvolvementControls.controls['saleInvolvement'].controls.splice(clientIndex, 1);\r\n this.propertyInvolvementControls.controls['purchaseInvolvement'].controls.splice(clientIndex, 1);\r\n }\r\n\r\n setPropertyInvolvement(clientIndex: number) : NameAndValue\r\n {\r\n \r\n let propertyInvolvement = this.quotationForm.controls['propertyInvolvements'];\r\n let saleControls = propertyInvolvement.controls['saleInvolvement'];\r\n let saleClient = saleControls.controls[clientIndex];\r\n let purchaseControls = propertyInvolvement.controls['purchaseInvolvement'];\r\n let purchaseClient = purchaseControls.controls[clientIndex];\r\n \r\n let involvementValue;\r\n if (saleClient && purchaseClient) \r\n {\r\n let values: boolean[] = [saleClient.controls.involved.value, purchaseClient.controls.involved.value];\r\n\r\n if (values[0] == true && values[1] == true){\r\n involvementValue = 'PurchaseAndSale';\r\n }\r\n else if (values[0] == true && values[1] == false)\r\n {\r\n involvementValue = 'Sale';\r\n }\r\n else if (values[0] == false && values[1] == true){\r\n involvementValue = 'Purchase';\r\n }\r\n else{\r\n involvementValue = null;\r\n }\r\n return involvementValue;\r\n }\r\n }\r\n \r\n\r\n showPropertyControls() {\r\n let properties = this.quotationForm.controls['properties'];\r\n for (let propertyIndex = 0; propertyIndex < properties.length; propertyIndex++)\r\n {\r\n let property = properties.controls[propertyIndex];\r\n let address = property.controls['address'];\r\n \r\n if (this.quotationForm.controls.quotationType.value === \"Instructable\") {\r\n if (!address) {\r\n property.addControl('address', this.createAddress());\r\n // property.controls['address'].get('country').setValue(this.countries[0].value);\r\n }\r\n }\r\n else if(address && (address.controls.line1.value == \"\" && address.controls.postcode.value == \"\")) {\r\n property.removeControl('address');\r\n }\r\n }\r\n }\r\n\r\n showClientControls()\r\n { \r\n \r\n let clients = this.quotationForm.controls['clients'];\r\n if (this.quotationForm.controls.quotationType.value !== \"Draft\")\r\n { \r\n if (this.quotation && this.quotation.clients)\r\n {\r\n if (this.quotation.clients.length > 0)\r\n {\r\n this.clientControls.removeAt(0);\r\n for (let client of this.quotation.clients)\r\n { \r\n \r\n let clientFormGroup = this.initialiseClient();\r\n if (this.emailRequired)\r\n {\r\n clientFormGroup.addControl('email', this.formBuilder.control('',[ValidationService.clientValidator, Validators.required, Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n else\r\n {\r\n clientFormGroup.addControl('email', this.formBuilder.control('',[Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n\r\n if (environment.useMockData && !client.givenName) {\r\n clientFormGroup.controls['title'].setValue(client.title); \r\n clientFormGroup.controls['titleOther'].setValue(client.titleOther);\r\n clientFormGroup.controls['firstName'].setValue(client.firstName); // HACK: both case and quotation should use the given/family name combo\r\n clientFormGroup.controls['lastName'].setValue(client.lastName); // HACK: both case and quotation should use the given/family name combo\r\n } else {\r\n \r\n clientFormGroup.controls['firstName'].setValue(client.givenName); // HACK: both case and quotation should use the given/family name combo\r\n clientFormGroup.controls['lastName'].setValue(client.familyName); // HACK: both case and quotation should use the given/family name combo\r\n }\r\n \r\n clientFormGroup.controls['telephone'].setValue(client.telephone);\r\n clientFormGroup.controls['email'].setValue(client.email);\r\n\r\n if (client.propertyInvolvement != null){\r\n clientFormGroup.controls['propertyInvolvement'].setValue(client.propertyInvolvement.value);\r\n }\r\n \r\n if (client.address) {\r\n clientFormGroup.controls['address'].patchValue(client.address);\r\n }\r\n \r\n if(client.title){\r\n let titles = [];\r\n for (let i = 0; i < this.clientTitles.length; i++) {\r\n titles.push(this.clientTitles[i].value);\r\n }\r\n \r\n if (titles.indexOf(client.title) > -1)\r\n {\r\n clientFormGroup.controls['title'].setValue(client.title);\r\n }\r\n else \r\n {\r\n clientFormGroup.controls['title'].setValue(\"Other\");\r\n clientFormGroup.addControl('titleOther', this.formBuilder.control(client.title, [ValidationService.clientValidator]));\r\n }\r\n }\r\n this.clientControls.push(clientFormGroup);\r\n }\r\n return this.clientControls;\r\n }\r\n }\r\n \r\n let formGroup: FormGroup = null;\r\n if (clients.controls.length === 0)\r\n {\r\n \r\n // no clients entered yet - we are creating an initial quote, not modifying an existing quote\r\n formGroup = this.initialiseClient()\r\n if (this.emailRequired)\r\n {\r\n formGroup.addControl('email', this.formBuilder.control('',[ValidationService.clientValidator, Validators.required, Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n else\r\n {\r\n formGroup.addControl('email', this.formBuilder.control('',[Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n \r\n return clients.push(formGroup);\r\n }\r\n }\r\n else\r\n {\r\n for (let clientIndex = 0; clientIndex < clients.length; clientIndex++) \r\n {\r\n return clients.removeAt(clientIndex);\r\n }\r\n }\r\n }\r\n\r\n getQuotationType(): string{\r\n return this.quotationForm.controls['quotationType'].value;\r\n }\r\n\r\n reorderArray(array, indexA, indexB) {\r\n let index = array[indexA];\r\n\r\n array[indexA] = array[indexB];\r\n array[indexB] = index;\r\n }\r\n\r\n onBranchSelect(item:any)\r\n {\r\n this.negotiators = [];\r\n this.negotiatorList = [];\r\n this.selectedNegotiators = [];\r\n this.selectBranch(null,null);\r\n }\r\n\r\n onBranchDeselect(item: any)\r\n {\r\n this.negotiators = [];\r\n this.negotiatorList = [];\r\n this.selectedNegotiators = [];\r\n }\r\n\r\n \r\n selectBranch(categoryValue: string, externalRefs: any) {\r\n this.branchLoading = true;\r\n this.formVariables = null;\r\n let companyBranchCode = this.selectedCompanyBranchCode;\r\n forkJoin(\r\n this.getNegotiators(companyBranchCode),\r\n this.getCompanyConfiguration(companyBranchCode),\r\n this.quotationService.getFormVariables(companyBranchCode)\r\n )\r\n .subscribe((result: [any[], CompanyConfiguration, any[]]) => {\r\n this.createNegotiatorList(result[0]);\r\n this.createQuotationTypesList(result[1]);\r\n this.processFormVariables(result[2], categoryValue, externalRefs);\r\n this.branchLoading = false;\r\n });\r\n }\r\n\r\n getNegotiators(companyBranchCode: string): Observable {\r\n if (this.hasCallCentrePermission && this.quotation == null) {\r\n return this.quotationService.getNegotiators(companyBranchCode)\r\n }\r\n return of([]);\r\n }\r\n\r\n createNegotiatorList(negotiators: any[]): void {\r\n this.negotiators = negotiators;\r\n if (negotiators && negotiators.length >= 1)\r\n {\r\n this.negotiatorList = [];\r\n this.selectedNegotiators = [];\r\n this.negotiators.forEach(b => \r\n {\r\n this.negotiatorList.push( {\"id\": b.value, \"itemName\": b.text} );\r\n }\r\n );\r\n \r\n this.negotiators.unshift({\r\n text: '-- Please select your negotiator --',\r\n value: '',\r\n isSelected: true\r\n });\r\n }\r\n }\r\n\r\n getCompanyConfiguration(companyBranchCode: string): Observable {\r\n if (this.companyConfigurationPermissions.filter(permission => permission.id === companyBranchCode).length > 0) {\r\n let companyCode = companyBranchCode.split('-')[0];\r\n return this.companyService.getConfiguration(companyCode);\r\n }\r\n return of({ enableDraftQuote: false} as CompanyConfiguration);\r\n }\r\n\r\n createQuotationTypesList(companyConfiguration: CompanyConfiguration) {\r\n if (companyConfiguration.enableDraftQuote) {\r\n this.quotationTypes = [ { text: 'Full Quote', value: 'Instructable', isSelected: true},\r\n { text: 'Quick Quote', value: 'Draft', isSelected: false} ];\r\n } else {\r\n this.quotationTypes = [ { text: 'Full Quote', value: 'Instructable', isSelected: true} ];\r\n }\r\n }\r\n\r\n processFormVariables(formVariables: any, categoryValue: string, externalRefs: any): void {\r\n if (formVariables) {\r\n this.emailRequired = formVariables.clientSettings.emailMandatory;\r\n this.showClientControls(); \r\n this.reorderArray(formVariables.propertyVariables, 0, 1);\r\n this.quotationForm.controls['properties'] = this.formBuilder.array([]);\r\n for (let index = 0; index < formVariables.propertyVariables.length; index++) {\r\n let propertyVariables = formVariables.propertyVariables[index];\r\n const properties = this.quotationForm.get('properties') as FormArray;\r\n \r\n (this.quotationForm.controls['properties']).push(this.initialiseProperty(propertyVariables));\r\n\r\n }\r\n\r\n let externalReferencesControls = this.quotationForm.controls['externalReferences']\r\n if (formVariables.externalReferences.length > 0) {\r\n externalReferencesControls = this.formBuilder.group({});\r\n for (let externalReference of formVariables.externalReferences)\r\n {\r\n const externalReferences = this.quotationForm.controls['externalReferences'];\r\n let validators = [];\r\n if (externalReference.isMandatory) {\r\n validators.push(Validators.required)\r\n }\r\n if (externalReference.length) {\r\n //validators.push(Validators.minLength(externalReference.length));\r\n validators.push(Validators.maxLength(externalReference.length));\r\n }\r\n if (validators.length === 0) {\r\n validators.push(Validators.nullValidator);\r\n }\r\n \r\n (this.quotationForm.controls['externalReferences']).addControl(externalReference.quotationField, this.formBuilder.control('', validators));\r\n }\r\n\r\n\r\n // set the external ref. values (if applicable)\r\n for (var prop in externalRefs)\r\n {\r\n if (externalRefs.hasOwnProperty(prop)) \r\n {\r\n (this.quotationForm.controls['externalReferences']).controls[prop].setValue(externalRefs[prop]);\r\n }\r\n }\r\n\r\n } else {\r\n if (externalReferencesControls.controls) {\r\n let controlsToDelete = [];\r\n for(let controlName in externalReferencesControls.controls) {\r\n if (externalReferencesControls.controls.hasOwnProperty(controlName)) {\r\n controlsToDelete.push(controlName);\r\n }\r\n }\r\n for (let controlToDelete in controlsToDelete) {\r\n (this.quotationForm.controls['externalReferences']).removeControl(controlToDelete);\r\n }\r\n }\r\n }\r\n this.formVariables = formVariables;\r\n this.updateCategory(categoryValue); \r\n this.addPropertyInvolvementControls(); \r\n }\r\n else\r\n {\r\n this.toasterService.pop('error', '', 'Your session has timed out. Please log in again.');\r\n this.router.navigate(['/account']);\r\n }\r\n }\r\n\r\n categoryOptionsCount() {\r\n let categoryOptionsCount = 0;\r\n\r\n if (this.formVariables \r\n && this.formVariables.categories \r\n && this.quotationForm.controls['caseType'].value !== 'Remortgage'\r\n && this.quotationForm.controls['caseType'].value !== 'RightToBuy') {\r\n \r\n categoryOptionsCount = this.formVariables.categories.length;\r\n }\r\n\r\n return categoryOptionsCount;\r\n }\r\n\r\n hasCategoryOptions() {\r\n return this.categoryOptionsCount() > 0;\r\n }\r\n\r\n updateCategory(categoryValue: string) {\r\n \r\n let selectedCategory = ''; \r\n \r\n // category has already been chosen\r\n if (categoryValue != null)\r\n {\r\n for(let category of this.formVariables.categories)\r\n {\r\n if (category.value == categoryValue)\r\n {\r\n selectedCategory = category.value;\r\n category.isSelected = true;\r\n }\r\n else\r\n {\r\n category.isSelected = false;\r\n }\r\n }\r\n this.quotationForm.controls['category'].setValue(selectedCategory);\r\n this.quotationForm.controls['category'].setValidators(Validators.required);\r\n }\r\n else\r\n {\r\n if (this.hasCategoryOptions())\r\n {\r\n for (let category of this.formVariables.categories) {\r\n category.isSelected = false;\r\n }\r\n this.formVariables.categories[0].isSelected = true;\r\n for(let category of this.formVariables.categories)\r\n {\r\n if (category.isSelected)\r\n {\r\n selectedCategory = category.value;\r\n break;\r\n }\r\n }\r\n this.quotationForm.controls['category'].setValue(selectedCategory);\r\n this.quotationForm.controls['category'].setValidators(Validators.required);\r\n }\r\n else\r\n {\r\n this.quotationForm.controls['category'].clearValidators();\r\n this.quotationForm.controls['category'].setValue('');\r\n }\r\n }\r\n }\r\n\r\n getPropertyVariables(propertyType: string): any {\r\n let propertyVariables = null;\r\n\r\n if (this.formVariables && this.formVariables.propertyVariables) {\r\n for(var property in this.formVariables.propertyVariables) {\r\n if (this.formVariables.propertyVariables.hasOwnProperty(property) && property === propertyType) {\r\n propertyVariables = this.formVariables.propertyVariables[property];\r\n break;\r\n }\r\n }\r\n }\r\n\r\n return propertyVariables;\r\n }\r\n\r\n propertyIsActive(propertyIndex: number): boolean {\r\n let properties = this.formVariables.propertyVariables;\r\n if (!properties || properties.length === 0) {\r\n return false;\r\n }\r\n\r\n let property = properties[propertyIndex];\r\n if (!property) {\r\n return false;\r\n }\r\n\r\n // first check to see if the property is involved in the selected case type \r\n if (this.quotationForm.controls['caseType'].value.indexOf(property.propertyType) === -1) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n\r\n getPropertySwitchId(propertyIndex: number, switchIndex: number) {\r\n return `property-${propertyIndex}-switch-${switchIndex}`;\r\n }\r\n\r\n getProperty(propertyIndex: number): FormGroup {\r\n const properties = (this.quotationForm.controls['properties']);\r\n return properties.controls[propertyIndex];\r\n }\r\n\r\n getPropertyTypeName(propertyType: string) {\r\n let propertyTypeName = '';\r\n\r\n for(let caseType of this.caseTypes) {\r\n if (caseType.value === propertyType) {\r\n propertyTypeName = caseType.text;\r\n break;\r\n }\r\n }\r\n\r\n return propertyTypeName;\r\n }\r\n\r\n addPropertyAddress(propertyIndex: number) {\r\n let property = this.getProperty(propertyIndex);\r\n if (!this.hasPropertyAddress(propertyIndex)) {\r\n property.addControl('address', this.createAddress());\r\n }\r\n }\r\n\r\n createAddress() {\r\n return this.formBuilder.group({\r\n 'searchTerm': ['', Validators.nullValidator],\r\n 'selection': [0, Validators.nullValidator],\r\n 'line1': ['', ValidationService.fullAddressValidator],\r\n 'line2': ['', Validators.nullValidator],\r\n 'line3': ['', Validators.nullValidator],\r\n 'town': ['', Validators.nullValidator],\r\n 'country': ['', ValidationService.countryValidator],\r\n 'postcode': ['', [ValidationService.fullAddressValidator, Validators.maxLength(10)]]\r\n }, Validators.required);\r\n }\r\n\r\n removePropertyAddress(propertyIndex: number) {\r\n let property = this.getProperty(propertyIndex);\r\n if (this.hasPropertyAddress(propertyIndex)) {\r\n property.removeControl('address');\r\n }\r\n }\r\n\r\n hasPropertyAddress(propertyIndex: number) {\r\n let property = this.getProperty(propertyIndex);\r\n return property && property.contains('address');\r\n }\r\n\r\n getPropertyAddress(propertyIndex: number): FormGroup {\r\n return this.getProperty(propertyIndex).controls['address'];\r\n }\r\n\r\n findPropertyAddress(propertyIndex: number) {\r\n this.findAddressButtonText = \"Searching ...\";\r\n this.propertyAddressLists[propertyIndex] = [];\r\n\r\n let propertyAddress = this.getPropertyAddress(propertyIndex);\r\n this.addressFinderService.getAddressList(propertyAddress.controls['searchTerm'].value, this.selectedCompanyBranchCode).subscribe(\r\n (response: Option[]) => {\r\n let addresses = response;\r\n if (addresses.length > 0) {\r\n if (addresses[0].text == \"No Results Found\")\r\n {\r\n addresses.pop();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n }\r\n else\r\n {\r\n let selectOption = new Option();\r\n selectOption.text = '-- Please select the address --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n \r\n }\r\n this.propertyAddressLists[propertyIndex] = addresses;\r\n }\r\n\r\n propertyAddress.controls['selection'].setValue(0);\r\n this.findAddressButtonText = \"Find address\";\r\n },\r\n (error: any) =>{\r\n if (error && error.status) {\r\n \r\n let addresses: Option[] = new Array();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n this.propertyAddressLists[propertyIndex] = addresses;\r\n propertyAddress.controls['selection'].setValue(0);\r\n this.findAddressButtonText = \"Find address\";\r\n\r\n switch(error.status) {\r\n case 404:\r\n //console.log('page not found / search term not entered');\r\n break;\r\n case 500:\r\n //console.log(error.error);\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n\r\n selectPropertyAddress(propertyIndex: number) {\r\n let address = this.getPropertyAddress(propertyIndex);\r\n if (!address || !address.controls) {\r\n return;\r\n }\r\n let addressControls = address.controls;\r\n\r\n // clear out the old values\r\n addressControls['town'].setValue(\"\");\r\n addressControls['postcode'].setValue(\"\");\r\n addressControls['country'].setValue(\"\");\r\n for (let index = 1; index < 4; index++)\r\n {\r\n addressControls[`line${index}`].setValue(\"\");\r\n }\r\n\r\n let selection = addressControls['selection'].value;\r\n\r\n for (let control in addressControls) {\r\n if (control.hasOwnProperty(control) && control !== 'selection') {\r\n addressControls[control].setValue('');\r\n }\r\n }\r\n\r\n if (selection > 0) {\r\n let oneLineAddress = '';\r\n for(let addressListItem of this.propertyAddressLists[propertyIndex]) {\r\n if (addressListItem.value == selection) {\r\n oneLineAddress = addressListItem.text;\r\n break;\r\n }\r\n }\r\n \r\n \r\n \r\n let postcode = oneLineAddress.substr(0, 12).trim();\r\n \r\n let restOfAddress = oneLineAddress.substring(12);\r\n let addressLines = restOfAddress.split(',').map((s: string) => { return s.trim() });\r\n \r\n\r\n let countryName: string = addressLines.pop();\r\n \r\n // only set the address if the country name is either England or Wales\r\n if (countryName === \"Wales\" || countryName === \"England\")\r\n {\r\n addressControls['postcode'].setValue(postcode);\r\n addressControls['country'].setValue(countryName);\r\n addressControls['town'].setValue(addressLines.pop());\r\n \r\n for (let index = 1; index < 4; index++)\r\n {\r\n if (addressLines.length > 0)\r\n {\r\n addressControls[`line${index}`].setValue(addressLines.splice(0, 1)[0]);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n\r\n loadingProperties()\r\n { \r\n let properties = this.quotationForm.controls['properties'];\r\n return properties.controls.length === 0\r\n }\r\n\r\n caseTypeAndBranchAreValid()\r\n {\r\n return this.quotationForm !== null && this.quotationForm.controls['caseType'].valid\r\n && this.selectedBranches.length > 0\r\n && (this.selectedNegotiators.length > 0 || !this.hasCallCentrePermission || this.negotiatorName != null);\r\n }\r\n\r\n showBranchPanel()\r\n {\r\n return this.branches.length > 1 || this.hasNegotiators;\r\n }\r\n\r\n branchIsValid()\r\n {\r\n return this.quotationForm !== null && (this.selectedBranches.length > 0);\r\n }\r\n\r\n getCaseType()\r\n {\r\n return this.quotationForm.controls['caseType'].value;\r\n }\r\n\r\n okToCopy(propertyIndex: number)\r\n {\r\n let isValid: number = 0; \r\n for (let controlName in this.quotationForm.controls)\r\n {\r\n if (controlName === 'properties')\r\n {\r\n const properties = (this.quotationForm.controls[controlName]) ;\r\n let property = properties.controls[propertyIndex];\r\n let propertyType = property.controls['propertyType'].value;\r\n\r\n if (this.quotationForm.controls.caseType.value.indexOf(propertyType) > -1) \r\n {\r\n if (this.quotationForm.controls['quotationType'].value === 'Instructable')\r\n {\r\n let address = property.controls['address'];\r\n if (address == null)\r\n {\r\n isValid = -2;\r\n break;\r\n }\r\n \r\n if ((address.controls['line1'].value == \"\" || address.controls['line1'].value == \"TBC\") || (address.controls['postcode'].value == \"\" || address.controls['postcode'].value == \"TBC\") || address.controls['country'].value == \"0\")\r\n {\r\n isValid = -1;\r\n break;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n return isValid > -1;\r\n }\r\n\r\n copyAddressAction(clientIndex: number, propertyIndex: number)\r\n {\r\n let client = this.getClient(clientIndex);\r\n for (let controlName in this.quotationForm.controls)\r\n {\r\n if (controlName === 'properties')\r\n {\r\n const properties = (this.quotationForm.controls[controlName]) ;\r\n let property = properties.controls[propertyIndex];\r\n let addressToCopy = property.controls['address'];\r\n if (addressToCopy)\r\n {\r\n client.controls.address.get('line1').setValue(addressToCopy.controls['line1'].value);\r\n client.controls.address.get('line2').setValue(addressToCopy.controls['line2'].value);\r\n client.controls.address.get('line3').setValue(addressToCopy.controls['line3'].value);\r\n client.controls.address.get('town').setValue(addressToCopy.controls['town'].value);\r\n client.controls.address.get('postcode').setValue(addressToCopy.controls['postcode'].value);\r\n }\r\n } \r\n }\r\n }\r\n\r\n public clientLists = [];\r\n\r\n public propertyTypeDisplay: string = ''\r\n\r\n getPropertyTypeDisplay(propertyIndex: number)\r\n {\r\n let property = this.getProperty(propertyIndex);\r\n let propertyName = this.getPropertyTypeName(property.controls.propertyType.value);\r\n \r\n if(propertyName == \"Purchase\")\r\n {\r\n this.propertyTypeDisplay = \"buying\"\r\n }\r\n else\r\n {\r\n this.propertyTypeDisplay = \"selling\"\r\n }\r\n return this.propertyTypeDisplay;\r\n \r\n }\r\n\r\n addTBCAddress(propertyIndex: number){\r\n let property = this.getProperty(propertyIndex);\r\n property.controls.address.get('line1').setValue(\"TBC\");\r\n property.controls.address.get('line2').setValue(\"\");\r\n property.controls.address.get('line3').setValue(\"\");\r\n property.controls.address.get('town').setValue(\"\");\r\n property.controls.address.get('country').setValue(\"England\");\r\n property.controls.address.get('postcode').setValue(\"TBC\");\r\n }\r\n\r\n get clientControls(): FormArray {\r\n return this.quotationForm.controls['clients'];\r\n }\r\n\r\n get propertyInvolvementControls(): FormArray {\r\n return this.quotationForm.controls['propertyInvolvements'];\r\n }\r\n\r\n // get propControls(): FormArray {\r\n // return this.quotationForm.controls['properties'];\r\n // }\r\n\r\n addTitleOther(clientIndex: number) {\r\n let client = this.getClient(clientIndex);\r\n if (client.controls.title.value == \"Other\")\r\n {\r\n client.addControl('titleOther', this.formBuilder.control('', [ValidationService.clientValidator]));\r\n return client && client.contains('titleOther');\r\n }\r\n else if (client.contains('titleOther'))\r\n {\r\n client.removeControl('titleOther');\r\n }\r\n }\r\n\r\n addClient()\r\n {\r\n let formGroup: FormGroup;\r\n formGroup = this.initialiseClient();\r\n \r\n if (this.emailRequired)\r\n {\r\n formGroup.addControl('email', this.formBuilder.control('',[ValidationService.clientValidator, Validators.required, Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n else\r\n {\r\n formGroup.addControl('email', this.formBuilder.control('',[Validators.maxLength(100), ValidationService.emailValidator]));\r\n }\r\n this.clientControls.push(formGroup); \r\n this.addPropertyInvolvementControls();\r\n }\r\n\r\n removeClient(clientIndex: number) {\r\n let client = this.getClient(clientIndex);\r\n this.clientControls.controls.splice(clientIndex, 1);\r\n this.removePropertyInvolvementClient(clientIndex);\r\n }\r\n\r\n getClient(clientIndex: number): FormGroup {\r\n const clients = (this.quotationForm.controls['clients']);\r\n return clients.controls[clientIndex];\r\n }\r\n \r\n getClientAddress(clientIndex: number): FormGroup {\r\n return this.getClient(clientIndex).controls['address'];\r\n }\r\n\r\n hasClientAddress(clientIndex: number) {\r\n let client = this.getClient(clientIndex);\r\n return client && client.contains('address');\r\n }\r\n\r\n findClientAddress(clientIndex: number) {\r\n this.clientAddressLists[clientIndex] = [];\r\n this.findAddressButtonText = \"Searching ...\";\r\n\r\n let clientAddress = this.getClientAddress(clientIndex);\r\n this.addressFinderService.getAddressList(clientAddress.controls['searchTerm'].value, this.selectedCompanyBranchCode).subscribe(\r\n (response: Option[]) => {\r\n let addresses = response;\r\n if (addresses.length > 0)\r\n {\r\n if (addresses[0].text == \"No Results Found\")\r\n {\r\n addresses.pop();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n }\r\n else\r\n {\r\n let selectOption = new Option();\r\n selectOption.text = '-- Please select the address --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n \r\n }\r\n\r\n this.findAddressButtonText = \"Find address\";\r\n this.clientAddressLists[clientIndex] = addresses;\r\n }\r\n clientAddress.controls['selection'].setValue(0);\r\n },\r\n (error: any) =>{\r\n if (error && error.status) {\r\n\r\n let addresses: Option[] = new Array();\r\n let selectOption = new Option();\r\n selectOption.text = '-- No Addresses Found --';\r\n selectOption.value = 0;\r\n addresses.unshift(selectOption);\r\n this.clientAddressLists[clientIndex] = addresses;\r\n clientAddress.controls['selection'].setValue(0);\r\n this.findAddressButtonText = \"Find address\";\r\n\r\n switch(error.status) {\r\n case 404:\r\n //console.log('page not found / search term not entered');\r\n break;\r\n case 500:\r\n //console.log(error.error);\r\n break;\r\n }\r\n }\r\n });\r\n }\r\n\r\n selectClientAddress(clientIndex: number) {\r\n let address = this.getClientAddress(clientIndex);\r\n if (!address || !address.controls) {\r\n return;\r\n }\r\n\r\n let addressControls = address.controls;\r\n let selection = addressControls['selection'].value;\r\n\r\n for (let control in addressControls) {\r\n if (control.hasOwnProperty(control) && control !== 'selection') {\r\n addressControls[control].setValue('');\r\n }\r\n }\r\n\r\n\r\n // clear out the old values\r\n addressControls['town'].setValue(\"\");\r\n addressControls['postcode'].setValue(\"\");\r\n for (let index = 1; index < 4; index++)\r\n {\r\n addressControls[`line${index}`].setValue(\"\");\r\n }\r\n\r\n if (selection > 0) {\r\n let oneLineAddress = '';\r\n for(let addressListItem of this.clientAddressLists[clientIndex]) {\r\n if (addressListItem.value == selection) {\r\n oneLineAddress = addressListItem.text;\r\n break;\r\n }\r\n }\r\n let postcode = oneLineAddress.substr(0, 12).trim();\r\n addressControls['postcode'].setValue(postcode);\r\n\r\n let restOfAddress = oneLineAddress.substring(12);\r\n let addressLines = restOfAddress.split(',').map((s: string) => { return s.trim() });\r\n \r\n // remove the country name, as we are not interested in this for the client address\r\n addressLines.pop();\r\n \r\n addressControls['town'].setValue(addressLines.pop());\r\n \r\n for (let index = 1; index < 4; index++) {\r\n if (addressLines.length > 0) {\r\n addressControls[`line${index}`].setValue(addressLines.splice(0, 1)[0]);\r\n }\r\n }\r\n }\r\n }\r\n\r\n setControlWithFocus(control: AbstractControl) {\r\n this.hasErrors = false;\r\n this.controlWithFocus = control;\r\n }\r\n\r\n controlHasFocus(control: AbstractControl) {\r\n return control === this.controlWithFocus;\r\n }\r\n\r\n controlHasContent(control: AbstractControl) {\r\n return control.value && control.value.length > 0;\r\n }\r\n\r\n controlHasError(control: FormControl) {\r\n return (control.touched && !control.valid) || (control.untouched && !control.valid && this.displayValidationMessage) || (control.touched && !control.valid && this.displayValidationMessage)\r\n }\r\n\r\n\r\n formIsValid ()\r\n {\r\n this.quotationForm.updateValueAndValidity();\r\n //need to revalidate the property involvements if anything on the form has changed\r\n this.quotationForm.controls['propertyInvolvements'].updateValueAndValidity();\r\n this.hasErrors = true;\r\n return this.quotationForm.valid;\r\n }\r\n\r\n\r\n\r\n submitQuotationRequest() {\r\n this.displayValidationMessage = true;\r\n\r\n if (this.formIsValid()) {\r\n this.hasErrors = false;\r\n this.displayValidationMessage = false;\r\n let formControls = this.quotationForm.controls;\r\n let quotationRequest = new QuotationRequest();\r\n quotationRequest.referenceCode = formControls['quotationReferenceCode'].value;\r\n quotationRequest.quotationType = formControls['quotationType'].value;\r\n quotationRequest.caseType = formControls['caseType'].value;\r\n quotationRequest.category = formControls['category'].value || null;\r\n \r\n if (this.selectedBranches.length == 1)\r\n {\r\n let item: any = this.selectedBranches[0];\r\n quotationRequest.companyBranchCode = item.id;\r\n }\r\n\r\n if (this.selectedNegotiators.length == 1)\r\n {\r\n let item: any = this.selectedNegotiators[0];\r\n quotationRequest.selectedNegotiator = item.id;\r\n }\r\n\r\n // external references\r\n if (this.formVariables.externalReferences.length > 0) {\r\n let externalReferences = {};\r\n for (let externalReference of this.formVariables.externalReferences) {\r\n externalReferences[externalReference.quotationField] = (formControls['externalReferences']).controls[externalReference.quotationField].value;\r\n }\r\n quotationRequest.externalReferences = externalReferences;\r\n }\r\n \r\n // properties\r\n //\r\n let properties = (formControls['properties']).controls;\r\n for (let property of properties) {\r\n let propertyControls = (property).controls;\r\n if (quotationRequest.caseType.indexOf(propertyControls['propertyType'].value) > -1) {\r\n let requestProperty = new Property();\r\n requestProperty.propertyType = propertyControls['propertyType'].value;\r\n requestProperty.price = propertyControls['price'].value;\r\n requestProperty.tenureType = propertyControls['tenureType'].value;\r\n\r\n for (let propertyVariables of this.formVariables.propertyVariables) { \r\n if (propertyVariables.propertyType === requestProperty.propertyType) {\r\n if (propertyVariables.commission) {\r\n requestProperty.commission = propertyControls['commission'].value;\r\n }\r\n\r\n \r\n let tags = [];\r\n for (let switchIndex = 0, switchCount = propertyVariables.tags.length; switchIndex < switchCount; switchIndex++) {\r\n\r\n // (propertyControls['switches']).controls[switchIndex].value;\r\n // console.log('tag', (propertyControls['switches']).controls[switchIndex].value);\r\n let tag = (propertyControls['switches']).controls[switchIndex];\r\n\r\n if ((tag).controls['name'].value == \"Relationship Breakdown\")\r\n {\r\n \r\n (tag).controls['isSelected'].setValue(this.quotationForm.controls.relationshipBreakdown.value); \r\n }\r\n\r\n\r\n if ((tag).controls['isSelected'].value == true) {\r\n \r\n tags.push(propertyVariables.tags[switchIndex].name);\r\n }\r\n }\r\n requestProperty.tags = tags;\r\n break;\r\n }\r\n }\r\n\r\n if ((property).contains('address')) {\r\n let addressControls = (propertyControls['address']).controls;\r\n let address = new Address();\r\n address.line1 = addressControls['line1'].value;\r\n address.line2 = addressControls['line2'].value;\r\n address.line3 = addressControls['line3'].value;\r\n address.town = addressControls['town'].value;\r\n address.country = addressControls['country'].value;\r\n address.postcode = addressControls['postcode'].value;\r\n requestProperty.address = address;\r\n }\r\n\r\n quotationRequest.properties.push(requestProperty);\r\n }\r\n }\r\n\r\n // clients and comments\r\n if (quotationRequest.quotationType === 'Instructable') {\r\n let clientIndex = 0;\r\n for(let clientFormGroup of (this.quotationForm.controls['clients']).controls) {\r\n let clientFormControls = (clientFormGroup).controls;\r\n let client = new Client();\r\n if (clientFormControls['title'].value == \"Other\") {\r\n client.title = clientFormControls['titleOther'].value;\r\n }\r\n else {\r\n client.title = clientFormControls['title'].value;\r\n } \r\n client.givenName = clientFormControls['firstName'].value;\r\n client.familyName = clientFormControls['lastName'].value;\r\n client.telephone = clientFormControls['telephone'].value;\r\n client.email = clientFormControls['email'].value;\r\n\r\n\r\n if (formControls['caseType'].value === \"PurchaseAndSale\")\r\n {\r\n client.propertyInvolvement = this.setPropertyInvolvement(clientIndex);\r\n }\r\n\r\n\r\n if ((clientFormGroup).contains('address')) {\r\n let addressControls = (clientFormControls['address']).controls;\r\n let address = new Address();\r\n address.line1 = addressControls['line1'].value;\r\n address.line2 = addressControls['line2'].value;\r\n address.line3 = addressControls['line3'].value;\r\n address.town = addressControls['town'].value;\r\n address.postcode = addressControls['postcode'].value;\r\n client.address = address;\r\n }\r\n quotationRequest.clients.push(client);\r\n \r\n if(clientIndex < 1) \r\n {\r\n ++clientIndex;\r\n }\r\n }\r\n \r\n\r\n quotationRequest.comments = formControls['comments'].value;\r\n } else {\r\n quotationRequest.clients = [];\r\n quotationRequest.comments = null;\r\n }\r\n \r\n if (quotationRequest.referenceCode && quotationRequest.referenceCode.length > 0) {\r\n this.isSubmitting = true;\r\n\r\n this.quotationService.updateQuotationRequest(quotationRequest).subscribe((response: Response) => {\r\n \r\n if (response.status === 200) {\r\n let insertQuotationResult = response.json() as QuotationResult;\r\n\r\n if (insertQuotationResult.quotationReferenceCode != \"Error\")\r\n {\r\n this.router.navigate([`/quotation/details/${insertQuotationResult.quotationReferenceCode}`])\r\n this.toasterService.pop('success', '', 'Your quote was successfully modified');\r\n }\r\n else\r\n {\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'An unexpected error occurred. Please try again');\r\n }\r\n\r\n\r\n\r\n } else {\r\n // TODO: handle error\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'There was an error creating your quote');\r\n } \r\n },\r\n (error: Error) => {\r\n // TODO: handle errors here\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'There was an error Updating your quote. The quote has probably expired. Please try again or re-quote.');\r\n\r\n });\r\n } else {\r\n this.isSubmitting = true;\r\n this.quotationService.insertQuotationRequest(quotationRequest).subscribe((response: Response) => {\r\n \r\n if (response.status === 200) {\r\n let insertQuotationResult = response.json() as QuotationResult;\r\n\r\n if (insertQuotationResult.quotationReferenceCode != \"Error\")\r\n {\r\n this.router.navigate([`/quotation/details/${insertQuotationResult.quotationReferenceCode}`])\r\n this.toasterService.pop('success', '', 'Your quote was successfully created');\r\n }\r\n else\r\n {\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'An unexpected error occurred. Please try again');\r\n }\r\n\r\n\r\n } else {\r\n // TODO: handle error\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'There was an error creating your quote');\r\n } \r\n },\r\n (error: Error) => {\r\n // TODO: handle errors here\r\n this.isSubmitting = false;\r\n this.toasterService.pop('error', '', 'There was an error creating your quote');\r\n });\r\n }\r\n }\r\n }\r\n\r\n isQuotationModification() {\r\n return this.quotation !== null;\r\n }\r\n\r\n isQuotationTypeSelectable(quotationType) {\r\n if (this.quotation.status.value === 'Draft') {\r\n return true;\r\n }\r\n return this.quotation.status.value === 'Created' && quotationType.value === 'Instructable';\r\n }\r\n\r\n get selectedBranch()\r\n {\r\n //return this.branches.filter(b => b.value === this.quotationForm.controls['companyBranchCode'].value)[0];\r\n return this.selectedBranches[0];\r\n }\r\n\r\n\r\n get headingText() {\r\n if (this.isQuotationModification()) {\r\n return `Modify quote - ${this.quotation.referenceCode}`;\r\n } else {\r\n let quotationTypeDescriptor = 'full';\r\n if (this.quotationForm.controls['quotationType'].value === 'Draft') {\r\n quotationTypeDescriptor = 'quick';\r\n }\r\n return `Create ${quotationTypeDescriptor} quote`;\r\n }\r\n }\r\n\r\n cancelModification() {\r\n this.returnToQuotationDetails();\r\n }\r\n\r\n private returnToQuotationDetails() {\r\n this.router.navigate([`/quotation/details/${this.quotation.referenceCode}`]);\r\n }\r\n\r\n\r\n private addQuotationComments()\r\n {\r\n if (this.quotation.comments) {\r\n this.quotationForm.controls['comments'].setValue(this.quotation.comments);\r\n }\r\n }\r\n\r\n private createQuotationAddressForm(propertyAddress: any): FormGroup\r\n {\r\n let addressForm = this.createAddress();\r\n if (environment.useMockData && !propertyAddress.town) {\r\n addressForm.controls['line1'].setValue(propertyAddress.line1);\r\n addressForm.controls['line2'].setValue('');\r\n addressForm.controls['line3'].setValue('');\r\n addressForm.controls['town'].setValue(propertyAddress.line2);\r\n addressForm.controls['postcode'].setValue(propertyAddress.postcode);\r\n } else {\r\n addressForm.controls['line1'].setValue(propertyAddress.line1);\r\n addressForm.controls['line2'].setValue(propertyAddress.line2);\r\n addressForm.controls['line3'].setValue(propertyAddress.line3);\r\n addressForm.controls['town'].setValue(propertyAddress.town);\r\n addressForm.controls['country'].setValue(propertyAddress.country);\r\n addressForm.controls['postcode'].setValue(propertyAddress.postcode);\r\n }\r\n return addressForm;\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/quotation-create/quotation-create.component.ts","module.exports = \"/*----------*/\\r\\n/* Mostly generic - look to move to main stylesheet wherever appropriate */\\r\\n/*----------*/\\r\\n.wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 350px;\\r\\n flex: 0 0 350px;\\r\\n}\\r\\n.leftDS, .rightDS {\\r\\n padding:5px;\\r\\n}\\r\\n.rightDS {\\r\\n width: 100%;\\r\\n}\\r\\n.panel-collapse .panel-heading .panel-title > a {\\r\\n padding: 8px 5px 16px 30px !important;\\r\\n position: relative;\\r\\n color:#4c4c4c;\\r\\n}\\r\\n.panel-collapse .panel-heading .panel-title {\\r\\n background-color: #F8F8F8;\\r\\n}\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.panel-collapse .panel-body {\\r\\n border-top: 0 !important;\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n}\\r\\n.panel-collapse .panel-heading .panel-title > a {\\r\\n padding: 8px 5px 16px 30px !important;\\r\\n position: relative;\\r\\n color:#4c4c4c;\\r\\n}\\r\\n.panel-collapse .panel-heading .panel-title {\\r\\n background-color: #F8F8F8;\\r\\n}\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.panel-collapse .panel-body {\\r\\n border-top: 0 !important;\\r\\n padding-left: 15px;\\r\\n padding-right: 15px;\\r\\n}\\r\\n#profile-main .pmo-items a {\\r\\n display: block;\\r\\n padding: 0;\\r\\n}\\r\\n#profile-main .pmo-pic {\\r\\n position: relative;\\r\\n margin: 0; \\r\\n}\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n.tab-nav li span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n /*padding-left:20px; - only needed if we add in icons */\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.tab-pane{\\r\\n padding: 0 30px;\\r\\n}\\r\\n.label-breadcrumb{\\r\\n font-size: 85%;\\r\\n}\\r\\n.c-header a{\\r\\n color: rgba(255, 255, 255, 0.6);\\r\\n border-bottom:1px dotted;\\r\\n}\\r\\n.c-header a:hover{\\r\\n color: rgba(255, 255, 255, 0.8);\\r\\n border-bottom:1px solid;\\r\\n}\\r\\n.btn-mhm{\\r\\n background-color: #13294B!important;\\r\\n color: #fff;\\r\\n padding: 14px 0;\\r\\n}\\r\\n.slanted-subtitle {\\r\\n border-top-right-radius: 3px;\\r\\n border-bottom-right-radius: 3px;\\r\\n left: -33px;\\r\\n background: #00B388;\\r\\n position: relative;\\r\\n z-index: 1;\\r\\n display:inline-block;\\r\\n margin-top: 41px!important;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.first-after-subtitle{\\r\\n margin-top: 35px;\\r\\n}\\r\\n.slanted-subtitle:after {\\r\\n border-top-right-radius: 4px;\\r\\n border-bottom-right-radius: 4px;\\r\\n background: inherit;\\r\\n bottom: 0;\\r\\n content: '';\\r\\n display: block;\\r\\n height: 100%;\\r\\n left: 0;\\r\\n position: absolute;\\r\\n right: 0;\\r\\n -webkit-transform: skewY(-3.5deg);\\r\\n transform: skewY(-3.5deg);\\r\\n -webkit-transform-origin: 100%;\\r\\n transform-origin: 100%;\\r\\n z-index: -1;\\r\\n}\\r\\n.slanted-subtitle h3 {\\r\\n font-size: 13px;\\r\\n color: #fff!important;\\r\\n margin-top:0;\\r\\n padding-top: 17px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 5px;\\r\\n}\\r\\n.slanted-subtitle h3 span\\r\\n{\\r\\n padding-left: 3px;\\r\\n}\\r\\n.slanted-subtitle:first-of-type, .slanted-subtitle-first\\r\\n{\\r\\n margin-top: 31px!important;\\r\\n}\\r\\n.text-right{\\r\\n text-align:right;\\r\\n}\\r\\n/*----------*/\\r\\n/* Generally quote details specific stuff, but there's still likely to be quite a bit of stuff that can be reused elsewhere */\\r\\n/*----------*/\\r\\n/* .table > tbody > tr:last-child > td, .table > tfoot > tr:last-child > td {\\r\\n padding-bottom: 20px;\\r\\n} */\\r\\n.summaryInfo {\\r\\n margin-bottom: 3px;\\r\\n}\\r\\n.summaryInfo a, .dotted-link {\\r\\n color: #0F3A57;\\r\\n border-bottom: 1px dotted;\\r\\n display: inline!important;\\r\\n}\\r\\n.summaryInfo-separator {\\r\\n margin: 15px 0 0;\\r\\n padding: 0 10px;\\r\\n}\\r\\n.panel-body:last-of-type .summaryInfo-separator {\\r\\n display: none\\r\\n}\\r\\n.quote-top{\\r\\n color:#757575;\\r\\n margin-bottom: 10px;\\r\\n}\\r\\n.label-default{\\r\\n background-color: #909090;\\r\\n}\\r\\n.view-contacts{\\r\\n color:#757575;\\r\\n}\\r\\n.client-details-wrap h5{\\r\\n margin-top:0;\\r\\n font-weight:bold;\\r\\n text-transform:uppercase;\\r\\n color:#666;\\r\\n padding-bottom:7px;\\r\\n border-bottom:4px solid #e1e1e1;\\r\\n}\\r\\n.quote-result-wrap{\\r\\n padding: 30px;\\r\\n background-color: #EEEEEE;\\r\\n}\\r\\n.quote-table-wrap{\\r\\n margin-top:20px;\\r\\n}\\r\\n.quote-table-wrap-outer{\\r\\n margin-top:10px;\\r\\n background-color: #FFFFFF;\\r\\n border-radius:5px;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:first-child{\\r\\n border-left: 1px solid #007681!important;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:last-child{\\r\\n border-right: 1px solid #007681!important;\\r\\n}\\r\\n.quote-table-wrap-inner .additional-fees tr td:first-child{\\r\\n border-left: 1px solid #6a6a6a!important;\\r\\n}\\r\\n.quote-table-wrap-inner .additional-fees tr td:last-child{\\r\\n border-right: 1px solid #6a6a6a!important;\\r\\n}\\r\\n.property-info{\\r\\n margin-top:0px;\\r\\n}\\r\\n.property-info table{\\r\\n margin-bottom:0;\\r\\n}\\r\\n.table-striped > tbody > tr:nth-of-type(odd).subtotals, .table-striped > tbody > tr:nth-of-type(even).subtotals, .property-comparison-total {\\r\\n background-color: #FFFFFF!important;\\r\\n border-top: 1px solid #CCCCCC;\\r\\n border-bottom: 1px solid #CCCCCC;\\r\\n font-size: 14px;\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n}\\r\\n.table-striped > tbody > tr:nth-of-type(odd).vat, .table-striped > tbody > tr:nth-of-type(even).vat {\\r\\n background-color: #FFFFFF!important;\\r\\n font-weight: 600;\\r\\n}\\r\\n.totals{\\r\\n color: #fff;\\r\\n padding:20px;\\r\\n font-size:22px;\\r\\n background-color:#007681;\\r\\n border-bottom-left-radius:5px;\\r\\n border-bottom-right-radius:5px;\\r\\n}\\r\\n.grand-total-wrap{\\r\\n margin-top:40px;\\r\\n border-radius:5px;\\r\\n color: #fff;\\r\\n}\\r\\n.grand-total{\\r\\n padding:30px;\\r\\n font-size:22px;\\r\\n background-color:#0E1E37;\\r\\n border-top-left-radius:5px;\\r\\n border-top-right-radius:5px;\\r\\n}\\r\\n.action-block{\\r\\n padding:30px;\\r\\n background-color: #13294b;\\r\\n border-bottom-left-radius:5px;\\r\\n border-bottom-right-radius:5px;\\r\\n}\\r\\n.btn-instruct{\\r\\n color: #ffffff;\\r\\n background-color: #66a452;\\r\\n border-color: #66a452;\\r\\n text-transform:uppercase;\\r\\n float:right;\\r\\n\\r\\n}\\r\\n.btn-starter-form{\\r\\n color: #ffffff;\\r\\n float:right;\\r\\n margin-bottom:10px;\\r\\n}\\r\\n.btn-decline{\\r\\n color: #ffffff;\\r\\n background-color: #C6579A;\\r\\n border-color: #C6579A;\\r\\n margin-left: 10px;\\r\\n}\\r\\n.btn-primary, btn-primary:hover{\\r\\n background-color: #00A7B5!important;\\r\\n border-color: #00A7B5;\\r\\n}\\r\\n.action-block div {\\r\\n width: 50%;\\r\\n float: left;\\r\\n }\\r\\n.action-block div:not(:first-child) {\\r\\n width: 50%;\\r\\n float: right;\\r\\n }\\r\\n.btn .fa, .btn .zmdi{\\r\\n opacity: 0.6;\\r\\n}\\r\\n.btn-instruct .fa{\\r\\n padding-left:7px;\\r\\n}\\r\\n.guarantee {\\r\\n margin-top: 20px;\\r\\n opacity: 0.8;\\r\\n}\\r\\n.guarantee img {\\r\\n width: 44px;\\r\\n height: 50px;\\r\\n}\\r\\n.send-quote{\\r\\n margin-top:20px;\\r\\n}\\r\\n.quote-table-wrap .table > thead > tr > th, .quote-table-wrap .table > tbody > tr > th, .quote-table-wrap .table > tfoot > tr > th, \\r\\n.quote-table-wrap .table > thead > tr > td, .quote-table-wrap .table > tbody > tr > td, .quote-table-wrap .table > tfoot > tr > td {\\r\\n padding: 0 20px;\\r\\n}\\r\\n.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td\\r\\n{\\r\\n border-top:none;\\r\\n padding:12px;\\r\\n}\\r\\n.table-striped > tbody > tr:nth-of-type(odd) {\\r\\n background-color: #EDECEC;\\r\\n}\\r\\n/* .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {\\r\\n background-color: #EDECEC;\\r\\n} */\\r\\n.table.quotes-table thead.quotes-table > tr > th, .table.quotes-table tbody > tr > th, .table.quotes-table tfoot > tr > th, .table.quotes-table thead > tr > td, .table.quotes-table tbody > tr > td, .table.quotes-table tfoot > tr > td\\r\\n{\\r\\n border-top:1px solid #dddddd;\\r\\n padding:15px;\\r\\n}\\r\\n.comments-wrap{\\r\\n padding:20px;\\r\\n margin-top:20px !important;\\r\\n margin-bottom:20px !important;\\r\\n}\\r\\n.comments-wrap h4{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n margin:0;\\r\\n color: #4c4c4c;\\r\\n}\\r\\n.comments-wrap p{\\r\\n margin: 0;\\r\\n padding: 5px 0;\\r\\n}\\r\\n.comments-wrap .brandedTitle{\\r\\n color: #0E1E37;\\r\\n margin-top:0;\\r\\n}\\r\\n.triangle-border.left {\\r\\n margin-right: 10px;\\r\\n}\\r\\n.triangle-border {\\r\\n position: relative;\\r\\n padding: 15px;\\r\\n margin: 1em 0 3em;\\r\\n border: 1px solid #C3C3C3;\\r\\n color: #333;\\r\\n background: #fff;\\r\\n border-radius: 10px;\\r\\n}\\r\\n.triangle-border.left:after {\\r\\n top: 25px;\\r\\n bottom: auto;\\r\\n right: -10px;\\r\\n border-width: 10px 0 10px 10px;\\r\\n border-color: transparent #C3C3C3;\\r\\n}\\r\\n.triangle-border:after {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n bottom: -20px;\\r\\n right: -9px;\\r\\n border-width: 20px 20px 0;\\r\\n border-style: solid;\\r\\n border-color: #fff transparent;\\r\\n display: block;\\r\\n width: 0;\\r\\n}\\r\\n.triangle-border.left:before {\\r\\n top: 26px;\\r\\n bottom: auto;\\r\\n right: -9px;\\r\\n border-width: 9px 0 9px 9px;\\r\\n border-color: transparent #fff;\\r\\n z-index: 999;\\r\\n}\\r\\n.triangle-border:before {\\r\\n content: \\\"\\\";\\r\\n position: absolute;\\r\\n bottom: -13px;\\r\\n right: 47px;\\r\\n border-width: 13px 13px 0;\\r\\n border-style: solid;\\r\\n border-color: #fff transparent;\\r\\n display: block;\\r\\n width: 0;\\r\\n}\\r\\n.quote-history{\\r\\n background-color:#DDDDDD;\\r\\n border-radius:5px;\\r\\n padding:20px;\\r\\n}\\r\\n.quote-history h3{\\r\\n margin-bottom:20px;\\r\\n border-bottom: 4px solid #C3C3C3;\\r\\n padding-bottom:5px;\\r\\n}\\r\\n.quote-history hr{\\r\\n border-top: 1px solid #C3C3C3;\\r\\n border-bottom: 1px solid #e9e9e9;\\r\\n margin:10px 0;\\r\\n}\\r\\n.history-title{\\r\\n font-size:85%;\\r\\n color: #757575;\\r\\n}\\r\\n.history-info{\\r\\n margin-top:5px;\\r\\n}\\r\\n.history-info-reason{\\r\\n margin-top:5px;\\r\\n}\\r\\n.well-terms{\\r\\n margin-top: 20px;\\r\\n margin-bottom:0;\\r\\n opacity: 0.8;\\r\\n}\\r\\n.quote-summary-wrap{\\r\\n margin-bottom: 25px;\\r\\n color:#fff;\\r\\n}\\r\\n.quote-summary-top{\\r\\n padding:20px;\\r\\n background-color: #0E1E37;\\r\\n border-top-left-radius: 5px;\\r\\n border-top-right-radius: 5px;\\r\\n}\\r\\n.quote-summary-top h3{\\r\\n margin-top:0;\\r\\n color:#fff;\\r\\n margin-bottom: 20px;\\r\\n}\\r\\n.quote-summary-bottom{\\r\\n padding:20px;\\r\\n background-color: #13294B;\\r\\n border-bottom-left-radius: 5px;\\r\\n border-bottom-right-radius: 5px;\\r\\n font-size: 13px;\\r\\n}\\r\\n.quote-summary-bottom .big-text-title{\\r\\n font-size: 13px;\\r\\n font-weight: normal\\r\\n}\\r\\n.quote-summary-bottom .big-text-total{\\r\\n font-size: 22px;\\r\\n font-weight: 600;\\r\\n text-align: right;\\r\\n}\\r\\n.quote-summary-bottom .btn-instruct{\\r\\n margin-top:20px;\\r\\n}\\r\\n.btn-dark{\\r\\n background-color: #0E1E37;\\r\\n border-color: #0E1E37;\\r\\n}\\r\\n.rightDS .content-wrapper{\\r\\n padding:20px;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:first-child{\\r\\n border-left: none!important;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:nth-child(2){\\r\\n border-right: 3px solid #fff!important;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:last-child{\\r\\n border-right: none!important;\\r\\n}\\r\\n.property-info .label-default{\\r\\n background-color: #007681;\\r\\n}\\r\\n.guarantee img {\\r\\n width: 76px;\\r\\n height: auto!important;\\r\\n}\\r\\n.well-terms a{\\r\\n color: #5e5e5e;\\r\\n}\\r\\n.btn-instruct {\\r\\n color: #ffffff;\\r\\n background-color: #00B388;\\r\\n border-color: #00B388;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n#quote-summary{\\r\\n background-color: #13294B;\\r\\n border-radius: 5px;\\r\\n padding: 20px;\\r\\n color: #fff;\\r\\n}\\r\\n#quote-summary .text-right{\\r\\n color: #fff;\\r\\n}\\r\\n.send-quote .btn-primary {\\r\\n background-color: #007681!important;\\r\\n color: #fff!important;\\r\\n}\\r\\n.action-block .btn-instruct {\\r\\n color: #ffffff!important;\\r\\n background-color: #00B388!important;\\r\\n border-color: #00B388;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.action-block:after{\\r\\n content: '';\\r\\n clear:both;\\r\\n display:block;\\r\\n}\\r\\n.rightDS .slanted-subtitle {\\r\\n left: -25px;\\r\\n}\\r\\n.property-info .label-default {\\r\\n background-color: #13294b;\\r\\n margin-right: 5px;\\r\\n margin-bottom: 5px;\\r\\n display: inline-block;\\r\\n padding: 5px;\\r\\n}\\r\\n#collapseFour hr{\\r\\n margin: 9px 0;\\r\\n}\\r\\n.settings-wrap {\\r\\n position: relative;\\r\\n background-color: #EDECEC;\\r\\n padding: 0px;\\r\\n padding-top: 15px;\\r\\n padding-bottom: 20px;\\r\\n margin-top: 6px;\\r\\n border-top-left-radius: 5px;\\r\\n border-top-right-radius: 5px;\\r\\n\\r\\n}\\r\\n.settings-wrap:after {\\r\\n background: linear-gradient(-45deg, #ffffff 16px, transparent 0), linear-gradient(45deg, #ffffff 16px, transparent 0);\\r\\n background-position: left-bottom;\\r\\n background-repeat: repeat-x;\\r\\n background-size: 22px 22px;\\r\\n content: \\\" \\\";\\r\\n display: block;\\r\\n position: absolute;\\r\\n bottom: 0px;\\r\\n left: 0px;\\r\\n width: 100%;\\r\\n height: 22px;\\r\\n}\\r\\n.hr-dashed{\\r\\n border-top: 1px dashed #d3d3d3;\\r\\n background-color: none!important;\\r\\n margin: 0;\\r\\n}\\r\\n.hr-solid{\\r\\n border-top: 1px solid #d3d3d3;\\r\\n background-color: none!important;\\r\\n margin: 0;\\r\\n}\\r\\n.clients-wrap{\\r\\n margin: 0 0 5px;;\\r\\n color: #5e5e5e;\\r\\n}\\r\\n.clients-wrap h3 {\\r\\n font-size: 13px;\\r\\n margin:0 0 0px;\\r\\n padding: 20px;\\r\\n font-style: italic;\\r\\n}\\r\\n.clients-wrap h3 p {\\r\\n float: right;\\r\\n margin-bottom: 0;\\r\\n text-align: right;\\r\\n}\\r\\n.btn-edit-quote{\\r\\n color: #fff;\\r\\n background-color: #5E5E5E;\\r\\n}\\r\\n.dotted-link{\\r\\n color: #333333;\\r\\n}\\r\\n.property-header {\\r\\n background-color: #EDECEC; \\r\\n padding-bottom:7px;\\r\\n text-transform: uppercase!important;\\r\\n color: #333333;\\r\\n}\\r\\n.property-header button {\\r\\n text-transform: uppercase!important;\\r\\n}\\r\\n.property-header-text {\\r\\n font-size:22px;\\r\\n /* padding-top:0px!important; \\r\\n padding-right:0px!important; */\\r\\n}\\r\\n.property-only {\\r\\n width:100%;\\r\\n}\\r\\n.property-first {\\r\\n width:50%;\\r\\n padding: 0 0 0 20px;\\r\\n}\\r\\n.property-header-separator {\\r\\n background-color: #EDECEC; \\r\\n padding-top:0; \\r\\n padding-bottom:0;\\r\\n}\\r\\n.property-price {\\r\\n color: #333333;\\r\\n}\\r\\n.property-tags-container {\\r\\n margin-top:10px;\\r\\n}\\r\\n.property-header {\\r\\n padding-right: 20px!important;\\r\\n}\\r\\n.property-comparison-header {\\r\\n text-align:center; \\r\\n font-weight:bold;\\r\\n}\\r\\n.comparison-total {\\r\\n color:#fff;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n.comparison-direct {\\r\\n background-color: #13294B;\\r\\n color:#fff;\\r\\n}\\r\\n.comparison-panel {\\r\\n background-color: #00B388;\\r\\n color:#fff;\\r\\n}\\r\\n.comparison-extra {\\r\\n padding-top: 5px;\\r\\n}\\r\\n.comparison-extra span {\\r\\n display:block;\\r\\n}\\r\\n.comparison-total {\\r\\n font-size:125%;\\r\\n}\\r\\n.quote-table-wrap-inner .table-striped tr td:nth-child(2),\\r\\n.right-border {\\r\\n border-right: 1px solid #fff !important;\\r\\n}\\r\\n.tab-nav li > button {\\r\\n border:0;\\r\\n background:none;\\r\\n display: inline-block;\\r\\n text-transform: uppercase;\\r\\n position: relative;\\r\\n width: 100%;\\r\\n -webkit-transition: all;\\r\\n transition: all;\\r\\n -webkit-transition-duration: 250ms;\\r\\n transition-duration: 250ms;\\r\\n font-weight: 500;\\r\\n color:#4c4c4c;\\r\\n padding:15px;\\r\\n}\\r\\n.tab-nav li.active > button {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n.tab-nav > li.active > button:after {\\r\\n background: #00B388;\\r\\n}\\r\\n.tab-nav li.active > button:after {\\r\\n -webkit-transform: scale(1);\\r\\n transform: scale(1);\\r\\n}\\r\\n.tab-nav li > button:after {\\r\\n content: \\\"\\\";\\r\\n height: 2px;\\r\\n position: absolute;\\r\\n width: 100%;\\r\\n left: 0;\\r\\n bottom: 0;\\r\\n -webkit-transition: all;\\r\\n transition: all;\\r\\n -webkit-transition-duration: 250ms;\\r\\n transition-duration: 250ms;\\r\\n -webkit-transform: scale(0);\\r\\n transform: scale(0);\\r\\n}\\r\\n.button-link {\\r\\n background:none;\\r\\n padding:0;\\r\\n border-top:0;\\r\\n border-right:0;\\r\\n border-left:0;\\r\\n}\\r\\n.clause {\\r\\n padding:9px 9px 0 9px;\\r\\n}\\r\\n.clause h4,\\r\\n.clause p {\\r\\n padding:0;\\r\\n margin:0;\\r\\n}\\r\\n.clause h4 {\\r\\n font-size:100%;\\r\\n margin-bottom:5px\\r\\n}\\r\\n.address-display {\\r\\n display:block;\\r\\n margin: 9px 0;\\r\\n font-weight: normal;\\r\\n}\\r\\n.quote-section-title\\r\\n{\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 30px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: -25px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 30px;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n margin-bottom: 0;\\r\\n}\\r\\n.quote-section-title:first-child {\\r\\n margin-top: 10px;\\r\\n}\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n@media (max-width: 991px){\\r\\n .wrapperDS {\\r\\n display: block;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: none;\\r\\n flex: none;\\r\\n }\\r\\n\\r\\n #profile-main .pmo-block {\\r\\n padding: 19px;\\r\\n }\\r\\n\\r\\n .triangle-border.left:before, .triangle-border.left:after {\\r\\n display: none;\\r\\n }\\r\\n\\r\\n .triangle-border.left {\\r\\n margin-right: 0;\\r\\n }\\r\\n\\r\\n .quote-summary-wrap {\\r\\n margin-bottom: 15px;\\r\\n }\\r\\n\\r\\n .comments-wrap{\\r\\n margin-top: 5px!important;\\r\\n margin-bottom: 15px!important;\\r\\n }\\r\\n\\r\\n .action-block div {\\r\\n width: 100%!important;\\r\\n float: none!important;\\r\\n }\\r\\n\\r\\n .btn-instruct {\\r\\n float: none;\\r\\n width: 100%!important;\\r\\n margin: 10px 0 5px;\\r\\n }\\r\\n\\r\\n .action-block .btn-decline, .action-block .btn-primary {\\r\\n width: 45%;\\r\\n float:left;\\r\\n } \\r\\n\\r\\n .action-block .btn-decline {\\r\\n width: 45%;\\r\\n float: right;\\r\\n } \\r\\n\\r\\n}\\r\\n@media (max-width: 480px){\\r\\n\\r\\n .rightDS .content-wrapper{\\r\\n padding:10px;\\r\\n }\\r\\n\\r\\n #profile-main .pmo-block {\\r\\n padding: 15px 17px 10px;\\r\\n }\\r\\n\\r\\n .quote-summary-bottom .big-text-total,.quote-summary-bottom .big-text-title {\\r\\n\\r\\n text-align: center;\\r\\n }\\r\\n\\r\\n .property-header-text {\\r\\n font-size: 16px;\\r\\n padding-bottom: 10px!important;\\r\\n }\\r\\n\\r\\n .quote-section-title {\\r\\n left:-15px;\\r\\n }\\r\\n\\r\\n .property-info .label-default {\\r\\n white-space: normal;\\r\\n }\\r\\n\\r\\n .action-block, .grand-total {\\r\\n padding: 15px;\\r\\n }\\r\\n\\r\\n\\r\\n .tab-content {\\r\\n padding: 5px 0;\\r\\n }\\r\\n}\\r\\n@media (max-width: 320px) {\\r\\n .grand-total {\\r\\n font-size: 20px;\\r\\n }\\r\\n\\r\\n}\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/quotation/quotation-details/quotation-details.component.css\n// module id = ./src/app/quotation/quotation-details/quotation-details.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
{{ notifier }}
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Status \\r\\n
\\r\\n
\\r\\n {{ quotation.status.name }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Created \\r\\n
\\r\\n
\\r\\n {{quotation.created | date: 'dd MMM yyyy'}}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Source \\r\\n
\\r\\n
\\r\\n {{quotation.source}}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Reference \\r\\n
\\r\\n
\\r\\n {{quotation.referenceCode}}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n Negotiator \\r\\n
\\r\\n
\\r\\n {{ quotation.recommender.negotiatorName }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n {{ quotation.recommender.conveyancingBrand.name }} \\r\\n Panel Lawyer \\r\\n
\\r\\n
\\r\\n {{ result.total }} \\r\\n
\\r\\n
\\r\\n
\\r\\n Upgrade to full quote
\\r\\n
\\r\\n
\\r\\n Instruct quote
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
COMMENTS \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n {{ quotation.recommender.companyName }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n {{ quotation.recommender.branchName }}\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
Conveyancing Brand
\\r\\n {{ quotation.recommender.conveyancingBrand.name }}\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
0\\\">\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ getClientFullName(client) }}
\\r\\n
\\r\\n
{{ addressLine }}
\\r\\n
\\r\\n
0\\\" style=\\\"padding-top: 5px;\\\">\\r\\n
\\r\\n Telephone \\r\\n
\\r\\n
\\r\\n {{ client.telephone }} \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n Property involvement \\r\\n
\\r\\n
\\r\\n {{ client.propertyInvolvement.name }} \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
0\\\">\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ historyItem.actionedBy }} \\r\\n
{{ historyItem.actionDate | date: 'dd MMM yyyy HH:mm' }}
\\r\\n
\\r\\n
{{ historyItem.description }}
\\r\\n
{{ historyItem.reason }}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ property.price }}
\\r\\n\\r\\n \\r\\n \\r\\n {{ tag }}\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n 0\\\" class=\\\"zmdi zmdi-accounts-alt\\\"> \\r\\n 0\\\">\\r\\n Quoted on behalf of\\r\\n \\r\\n 0\\\">\\r\\n {{ getClientsOneLineList() }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
0\\\">\\r\\n \\r\\n Comparison \\r\\n \\r\\n \\r\\n {{ quotation.recommender.conveyancingBrand.name }} \\r\\n \\r\\n \\r\\n Panel Lawyer \\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ legalFeeCategory.heading }}
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n 1\\\"> \\r\\n 1\\\" colspan=\\\"2\\\"> \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ additionalCosts.feeCategory.heading }}
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n 1\\\"> \\r\\n 1\\\" colspan=\\\"2\\\"> \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ additionalCosts.feeCategory.totals[0]?.fees[0]?.cost == \\\"£0.00\\\" ? \\\"Third Party Expenses\\\" : additionalCosts.feeCategory.heading }}
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n 1\\\"> \\r\\n 1\\\" colspan=\\\"2\\\"> \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n {{ additionalCosts.feeCategory.heading }}
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n 1\\\"> \\r\\n 1\\\" colspan=\\\"2\\\"> \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n 1\\\"> \\r\\n 1\\\" colspan=\\\"2\\\"> \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} {{ fee.cost }} \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n\\r\\n\\r\\n \\r\\n \\r\\n
\\r\\n
QUOTE TOTAL {{ getGrandTotal(total.totals) | currency:'GBP':true }}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n Upgrade to full quote \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n Instruct this quote \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ getClauseHeading(clause.heading) }} \\r\\n
{{ clause.description }}
\\r\\n
\\r\\n
\\r\\n {{ clauseSection.heading }} \\r\\n
\\r\\n \\r\\n
\\r\\n
{{ getClauseHeading(clause.heading) }} \\r\\n
{{ clause.description }}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n {{ quotation.recommender.conveyancingBrand.name }} \\r\\n Panel Lawyer \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ quotation.comparisonResults[0].total.description }} \\r\\n {{ quotation.comparisonResults[0].total.cost }} {{ quotation.comparisonResults[1].total.description }} \\r\\n {{ quotation.comparisonResults[1].total.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n {{ fee.description }} \\r\\n {{ fee.cost }} \\r\\n {{ quotation.comparisonResults[1].properties[propertyIndex].fees[feeIndex].description }} \\r\\n {{ quotation.comparisonResults[1].properties[propertyIndex].fees[feeIndex].cost }} \\r\\n \\r\\n \\r\\n \\r\\n 1\\\">\\r\\n {{ property.total.description }} \\r\\n {{ property.total.cost }} \\r\\n {{ quotation.comparisonResults[1].properties[propertyIndex].total.description }} \\r\\n {{ quotation.comparisonResults[1].properties[propertyIndex].total.cost }} \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ notifier }}
\\r\\n
\\r\\n
\\r\\n
\\r\\n
Quoted for \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
{{ headingText }} \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
{{ notifier }}
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
Quoted for \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
0\\\" >\\r\\n
\\r\\n \\r\\n
{{ property.propertyType }} of
\\r\\n
\\r\\n {{ addressLine }} \\r\\n \\r\\n\\r\\n
FOR {{ property.price }}
\\r\\n \\r\\n
\\r\\n
0\\\" class=\\\"clist clist-check\\\">\\r\\n \\r\\n {{ tag }} \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
{\r\n const url = `${this.quotationApiPath}/Search`;\r\n let searchFilters = {\r\n quotationReferenceCode: searchTerm\r\n };\r\n return this.authHttp.post(url, searchFilters)\r\n .map((response: Response) => response.json() as any[]);\r\n }\r\n\r\n public getBranchOptions(): Observable {\r\n const url = `${this.quotationApiPath}/BranchOptions`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => response.json() as Option[]);\r\n }\r\n\r\n public getFormVariables(companyBranchCode: string): Observable {\r\n const url = `${this.quotationApiPath}/FormVariables/${companyBranchCode}`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => response.json())\r\n .catch((error: any) => {\r\n return Observable.of(false);\r\n });\r\n }\r\n\r\n public getNegotiators(companyBranchCode: string): Observable {\r\n const url = `${this.quotationApiPath}/negotiators/${companyBranchCode}`;\r\n return this.authHttp.get(url)\r\n .map((response: Response) => response.json());\r\n }\r\n\r\n public insertQuotationRequest(quotationRequest: QuotationRequest): Observable {\r\n const url = `${this.quotationApiPath}/Create`;\r\n return this.authHttp.post(url, quotationRequest);\r\n }\r\n\r\n public updateQuotationRequest(quotationRequest: QuotationRequest): Observable {\r\n const url = `${this.quotationApiPath}/Update` ;\r\n return this.authHttp.post(url, quotationRequest);\r\n }\r\n\r\n \r\n\r\n public getQuotation(companyBranchCode: string, quotationDate: string, quotationNumber: string): Observable {\r\n const url = `${this.quotationApiPath}/Get/${companyBranchCode}/${quotationDate}/${quotationNumber}`;\r\n return this.authHttp.get(url);\r\n }\r\n\r\n // public getQuotationPdf(companyBranchCode: string, quotationDate: string, quotationNumber: string): Observable {\r\n // return Observable.of(null);\r\n // }\r\n\r\n public getQuotationPdf(companyBranchCode: string, quotationDate: string, quotationNumber: string, selectedCategory: string): Observable {\r\n const url = `${this.quotationApiPath}/pdf/${companyBranchCode}/${quotationDate}/${quotationNumber}/${selectedCategory}`;\r\n return this.authHttp.get(url, ResponseContentType.Blob);\r\n }\r\n\r\n public updateQuotationStatus(quotationReferenceCode: string) : Observable {\r\n const url = `${this.quotationApiPath}/UpdateStatus/${quotationReferenceCode}`;\r\n return this.authHttp.get(url);\r\n }\r\n\r\n public instructQuotation(quotationInstruction: QuotationInstruction): Observable {\r\n const url = `${this.quotationApiPath}/Accept`;\r\n return this.authHttp.post(url, quotationInstruction)\r\n .map((response: Response) => {\r\n return response.status === 200;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(false);\r\n })\r\n }\r\n\r\n public emailQuotation(quotationEmail: QuotationEmail): Observable {\r\n const url = `${this.quotationApiPath}/Email`;\r\n return this.authHttp.post(url, quotationEmail)\r\n .map((response: Response) => {\r\n return response.status === 200;\r\n })\r\n .catch((error: any) => {\r\n return Observable.of(false);\r\n })\r\n }\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/quotation/quotation.service.ts","export class ConversionReportRequestDetails {\r\n public dateFrom: Date;\r\n public dateTo: Date;\r\n public groupBy: string;\r\n public companyId: number;\r\n public companyName: string;\r\n public region: number;\r\n public branch: number;\r\n public excludeFinancialServices: boolean;\r\n public excludePartTimeStaff: boolean;\r\n public excludeResidentialSales: boolean;\r\n public excludeNewHomes: boolean; \r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./src/app/reporting/conversion-report-request-details.ts","module.exports = \".wrapperDS{\\r\\n display: -webkit-box;\\r\\n display: -ms-flexbox;\\r\\n display: flex;\\r\\n display: -webkit-flex;\\r\\n}\\r\\n\\r\\n/* .table tr:last-of-type {\\r\\n font-weight: 600;\\r\\n} */\\r\\n\\r\\n.table th {\\r\\n text-align: right;\\r\\n}\\r\\n\\r\\n.table th > i {\\r\\n padding-left: 10px;\\r\\n font-size: 16px;\\r\\n}\\r\\n\\r\\n.table tr td:not(:first-child) {\\r\\n text-align: right;\\r\\n}\\r\\n\\r\\n.table > tbody > tr:last-child > td {\\r\\n padding-top: 20px;\\r\\n}\\r\\n\\r\\n.leftDS {\\r\\n background: #f8f8f8;\\r\\n border-right: 1px solid #eee;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: 0 0 410px;\\r\\n flex: 0 0 410px;\\r\\n padding: 5px 30px 20px;\\r\\n border-top-left-radius: 2px;\\r\\n}\\r\\n\\r\\n.rightDS {\\r\\n padding:5px;\\r\\n width: 100%;\\r\\n}\\r\\n\\r\\n.table-column-click:hover{\\r\\n background: #eee;\\r\\n opacity: 0.8;\\r\\n cursor: pointer;\\r\\n -webkit-transition: all 0.5s ease-in-out;\\r\\n transition: all 0.5s ease-in-out;\\r\\n}\\r\\n\\r\\n.placeholder {\\r\\n text-align: center;\\r\\n font-size: 18px;\\r\\n padding: 100px;\\r\\n width: 100%;\\r\\n color: #CCCCCC;\\r\\n text-transform: uppercase;\\r\\n border-radius: 2px;\\r\\n background-color: #ffffff;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {\\r\\n background: rgba(0, 178, 136, 0.5);\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-label {\\r\\n min-width: 150px;\\r\\n margin: 0 20px 0 10px;\\r\\n display: inline;\\r\\n}\\r\\n\\r\\n.toggle-switch .ts-helper{\\r\\n margin-bottom: 8px;\\r\\n}\\r\\n\\r\\nng-invalid:parent {\\r\\n background: #c6579a;\\r\\n}\\r\\n\\r\\nh4 {\\r\\n padding: 5px 15px 10px;\\r\\n margin-top: 0;\\r\\n text-transform: uppercase;\\r\\n color: #4c4c4c;\\r\\n font-size: 14px;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.client{\\r\\n display: block;\\r\\n margin-bottom:10px;\\r\\n}\\r\\n\\r\\n.client:after{\\r\\n display: block;\\r\\n clear: both;\\r\\n content: '';\\r\\n}\\r\\n\\r\\n.client h4{\\r\\n padding-left: 48px;\\r\\n}\\r\\n\\r\\n.client:not(:first-of-type) h4 {\\r\\n margin-top: 25px!important;\\r\\n}\\r\\n\\r\\n.btn-icon-text {\\r\\n\\r\\n width: 142px;\\r\\n}\\r\\n\\r\\n.btn-mhm {\\r\\n padding: 18px 20px;\\r\\n margin: 0;\\r\\n width: 100%;\\r\\n font-size: 14px;\\r\\n text-transform: uppercase;\\r\\n color: #4c4c4c!important;\\r\\n -webkit-box-shadow: none;\\r\\n box-shadow: none;\\r\\n background-color: #f8f8f8!important;\\r\\n border-bottom: 1px solid #ddd;\\r\\n text-align: left;\\r\\n border-radius: 2px;\\r\\n}\\r\\n\\r\\n.btn-mhm2:hover, .btn-mhm2:active, .btn-mhm2:focus, .btn-mhm2[disabled], .btn-mhm2{\\r\\n background-color: #00B388!important;\\r\\n color: #fff!important;\\r\\n font-size: 13px!important;\\r\\n}\\r\\n\\r\\n.btn-clear {\\r\\n width: 130px;\\r\\n font-size: 13px!important;\\r\\n margin-right: 10px;\\r\\n}\\r\\n\\r\\n.btn-mhm:last-of-type {\\r\\n margin-right: 0px;\\r\\n border-bottom: 0;\\r\\n}\\r\\n\\r\\n.btn-mhm.active {\\r\\n background-color: #C6579A!important;\\r\\n color: #fff!important;\\r\\n font-weight: 600;\\r\\n}\\r\\n\\r\\n.btn-mhm.active:after {\\r\\n content: '\\\\f138';\\r\\n font-family: \\\"FontAwesome\\\";\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n opacity: 0.6;\\r\\n}\\r\\n\\r\\n.button-panel p {\\r\\n text-transform: uppercase;\\r\\n font-weight: 600;\\r\\n padding: 15px 0;\\r\\n text-align: left;\\r\\n border-bottom: 2px solid #ddd;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active {\\r\\n background-color: #00B388;\\r\\n color: #fff;\\r\\n margin-top: 15px;\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n.btn-mhm-generate.disabled {\\r\\n background-color: #f6f6f6;\\r\\n color: #999;\\r\\n float: right;\\r\\n}\\r\\n\\r\\n.btn-remove, .btn-remove:hover {\\r\\n background-color: #C6579A!important;\\r\\n color: #ffffff;\\r\\n}\\r\\n\\r\\n.btn-action {\\r\\n margin: 0 15px 20px;\\r\\n}\\r\\n\\r\\n.quote-section-title\\r\\n{\\r\\n border-top-right-radius: 2px;\\r\\n -moz-border-top-right-radius: 2px;\\r\\n -webkit-border-top-right-radius: 2px;\\r\\n padding: 15px;\\r\\n text-transform: uppercase;\\r\\n background-color: #00B388;\\r\\n color: #fff!important;\\r\\n margin-top: 41px;\\r\\n display: inline-block;\\r\\n position: relative;\\r\\n left: -5px;\\r\\n padding-left: 33px;\\r\\n padding-right: 15px;\\r\\n padding-bottom: 30px;\\r\\n -webkit-clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%);\\r\\n}\\r\\n\\r\\n.quote-section-title:first-of-type\\r\\n{\\r\\n margin-top: 20px;\\r\\n}\\r\\n\\r\\n.quote-section-title span\\r\\n{\\r\\n padding-left: 3px;\\r\\n}\\r\\n\\r\\n.short-title{\\r\\n display:none;\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav[_ngcontent-uqa-15]:not([data-tab-color]) > li[_ngcontent-uqa-15] > a[_ngcontent-uqa-15]:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.quote-type-selection {\\r\\n border: 1px solid #ccc;\\r\\n border-radius: 3px;\\r\\n margin-bottom:20px;\\r\\n clear: both;\\r\\n display: block;\\r\\n background-color: #edecec;\\r\\n position: relative;\\r\\n \\r\\n}\\r\\n\\r\\n.quote-type-selection div {\\r\\n padding: 0;\\r\\n}\\r\\n\\r\\n.quote-type-selection div:first-child {\\r\\n border-right: 1px solid #ccc;\\r\\n}\\r\\n\\r\\n.quote-type-selection:after {\\r\\n content: '';\\r\\n clear: both;\\r\\n display: block;\\r\\n}\\r\\n\\r\\n.address-search {\\r\\n margin-top: 15px;\\r\\n}\\r\\n\\r\\n.quote-type-selection-main li:first-of-type a:before {\\r\\n content: '\\\\f3b8';\\r\\n font-family: \\\"Material-Design-Iconic-Font\\\";\\r\\n}\\r\\n\\r\\n.quote-type-selection-main li a:before {\\r\\n content: '\\\\f337';\\r\\n font-family: \\\"Material-Design-Iconic-Font\\\";\\r\\n}\\r\\n\\r\\n.tab-nav:not([data-tab-color]) > li > a:after {\\r\\n background: #00B388;\\r\\n}\\r\\n\\r\\n.tab-nav li.active > a {\\r\\n color: #0F3A57;\\r\\n font-weight: bold;\\r\\n}\\r\\n\\r\\n.tab-nav li a span::after {\\r\\n display: block;\\r\\n content: attr(title);\\r\\n font-weight: bold;\\r\\n height: 1px;\\r\\n padding-left:20px;\\r\\n color: transparent;\\r\\n overflow: hidden;\\r\\n visibility: hidden;\\r\\n}\\r\\n\\r\\n.tab-nav li > a {\\r\\n color: #4c4c4c;\\r\\n}\\r\\n\\r\\n.quote-additional-info {\\r\\n margin: 30px 0 0;\\r\\n}\\r\\n\\r\\n.quote-additional-info p{\\r\\n font-size: 13px;\\r\\n font-weight: 600;\\r\\n padding: 20px 0;\\r\\n}\\r\\n\\r\\n.quote-additional-info p {\\r\\n font-weight: 600;\\r\\n margin: 0;\\r\\n padding: 0 10px 0 0px;\\r\\n text-transform: uppercase;\\r\\n}\\r\\n\\r\\n.question-alignment {\\r\\n padding: 0 48px;\\r\\n}\\r\\n\\r\\n.radio-custom{\\r\\n vertical-align: top;\\r\\n margin-top: 0;\\r\\n padding-left: 25px;\\r\\n display: inline-block;\\r\\n}\\r\\n\\r\\n.clearfix {\\r\\n clear: both;\\r\\n}\\r\\n\\r\\n@media (max-width: 991px)\\r\\n{\\r\\n .wrapperDS {\\r\\n display: block;\\r\\n -webkit-box-flex: 0;\\r\\n -ms-flex: none;\\r\\n flex: none;\\r\\n }\\r\\n}\\r\\n\\r\\n@media (max-width: 767px)\\r\\n{\\r\\n .leftDS{\\r\\n padding: 10px 20px 20px; \\r\\n }\\r\\n \\r\\n .quote-additional-info {\\r\\n margin: 30px 0 0;\\r\\n padding: 20px;\\r\\n }\\r\\n\\r\\n .radio-custom{\\r\\n display: block;\\r\\n }\\r\\n .short-title{\\r\\n display:inline;\\r\\n }\\r\\n\\r\\n .full-title{\\r\\n display:none;\\r\\n }\\r\\n\\r\\n .quote-type-placeholder {\\r\\n display:none;\\r\\n\\r\\n }\\r\\n\\r\\n .quote-type-selection-main[_ngcontent-c1] {\\r\\n padding: 0;\\r\\n position: relative;\\r\\n top: 25%;\\r\\n left: 0;\\r\\n border-top: 1px solid #cccccc;\\r\\n }\\r\\n\\r\\n .quote-type-selection div:first-child {\\r\\n border: none;\\r\\n }\\r\\n\\r\\n .question-alignment {\\r\\n padding: 0 20px;\\r\\n }\\r\\n\\r\\n .quote-section-title\\r\\n {\\r\\n padding-left: 20px;\\r\\n\\r\\n }\\r\\n\\r\\n .btn-mhm-generate, .btn-mhm-generate:hover, .btn-mhm-generate:focus, .btn-mhm-generate:active, .btn-mhm-generate.disabled {\\r\\n float: none;\\r\\n width: 100%;\\r\\n }\\r\\n \\r\\n }\\r\\n\\r\\n/* @media (max-width: 375px)\\r\\n {\\r\\n \\r\\n } */\\r\\n\\r\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/app/reporting/conversion-report/conversion-report.component.css\n// module id = ./src/app/reporting/conversion-report/conversion-report.component.css\n// module chunks = main","module.exports = \"\\r\\n\\r\\n ![](\\\"/assets/images/ieway-logo.png\\\")
\\r\\n