awf-test-lib 0.0.36 → 0.0.37

package/fesm2020/awf-test-lib.mjs

@@ -379,7 +379,6 @@ class ContactComponent {
             });
             return;
         }
-        console.log(this.selectedSystem);
         let detailedPmJob = {};
         detailedPmJob.name = this.form.value.name;
         detailedPmJob.phone = this.form.value.phone;
@@ -397,9 +396,9 @@ class ContactComponent {
         this.sendForm.emit(detailedPmJob);
     }
     loadForm() {
-        let name = localStorage.getItem('user_name');
-        let email = localStorage.getItem('user_email');
-        let phone = localStorage.getItem('user_phone_number');
+        let name = localStorage.getItem('userName');
+        let email = localStorage.getItem('email');
+        let phone = localStorage.getItem('mobilePhoneNumber');
         this.form = this.formBuilder.group({
             name: [name !== 'null' ? name : '', [Validators.required, Validators.minLength(3)]],
             email: [email !== 'null' ? email : '', [Validators.required, Validators.email]],
@@ -578,43 +577,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Output
             }] } });
 
-class ConfirmDialogValidatedToWaitingComponent {
-    constructor(messageService) {
-        this.messageService = messageService;
-        this.detailedPmJobLinkedList = [];
-        this.closeConfirmDialogValidatedToWaiting = new EventEmitter();
-    }
-    rejectDate() {
-        this.closeConfirmDialogValidatedToWaiting.emit(false);
-        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-    }
-    confirmDate() {
-        this.closeConfirmDialogValidatedToWaiting.emit(true);
-    }
-}
-ConfirmDialogValidatedToWaitingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ConfirmDialogValidatedToWaitingComponent, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-ConfirmDialogValidatedToWaitingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ConfirmDialogValidatedToWaitingComponent, selector: "app-confirm-dialog-validated-to-waiting", inputs: { displayConfirmValidatedToWaiting: "displayConfirmValidatedToWaiting", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", alreadyScheduledMsg: "alreadyScheduledMsg", detailedPmJobLinkedList: "detailedPmJobLinkedList" }, outputs: { closeConfirmDialogValidatedToWaiting: "closeConfirmDialogValidatedToWaiting" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmValidatedToWaiting\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    {{ alreadyScheduledMsg ? translate.textProposed : translate.textNewDates }} <br> \r\n   \r\n    <div *ngIf=\"alreadyScheduledMsg\">\r\n        <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime |  date: 'dd MMM yyyy '}} </strong> &nbsp; {{translate.from}}:<strong>08:00 </strong>\r\n        <div *ngIf=\"detailedPmJobLinkedList.length>0\">\r\n            <br> <p style=\"color:rgb(245, 57, 57) ;\"><strong>{{ translate.textWarn }}</strong></p>\r\n            <ul>\r\n                <strong><li *ngFor=\"let detailedPmJob of detailedPmJobLinkedList\">{{ detailedPmJob.pmJob.workorderId }}</li></strong>\r\n    \r\n            </ul>\r\n        </div>\r\n\r\n    </div>\r\n\r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times\" (click)=\"rejectDate()\" class=\"annuler\" [label]=\"globaltranslate.no\"></p-button>\r\n        <p-button icon=\"pi pi-check\" (click)=\"confirmDate()\" [label]=\"globaltranslate.yes\" class=\"p-button-text\"></p-button>\r\n    </ng-template>\r\n</p-dialog>\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i4$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ConfirmDialogValidatedToWaitingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-confirm-dialog-validated-to-waiting', template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmValidatedToWaiting\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    {{ alreadyScheduledMsg ? translate.textProposed : translate.textNewDates }} <br> \r\n   \r\n    <div *ngIf=\"alreadyScheduledMsg\">\r\n        <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime |  date: 'dd MMM yyyy '}} </strong> &nbsp; {{translate.from}}:<strong>08:00 </strong>\r\n        <div *ngIf=\"detailedPmJobLinkedList.length>0\">\r\n            <br> <p style=\"color:rgb(245, 57, 57) ;\"><strong>{{ translate.textWarn }}</strong></p>\r\n            <ul>\r\n                <strong><li *ngFor=\"let detailedPmJob of detailedPmJobLinkedList\">{{ detailedPmJob.pmJob.workorderId }}</li></strong>\r\n    \r\n            </ul>\r\n        </div>\r\n\r\n    </div>\r\n\r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times\" (click)=\"rejectDate()\" class=\"annuler\" [label]=\"globaltranslate.no\"></p-button>\r\n        <p-button icon=\"pi pi-check\" (click)=\"confirmDate()\" [label]=\"globaltranslate.yes\" class=\"p-button-text\"></p-button>\r\n    </ng-template>\r\n</p-dialog>\r\n<p-toast position=\"top-center\"></p-toast>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1$2.MessageService }]; }, propDecorators: { displayConfirmValidatedToWaiting: [{
-                type: Input
-            }], startDateTime: [{
-                type: Input
-            }], endDateTime: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], alreadyScheduledMsg: [{
-                type: Input
-            }], detailedPmJobLinkedList: [{
-                type: Input
-            }], closeConfirmDialogValidatedToWaiting: [{
-                type: Output
-            }] } });
-
 class ConfirmedDateInformationComponent {
     constructor() {
         this.closeConfirmedDateInfo = new EventEmitter();
@@ -646,14 +608,20 @@ class ContactSupportComponent {
     constructor(messageService, formBuilder) {
         this.messageService = messageService;
         this.formBuilder = formBuilder;
-        this.closeContactSupportPopup = new EventEmitter();
-        this.sendContactMeEmail = new EventEmitter();
+        this.sendDetailedPm = new EventEmitter();
         this.sendForm = new EventEmitter();
+        this.closeContactSupport = new EventEmitter();
         this.loading = false;
         this.submitted = false;
         this.displayNumber = false;
     }
-    ngOnChanges() {
+    ngOnChanges(changes) {
+        this.loadDatas();
+    }
+    ngOnInit() {
+        this.loadDatas();
+    }
+    loadDatas() {
         if (this.reasons && this.reasonContact === ReasonContact.MoreDatesFormPm) {
             this.selectedReason = this.reasons[0];
         }
@@ -663,17 +631,13 @@ class ContactSupportComponent {
         this.setDateRules();
         this.loadForm();
     }
-    cancelcontactSupport() {
+    cancelContactSupport() {
+        this.closeContactSupport.emit(true);
         this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-        this.displaycontactSupport = false;
-        this.closeContactSupportPopup.emit(true);
     }
     get f() {
         return this.form.controls;
     }
-    saveForm() {
-        this.closeContactSupportPopup.emit(true);
-    }
     setDateRules() {
         let today = new Date();
         let month = today.getMonth();
@@ -685,9 +649,9 @@ class ContactSupportComponent {
         this.minDate.setFullYear(prevYear);
     }
     loadForm() {
-        let name = localStorage.getItem('user_name');
-        let email = localStorage.getItem('user_email');
-        let phone = localStorage.getItem('user_phone_number');
+        let name = localStorage.getItem('userName');
+        let email = localStorage.getItem('email');
+        let phone = localStorage.getItem('mobilePhoneNumber');
         this.form = this.formBuilder.group({
             name: [name !== 'null' ? name : '', [Validators.required, Validators.minLength(3)]],
             email: [email !== 'null' ? email : '', [Validators.required, Validators.email]],
@@ -695,14 +659,11 @@ class ContactSupportComponent {
             reason: [{ value: '', disabled: ((this.reasonContact === ReasonContact.CancelFormPm) || (this.reasonContact === ReasonContact.MoreDatesFormPm)) }, [Validators.required]],
             system: [{ value: this.detailedPmJob.systemName + ' ' + this.detailedPmJob.systemId, disabled: true }, [Validators.required]],
             workOrder: [{ value: this.detailedPmJob.pmJob.workorderId, disabled: true }, [Validators.required]],
-            message: ['', [Validators.required, Validators.minLength(15)]],
+            message: ['', (this.reasonContact === ReasonContact.MoreDatesFormPm) ? [] : [Validators.required, Validators.minLength(15)]],
         });
     }
     contacted() {
         this.sendContactMeEmailMethode();
-        this.messageService.add({ severity: 'info', summary: this.translate.info, detail: this.translate.contactedflashMsg });
-        this.displaycontactSupport = false;
-        this.closeContactSupportPopup.emit(true);
     }
     contact() {
         this.displayNumber = true;
@@ -717,7 +678,7 @@ class ContactSupportComponent {
         this.detailedPmJob.reason = (this.reasonContact === ReasonContact.MoreDatesFormPm) ? this.reasons[0].name : (this.reasonContact === ReasonContact.CancelFormPm) ? this.reasons[2].name : this.form.value.reason.name;
         this.detailedPmJob.comment = this.form.value.message;
         this.detailedPmJob.reasonContact = this.reasonContact;
-        this.sendContactMeEmail.emit(this.detailedPmJob);
+        this.sendDetailedPm.emit(this.detailedPmJob);
     }
     onSubmit() {
         this.submitted = true;
@@ -739,14 +700,12 @@ class ContactSupportComponent {
     }
 }
 ContactSupportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ContactSupportComponent, deps: [{ token: i1$2.MessageService }, { token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-ContactSupportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ContactSupportComponent, selector: "app-contact-support", inputs: { displaycontactSupport: "displaycontactSupport", globaltranslate: "globaltranslate", translate: "translate", showDate: "showDate", detailedPmJob: "detailedPmJob", reasonContact: "reasonContact", reasons: "reasons" }, outputs: { closeContactSupportPopup: "closeContactSupportPopup", sendContactMeEmail: "sendContactMeEmail", sendForm: "sendForm" }, providers: [MessageService], usesOnChanges: true, ngImport: i0, template: "<p-dialog header=\"\" [modal]=\"true\" [(visible)]=\"displaycontactSupport\" [maximizable]=\"true\" [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '900px',height:'1400px'}\" [draggable]=\"false\" [resizable]=\"true\" (onHide)=\"cancelcontactSupport()\">\r\n    <strong>\r\n    <h3 class=\"text-center title\"> {{translate.header}} </h3>\r\n  </strong>\r\n    <br>\r\n        <div class=\"row\" *ngIf=\"translate && form && reasons \">\r\n          \r\n            <div class=\"col-md-6 card-bg\" >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-call-.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contacted}}</p>\r\n                </div>\r\n                <br>\r\n                <form [formGroup]=\"form\" *ngIf=\"form\" class=\"contact100-form validate-form\">\r\n                              <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                    \r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.system}}</span> <span class=\"requis\">*</span>:\r\n                            <input [placeholder]=\"translate.system\" type=\"text\" pInputText formControlName=\"system\" [ngClass]=\"{ 'is-invalid': submitted && f.system.invalid }\">\r\n                            <div *ngIf=\"submitted && f.system.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.system.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.workOrder}}</span> <span class=\"requis\"></span>:\r\n                            <input [placeholder]=\"translate.workOrder\" type=\"text\" pInputText formControlName=\"workOrder\" [ngClass]=\"{ 'is-invalid': submitted && f.workOrder.invalid }\">\r\n                            <div *ngIf=\"submitted && f.workOrder.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.workOrder.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.reason}}</span> <span class=\"requis\">*</span>:\r\n                            <p-dropdown [options]=\"reasons\" [placeholder]=\"translate.selectReason\" [(ngModel)]=\"selectedReason\" optionLabel=\"name\" formControlName=\"reason\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"></p-dropdown>\r\n                            <!-- <input [placeholder]=\"translate.reason\" type=\"text\" pInputText formControlName=\"reason\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"> -->\r\n                            <div *ngIf=\"submitted && f.reason.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.reason.errors.required\">{{translate.reasonRequired}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.message}} </span> <span class=\"requis\">*</span>:\r\n                            <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.message +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                            <div *ngIf=\"submitted && f.message.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.required}}</div>\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <br>\r\n                    <br>\r\n                    <div class=\"container-contact100-form-btn\">\r\n                        <div class=\"wrap-contact100-form-btn\">\r\n                            <div class=\"contact100-form-bgbtn\"></div>\r\n                            <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"onSubmit()\"></button>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n                <!-- <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"contacted()\"></button> -->\r\n            </div>\r\n            <div class=\"col-md-6 card-bg\"  >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-called.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contact}}</p>\r\n                </div>\r\n                <br>\r\n                <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.seeNumber\" icon=\"pi pi-eye\" [pTooltip]=\"translate.accept\" tooltipPosition=\"bottom\" (click)=\"contact()\"></button>\r\n                <br>\r\n                <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> &nbsp; {{translate.emailText}}</label>\r\n                            <p class=\"\">{{translate.email}} </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> &nbsp; {{translate.addressText}}</label>\r\n                            <p class=\"\">{{translate.adress}}</p>\r\n                            <p class=\"\">{{translate.town}}</p>\r\n                            <p class=\"\">{{translate.country}}</p>\r\n                        </div>\r\n                    </section>\r\n            </div>\r\n        </div>\r\n</p-dialog>\r\n<p-dialog *ngIf=\"translate\"[header]=\"translate.serviceCenterPhoneText\" [modal]=\"true\" [(visible)]=\"displayNumber\"  [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '400px',height:'200px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"closeNumber()\">\r\n<br>\r\n  <h4 class=\"number\"> <strong> <i class=\"pi pi-phone\"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>\r\n</p-dialog>\r\n\r\n\r\n<p-toast position=\"top-center\"></p-toast>", styles: [".contact-icon{font-weight:inherit;font-size:15px}.number{text-align:center;color:#0084ff}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+ContactSupportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ContactSupportComponent, selector: "app-contact-support", inputs: { displaycontactSupport: "displaycontactSupport", globaltranslate: "globaltranslate", translate: "translate", showDate: "showDate", detailedPmJob: "detailedPmJob", reasonContact: "reasonContact", reasons: "reasons" }, outputs: { sendDetailedPm: "sendDetailedPm", sendForm: "sendForm", closeContactSupport: "closeContactSupport" }, providers: [MessageService], usesOnChanges: true, ngImport: i0, template: "<p-dialog header=\"\" [modal]=\"true\" [(visible)]=\"displaycontactSupport\"  [maximizable]=\"true\" [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '900px',height:'1400px'}\" [draggable]=\"false\" [resizable]=\"true\" (onHide)=\"cancelContactSupport()\">\r\n    <strong>\r\n    <h3 class=\"text-center title\"> {{translate.header}} </h3>\r\n  </strong>\r\n    <br>\r\n        <div class=\"row\" *ngIf=\"translate && form && reasons \">\r\n          \r\n            <div class=\"col-md-6 card-bg\" >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-call-.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contacted}}</p>\r\n                </div>\r\n                <br>\r\n                <form [formGroup]=\"form\" *ngIf=\"form\" class=\"contact100-form validate-form\">\r\n                              <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                    \r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.system}}</span> <span class=\"requis\">*</span>:\r\n                            <input [placeholder]=\"translate.system\" type=\"text\" pInputText formControlName=\"system\" [ngClass]=\"{ 'is-invalid': submitted && f.system.invalid }\">\r\n                            <div *ngIf=\"submitted && f.system.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.system.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.workOrder}}</span> <span class=\"requis\"></span>:\r\n                            <input [placeholder]=\"translate.workOrder\" type=\"text\" pInputText formControlName=\"workOrder\" [ngClass]=\"{ 'is-invalid': submitted && f.workOrder.invalid }\">\r\n                            <div *ngIf=\"submitted && f.workOrder.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.workOrder.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.reason}}</span> <span class=\"requis\">*</span>:\r\n                            <p-dropdown [options]=\"reasons\" [placeholder]=\"translate.selectReason\" [(ngModel)]=\"selectedReason\" optionLabel=\"name\" formControlName=\"reason\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"></p-dropdown>\r\n                            <!-- <input [placeholder]=\"translate.reason\" type=\"text\" pInputText formControlName=\"reason\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"> -->\r\n                            <div *ngIf=\"submitted && f.reason.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.reason.errors.required\">{{translate.reasonRequired}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.message}} </span> <span *ngIf=\" reasonContact !=='MoreDatesFormPm'\" class=\"requis\">*</span>:\r\n                            <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.message +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                            <div *ngIf=\"submitted && f.message.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.required}}</div>\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <br>\r\n                    <br>\r\n                    <div class=\"container-contact100-form-btn\">\r\n                        <div class=\"wrap-contact100-form-btn\">\r\n                            <div class=\"contact100-form-bgbtn\"></div>\r\n                            <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"onSubmit()\"></button>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n                <!-- <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"contacted()\"></button> -->\r\n            </div>\r\n            <div class=\"col-md-6 card-bg\"  >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-called.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contact}}</p>\r\n                </div>\r\n                <br>\r\n                <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.seeNumber\" icon=\"pi pi-eye\" [pTooltip]=\"translate.accept\" tooltipPosition=\"bottom\" (click)=\"contact()\"></button>\r\n                <br>\r\n                <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> &nbsp; {{translate.emailText}}</label>\r\n                            <p class=\"\">{{translate.email}} </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> &nbsp; {{translate.addressText}}</label>\r\n                            <p class=\"\">{{translate.adress}}</p>\r\n                            <p class=\"\">{{translate.town}}</p>\r\n                            <p class=\"\">{{translate.country}}</p>\r\n                        </div>\r\n                    </section>\r\n            </div>\r\n        </div>\r\n</p-dialog>\r\n<p-dialog *ngIf=\"translate\"[header]=\"translate.serviceCenterPhoneText\" [modal]=\"true\" [(visible)]=\"displayNumber\"  [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '400px',height:'200px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"closeNumber()\">\r\n<br>\r\n  <h4 class=\"number\"> <strong> <i class=\"pi pi-phone\"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>\r\n</p-dialog>\r\n\r\n\r\n<p-toast position=\"top-center\"></p-toast>", styles: [".contact-icon{font-weight:inherit;font-size:15px}.number{text-align:center;color:#0084ff}\n"], dependencies: [{ kind: "directive", type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i6.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "selectId", "dataKey", "filterBy", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "disabled", "itemSize", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ContactSupportComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-contact-support', providers: [MessageService], template: "<p-dialog header=\"\" [modal]=\"true\" [(visible)]=\"displaycontactSupport\" [maximizable]=\"true\" [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '900px',height:'1400px'}\" [draggable]=\"false\" [resizable]=\"true\" (onHide)=\"cancelcontactSupport()\">\r\n    <strong>\r\n    <h3 class=\"text-center title\"> {{translate.header}} </h3>\r\n  </strong>\r\n    <br>\r\n        <div class=\"row\" *ngIf=\"translate && form && reasons \">\r\n          \r\n            <div class=\"col-md-6 card-bg\" >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-call-.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contacted}}</p>\r\n                </div>\r\n                <br>\r\n                <form [formGroup]=\"form\" *ngIf=\"form\" class=\"contact100-form validate-form\">\r\n                              <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                    \r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.system}}</span> <span class=\"requis\">*</span>:\r\n                            <input [placeholder]=\"translate.system\" type=\"text\" pInputText formControlName=\"system\" [ngClass]=\"{ 'is-invalid': submitted && f.system.invalid }\">\r\n                            <div *ngIf=\"submitted && f.system.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.system.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.workOrder}}</span> <span class=\"requis\"></span>:\r\n                            <input [placeholder]=\"translate.workOrder\" type=\"text\" pInputText formControlName=\"workOrder\" [ngClass]=\"{ 'is-invalid': submitted && f.workOrder.invalid }\">\r\n                            <div *ngIf=\"submitted && f.workOrder.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.workOrder.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.reason}}</span> <span class=\"requis\">*</span>:\r\n                            <p-dropdown [options]=\"reasons\" [placeholder]=\"translate.selectReason\" [(ngModel)]=\"selectedReason\" optionLabel=\"name\" formControlName=\"reason\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"></p-dropdown>\r\n                            <!-- <input [placeholder]=\"translate.reason\" type=\"text\" pInputText formControlName=\"reason\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"> -->\r\n                            <div *ngIf=\"submitted && f.reason.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.reason.errors.required\">{{translate.reasonRequired}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.message}} </span> <span class=\"requis\">*</span>:\r\n                            <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.message +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                            <div *ngIf=\"submitted && f.message.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.required}}</div>\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <br>\r\n                    <br>\r\n                    <div class=\"container-contact100-form-btn\">\r\n                        <div class=\"wrap-contact100-form-btn\">\r\n                            <div class=\"contact100-form-bgbtn\"></div>\r\n                            <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"onSubmit()\"></button>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n                <!-- <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"contacted()\"></button> -->\r\n            </div>\r\n            <div class=\"col-md-6 card-bg\"  >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-called.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contact}}</p>\r\n                </div>\r\n                <br>\r\n                <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.seeNumber\" icon=\"pi pi-eye\" [pTooltip]=\"translate.accept\" tooltipPosition=\"bottom\" (click)=\"contact()\"></button>\r\n                <br>\r\n                <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> &nbsp; {{translate.emailText}}</label>\r\n                            <p class=\"\">{{translate.email}} </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> &nbsp; {{translate.addressText}}</label>\r\n                            <p class=\"\">{{translate.adress}}</p>\r\n                            <p class=\"\">{{translate.town}}</p>\r\n                            <p class=\"\">{{translate.country}}</p>\r\n                        </div>\r\n                    </section>\r\n            </div>\r\n        </div>\r\n</p-dialog>\r\n<p-dialog *ngIf=\"translate\"[header]=\"translate.serviceCenterPhoneText\" [modal]=\"true\" [(visible)]=\"displayNumber\"  [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '400px',height:'200px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"closeNumber()\">\r\n<br>\r\n  <h4 class=\"number\"> <strong> <i class=\"pi pi-phone\"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>\r\n</p-dialog>\r\n\r\n\r\n<p-toast position=\"top-center\"></p-toast>", styles: [".contact-icon{font-weight:inherit;font-size:15px}.number{text-align:center;color:#0084ff}\n"] }]
+            args: [{ selector: 'app-contact-support', providers: [MessageService], template: "<p-dialog header=\"\" [modal]=\"true\" [(visible)]=\"displaycontactSupport\"  [maximizable]=\"true\" [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '900px',height:'1400px'}\" [draggable]=\"false\" [resizable]=\"true\" (onHide)=\"cancelContactSupport()\">\r\n    <strong>\r\n    <h3 class=\"text-center title\"> {{translate.header}} </h3>\r\n  </strong>\r\n    <br>\r\n        <div class=\"row\" *ngIf=\"translate && form && reasons \">\r\n          \r\n            <div class=\"col-md-6 card-bg\" >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-call-.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contacted}}</p>\r\n                </div>\r\n                <br>\r\n                <form [formGroup]=\"form\" *ngIf=\"form\" class=\"contact100-form validate-form\">\r\n                              <span class=\"contact100-form-title\">{{translate.title}}</span>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderName}}</span> <span class=\"requis\">* </span>:\r\n                                        <input [placeholder]=\"translate.placeholderName\" type=\"text\" pInputText formControlName=\"name\" [ngClass]=\"{ 'is-invalid': submitted && f.name.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.name.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.required\">{{translate.requiredName}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.name.errors.minlength\">{{translate.requiredNameMin}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderEmail}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderEmail\" type=\"text\" pInputText formControlName=\"email\" [ngClass]=\"{ 'is-invalid': submitted && f.email.invalid }\">\r\n                                        <div *ngIf=\"submitted && f.email.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.required\">{{translate.requiredEmail}}</div>\r\n                                            <div class=\"requis\" *ngIf=\"f.email.errors.email\">{{translate.requiredEmailFormat}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.placeholderPhone}}</span> <span class=\"requis\">*</span>:\r\n                                        <input [placeholder]=\"translate.placeholderPhone\" type=\"text\" pInputText formControlName=\"phone\" [ngClass]=\"{ 'is-invalid': submitted && f.phone.invalid }\" (keypress)=\"preventStringKeypress($event)\">\r\n                                        <div *ngIf=\"submitted && f.phone.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.phone.errors.required\">{{translate.requiredPhone}}</div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                    \r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.system}}</span> <span class=\"requis\">*</span>:\r\n                            <input [placeholder]=\"translate.system\" type=\"text\" pInputText formControlName=\"system\" [ngClass]=\"{ 'is-invalid': submitted && f.system.invalid }\">\r\n                            <div *ngIf=\"submitted && f.system.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.system.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.workOrder}}</span> <span class=\"requis\"></span>:\r\n                            <input [placeholder]=\"translate.workOrder\" type=\"text\" pInputText formControlName=\"workOrder\" [ngClass]=\"{ 'is-invalid': submitted && f.workOrder.invalid }\">\r\n                            <div *ngIf=\"submitted && f.workOrder.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.workOrder.errors?.required\">{{translate.required}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.reason}}</span> <span class=\"requis\">*</span>:\r\n                            <p-dropdown [options]=\"reasons\" [placeholder]=\"translate.selectReason\" [(ngModel)]=\"selectedReason\" optionLabel=\"name\" formControlName=\"reason\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"></p-dropdown>\r\n                            <!-- <input [placeholder]=\"translate.reason\" type=\"text\" pInputText formControlName=\"reason\" [ngClass]=\"{ 'is-invalid': submitted && f.reason.invalid }\"> -->\r\n                            <div *ngIf=\"submitted && f.reason.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.reason.errors.required\">{{translate.reasonRequired}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"p-grid p-fluid p-mt-2\">\r\n                        <div class=\"p-col-12 p-md-12 \">\r\n                            <span class=\"titre\">{{translate.message}} </span> <span *ngIf=\" reasonContact !=='MoreDatesFormPm'\" class=\"requis\">*</span>:\r\n                            <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.message +'...'\" formControlName=\"message\" [ngClass]=\"{ 'is-invalid': submitted && f.message.errors }\"></textarea>\r\n                            <div *ngIf=\"submitted && f.message.errors\">\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.required\">{{translate.required}}</div>\r\n                                <div class=\"requis\" *ngIf=\"f.message.errors.minlength\">{{translate.requiredMessageMin}}</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <br>\r\n                    <br>\r\n                    <div class=\"container-contact100-form-btn\">\r\n                        <div class=\"wrap-contact100-form-btn\">\r\n                            <div class=\"contact100-form-bgbtn\"></div>\r\n                            <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"onSubmit()\"></button>\r\n                        </div>\r\n                    </div>\r\n                </form>\r\n                <!-- <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.accept\" icon=\"pi pi-thumbs-up\" [pTooltip]=\"translate.accept\"  tooltipPosition=\"bottom\" (click)=\"contacted()\"></button> -->\r\n            </div>\r\n            <div class=\"col-md-6 card-bg\"  >\r\n                <div class=\"conteur contact-bloc\" [style]=\"{height:'150px'}\">\r\n                    <img class=\"d-block mx-auto\" src=\"assets/img/GEPortal/phone-called.png\">\r\n                    <p class=\"counter contact-icon text-center mt-4\">{{translate.contact}}</p>\r\n                </div>\r\n                <br>\r\n                <button pButton pRipple class=\"d-block mx-auto\" [label]=\"translate.seeNumber\" icon=\"pi pi-eye\" [pTooltip]=\"translate.accept\" tooltipPosition=\"bottom\" (click)=\"contact()\"></button>\r\n                <br>\r\n                <iframe src=\"https://maps.google.com/maps?q=283,%20Rue%20De%20la%20Miniere-BP34%20%2078533%20BUC%20%E2%80%93%20Cedex&amp;t=&amp;z=13&amp;ie=UTF8&amp;iwloc=&amp;output=embed\" width=\"100%\" height=\"250\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\"></iframe>\r\n                    <h6 class=\"fs-4 mt-3\"> {{translate.information}}</h6>\r\n                    <section class=\"mb-4\">\r\n                        <div class=\"\">\r\n                            <i class=\"pi pi-envelope\"></i><label> &nbsp; {{translate.emailText}}</label>\r\n                            <p class=\"\">{{translate.email}} </p>\r\n                        </div>\r\n                        <div class=\" mt-4\">\r\n                            <i class=\"pi pi-map\"></i><label> &nbsp; {{translate.addressText}}</label>\r\n                            <p class=\"\">{{translate.adress}}</p>\r\n                            <p class=\"\">{{translate.town}}</p>\r\n                            <p class=\"\">{{translate.country}}</p>\r\n                        </div>\r\n                    </section>\r\n            </div>\r\n        </div>\r\n</p-dialog>\r\n<p-dialog *ngIf=\"translate\"[header]=\"translate.serviceCenterPhoneText\" [modal]=\"true\" [(visible)]=\"displayNumber\"  [breakpoints]=\"{'960px': '75vw'}\" [style]=\"{width: '400px',height:'200px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"closeNumber()\">\r\n<br>\r\n  <h4 class=\"number\"> <strong> <i class=\"pi pi-phone\"></i>  &nbsp;{{translate.contactNumber}}</strong></h4>\r\n</p-dialog>\r\n\r\n\r\n<p-toast position=\"top-center\"></p-toast>", styles: [".contact-icon{font-weight:inherit;font-size:15px}.number{text-align:center;color:#0084ff}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.MessageService }, { type: i1$3.FormBuilder }]; }, propDecorators: { displaycontactSupport: [{
                 type: Input
-            }], closeContactSupportPopup: [{
-                type: Output
             }], globaltranslate: [{
                 type: Input
             }], translate: [{
@@ -759,10 +718,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }], reasons: [{
                 type: Input
-            }], sendContactMeEmail: [{
+            }], sendDetailedPm: [{
                 type: Output
             }], sendForm: [{
                 type: Output
+            }], closeContactSupport: [{
+                type: Output
             }] } });
 
 var EmailType;
@@ -865,6 +826,41 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                 type: Input
             }] } });
 
+class ConfirmDialogContactComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        this.detailedPmJobLinkedList = [];
+        this.closeConfirmDialogContact = new EventEmitter();
+    }
+    rejectDate() {
+        this.closeConfirmDialogContact.emit(false);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+    confirmDate() {
+        this.closeConfirmDialogContact.emit(true);
+    }
+}
+ConfirmDialogContactComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ConfirmDialogContactComponent, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmDialogContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: ConfirmDialogContactComponent, selector: "app-confirm-dialog-contact", inputs: { displayConfirmDialogContact: "displayConfirmDialogContact", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", detailedPmJobLinkedList: "detailedPmJobLinkedList" }, outputs: { closeConfirmDialogContact: "closeConfirmDialogContact" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialogContact\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\n    {{  translate.text }}<br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\n        {{startDateTime | date: 'dd MMM yyyy'}} </strong> &nbsp; {{translate.from}}: <strong>08:00 </strong>\n    <div *ngIf=\"detailedPmJobLinkedList.length>0\">\n        <br> <p style=\"color:rgb(245, 57, 57) ;\"><strong>{{ translate.textWarn }}</strong></p>\n        <ul>\n            <strong><li *ngFor=\"let detailedPmJob of detailedPmJobLinkedList\">{{ detailedPmJob.pmJob.workorderId }}</li></strong>\n\n        </ul>\n    </div>\n\n    <ng-template pTemplate=\"footer\">\n        <p-button icon=\"pi pi-times\" (click)=\"rejectDate()\" class=\"annuler\" [label]=\"globaltranslate.no\"></p-button>\n        <p-button icon=\"pi pi-check\" (click)=\"confirmDate()\" [label]=\"globaltranslate.yes\" class=\"p-button-text\"></p-button>\n    </ng-template>\n</p-dialog>\n<p-toast position=\"top-center\"></p-toast>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "component", type: i4$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i5$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "showHeader", "breakpoint", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "visible", "style", "position"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: ConfirmDialogContactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-confirm-dialog-contact', template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialogContact\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\n    {{  translate.text }}<br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\n        {{startDateTime | date: 'dd MMM yyyy'}} </strong> &nbsp; {{translate.from}}: <strong>08:00 </strong>\n    <div *ngIf=\"detailedPmJobLinkedList.length>0\">\n        <br> <p style=\"color:rgb(245, 57, 57) ;\"><strong>{{ translate.textWarn }}</strong></p>\n        <ul>\n            <strong><li *ngFor=\"let detailedPmJob of detailedPmJobLinkedList\">{{ detailedPmJob.pmJob.workorderId }}</li></strong>\n\n        </ul>\n    </div>\n\n    <ng-template pTemplate=\"footer\">\n        <p-button icon=\"pi pi-times\" (click)=\"rejectDate()\" class=\"annuler\" [label]=\"globaltranslate.no\"></p-button>\n        <p-button icon=\"pi pi-check\" (click)=\"confirmDate()\" [label]=\"globaltranslate.yes\" class=\"p-button-text\"></p-button>\n    </ng-template>\n</p-dialog>\n<p-toast position=\"top-center\"></p-toast>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$2.MessageService }]; }, propDecorators: { displayConfirmDialogContact: [{
+                type: Input
+            }], startDateTime: [{
+                type: Input
+            }], endDateTime: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], detailedPmJobLinkedList: [{
+                type: Input
+            }], closeConfirmDialogContact: [{
+                type: Output
+            }] } });
+
 class MaintenanceListComponent {
     constructor(messageService) {
         this.messageService = messageService;
@@ -876,15 +872,14 @@ class MaintenanceListComponent {
         this.emitForAlternativeDates = new EventEmitter();
         this.sendContactMeEmail = new EventEmitter();
         this.sendForm = new EventEmitter();
-        this.pmJobLinkedList = [];
         this.detailedPmJobLinkedList = [];
         this.alternativeDatesSelected = [];
         this.displaycontactSupport = false;
-        this.displayConfirmValidatedToWaiting = false;
         this.displayConfirmDialog = false;
+        this.displayConfirmDialogContact = false;
         this.displayShowLinks = false;
         this.displayAnotherDate = false;
-        this.isLinks = false;
+        this.isWithLinks = false;
         this.isProposedDate = true;
         this.reasonContact = "";
     }
@@ -908,17 +903,46 @@ class MaintenanceListComponent {
             this.pmSelectedStatus = element.status;
         }
         if (element.pmJob.groupList) {
-            this.isLinks = element.pmJob.groupList?.length > 0 ? true : false;
+            this.isWithLinks = element.pmJob.groupList?.length > 0 ? true : false;
         }
         this.selectedWorkorderId = element.pmJob.workorderId;
         this.maintenanceSelected = element;
+        this.maintenanceSelected.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
         if (!this.isAlreadyScheduled) {
             this.getAlternativeDates(element.pmJob);
-            this.startDateTime = this.maintenanceSelected.pmJob.startDateTime;
-            this.endDateTime = this.maintenanceSelected.pmJob.endDateTime;
         }
+        this.startDateTime = this.maintenanceSelected.pmJob.startDateTime;
+        this.endDateTime = this.maintenanceSelected.pmJob.endDateTime;
         this.getLinkedPmJob();
     }
+    getAlternativeDates(pmJob) {
+        this.emitForAlternativeDates.emit(pmJob);
+    }
+    getLinkedPmJob() {
+        //this.pmJobLinkedList =[];
+        this.detailedPmJobLinkedList = [];
+        if (this.maintenanceSelected.pmJob.groupList) {
+            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
+                this.maintenanceList.forEach((item) => {
+                    if (linked.workorderId === item.pmJob.workorderId) {
+                        //this.pmJobLinkedList.push(item);
+                        this.detailedPmJobLinkedList.push(item);
+                    }
+                });
+            });
+        }
+        // if the linked PM in the other maintenance list not selected
+        if (this.maintenanceSelected.pmJob.groupList && (this.maintenanceSelected.pmJob.groupList.length !== this.detailedPmJobLinkedList.length)) {
+            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
+                this.maintenanceListNotDisplayed.forEach((item) => {
+                    item.toUpdate = false;
+                    if (linked.workorderId === item.pmJob.workorderId) {
+                        this.detailedPmJobLinkedList.push(item);
+                    }
+                });
+            });
+        }
+    }
     confirmDialog() {
         this.isProposedDate = true;
         this.op.hide();
@@ -939,6 +963,58 @@ class MaintenanceListComponent {
             this.updatePmJob();
         }
     }
+    closeConfirmDialogContact(confirm) {
+        this.displayConfirmDialogContact = false;
+        if (confirm) {
+            this.emailTypes = [];
+            this.maintenanceSelected.futureStatus = this.maintenanceSelected.status;
+            if (this.reasonContact === ReasonContact.ContactFormPm) {
+                this.emailTypes.push(EmailType.ContactMe_Clients);
+                this.emailTypes.push(EmailType.ContactMe_CSC);
+            }
+            else if (this.reasonContact === ReasonContact.CancelFormPm) {
+                this.maintenanceSelected.pmJob.customObject = {};
+                this.maintenanceSelected.pmJob.customObject.customerWaiting = 'Yes';
+                this.maintenanceSelected.futureStatus = PmJobStatus.WAITING;
+                this.emailTypes.push(EmailType.CancelPM_CSC);
+                this.emailTypes.push(EmailType.CancelPM_Clients);
+            }
+            else {
+                this.maintenanceSelected.pmJob.customObject = {};
+                this.maintenanceSelected.pmJob.customObject.customerWaiting = 'Yes';
+                this.maintenanceSelected.futureStatus = PmJobStatus.WAITING;
+                this.emailTypes.push(EmailType.SendNewDates_CSC);
+                this.emailTypes.push(EmailType.SendNewDates_Clients);
+            }
+            this.updateLinkedPMFormContact();
+            this.closeContactSupport(true);
+        }
+    }
+    updateLinkedPMFormContact() {
+        this.pmJobList = [];
+        this.pmJobList.push(this.maintenanceSelected);
+        if (this.detailedPmJobLinkedList.length > 0) {
+            this.detailedPmJobLinkedList.forEach((item) => {
+                item.futureStatus = item.status;
+                item.selectedDate = item.pmJob.startDateTime;
+                item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
+                if (this.reasonContact === ReasonContact.MoreDatesFormPm || this.reasonContact === ReasonContact.CancelFormPm) {
+                    item.reason = this.maintenanceSelected.reason;
+                    item.reasonContact = this.maintenanceSelected.reasonContact;
+                    item.pmJob.customObject = {};
+                    item.pmJob.customObject.customerWaiting = 'Yes';
+                    item.futureStatus = PmJobStatus.WAITING;
+                }
+                this.pmJobList.push(item);
+            });
+        }
+        this.callApiToUpdate();
+    }
+    closeContactSupport(event) {
+        this.displaycontactSupport = false;
+        this.showDate = false;
+        this.reasonContact = "";
+    }
     proposeAnotherDate() {
         this.isProposedDate = false;
         this.op.hide();
@@ -948,12 +1024,6 @@ class MaintenanceListComponent {
         this.op.hide();
         this.reasonContact = fromOtherDate ? ReasonContact.MoreDatesFormPm : ReasonContact.ContactFormPm;
         this.displaycontactSupport = true;
-        //this.prepareForPopup() ;
-    }
-    closeContactSupport() {
-        this.displaycontactSupport = false;
-        this.showDate = false;
-        this.reasonContact = "";
     }
     showLinks(element) {
         if (element) {
@@ -994,25 +1064,22 @@ class MaintenanceListComponent {
     updatePmJob() {
         this.pmJobList = [];
         this.pmJobList.push(this.maintenanceSelected);
-        if (this.pmJobLinkedList.length > 0) {
-            this.pmJobLinkedList.forEach((pMJob) => {
+        if (this.detailedPmJobLinkedList.length > 0) {
+            this.detailedPmJobLinkedList.forEach((pMJob) => {
                 this.pmJobList.push(pMJob);
             });
         }
         this.callApiToUpdate();
     }
     editPm() {
-        //alert('editPm') ;
         this.alreadyScheduledMsg = true;
         this.op.hide();
-        //this.displayConfirmValidatedToWaiting = true;
         this.reasonContact = ReasonContact.CancelFormPm;
-        this.displaycontactSupport = true;
         this.prepareForPopup();
+        this.displaycontactSupport = true;
     }
     prepareForPopup() {
         if (this.maintenanceSelected.pmJob.customerAccepted === "Yes") {
-            //this.maintenanceSelected.selectedDate = this.maintenanceSelected.pmJob.startDateTime ;
             this.startDateTime = this.maintenanceSelected.pmJob.startDateTime;
             this.endDateTime = this.maintenanceSelected.pmJob.endDateTime;
         }
@@ -1021,72 +1088,28 @@ class MaintenanceListComponent {
             this.findDatesSelected();
         }
     }
-    closeConfirmDialogValidatedToWaiting(confirm) {
-        this.displayConfirmValidatedToWaiting = false;
-        if (confirm) {
-            this.validatedToWaitingUpdate();
-        }
-    }
-    validatedToWaitingUpdate() {
-        this.maintenanceSelected.pmJob.customObject = {};
-        this.maintenanceSelected.pmJob.customObject.customerWaiting = 'Yes';
-        this.maintenanceSelected.futureStatus = PmJobStatus.WAITING;
-        this.pmJobLinkedList.forEach((item) => {
-            item.pmJob.customObject.customerWaiting = 'Yes';
-        });
-        this.emailTypes.push(this.alreadyScheduledMsg ? EmailType.ReportDate_CSC : EmailType.SendNewDates_CSC);
-        this.emailTypes.push(this.alreadyScheduledMsg ? EmailType.ReportDate_Clients : EmailType.SendNewDates_Clients);
-        this.updatePmJob();
-    }
     updateProposedDate() {
         this.maintenanceSelected.pmJob.customerAccepted = 'Yes';
         this.maintenanceSelected.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
-        this.pmJobLinkedList.forEach((item) => {
+        this.detailedPmJobLinkedList.forEach((item) => {
             item.pmJob.customerAccepted = 'Yes';
             item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
+            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
         });
     }
     updateAlternativeDate() {
         this.findDatesSelected();
         this.maintenanceSelected.pmJob.alternativeDates = this.alternativeDatesSelected;
-        this.pmJobLinkedList.forEach((item) => {
+        this.detailedPmJobLinkedList.forEach((item) => {
             item.pmJob.alternativeDates = this.alternativeDatesSelected;
             item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
+            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
         });
         this.displayAnotherDate = false;
     }
-    getAlternativeDates(pmJob) {
-        this.emitForAlternativeDates.emit(pmJob);
-    }
-    getLinkedPmJob() {
-        this.pmJobLinkedList = [];
-        this.detailedPmJobLinkedList = [];
-        if (this.maintenanceSelected.pmJob.groupList) {
-            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
-                this.maintenanceList.forEach((item) => {
-                    if (linked.workorderId === item.pmJob.workorderId) {
-                        this.pmJobLinkedList.push(item);
-                        this.detailedPmJobLinkedList.push(item);
-                    }
-                });
-            });
-        }
-        // if the linked PM in the other maintenance list not selected
-        if (this.maintenanceSelected.pmJob.groupList && (this.maintenanceSelected.pmJob.groupList.length !== this.detailedPmJobLinkedList.length)) {
-            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
-                this.maintenanceListNotDisplayed.forEach((item) => {
-                    item.toUpdate = false;
-                    if (linked.workorderId === item.pmJob.workorderId) {
-                        this.pmJobLinkedList.push(item);
-                        this.detailedPmJobLinkedList.push(item);
-                    }
-                });
-            });
-        }
-    }
-    //
-    sendContactMeEmailMethode(contactMerequest) {
-        this.sendContactMeEmail.emit(contactMerequest);
+    sendContactMeForm(contactMeRequest) {
+        this.displayConfirmDialogContact = true;
+        this.maintenanceSelected = contactMeRequest;
     }
     callApiToUpdate() {
         let PmJobListForUpdate = {};
@@ -1122,10 +1145,10 @@ class MaintenanceListComponent {
     }
 }
 MaintenanceListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: MaintenanceListComponent, deps: [{ token: i1$2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-MaintenanceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: MaintenanceListComponent, selector: "awf-maintenance-list", inputs: { translate: "translate", reasons: "reasons", globaltranslate: "globaltranslate", maintenanceList: "maintenanceList", maintenanceListNotDisplayed: "maintenanceListNotDisplayed", pmJobList: "pmJobList", isAlreadyScheduled: "isAlreadyScheduled", displayConfirmedDateInfo: "displayConfirmedDateInfo", alternativeDatesList: "alternativeDatesList", status: "status" }, outputs: { emitForUpdate: "emitForUpdate", emitForAlternativeDates: "emitForAlternativeDates", sendContactMeEmail: "sendContactMeEmail", sendForm: "sendForm" }, providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }, { propertyName: "op", first: true, predicate: ["op"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: 'dd MMM yyyy ' }}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \" (click)=\"showLinks(product)\"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \" (click)=\"showLinks(product)\"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport(false)\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport \" >\r\n    <app-contact-support [reasonContact]=\"reasonContact\" (sendContactMeEmail)=\"sendContactMeEmailMethode($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\"  [reasons]=\"reasons\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$2.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: ["displayAnotherDate", "globaltranslate", "translate", "alternativeDatesList"], outputs: ["closeAnotherDate", "acceptDate"] }, { kind: "component", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: ["displayConfirmDialog", "startDateTime", "endDateTime", "globaltranslate", "translate", "isProposedDate", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialog"] }, { kind: "component", type: ConfirmDialogValidatedToWaitingComponent, selector: "app-confirm-dialog-validated-to-waiting", inputs: ["displayConfirmValidatedToWaiting", "startDateTime", "endDateTime", "globaltranslate", "translate", "alreadyScheduledMsg", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialogValidatedToWaiting"] }, { kind: "component", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: ["displayConfirmedDateInfo", "startDateTime", "endDateTime", "globaltranslate", "translate"], outputs: ["closeConfirmedDateInfo"] }, { kind: "component", type: ContactSupportComponent, selector: "app-contact-support", inputs: ["displaycontactSupport", "globaltranslate", "translate", "showDate", "detailedPmJob", "reasonContact", "reasons"], outputs: ["closeContactSupportPopup", "sendContactMeEmail", "sendForm"] }, { kind: "component", type: ShowLinksComponent, selector: "app-show-links", inputs: ["displayShowLinks", "detailedPmJobLinkedList", "selectedWorkorderId", "globaltranslate", "translate", "status"], outputs: ["closeShowLinks"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
+MaintenanceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.3", type: MaintenanceListComponent, selector: "awf-maintenance-list", inputs: { translate: "translate", reasons: "reasons", globaltranslate: "globaltranslate", maintenanceList: "maintenanceList", maintenanceListNotDisplayed: "maintenanceListNotDisplayed", pmJobList: "pmJobList", isAlreadyScheduled: "isAlreadyScheduled", displayConfirmedDateInfo: "displayConfirmedDateInfo", alternativeDatesList: "alternativeDatesList", status: "status" }, outputs: { emitForUpdate: "emitForUpdate", emitForAlternativeDates: "emitForAlternativeDates", sendContactMeEmail: "sendContactMeEmail", sendForm: "sendForm" }, providers: [MessageService, ConfirmationService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }, { propertyName: "op", first: true, predicate: ["op"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: 'dd MMM yyyy ' }}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \" (click)=\"showLinks(product)\"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \" (click)=\"showLinks(product)\"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport(false)\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isWithLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\"isWithLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport \" >\r\n    <app-contact-support [reasonContact]=\"reasonContact\" (closeContactSupport)=\"closeContactSupport($event)\" (sendDetailedPm)=\"sendContactMeForm($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\"  [reasons]=\"reasons\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" ></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialogContact\">\r\n    <app-confirm-dialog-contact [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"    [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialogContact\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialogContact]=\"displayConfirmDialogContact\" (closeConfirmDialogContact)=\"closeConfirmDialogContact($event)\">\r\n    </app-confirm-dialog-contact >\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "virtualRowHeight", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["selectAllChange", "selectionChange", "contextMenuSelectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i1$2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$1.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$1.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$2.OverlayPanel, selector: "p-overlayPanel", inputs: ["dismissable", "showCloseIcon", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "directive", type: i4$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: ["displayAnotherDate", "globaltranslate", "translate", "alternativeDatesList"], outputs: ["closeAnotherDate", "acceptDate"] }, { kind: "component", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: ["displayConfirmDialog", "startDateTime", "endDateTime", "globaltranslate", "translate", "isProposedDate", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialog"] }, { kind: "component", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: ["displayConfirmedDateInfo", "startDateTime", "endDateTime", "globaltranslate", "translate"], outputs: ["closeConfirmedDateInfo"] }, { kind: "component", type: ContactSupportComponent, selector: "app-contact-support", inputs: ["displaycontactSupport", "globaltranslate", "translate", "showDate", "detailedPmJob", "reasonContact", "reasons"], outputs: ["sendDetailedPm", "sendForm", "closeContactSupport"] }, { kind: "component", type: ShowLinksComponent, selector: "app-show-links", inputs: ["displayShowLinks", "detailedPmJobLinkedList", "selectedWorkorderId", "globaltranslate", "translate", "status"], outputs: ["closeShowLinks"] }, { kind: "component", type: ConfirmDialogContactComponent, selector: "app-confirm-dialog-contact", inputs: ["displayConfirmDialogContact", "startDateTime", "endDateTime", "globaltranslate", "translate", "detailedPmJobLinkedList"], outputs: ["closeConfirmDialogContact"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImport: i0, type: MaintenanceListComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'awf-maintenance-list', providers: [MessageService, ConfirmationService], template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: 'dd MMM yyyy ' }}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \" (click)=\"showLinks(product)\"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \" (click)=\"showLinks(product)\"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport(false)\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\" isLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\" isLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport \" >\r\n    <app-contact-support [reasonContact]=\"reasonContact\" (sendContactMeEmail)=\"sendContactMeEmailMethode($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\"  [reasons]=\"reasons\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" (closeContactSupportPopup)=\"closeContactSupport()\"></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmValidatedToWaiting\">\r\n    <app-confirm-dialog-validated-to-waiting [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [alreadyScheduledMsg]=\"alreadyScheduledMsg\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmValidatedToWaitingDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmValidatedToWaiting]=\"displayConfirmValidatedToWaiting\" (closeConfirmDialogValidatedToWaiting)=\"closeConfirmDialogValidatedToWaiting($event)\">\r\n    </app-confirm-dialog-validated-to-waiting>\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"] }]
+            args: [{ selector: 'awf-maintenance-list', providers: [MessageService, ConfirmationService], template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderId','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n    [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\">\r\n    <ng-template pTemplate=\"caption\">\r\n        <div>\r\n            <span class=\"p-input-icon-left\">\r\n                <i class=\"pi pi-search\"></i>\r\n                <input pInputText type=\"text\" (input)=\"applyFilterGlobal($event, 'contains')\"\r\n                    [placeholder]=\"globaltranslate.search\" />\r\n            </span>\r\n        </div>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"header\" let-columns>\r\n        <tr>\r\n            <!-- <th pSortableColumn=\"caseId\">Case Id <p-sortIcon field=\"caseId\"></p-sortIcon> -->\r\n            <th pSortableColumn=\"systemName\">{{translate.maintenanceList.system}}\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                <th pSortableColumn=\"systemId\">System Id\r\n                    <p-sortIcon field=\"systemName\"></p-sortIcon>\r\n                    <th pSortableColumn=\"workorderId\">{{translate.maintenanceList.workOrder}}\r\n                        <p-sortIcon field=\"workorderId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"startDateTime\">{{translate.maintenanceList.startDate}}\r\n                            <p-sortIcon field=\"startDateTime\"></p-sortIcon>\r\n                                <th pSortableColumn=\"case_type\">{{translate.maintenanceList.type}}\r\n                                    <p-sortIcon field=\"case_type\"></p-sortIcon>\r\n                                        <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                                            <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                            <th pSortableColumn=\"status\" >{{translate.maintenanceList.NbrLinks}}\r\n                                                <p-sortIcon field=\"status\"></p-sortIcon>\r\n                                                <th> Action</th>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"body\" let-product let-columns=\"columns\">\r\n        <tr>   \r\n            <td>{{product.systemName }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: 'dd MMM yyyy ' }}</td>\r\n            <td>{{product.pmJob.caseType }}</td>\r\n            <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status)  }}</span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length>0 \" (click)=\"showLinks(product)\"> <span class=\"circle\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td *ngIf=\"product.pmJob.groupList.length===0 \" (click)=\"showLinks(product)\"> <span class=\"circlelinked\">{{product.pmJob.groupList.length }}</span> <i class=\"pi pi-link\" style=\"font-size: 1rem\"></i> </td>\r\n            <td>\r\n                <button pButton pRipple type=\"button\" label=\"\" icon=\"pi pi-calendar\" class=\"p-button-rounded\" #actualTarget (click)=\"selectElement(product)\" (click)=\"op.toggle($event)\" [disabled]=\"((product.status ==='late'  || product.status ==='accepted') && !isAlreadyScheduled) || product.status ==='waiting'\"></button>\r\n            </td>\r\n        </tr>\r\n    </ng-template>\r\n    <ng-template pTemplate=\"summary\">\r\n        <div class=\"p-d-flex p-ai-center p-jc-between\">\r\n            {{globaltranslate.count}} {{maintenanceList ? maintenanceList.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n<p-overlayPanel #op [dismissable]=\"true\" [showCloseIcon]=\"false\" [showTransitionOptions]=\"'0ms'\" [hideTransitionOptions]=\"'0ms'\">\r\n    <ng-template pTemplate>\r\n\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled\" icon=\"pi pi-thumbs-up\" (click)=\"confirmDialog()\" [label]=\"translate.maintenanceList.confirmDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n        <hr *ngIf=\"!isAlreadyScheduled\">\r\n        <button style=\"width: 100%;\" *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \" icon=\"pi pi-calendar-plus\" (click)=\"proposeAnotherDate()\" [label]=\"translate.maintenanceList.chooseAnotherDate\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"!isAlreadyScheduled && (alternativeDatesList.length>0) \">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-phone\" (click)=\"contactSupport(false)\" [label]=\"translate.maintenanceList.contactSuppor\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isWithLinks\">\r\n        <button style=\"width: 100%;\" icon=\"pi pi-link\" *ngIf=\"isWithLinks\" (click)=\"showLinks()\" [label]=\"translate.maintenanceList.showLinks\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\"></button>\r\n        <hr *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\">\r\n        <button style=\"width: 100%;\" *ngIf=\"isAlreadyScheduled && pmSelectedStatus ==='validated'\" icon=\"pi pi-pencil\" (click)=\"editPm()\" [label]=\"translate.maintenanceList.cancel\" class=\"p-button-text p-button-raised\" pButton pRipple type=\"button\">\r\n        </button>\r\n    </ng-template>\r\n</p-overlayPanel>\r\n\r\n<div *ngIf=\"displaycontactSupport \" >\r\n    <app-contact-support [reasonContact]=\"reasonContact\" (closeContactSupport)=\"closeContactSupport($event)\" (sendDetailedPm)=\"sendContactMeForm($event)\" [detailedPmJob] =\"maintenanceSelected\" [globaltranslate]=\"globaltranslate\"  [reasons]=\"reasons\" [translate]=\"translate.contactSupport\" [displaycontactSupport]=\"displaycontactSupport\" [showDate]=\"showDate\" ></app-contact-support>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialog\">\r\n    <app-confirm-dialog [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"   [isProposedDate]=\"isProposedDate\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialog\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialog]=\"displayConfirmDialog\" (closeConfirmDialog)=\"closeConfirmDialog($event)\">\r\n    </app-confirm-dialog>\r\n</div>\r\n<div *ngIf=\"displayConfirmDialogContact\">\r\n    <app-confirm-dialog-contact [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"    [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDialogContact\"\r\n        [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmDialogContact]=\"displayConfirmDialogContact\" (closeConfirmDialogContact)=\"closeConfirmDialogContact($event)\">\r\n    </app-confirm-dialog-contact >\r\n</div>\r\n<div *ngIf=\"displayConfirmedDateInfo\">\r\n    <app-confirmed-date-information [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfo]=\"displayConfirmedDateInfo\" (closeConfirmedDateInfo)=\"closeConfirmedDateInfo()\"></app-confirmed-date-information>\r\n</div>\r\n<div *ngIf=\"displayAnotherDate && alternativeDatesList\">\r\n    <app-choose-another-date [globaltranslate]=\"globaltranslate\" [translate]=\"translate.chooseAnotherDate\" [alternativeDatesList]=\"alternativeDatesList\" [displayAnotherDate]=\"displayAnotherDate\" (closeAnotherDate)=\"closeAnotherDate($event)\" (acceptDate)=\"acceptDate($event)\">\r\n    </app-choose-another-date>\r\n</div>\r\n<div *ngIf=\"displayShowLinks && selectedWorkorderId\">\r\n    <app-show-links [status]=\"status\" [selectedWorkorderId]=\"selectedWorkorderId\" [translate]=\"translate\" [globaltranslate]=\"globaltranslate\" [displayShowLinks]=\"displayShowLinks\" (closeShowLinks)=\"closeShowLinks()\" [detailedPmJobLinkedList]=\"detailedPmJobLinkedList\"></app-show-links>\r\n</div>\r\n\r\n\r\n", styles: ["span.circle{background:#f86359;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#f8f8f8;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}span.circlelinked{background:#80a161;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;color:#fff;display:inline-block;font-weight:700;line-height:20px;margin-right:5px;text-align:center;width:20px}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.MessageService }]; }, propDecorators: { dt: [{
                 type: ViewChild,
                 args: ['dt']
@@ -1211,12 +1234,12 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
         ContactComponent,
         ChooseAnotherDateComponent,
         ConfirmDialogComponent,
-        ConfirmDialogValidatedToWaitingComponent,
         ConfirmedDateInformationComponent,
         ContactSupportComponent,
         MaintenanceListComponent,
         ShowLinksComponent,
-        DashboardComponent], imports: [CommonModule,
+        DashboardComponent,
+        ConfirmDialogContactComponent], imports: [CommonModule,
         SharedRoutingModule,
         TableModule,
         InputTextModule,
@@ -1274,12 +1297,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.3", ngImpor
                         ContactComponent,
                         ChooseAnotherDateComponent,
                         ConfirmDialogComponent,
-                        ConfirmDialogValidatedToWaitingComponent,
                         ConfirmedDateInformationComponent,
                         ContactSupportComponent,
                         MaintenanceListComponent,
                         ShowLinksComponent,
-                        DashboardComponent
+                        DashboardComponent,
+                        ConfirmDialogContactComponent
                     ],
                     imports: [
                         CommonModule,