\n
","import { Component, OnInit } from '@angular/core';\nimport { Title } from \"@angular/platform-browser\";\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { environment } from 'projects/cfs-public/src/environments/environment';\nimport { ContactInfo, checkInvalidAndRemoveFromErrors, getFormValidationErrors, scrollToTop, PublicRouteEnum, scrollToValidation, CommonLibService, scrollToAlertPanel } from 'projects/common-lib/src/public-api';\nimport { StateManagerService } from '../../services/state-manager.service';\n\n@Component({\n selector: 'app-contact-info',\n templateUrl: './contact-info.component.html',\n styleUrls: ['./contact-info.component.scss'],\n})\nexport class ContactInfoComponent implements OnInit {\n contactInfo!: ContactInfo;\n organizationOptions!: string[];\n inputForm!: FormGroup;\n orgDetected!: string | undefined;\n hasErrors = false;\n listOfErrors: string[] = [];\n cancelClicked = false;\n scrollToValidation = scrollToValidation;\n\n constructor(\n private stateManagerService: StateManagerService,\n private commonLibService: CommonLibService,\n private titleService: Title,\n private router: Router,\n ) {\n if (this.router.url.includes('fr/tssea')) {\n this.titleService.setTitle('Page de destination | BSREV'); // French tab title\n }\n else {\n this.titleService.setTitle('Contact information | TVSO'); // English tab title\n }\n }\n\n ngOnInit(): void {\n this.contactInfo = this.stateManagerService.getContactInfo();\n this.organizationOptions = this.stateManagerService.getPartnerOrganizationsFromPartnerDomainJSON();\n this.organizationOptions.push('NOT_APPLICABLE');\n this.initForm();\n }\n\n initForm(): void {\n this.inputForm = new FormGroup({\n fullNameInput: new FormControl(this.contactInfo.fullName, [Validators.maxLength(100), Validators.required, Validators.pattern('^[A-Z a-z]{1,100}$')]),\n phoneNumberInput: new FormControl(this.contactInfo.phoneNumber),\n emailInput: new FormControl(this.contactInfo.emailAddress, [\n Validators.pattern('^[\\\\w-\\\\.]+@([a-zA-Z-]+\\\\.)+[a-zA-Z-]{2,3}$'),\n Validators.required,\n ]),\n organizationInput: new FormControl(this.contactInfo.organizationName),\n });\n }\n\n get fullNameInput(): any {\n return this.inputForm.get('fullNameInput');\n }\n\n get phoneNumberInput(): any {\n return this.inputForm.get('phoneNumberInput');\n }\n\n get emailInput(): any {\n return this.inputForm.get('emailInput');\n }\n\n get organizationInput(): any {\n return this.inputForm.get('organizationInput');\n }\n\n updateSelected(e: EventTarget | null) {\n if (e === null) return;\n\n this.contactInfo.organizationName = (e as HTMLInputElement).value;\n }\n\n lookUpDomain(event: any) {\n if (event === null) return;\n\n // only do look up if we have '@' and '.' in email field\n // TODO: maybe only look up if email.valid -> but need to change pattern validation\n if (event.target.value.includes('@') && event.target.value.includes('.')) {\n // substring to get domain\n const domain = event.target.value.substring(event.target.value.indexOf('@') + 1);\n\n // remove whitespace if any and make lowercase\n domain.replace(/\\s/g, '');\n\n // get org associated with domain\n this.orgDetected = this.stateManagerService.getPartnerOrganizationFromDomain(domain);\n\n if (this.orgDetected !== undefined) {\n this.organizationInput.setValue(this.orgDetected);\n this.organizationInput.patchValue(this.orgDetected);\n }\n }\n }\n\n saveState() {\n // populate data in contactInfo object\n\n this.contactInfo.fullName = this.fullNameInput.value;\n this.contactInfo.phoneNumber = this.phoneNumberInput.value;\n this.contactInfo.emailAddress = this.emailInput.value;\n this.contactInfo.organizationName = this.organizationInput.value;\n\n // check if partner\n if (this.contactInfo.organizationName !== 'NOT_APPLICABLE') {\n this.contactInfo.organizationType = 'partner';\n } else {\n this.contactInfo.organizationType = 'public';\n }\n\n this.stateManagerService.updateContactInfo(this.contactInfo);\n }\n\n checkInvalid(control: string): void {\n checkInvalidAndRemoveFromErrors(this.inputForm, control, this.listOfErrors);\n }\n\n isInputValid(): boolean {\n if (!this.inputForm.valid) {\n // show errors\n this.inputForm.markAllAsTouched();\n this.hasErrors = true;\n getFormValidationErrors(this.inputForm, this.listOfErrors);\n\n scrollToAlertPanel();\n return false;\n }\n this.hasErrors = false;\n return true;\n }\n\n goBack() {\n this.cancelClicked = false;\n this.saveState();\n this.stateManagerService.setRouteStep(PublicRouteEnum.LANDING_PAGE);\n this.router.navigate([this.commonLibService.getCurrentLanguage() + `/${environment.rootRoute}/`]);\n }\n\n goNext() {\n this.cancelClicked = false;\n this.saveState();\n if (this.isInputValid()) {\n this.stateManagerService.setRouteStep(PublicRouteEnum.ENTER_INCIDENT_INFO);\n this.router.navigate([this.commonLibService.getCurrentLanguage() + '/' + `${environment.rootRoute}` + '/', 'enter-incident-info']);\n }\n }\n\n goCancel() {\n scrollToAlertPanel();\n\n\n this.cancelClicked = true;\n }\n\n cancel(input: boolean) {\n if (input === true) {\n // delete all entered data\n this.stateManagerService.clearStateObject();\n\n this.stateManagerService.setRouteStep(PublicRouteEnum.LANDING_PAGE);\n\n // then go to home page\n this.router.navigate([this.commonLibService.getCurrentLanguage() + `/${environment.rootRoute}/`]);\n scrollToTop();\n } else {\n // else hide the alert\n this.cancelClicked = false;\n }\n }\n\n}\n","\n
\n\n \n
\n
\n \n
\n
","import { Component, OnInit } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { Router } from '@angular/router';\nimport { StateManagerService } from '../../services/state-manager.service';\nimport { DownloadPDFResponse, scrollToTop, downloadDocument, CommonLibService } from 'projects/common-lib/src/public-api';\nimport { ComplaintService } from '../../services/complaint.service';\n\n@Component({\n selector: 'app-end-page',\n templateUrl: './end-page.component.html',\n styleUrls: ['./end-page.component.scss'],\n})\nexport class EndPageComponent implements OnInit {\n\n referenceId = '';\n showLoadingIndicator = false;\n showSuccess = true;\n downloadError = false;\n sessionUUID: string;\n\n constructor(\n private titleService: Title,\n private router: Router,\n private stateManagerService: StateManagerService,\n private commonLibService: CommonLibService,\n private complaintService: ComplaintService,\n ) {\n if (this.router.url.includes('fr/tssea')) {\n this.titleService.setTitle(\"Envoyé avec succès | BSREV\"); // French tab title\n }\n else {\n this.titleService.setTitle('Successfully submitted | TVSO'); // English tab title\n }\n\n this.sessionUUID = stateManagerService.getSessionUUID();\n }\n\n ngOnInit() {\n this.referenceId = this.stateManagerService.getMtoReferenceId();\n }\n\n downloadComplaint() {\n\n // spinner\n this.showLoadingIndicator = true;\n\n this.complaintService.downloadPDF(\n this.sessionUUID,\n this.stateManagerService.getMtoReferenceId(),\n this.commonLibService.getCurrentLanguage() === 'fr' ? 'FR' : 'EN',\n new Date().toLocaleDateString()\n ).subscribe({\n next: (result: DownloadPDFResponse) => {\n\n scrollToTop();\n\n this.showSuccess = true;\n this.downloadError = false;\n this.showLoadingIndicator = false;\n\n // download document\n downloadDocument(result.pdfByteArray);\n\n },\n error: (error: DownloadPDFResponse) => {\n // show error\n scrollToTop();\n\n this.showSuccess = false;\n this.downloadError = true;\n this.showLoadingIndicator = false;\n\n console.error(error.message);\n },\n });\n }\n}\n","\n
\n \n \n
\n \n
\n \n
\n {{ 'tsoa-cfs-public.contactPage.title' | translate }}
\n\n
\n\n
\n \n \n
\n \n
","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { FormArray, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Observable, Subscription } from 'rxjs';\nimport incidentPage1Options from \"projects/common-lib/src/lib/assets/jsonData/incidentPage1Options.json\";\nimport { Title } from '@angular/platform-browser';\nimport { Router } from '@angular/router';\nimport { Errors, ComplainAbout, requireCheckboxesToBeCheckedValidator, requireCheckboxesToBeCheckedArray, scrollToValidation, checkInvalidAndRemoveFromErrors, getFormValidationErrors, scrollToTop, scrollToAlertPanel } from 'projects/common-lib/src/public-api';\nimport { StateManagerService } from '../../../services/state-manager.service';\n\n@Component({\n selector: 'app-incident-info-page1',\n templateUrl: './incident-info-page1.component.html',\n styleUrls: ['./incident-info-page1.component.scss'],\n})\nexport class IncidentInfoPage1Component implements OnInit, OnDestroy {\n @Output() formValidityChanged = new EventEmitter\n\n
\n{{ 'tsoa-cfs-public.endPage.title' | translate }}
\n\n\n
\n\n \n\n - \n
- {{ 'tsoa-cfs-public.endPage.step1' | translate }} \n
- {{ 'tsoa-cfs-public.endPage.step2' | translate }} \n
- {{ 'tsoa-cfs-public.endPage.step3' | translate }} \n
{{ 'tsoa-cfs-public.endPage.notice' | translate }}
\n\n
","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { AbstractControl, FormArray, FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Title } from '@angular/platform-browser';\nimport { Router } from '@angular/router';\nimport { scrollToValidation, IncidentInformation, Vehicle, Errors, fromISO, maxDateValidator, minDateValidator, toISO, scrollToTop, filterFromArray, checkInvalidAndRemoveFromErrors, checkInvalidAndRemoveFromErrorsFormGroupArray, getFormValidationErrors, scrollToAlertPanel } from 'projects/common-lib/src/public-api';\nimport { Observable, Subscription } from 'rxjs';\nimport { StateManagerService } from '../../../services/state-manager.service';\n\n@Component({\n selector: 'app-incident-info-page2',\n templateUrl: './incident-info-page2.component.html',\n styleUrls: ['./incident-info-page2.component.scss'],\n})\nexport class IncidentInfoPage2Component implements OnInit, OnDestroy {\n maxDate = new Date();\n minDate = new Date(2024, 0, 1);\n\n private eventsSubscription!: Subscription;\n inputForm!: FormGroup;\n vinPattern = '^[A-Za-z0-9]{2,17}$';\n\n information: IncidentInformation = {\n vehicles: [],\n exactDateTime: '', //TODO: Change?\n locationOfIncident: '',\n };\n\n vehicleArray: Vehicle[] = [];\n vehicleCount = 0; // 0-indexed, #vehicles = vehicleCount + 1\n\n @Input() events!: Observable\n
\n \n\n \n
\n {{'tsoa-cfs-public.firstFormsPage.title' | translate}}
\n\n
\n\n\n \n
\n {{'tsoa-cfs-public.firstFormsPage.Why did you\n interact with the company or driver?' | translate}}
\n\n
\n \n\n
\n {{'tsoa-cfs-public.firstFormsPage.What is the complaint about?' | translate}}
\n\n
\n\n {{'tsoa-cfs-public.firstFormsPage.Type of complaint' | translate}}
\n{{'tsoa-cfs-public.firstFormsPage.Select all that apply' |\n translate}}
\n\n
\n \n\n
\n \n \n \n
\n \n
","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { StateManagerService } from 'projects/cfs-public/src/app/services/state-manager.service';\nimport { Errors, TowDriverInformation, TowTruckInformation, checkInvalidAndRemoveFromErrors, getFormValidationErrors, scrollToAlertPanel, scrollToTop } from 'projects/common-lib/src/public-api';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-tow-company-driver-page',\n templateUrl: './tow-company-driver-page.component.html',\n styleUrls: ['./tow-company-driver-page.component.scss'],\n})\nexport class TowCompanyDriverPageComponent implements OnInit, OnDestroy {\n @Input() events!: Observable\n
\n \n \n
\n {{ 'tsoa-cfs-public.secondFormsPage.Max vehicle alert' |\n translate }}
\n\n
\n {{ 'tsoa-cfs-public.secondFormsPage.Max vehicle alert info' | translate }}
\n\n\n
\n{{ 'tsoa-cfs-public.secondFormsPage.title' | translate }}
\n\n
","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { StateManagerService } from 'projects/cfs-public/src/app/services/state-manager.service';\nimport { Errors, VehicleStorageInformation, checkInvalidAndRemoveFromErrors, getFormValidationErrors, scrollToAlertPanel, scrollToTop } from 'projects/common-lib/src/public-api';\nimport { Observable, Subscription } from 'rxjs';\n\n@Component({\n selector: 'app-vehicle-storage-page',\n templateUrl: './vehicle-storage-page.component.html',\n styleUrls: ['./vehicle-storage-page.component.scss'],\n})\nexport class VehicleStoragePageComponent implements OnInit, OnDestroy {\n @Input() events!: Observable\n \n\n
\n\n
","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { Subject } from 'rxjs';\nimport incidentPage1Options from \"projects/common-lib/src/lib/assets/jsonData/incidentPage1Options.json\";\nimport { Router } from '@angular/router';\nimport { Errors, scrollToAlertPanel, scrollToValidation } from 'projects/common-lib/src/public-api';\nimport { StateManagerService } from '../../../services/state-manager.service';\n\n@Component({\n selector: 'app-incident-info-page3',\n templateUrl: './incident-info-page3.component.html',\n styleUrls: ['./incident-info-page3.component.scss'],\n})\nexport class IncidentInfoPage3Component implements OnInit {\n @Input() eventsSubject!: Subject\n
\n\n
\n {{ 'tsoa-cfs-public.thirdFormsPage.Vehicle storage info' | translate }}
\n\n \n\n
","import { Component, EventEmitter, Input, OnDestroy, OnInit, Output } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Title } from '@angular/platform-browser';\nimport { Observable, Subscription } from 'rxjs';\nimport { Message } from '@stomp/stompjs';\nimport { Router } from '@angular/router';\nimport { HttpEventType } from '@angular/common/http';\nimport { v4 as uuidv4 } from 'uuid';\nimport { environment } from 'projects/cfs-public/src/environments/environment';\nimport { Errors, IncidentSummary, ErrorsEnum, DocumentStatus, FileWidget, getFormValidationErrors, scrollToAlertPanel, checkInvalidAndRemoveFromErrors, TsoaComplaintGetOneResult, PublicRouteEnum, CommonLibService } from 'projects/common-lib/src/public-api';\nimport { ComplaintService } from '../../../services/complaint.service';\nimport { StateManagerService } from '../../../services/state-manager.service';\nimport { AttachementService } from '../../../services/attachement.service';\nimport { RxStompService } from '../../../services/rx-stomp.service';\n\n@Component({\n selector: 'app-incident-info-page4',\n templateUrl: './incident-info-page4.component.html',\n styleUrls: ['./incident-info-page4.component.scss'],\n})\nexport class IncidentInfoPage4Component implements OnInit, OnDestroy {\n private eventsSubscription!: Subscription;\n private topicSubscription!: Subscription;\n private attachementSubscription!: Subscription;\n private submitSubscription!: Subscription;\n\n @Input() events!: Observable\n\n
\n{{ 'tsoa-cfs-public.thirdFormsPage.title' | translate }}
\n{{ 'tsoa-cfs-public.thirdFormsPage.info' | translate }}
\n\n\n
\n \n
\n\n \n \n\n
\n\n \n
\n\n \n
\n \n
","import { Component, ViewChild } from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { StateManagerService } from '../../services/state-manager.service';\nimport { Router } from '@angular/router';\nimport { IncidentInfoPage1Component } from '../incident-info-components/incident-info-page1/incident-info-page1.component';\nimport { IncidentInfoPage2Component } from '../incident-info-components/incident-info-page2/incident-info-page2.component';\nimport { IncidentInfoPage3Component } from '../incident-info-components/incident-info-page3/incident-info-page3.component';\nimport { IncidentInfoPage4Component } from '../incident-info-components/incident-info-page4/incident-info-page4.component';\nimport { environment } from 'projects/cfs-public/src/environments/environment';\nimport { scrollToTop, PublicRouteEnum, Errors, ErrorsEnum, CommonLibService, scrollToAlertPanel } from 'projects/common-lib/src/public-api';\n\n@Component({\n selector: 'app-incident-info',\n templateUrl: './incident-info.component.html',\n styleUrls: ['./incident-info.component.scss'],\n})\nexport class IncidentInfoComponent {\n eventsSubject: Subject\n
\n\n {{ 'tsoa-cfs-public.fourthFormsPage.title' | translate }}
\n \n\n \n
","import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild } from '@angular/core';\nimport { Title } from '@angular/platform-browser';\nimport { Router } from '@angular/router';\nimport { RecaptchaComponent } from 'ng-recaptcha';\nimport { environment } from 'projects/cfs-public/src/environments/environment';\nimport { CommonLibService, PublicRouteEnum, scrollToTop, scrollToValidation, scrollToAlertPanel } from 'projects/common-lib/src/public-api';\nimport { StateManagerService } from '../../services/state-manager.service';\nimport { ComplaintService } from '../../services/complaint.service';\nimport { Subscription } from 'rxjs';\n@Component({\n selector: 'app-landing-page',\n templateUrl: './landing-page.component.html',\n styleUrls: ['./landing-page.component.scss'],\n})\nexport class LandingPageComponent implements OnInit, OnDestroy {\n\n\n recaptchaSub!: Subscription;\n @ViewChild(RecaptchaComponent) reCaptcha: any;\n\n reCaptchaKey = environment.recaptchaSiteKey;\n disableRecaptcha = environment.disableRecaptcha;\n reacaptchaError = false;\n showLoadingIndicator = false;\n\n isClicked = false;\n isCollapsed = true;\n isChecked = false;\n listOfErrors: string[] = [];\n display = 'none';\n spanClass = 'ontario-accordion__button-icon--open';\n chevron = '#ontario-icon-chevron-down';\n isAccordionExpanded = false;\n\n scrollToValidation = scrollToValidation;\n\n constructor(\n private stateManagerService: StateManagerService,\n private commonLibService: CommonLibService,\n private titleService: Title,\n private router: Router,\n private complaintService: ComplaintService\n ) {\n if (this.router.url.includes('fr/tssea')) {\n this.titleService.setTitle('Page de destination | BSREV'); // French tab title\n }\n else {\n this.titleService.setTitle('Landing Page | TVSO'); // English tab title\n }\n }\n\n ngOnDestroy(): void {\n this.recaptchaSub?.unsubscribe();\n }\n\n ngOnInit(): void {\n if (this.reCaptcha) {\n this.reCaptcha.reset();\n }\n if (this.disableRecaptcha) {\n this.resolved('fakeToken');\n }\n }\n\n toggle() {\n this.isCollapsed = !this.isCollapsed;\n if (this.isCollapsed) {\n this.display = 'none';\n this.spanClass = 'ontario-accordion__button-icon--open';\n this.chevron = '#ontario-icon-chevron-down';\n this.isAccordionExpanded = false;\n } else {\n this.display = 'block';\n this.spanClass = 'ontario-accordion__button-icon--close';\n this.chevron = '#ontario-icon-chevron-up';\n this.isAccordionExpanded = true;\n }\n }\n\n goNext() {\n this.isClicked = true;\n this.reacaptchaError = false;\n if (this.isChecked) {\n // execute recaptcha\n if (!environment.disableRecaptcha && environment.recaptchaSiteKey) {\n this.reCaptcha.execute();\n } else {\n // means we have disabled recaptcha so by pass it\n this.routeToNextPage();\n }\n }\n if (this.listOfErrors.length == 0) {\n this.listOfErrors.push('termsConditionsError');\n scrollToAlertPanel();\n }\n }\n\n resolved(captchaResponse: string) {\n this.showLoadingIndicator = true;\n // send to backend for validation\n this.recaptchaSub = this.complaintService.verifyReCaptcha(captchaResponse).subscribe({\n next: (response) => {\n this.showLoadingIndicator = false;\n this.stateManagerService.setSessionUUID(response.sessionUUID);\n // navigate to next page if recaptcha is good!\n this.routeToNextPage();\n },\n error: (error) => {\n this.showLoadingIndicator = false;\n this.reacaptchaError = true;\n scrollToTop();\n console.error(error);\n },\n complete: () => {\n console.log(\"recaptcha complete\");\n }\n });\n }\n\n routeToNextPage() {\n if (this.isChecked) {\n this.stateManagerService.setRouteStep(PublicRouteEnum.CONTACT_INFO);\n this.router.navigate([this.commonLibService.getCurrentLanguage() + '/' + `${environment.rootRoute}` + '/', 'contact-info']);\n }\n }\n\n}\n","\n
","import { HttpClient, HttpEvent } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { UploadAttachementResult } from 'projects/common-lib/src/public-api';\nimport { Observable } from 'rxjs';\nimport { environment } from '../../environments/environment';\n\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AttachementService {\n private apiUrl = `${environment.APIEndpoint}/attachment/upload`;\n constructor(private httpClient: HttpClient) { }\n\n postAttachement(newAttachement: File, sessionUUID: string, documentUUID: string): Observable\n\n
\n\n
\n\n {{ 'tsoa-cfs-public.landingPage.complainAbout' | translate }}
\n{{ 'tsoa-cfs-public.landingPage.info' | translate }}
\n{{ 'tsoa-cfs-public.landingPage.exampleInfo' | translate }}
\n- \n
- {{ 'tsoa-cfs-public.landingPage.example1' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.example2' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.example3' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.example4' | translate }} \n
\n
\n\n {{ 'tsoa-cfs-public.landingPage.expect' | translate }}
\n{{ 'tsoa-cfs-public.landingPage.expectInfo' | translate }}
\n\n
\n\n {{ 'tsoa-cfs-public.landingPage.collectionNotice' | translate }}
\n{{ 'tsoa-cfs-public.landingPage.collectionInfo' | translate }}
\n\n \n \n\n
\n {{ 'tsoa-cfs-public.landingPage.termsConditions' | translate }}
\n\n \n \n
\n \n \n
\n{{ 'tsoa-cfs-public.landingPage.tc1' | translate }}
\n- \n
- {{ 'tsoa-cfs-public.landingPage.tc2' | translate }}
- {{ 'tsoa-cfs-public.landingPage.tc3' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc5' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc6' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc7' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc10' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc11' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc11.1' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc11.2' | translate }} \n
- \n
{{ 'tsoa-cfs-public.landingPage.tc12' | translate }}
\n- \n
- {{ 'tsoa-cfs-public.landingPage.tc13' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc13.1' | translate }} \n
- {{ 'tsoa-cfs-public.landingPage.tc14' | translate }} \n
- \n
\n
\n\n \n \n \n
\n \n
\n\n {{ 'tsoa-cfs-public.landingPage.contact' | translate }}
\n{{ 'tsoa-cfs-public.landingPage.contactInfo' | translate }}
\n\n\n \n
\n\n \n \n ![\"dangerous](\"../../../assets/ontario-design-system/icons/svg/ontario-icon-alert-error.svg\")
\n \n {{ displayName }} \n
","import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { FileWidget } from 'projects/common-lib/src/public-api';\n\n@Component({\n selector: 'lib-file-widget',\n templateUrl: './file-widget.component.html',\n styleUrls: ['./file-widget.component.scss']\n})\nexport class FileWidgetComponent implements OnInit {\n @Input() fileWidget!: FileWidget;\n @Output() thisOneDad = new EventEmitter\n \n {{ displayName }} \n\n \n {{displayName}}\n
\n","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'lib-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.scss']\n})\nexport class FooterComponent {\n\n @Input() isAdmin = false;\n\n isFrench = location.href.includes('fr/tssea');\n\n linkMap = {\n accessability_en: \"https://www.ontario.ca/page/accessibility\",\n accessability_fr: \"https://www.ontario.ca/fr/page/accessibilite\",\n privacy_en: \"https://www.ontario.ca/page/privacy-statement\",\n privacy_fr: \"https://www.ontario.ca/fr/page/declaration-concernant-la-protection-de-la-vie-privee\",\n contact_en: \"https://www.ontario.ca/page/get-towing-vehicle-storage-certificate#section-7\",\n contact_fr: \"https://www.ontario.ca/fr/page/obtenez-certificat-remorquage-dentreposage-vehicules#section-7\",\n contact_admin: \"https://www.ontario.ca/page/government-ontario\",\n copyright_en: \"https://www.ontario.ca/page/copyright-information\",\n copyright_fr: \"https://www.ontario.ca/fr/page/droits-dauteur\",\n }\n\n constructor() { }\n\n routeToExternalMTOLink(link: string) {\n\n let extRoute = '';\n this.isFrench = location.href.includes('fr/tssea');\n\n switch (link) {\n case 'accessability':\n this.isFrench ? extRoute = this.linkMap.accessability_fr : extRoute = this.linkMap.accessability_en;\n break;\n case 'privacy':\n this.isFrench ? extRoute = this.linkMap.privacy_fr : extRoute = this.linkMap.privacy_en;\n break;\n case 'contact':\n this.isAdmin ? extRoute = this.linkMap.contact_admin : this.isFrench ? extRoute = this.linkMap.contact_fr : extRoute = this.linkMap.contact_en;\n break;\n case 'copyright':\n this.isFrench ? extRoute = this.linkMap.copyright_fr : extRoute = this.linkMap.copyright_en;\n break;\n }\n\n if (extRoute != '') {\n window.open(extRoute, \"_blank\");\n }\n\n }\n\n}\n","","import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { CommonLibService } from 'projects/common-lib/src/public-api';\n\n@Component({\n selector: 'lib-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.scss'],\n})\n\nexport class HeaderComponent {\n\n @Input() pageTitle = '';\n @Input() showLanguageToggle = false;\n @Input() showLogOutToggle = false;\n @Output() logOut = new EventEmitter\n \n \n
\n![\"ontario](\"assets/ontario-design-system/logos/ontario-logo--desktop.svg\"\n){kind=logo}
\n \n
\n\n
\n {{ pageTitle | translate }}
\n\n \n
","import { Component, Inject } from '@angular/core';\nimport { MAT_DIALOG_DATA } from '@angular/material/dialog';\nimport { Comment } from 'projects/common-lib/src/public-api';\n\n@Component({\n selector: 'lib-mto-comment-dialog',\n templateUrl: './mto-comment-dialog.component.html',\n styleUrls: ['./mto-comment-dialog.component.scss']\n})\nexport class MtoCommentDialogComponent {\n\n mtoComment!: Comment;\n\n constructor(@Inject(MAT_DIALOG_DATA) public data: any) {\n this.mtoComment = data.mtoComment;\n }\n\n}\n","Loading
\n\n
","import { Component, Input } from '@angular/core';\nimport { MatDialog } from '@angular/material/dialog';\nimport { MtoCommentDialogComponent } from '../mto-comment-dialog/mto-comment-dialog.component';\nimport { Comment } from 'projects/common-lib/src/public-api';\n\n@Component({\n selector: 'lib-mto-comment',\n templateUrl: './mto-comment.component.html',\n styleUrls: ['./mto-comment.component.scss']\n})\nexport class MtoCommentComponent {\n\n @Input() comment!: Comment;\n\n constructor(private dialog: MatDialog) { }\n\n openCommentDialog() {\n const dialogRef = this.dialog.open(MtoCommentDialogComponent, {\n data: {\n mtoComment: this.comment,\n }\n });\n }\n\n}\n","MTO Comment
\n{{mtoComment.createDate | date: \"MMMM dd, YYYY h:mm a\"}}
\n{{mtoComment.userName}}
\n\n {{ mtoComment.comment }}\n
\n \n\n
\n\n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-page-not-found',\n templateUrl: './page-not-found.component.html',\n styleUrls: ['./page-not-found.component.scss']\n})\nexport class PageNotFoundComponent {\n\n}\n","\n
\n\n
","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'lib-alert-panel',\n templateUrl: './alert-panel.component.html',\n styleUrls: ['./alert-panel.component.scss'],\n})\nexport class AlertPanelComponent {\n @Input() alertType!: string;\n\n @Input() needsTranslate = true;\n\n @Input() alertTitle!: string;\n\n @Input() alertMessage!: string[];\n\n @Input() alertErrorList!: string[];\n\n @Input() referenceId!: string;\n\n @Input() isPublic = true;\n\n @Output() cancelEvent = new EventEmitter\n ![\"\"](\"../../../assets/images/404-error-logo.svg\")
\n
\n\n \n
\n 404 Error | Erreur 404
\nSorry, but we're unable to find this page.
Désolé mais, nous n'arrivons pas à trouver cette page.
\n
","import { Component, Input } from '@angular/core';\n\n@Component({\n selector: 'lib-inline-validaton',\n templateUrl: './inline-validaton.component.html',\n styleUrls: ['./inline-validaton.component.scss'],\n})\nexport class InlineValidatonComponent {\n @Input() fieldName!: string;\n\n @Input() message!: string;\n}\n","\n
\n\n \n
\n {{ this.alertTitle |\n translate }}
\n\n
\n \n
\n \n {{ message | translate }}\n {{ referenceId }} \n
\n\n
\n \n
\n \n \n \n
\n \n
\n \n
\n \n \n \n
\n \n \n \n \n \n {{ message | translate }}\n \n
","import { Component } from '@angular/core';\n\n@Component({\n selector: 'lib-common-lib',\n template: `\n \n common-lib works!\n
\n `,\n styles: [\n ]\n})\nexport class CommonLibComponent {\n\n}\n","import { NgModule } from '@angular/core';\nimport { CommonLibComponent } from './common-lib.component';\n\n/* Modules */\nimport { SharedModule } from './modules/shared.module';\n\n@NgModule({\n declarations: [\n CommonLibComponent,\n ],\n imports: [\n ],\n exports: [\n // must export the common lib component/module and any components used\n CommonLibComponent,\n SharedModule,\n ]\n})\nexport class CommonLibModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class CommonLibService {\n\n private currentLanguage = '';\n\n constructor() { }\n\n setCurrentLanguage(value: string) {\n this.currentLanguage = value;\n }\n\n getCurrentLanguage(): string {\n return this.currentLanguage;\n }\n}\n","export enum ErrorsEnum {\n API_ERROR = \"API Error\",\n FILE_ERROR = \"Server returned an error\",\n SIZE_ERROR = \"File size too large\",\n AUTH_ERROR = \"Attachment is not authorized\",\n RLSO_NONE_CHECKED_ERROR = \"error.select-one-record\",\n RLSO_INVALID_RAC_OPTION = \"error.does-not-exist\",\n RLSO_TECHNICAL_ERROR = \"error.technical-error\"\n}","export enum PublicRouteEnum {\n LANDING_PAGE = 1,\n CONTACT_INFO = 2,\n ENTER_INCIDENT_INFO = 3,\n SUBMIT_COMPLAINT = 4,\n}\n\n// probably make one for AdminRouteEnum later but may not be needed","import { NgModule } from '@angular/core';\n\n/* Modules */\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n/* Imports */\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\nimport { LocalizationModule } from '../translation/localization.module';\nimport { HttpClient } from '@angular/common/http';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { MatDialogModule } from '@angular/material/dialog';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\n/* Components */\nimport { FooterComponent } from '../common-components/footer/footer.component';\nimport { PageNotFoundComponent } from '../common-components/page-not-found/page-not-found.component';\nimport { HeaderComponent } from '../common-components/header/header.component';\nimport { LoadingIndicatorComponent } from '../common-components/loading-indicator/loading-indicator.component';\nimport { AlertPanelComponent } from '../common-components/validation/alert-panel/alert-panel.component';\nimport { InlineValidatonComponent } from '../common-components/validation/inline-validaton/inline-validaton.component';\nimport { FileWidgetComponent } from '../common-components/file-widget/file-widget.component';\nimport { FileDownloadWidgetComponent } from '../common-components/file-download-widget/file-download-widget.component';\nimport { MtoCommentsContainerComponent } from '../common-components/mto-comments/mto-comments-container/mto-comments-container.component';\nimport { MtoCommentComponent } from '../common-components/mto-comments/mto-comment/mto-comment.component';\nimport { MtoCommentDialogComponent } from '../common-components/mto-comments/mto-comment-dialog/mto-comment-dialog.component';\n\nexport function HttpLoaderFactory(http: HttpClient) {\n return new TranslateHttpLoader(http, '../assets/locales/', '.json');\n}\n\n@NgModule({\n declarations: [\n FooterComponent,\n HeaderComponent,\n PageNotFoundComponent,\n LoadingIndicatorComponent,\n AlertPanelComponent,\n InlineValidatonComponent,\n FileWidgetComponent,\n FileDownloadWidgetComponent,\n MtoCommentsContainerComponent,\n MtoCommentComponent,\n MtoCommentDialogComponent,\n ],\n imports: [\n CommonModule,\n LocalizationModule.forRoot(),\n TranslateModule.forRoot({\n loader: {\n provide: TranslateLoader,\n useFactory: HttpLoaderFactory,\n deps: [HttpClient],\n },\n }),\n FormsModule,\n ReactiveFormsModule,\n MatIconModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatDialogModule,\n ],\n exports: [\n // components\n FooterComponent,\n HeaderComponent,\n PageNotFoundComponent,\n LoadingIndicatorComponent,\n AlertPanelComponent,\n InlineValidatonComponent,\n FileWidgetComponent,\n FileDownloadWidgetComponent,\n MtoCommentsContainerComponent,\n MtoCommentComponent,\n MtoCommentDialogComponent,\n // modules\n LocalizationModule,\n TranslateModule,\n FormsModule,\n ReactiveFormsModule,\n MatIconModule,\n MatFormFieldModule,\n MatCheckboxModule,\n MatDialogModule,\n ]\n})\nexport class SharedModule { }\n","import { Inject, Injectable, LOCALE_ID } from '@angular/core';\nimport { CanActivate, UrlTree } from '@angular/router';\nimport { Observable } from 'rxjs';\nimport { LocalizationService } from './localization.service';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Injectable({\n providedIn: 'any',\n})\nexport class LocalizationGuard implements CanActivate {\n constructor(\n @Inject(LOCALE_ID) public locale: string,\n private translate: TranslateService,\n private localizationService: LocalizationService,\n ) { }\n\n canActivate(route: any): Observable
\n