awf-test-lib 17.2.0 → 18.0.1

package/{fesm2022 → fesm2020}/awf-test-lib.mjs

@@ -42,1823 +42,1612 @@ import { SelectButtonModule } from 'primeng/selectbutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import { CheckboxModule } from 'primeng/checkbox';
 
-const routes$1 = [];
-class CoreRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: CoreRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreRoutingModule, imports: [RouterModule.forChild(routes$1), RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes$1)],
-                    exports: [RouterModule]
-                }]
+const routes$1 = [];
+class CoreRoutingModule {
+}
+CoreRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CoreRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: CoreRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] });
+CoreRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreRoutingModule, imports: [RouterModule.forChild(routes$1), RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes$1)],
+                    exports: [RouterModule]
+                }]
         }] });
 
-class NotFoundComponent {
-    translate;
-    applicationName;
-    constructor() { }
-    ngOnChanges() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: NotFoundComponent, selector: "awf-not-found", inputs: { translate: "translate", applicationName: "applicationName" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container\" *ngIf=\"translate\">\r\n    <h2>{{translate.title}}</h2>\r\n    <h3>{{translate.oops}}</h3>\r\n    <p>{{translate.checkUrl}}</p>\r\n    <p>{{translate.otherwise}}<a routerLink=\"./home\">{{translate.clickHere}} </a>{{translate.redirect}}</p>\r\n</div>\r\n", styles: [".container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#5ca3dd93}h2{font-size:150px;margin:0;text-shadow:15px 5px 2px black}h3{font-size:40px;margin:20px}p{font-size:18px;margin:5px}p:last-of-type{margin-bottom:35px}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NotFoundComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-not-found', template: "<div class=\"container\" *ngIf=\"translate\">\r\n    <h2>{{translate.title}}</h2>\r\n    <h3>{{translate.oops}}</h3>\r\n    <p>{{translate.checkUrl}}</p>\r\n    <p>{{translate.otherwise}}<a routerLink=\"./home\">{{translate.clickHere}} </a>{{translate.redirect}}</p>\r\n</div>\r\n", styles: [".container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#5ca3dd93}h2{font-size:150px;margin:0;text-shadow:15px 5px 2px black}h3{font-size:40px;margin:20px}p{font-size:18px;margin:5px}p:last-of-type{margin-bottom:35px}a{text-decoration:none}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { translate: [{
-                type: Input
-            }], applicationName: [{
-                type: Input
+class NotFoundComponent {
+    constructor() { }
+    ngOnChanges() { }
+}
+NotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: NotFoundComponent, selector: "awf-not-found", inputs: { translate: "translate", applicationName: "applicationName" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"container\" *ngIf=\"translate\">\r\n    <h2>{{translate.title}}</h2>\r\n    <h3>{{translate.oops}}</h3>\r\n    <p>{{translate.checkUrl}}</p>\r\n    <p>{{translate.otherwise}}<a routerLink=\"./home\">{{translate.clickHere}} </a>{{translate.redirect}}</p>\r\n</div>\r\n", styles: [".container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#5ca3dd93}h2{font-size:150px;margin:0;text-shadow:15px 5px 2px black}h3{font-size:40px;margin:20px}p{font-size:18px;margin:5px}p:last-of-type{margin-bottom:35px}a{text-decoration:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: NotFoundComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-not-found', template: "<div class=\"container\" *ngIf=\"translate\">\r\n    <h2>{{translate.title}}</h2>\r\n    <h3>{{translate.oops}}</h3>\r\n    <p>{{translate.checkUrl}}</p>\r\n    <p>{{translate.otherwise}}<a routerLink=\"./home\">{{translate.clickHere}} </a>{{translate.redirect}}</p>\r\n</div>\r\n", styles: [".container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:#5ca3dd93}h2{font-size:150px;margin:0;text-shadow:15px 5px 2px black}h3{font-size:40px;margin:20px}p{font-size:18px;margin:5px}p:last-of-type{margin-bottom:35px}a{text-decoration:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { translate: [{
+                type: Input
+            }], applicationName: [{
+                type: Input
             }] } });
 
-class TopBarComponent {
-    translate;
-    applicationName;
-    logOutClick = new EventEmitter();
-    items;
-    constructor() { }
-    ngOnChanges() {
-        this.items = [
-            {
-                label: this.translate.parameters, icon: 'pi pi-fw pi-user',
-                items: [
-                    [
-                        {
-                            label: this.translate.account,
-                            items: [
-                                { label: this.translate.logout, icon: 'pi pi-fw pi-power-off', command: () => { this.logout(); } },
-                            ]
-                        },
-                    ],
-                ]
-            }
-        ];
-    }
-    logout() {
-        this.logOutClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TopBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: TopBarComponent, selector: "awf-top-bar", inputs: { translate: "translate", applicationName: "applicationName" }, outputs: { logOutClick: "logOutClick" }, usesOnChanges: true, ngImport: i0, template: "<p-megaMenu [model]=\"items\"></p-megaMenu>", styles: ["body{background:#f6f7f8}#main{margin-top:60px;padding:20px 30px;transition:all .3s}.layout-topbar .toggle-sidebar-btn{font-size:26px;padding-left:10px;cursor:pointer;color:var(--secondarycolor)}.layout-topbar .search-bar{min-width:650px;padding:0 20px}@media (max-width: var(--smallscreen)){.layout-topbar .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:var(--primarycolorwhite);z-index:9999;transition:.3s;visibility:hidden;opacity:0;min-width:432px}}@media (max-width: var(--largescreen)){.layout-topbar .search-bar-show{top:60px;visibility:visible;opacity:1}}.layout-topbar .search-form{width:100%}.layout-topbar .search-form input{border:0;font-size:14px;color:#012970;border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:500px}.layout-topbar .search-form input:hover,.layout-topbar .search-form input:focus{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}@media (max-width: var(--largescreen)){.layout-topbar .search-form input{width:100%}}.layout-topbar .search-form button{border:0;margin-left:-70px;background:#f8f9fa;padding:5px 26px;border-left:1px solid rgba(1,41,112,.2);border-radius:0 0 5px}.topbar-menu ul{margin:0;padding:0;list-style:none}.topbar-menu .nav-profile img{max-height:36px}.topbar-menu .nav-profile span{font-size:14px;font-weight:600}.topbar-menu .profile{min-width:240px;padding-bottom:0}.topbar-menu .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.topbar-menu .profile .dropdown-header span{font-size:14px}.p-megamenu{background:transparent;border:none}.p-megamenu .p-menuitem-link .p-menuitem-text{line-height:20px}.p-megamenu .p-megamenu-grid .p-menuitem-link:not(.p-disabled):hover{background:#e9ecef;border-left:4px solid var(--primarycolor)}.p-megamenu-panel .p-megamenu-col-12{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i1$2.MegaMenu, selector: "p-megaMenu", inputs: ["model", "style", "styleClass", "orientation", "id", "ariaLabel", "ariaLabelledBy", "disabled", "tabindex"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: TopBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-top-bar', template: "<p-megaMenu [model]=\"items\"></p-megaMenu>", styles: ["body{background:#f6f7f8}#main{margin-top:60px;padding:20px 30px;transition:all .3s}.layout-topbar .toggle-sidebar-btn{font-size:26px;padding-left:10px;cursor:pointer;color:var(--secondarycolor)}.layout-topbar .search-bar{min-width:650px;padding:0 20px}@media (max-width: var(--smallscreen)){.layout-topbar .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:var(--primarycolorwhite);z-index:9999;transition:.3s;visibility:hidden;opacity:0;min-width:432px}}@media (max-width: var(--largescreen)){.layout-topbar .search-bar-show{top:60px;visibility:visible;opacity:1}}.layout-topbar .search-form{width:100%}.layout-topbar .search-form input{border:0;font-size:14px;color:#012970;border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:500px}.layout-topbar .search-form input:hover,.layout-topbar .search-form input:focus{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}@media (max-width: var(--largescreen)){.layout-topbar .search-form input{width:100%}}.layout-topbar .search-form button{border:0;margin-left:-70px;background:#f8f9fa;padding:5px 26px;border-left:1px solid rgba(1,41,112,.2);border-radius:0 0 5px}.topbar-menu ul{margin:0;padding:0;list-style:none}.topbar-menu .nav-profile img{max-height:36px}.topbar-menu .nav-profile span{font-size:14px;font-weight:600}.topbar-menu .profile{min-width:240px;padding-bottom:0}.topbar-menu .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.topbar-menu .profile .dropdown-header span{font-size:14px}.p-megamenu{background:transparent;border:none}.p-megamenu .p-menuitem-link .p-menuitem-text{line-height:20px}.p-megamenu .p-megamenu-grid .p-menuitem-link:not(.p-disabled):hover{background:#e9ecef;border-left:4px solid var(--primarycolor)}.p-megamenu-panel .p-megamenu-col-12{padding:.5rem 0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { translate: [{
-                type: Input
-            }], applicationName: [{
-                type: Input
-            }], logOutClick: [{
-                type: Output
+class TopBarComponent {
+    constructor() {
+        this.logOutClick = new EventEmitter();
+    }
+    ngOnChanges() {
+        this.items = [
+            {
+                label: this.translate.parameters, icon: 'pi pi-fw pi-user',
+                items: [
+                    [
+                        {
+                            label: this.translate.account,
+                            items: [
+                                { label: this.translate.logout, icon: 'pi pi-fw pi-power-off', command: () => { this.logout(); } },
+                            ]
+                        },
+                    ],
+                ]
+            }
+        ];
+    }
+    logout() {
+        this.logOutClick.emit();
+    }
+}
+TopBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TopBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TopBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: TopBarComponent, selector: "awf-top-bar", inputs: { translate: "translate", applicationName: "applicationName" }, outputs: { logOutClick: "logOutClick" }, usesOnChanges: true, ngImport: i0, template: "<p-megaMenu [model]=\"items\"></p-megaMenu>", styles: ["body{background:#f6f7f8}#main{margin-top:60px;padding:20px 30px;transition:all .3s}.layout-topbar .toggle-sidebar-btn{font-size:26px;padding-left:10px;cursor:pointer;color:var(--secondarycolor)}.layout-topbar .search-bar{min-width:650px;padding:0 20px}@media (max-width: var(--smallscreen)){.layout-topbar .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:var(--primarycolorwhite);z-index:9999;transition:.3s;visibility:hidden;opacity:0;min-width:432px}}@media (max-width: var(--largescreen)){.layout-topbar .search-bar-show{top:60px;visibility:visible;opacity:1}}.layout-topbar .search-form{width:100%}.layout-topbar .search-form input{border:0;font-size:14px;color:#012970;border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:500px}.layout-topbar .search-form input:hover,.layout-topbar .search-form input:focus{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}@media (max-width: var(--largescreen)){.layout-topbar .search-form input{width:100%}}.layout-topbar .search-form button{border:0;margin-left:-70px;background:#f8f9fa;padding:5px 26px;border-left:1px solid rgba(1,41,112,.2);border-radius:0 0 5px}.topbar-menu ul{margin:0;padding:0;list-style:none}.topbar-menu .nav-profile img{max-height:36px}.topbar-menu .nav-profile span{font-size:14px;font-weight:600}.topbar-menu .profile{min-width:240px;padding-bottom:0}.topbar-menu .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.topbar-menu .profile .dropdown-header span{font-size:14px}.p-megamenu{background:transparent;border:none}.p-megamenu .p-menuitem-link .p-menuitem-text{line-height:20px}.p-megamenu .p-megamenu-grid .p-menuitem-link:not(.p-disabled):hover{background:#e9ecef;border-left:4px solid var(--primarycolor)}.p-megamenu-panel .p-megamenu-col-12{padding:.5rem 0}\n"], dependencies: [{ kind: "component", type: i1$2.MegaMenu, selector: "p-megaMenu", inputs: ["model", "style", "styleClass", "orientation", "autoZIndex", "baseZIndex"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: TopBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-top-bar', template: "<p-megaMenu [model]=\"items\"></p-megaMenu>", styles: ["body{background:#f6f7f8}#main{margin-top:60px;padding:20px 30px;transition:all .3s}.layout-topbar .toggle-sidebar-btn{font-size:26px;padding-left:10px;cursor:pointer;color:var(--secondarycolor)}.layout-topbar .search-bar{min-width:650px;padding:0 20px}@media (max-width: var(--smallscreen)){.layout-topbar .search-bar{position:fixed;top:50px;left:0;right:0;padding:20px;box-shadow:0 0 15px #0129701a;background:var(--primarycolorwhite);z-index:9999;transition:.3s;visibility:hidden;opacity:0;min-width:432px}}@media (max-width: var(--largescreen)){.layout-topbar .search-bar-show{top:60px;visibility:visible;opacity:1}}.layout-topbar .search-form{width:100%}.layout-topbar .search-form input{border:0;font-size:14px;color:#012970;border:1px solid rgba(1,41,112,.2);padding:7px 38px 7px 8px;border-radius:3px;transition:.3s;width:500px}.layout-topbar .search-form input:hover,.layout-topbar .search-form input:focus{outline:none;box-shadow:0 0 10px #01297026;border:1px solid rgba(1,41,112,.3)}@media (max-width: var(--largescreen)){.layout-topbar .search-form input{width:100%}}.layout-topbar .search-form button{border:0;margin-left:-70px;background:#f8f9fa;padding:5px 26px;border-left:1px solid rgba(1,41,112,.2);border-radius:0 0 5px}.topbar-menu ul{margin:0;padding:0;list-style:none}.topbar-menu .nav-profile img{max-height:36px}.topbar-menu .nav-profile span{font-size:14px;font-weight:600}.topbar-menu .profile{min-width:240px;padding-bottom:0}.topbar-menu .profile .dropdown-header h6{font-size:18px;margin-bottom:0;font-weight:600;color:#444}.topbar-menu .profile .dropdown-header span{font-size:14px}.p-megamenu{background:transparent;border:none}.p-megamenu .p-menuitem-link .p-menuitem-text{line-height:20px}.p-megamenu .p-megamenu-grid .p-menuitem-link:not(.p-disabled):hover{background:#e9ecef;border-left:4px solid var(--primarycolor)}.p-megamenu-panel .p-megamenu-col-12{padding:.5rem 0}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { translate: [{
+                type: Input
+            }], applicationName: [{
+                type: Input
+            }], logOutClick: [{
+                type: Output
             }] } });
 
-class MenuWarrantyComponent {
-    logOutClick = new EventEmitter();
-    hideMenu = new EventEmitter();
-    isAdmin;
-    translate;
-    haveConsumerDataId;
-    constructor() { }
-    ngOnInit() {
-    }
-    logout() {
-        this.logOutClick.emit();
-    }
-    hideMenuMethode() {
-        this.hideMenu.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuWarrantyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuWarrantyComponent, selector: "awf-menu-warranty", inputs: { isAdmin: "isAdmin", translate: "translate", haveConsumerDataId: "haveConsumerDataId" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./warranties\" (click)=\"hideMenuMethode()\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\" (click)=\"hideMenuMethode()\">{{translate.devices}}</a>\r\n    </div>\r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \"> <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n\r\n        <a routerLink=\"./theme\" (click)=\"hideMenuMethode()\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\" (click)=\"hideMenuMethode()\">{{translate.services}}</a>\r\n    </div>\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./account\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.personalData}}</a>\r\n        <a routerLink=\"./account/optionsList\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.optionsList}}</a>\r\n        <a routerLink=\"./account/change-password\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.changePassword}}</a>\r\n        <a (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuWarrantyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-menu-warranty', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./warranties\" (click)=\"hideMenuMethode()\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\" (click)=\"hideMenuMethode()\">{{translate.devices}}</a>\r\n    </div>\r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \"> <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n\r\n        <a routerLink=\"./theme\" (click)=\"hideMenuMethode()\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\" (click)=\"hideMenuMethode()\">{{translate.services}}</a>\r\n    </div>\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./account\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.personalData}}</a>\r\n        <a routerLink=\"./account/optionsList\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.optionsList}}</a>\r\n        <a routerLink=\"./account/change-password\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.changePassword}}</a>\r\n        <a (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { logOutClick: [{
-                type: Output
-            }], hideMenu: [{
-                type: Output
-            }], isAdmin: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], haveConsumerDataId: [{
-                type: Input
+class MenuWarrantyComponent {
+    constructor() {
+        this.logOutClick = new EventEmitter();
+        this.hideMenu = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    logout() {
+        this.logOutClick.emit();
+    }
+    hideMenuMethode() {
+        this.hideMenu.emit();
+    }
+}
+MenuWarrantyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuWarrantyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuWarrantyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: MenuWarrantyComponent, selector: "awf-menu-warranty", inputs: { isAdmin: "isAdmin", translate: "translate", haveConsumerDataId: "haveConsumerDataId" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./warranties\" (click)=\"hideMenuMethode()\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\" (click)=\"hideMenuMethode()\">{{translate.devices}}</a>\r\n    </div>\r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \"> <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n\r\n        <a routerLink=\"./theme\" (click)=\"hideMenuMethode()\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\" (click)=\"hideMenuMethode()\">{{translate.services}}</a>\r\n    </div>\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./account\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.personalData}}</a>\r\n        <a routerLink=\"./account/optionsList\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.optionsList}}</a>\r\n        <a routerLink=\"./account/change-password\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.changePassword}}</a>\r\n        <a (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuWarrantyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-menu-warranty', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./warranties\" (click)=\"hideMenuMethode()\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\" (click)=\"hideMenuMethode()\">{{translate.devices}}</a>\r\n    </div>\r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \"> <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n\r\n        <a routerLink=\"./theme\" (click)=\"hideMenuMethode()\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\" (click)=\"hideMenuMethode()\">{{translate.services}}</a>\r\n    </div>\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./account\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.personalData}}</a>\r\n        <a routerLink=\"./account/optionsList\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.optionsList}}</a>\r\n        <a routerLink=\"./account/change-password\" *ngIf=\"haveConsumerDataId\" (click)=\"hideMenuMethode()\">{{translate.changePassword}}</a>\r\n        <a (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { logOutClick: [{
+                type: Output
+            }], hideMenu: [{
+                type: Output
+            }], isAdmin: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], haveConsumerDataId: [{
+                type: Input
             }] } });
 
-class MenuConsomerComponent {
-    logOutClick = new EventEmitter();
-    translate;
-    isAdmin;
-    constructor() { }
-    ngOnChanges() {
-    }
-    logout() {
-        this.logOutClick.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuConsomerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuConsomerComponent, selector: "awf-menu-consomer", inputs: { translate: "translate", isAdmin: "isAdmin" }, outputs: { logOutClick: "logOutClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\">{{translate.myDevices}}</a>\r\n        <a routerLink=\"./personalData\">{{translate.personalData}}</a>\r\n    </div>\r\n   \r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \">  <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n        <a routerLink=\"./theme\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\">{{translate.services}}</a>\r\n    </div>\r\n\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a >{{translate.profile}}</a>\r\n        <a  (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>\r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuConsomerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-menu-consomer', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\">{{translate.myDevices}}</a>\r\n        <a routerLink=\"./personalData\">{{translate.personalData}}</a>\r\n    </div>\r\n   \r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \">  <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n        <a routerLink=\"./theme\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\">{{translate.services}}</a>\r\n    </div>\r\n\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a >{{translate.profile}}</a>\r\n        <a  (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>\r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { logOutClick: [{
-                type: Output
-            }], translate: [{
-                type: Input
-            }], isAdmin: [{
-                type: Input
+class MenuConsomerComponent {
+    constructor() {
+        this.logOutClick = new EventEmitter();
+    }
+    ngOnChanges() {
+    }
+    logout() {
+        this.logOutClick.emit();
+    }
+}
+MenuConsomerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuConsomerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuConsomerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: MenuConsomerComponent, selector: "awf-menu-consomer", inputs: { translate: "translate", isAdmin: "isAdmin" }, outputs: { logOutClick: "logOutClick" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\">{{translate.myDevices}}</a>\r\n        <a routerLink=\"./personalData\">{{translate.personalData}}</a>\r\n    </div>\r\n   \r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \">  <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n        <a routerLink=\"./theme\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\">{{translate.services}}</a>\r\n    </div>\r\n\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a >{{translate.profile}}</a>\r\n        <a  (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>\r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuConsomerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-menu-consomer', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu-category\"> <i class=\"pi pi-home\"></i> {{translate.general}}</div>\r\n    <div class=\"menu-items\">\r\n        <a routerLink=\"./\">{{translate.Homepage}}</a>\r\n        <a routerLink=\"./device\">{{translate.myDevices}}</a>\r\n        <a routerLink=\"./personalData\">{{translate.personalData}}</a>\r\n    </div>\r\n   \r\n    <div class=\"menu-category\" *ngIf=\"isAdmin \">  <i class=\"pi pi-cog\"></i> {{translate.config}}</div>\r\n    <div class=\"menu-items\" *ngIf=\"isAdmin \">\r\n        <a routerLink=\"./theme\">{{translate.themes}}</a>\r\n        <a routerLink=\"./servicesConfig\">{{translate.services}}</a>\r\n    </div>\r\n\r\n    <div class=\"menu-category\"> <i class=\"pi pi-user\"></i> {{translate.account}}</div>\r\n    <div class=\"menu-items\">\r\n        <a >{{translate.profile}}</a>\r\n        <a  (click)=\"logout()\">{{translate.logout}}</a>\r\n    </div>\r\n</div>\r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { logOutClick: [{
+                type: Output
+            }], translate: [{
+                type: Input
+            }], isAdmin: [{
+                type: Input
             }] } });
 
-class MenuGePortalComponent {
-    router;
-    logOutClick = new EventEmitter();
-    translate;
-    isAdmin;
-    hideMenu = new EventEmitter();
-    displayViewAs = false;
-    constructor(router) {
-        this.router = router;
-        this.displayViewAs = !this.isTokenExpired();
-    }
-    logout() {
-        this.displayViewAs = !this.isTokenExpired();
-        if (this.displayViewAs) {
-            this.deleteConnexionInfo();
-            this.navigate("/ge");
-        }
-        else {
-            this.logOutClick.emit();
-        }
-    }
-    menuMethode(path) {
-        this.redirectByPath(path);
-        this.hideMenu.emit();
-    }
-    isTokenExpired() {
-        const token = sessionStorage.getItem("va-token") ? sessionStorage.getItem("va-token") : localStorage.getItem("va-token");
-        if (!token) {
-            return true; // Token absent, considéré comme expiré
-        }
-        const tokenData = jwtDecode(token);
-        const expirationTime = tokenData?.exp; // Convertir en millisecondes
-        const currentTimeInSeconds = Math.floor(Date.now() / 1000); // Temps actuel en secondes
-        const isExpired = expirationTime ? expirationTime < currentTimeInSeconds : true;
-        if (isExpired) {
-            this.deleteConnexionInfo();
-        }
-        return isExpired;
-    }
-    redirectByPath(path) {
-        this.displayViewAs = !this.isTokenExpired();
-        if (this.displayViewAs) {
-            switch (path) {
-                case null || undefined || '':
-                    this.navigate('/ge/view-as/home');
-                    break;
-                case 'contact':
-                    this.navigate('/ge/view-as/contact');
-                    break;
-                case 'maintenance':
-                    this.navigate('/ge/view-as/maintenance');
-                    break;
-                case 'systems':
-                    this.navigate('/ge/view-as/systems');
-                    break;
-                default: this.navigate('/ge/view-as/home');
-            }
-        }
-        else {
-            switch (path) {
-                case null || undefined || '':
-                    this.navigate('/ge');
-                    break;
-                case 'contact':
-                    this.navigate('/ge/contact');
-                    break;
-                case 'maintenance':
-                    this.navigate('/ge/maintenance');
-                    break;
-                case 'systems':
-                    this.navigate('/ge/systems');
-                    break;
-                default: this.navigate('/ge');
-            }
-        }
-    }
-    deleteConnexionInfo() {
-        sessionStorage.removeItem("va-token");
-        sessionStorage.removeItem("va-email");
-        localStorage.removeItem("va-token");
-        localStorage.removeItem("va-email");
-        sessionStorage.setItem("va", "false");
-        localStorage.setItem("va", "false");
-    }
-    navigate(route) {
-        this.router.navigate([route]);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuGePortalComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuGePortalComponent, selector: "awf-menu-ge-portal", inputs: { translate: "translate", isAdmin: "isAdmin" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu\" (click)=\"menuMethode()\"> <i class=\"pi pi-home\"></i> {{translate.home}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('contact')\"> <i class=\"pi pi-phone\"></i> {{translate.contact}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('systems')\"> <i class=\"pi pi-eye\"></i> {{translate.systems}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('maintenance')\"> <i class=\"pi pi-inbox\"></i> {{translate.maintenance}}</div>\r\n    <div class=\"menu\" (click)=\"logout()\"> <i class=\"pi pi-power-off\"></i> {{translate.logout}}</div>\r\n</div> ", styles: [".layout-menu{margin-left:50px}.layout-menu .menu{display:block;color:#8da1b5;font-weight:300;padding:1rem 0 .5rem;font-size:16px;cursor:pointer}.layout-menu .menu:hover{font-weight:700;color:var(--primarycolor)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuGePortalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-menu-ge-portal', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu\" (click)=\"menuMethode()\"> <i class=\"pi pi-home\"></i> {{translate.home}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('contact')\"> <i class=\"pi pi-phone\"></i> {{translate.contact}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('systems')\"> <i class=\"pi pi-eye\"></i> {{translate.systems}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('maintenance')\"> <i class=\"pi pi-inbox\"></i> {{translate.maintenance}}</div>\r\n    <div class=\"menu\" (click)=\"logout()\"> <i class=\"pi pi-power-off\"></i> {{translate.logout}}</div>\r\n</div> ", styles: [".layout-menu{margin-left:50px}.layout-menu .menu{display:block;color:#8da1b5;font-weight:300;padding:1rem 0 .5rem;font-size:16px;cursor:pointer}.layout-menu .menu:hover{font-weight:700;color:var(--primarycolor)}\n"] }]
-        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { logOutClick: [{
-                type: Output
-            }], translate: [{
-                type: Input
-            }], isAdmin: [{
-                type: Input
-            }], hideMenu: [{
-                type: Output
+class MenuGePortalComponent {
+    constructor(router) {
+        this.router = router;
+        this.logOutClick = new EventEmitter();
+        this.hideMenu = new EventEmitter();
+        this.displayViewAs = false;
+        this.displayViewAs = !this.isTokenExpired();
+    }
+    logout() {
+        this.displayViewAs = !this.isTokenExpired();
+        if (this.displayViewAs) {
+            this.deleteConnexionInfo();
+            this.navigate("/ge");
+        }
+        else {
+            this.logOutClick.emit();
+        }
+    }
+    menuMethode(path) {
+        this.redirectByPath(path);
+        this.hideMenu.emit();
+    }
+    isTokenExpired() {
+        const token = sessionStorage.getItem("va-token") ? sessionStorage.getItem("va-token") : localStorage.getItem("va-token");
+        if (!token) {
+            return true; // Token absent, considéré comme expiré
+        }
+        const tokenData = jwtDecode(token);
+        const expirationTime = tokenData?.exp; // Convertir en millisecondes
+        const currentTimeInSeconds = Math.floor(Date.now() / 1000); // Temps actuel en secondes
+        const isExpired = expirationTime ? expirationTime < currentTimeInSeconds : true;
+        if (isExpired) {
+            this.deleteConnexionInfo();
+        }
+        return isExpired;
+    }
+    redirectByPath(path) {
+        this.displayViewAs = !this.isTokenExpired();
+        if (this.displayViewAs) {
+            switch (path) {
+                case null:
+                case undefined:
+                case '':
+                    this.navigate('/ge/view-as/home');
+                    break;
+                case 'contact':
+                    this.navigate('/ge/view-as/contact');
+                    break;
+                case 'maintenance':
+                    this.navigate('/ge/view-as/maintenance');
+                    break;
+                case 'systems':
+                    this.navigate('/ge/view-as/systems');
+                    break;
+                default: this.navigate('/ge/view-as/home');
+            }
+        }
+        else {
+            switch (path) {
+                case null:
+                case undefined:
+                case '':
+                    this.navigate('/ge');
+                    break;
+                case 'contact':
+                    this.navigate('/ge/contact');
+                    break;
+                case 'maintenance':
+                    this.navigate('/ge/maintenance');
+                    break;
+                case 'systems':
+                    this.navigate('/ge/systems');
+                    break;
+                default: this.navigate('/ge');
+            }
+        }
+    }
+    deleteConnexionInfo() {
+        sessionStorage.removeItem("va-token");
+        sessionStorage.removeItem("va-email");
+        localStorage.removeItem("va-token");
+        localStorage.removeItem("va-email");
+        sessionStorage.setItem("va", "false");
+        localStorage.setItem("va", "false");
+    }
+    navigate(route) {
+        this.router.navigate([route]);
+    }
+}
+MenuGePortalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuGePortalComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuGePortalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: MenuGePortalComponent, selector: "awf-menu-ge-portal", inputs: { translate: "translate", isAdmin: "isAdmin" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu\" (click)=\"menuMethode()\"> <i class=\"pi pi-home\"></i> {{translate.home}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('contact')\"> <i class=\"pi pi-phone\"></i> {{translate.contact}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('systems')\"> <i class=\"pi pi-eye\"></i> {{translate.systems}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('maintenance')\"> <i class=\"pi pi-inbox\"></i> {{translate.maintenance}}</div>\r\n    <div class=\"menu\" (click)=\"logout()\"> <i class=\"pi pi-power-off\"></i> {{translate.logout}}</div>\r\n</div> ", styles: [".layout-menu{margin-left:50px}.layout-menu .menu{display:block;color:#8da1b5;font-weight:300;padding:1rem 0 .5rem;font-size:16px;cursor:pointer}.layout-menu .menu:hover{font-weight:700;color:var(--primarycolor)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuGePortalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-menu-ge-portal', template: "<div class=\"layout-menu\" *ngIf=\"translate\">\r\n    <div class=\"menu\" (click)=\"menuMethode()\"> <i class=\"pi pi-home\"></i> {{translate.home}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('contact')\"> <i class=\"pi pi-phone\"></i> {{translate.contact}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('systems')\"> <i class=\"pi pi-eye\"></i> {{translate.systems}}</div>\r\n    <div class=\"menu\" (click)=\"menuMethode('maintenance')\"> <i class=\"pi pi-inbox\"></i> {{translate.maintenance}}</div>\r\n    <div class=\"menu\" (click)=\"logout()\"> <i class=\"pi pi-power-off\"></i> {{translate.logout}}</div>\r\n</div> ", styles: [".layout-menu{margin-left:50px}.layout-menu .menu{display:block;color:#8da1b5;font-weight:300;padding:1rem 0 .5rem;font-size:16px;cursor:pointer}.layout-menu .menu:hover{font-weight:700;color:var(--primarycolor)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { logOutClick: [{
+                type: Output
+            }], translate: [{
+                type: Input
+            }], isAdmin: [{
+                type: Input
+            }], hideMenu: [{
+                type: Output
             }] } });
 
-class MenuComponent {
-    logOutClick = new EventEmitter();
-    hideMenu = new EventEmitter();
-    active;
-    isAdmin;
-    translate;
-    applicationName;
-    haveConsumerDataId;
-    constructor() { }
-    ngOnInit() { }
-    logout() {
-        this.logOutClick.emit();
-    }
-    hideMenuMethode() {
-        this.hideMenu.emit();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: MenuComponent, selector: "awf-menu", inputs: { active: "active", isAdmin: "isAdmin", translate: "translate", applicationName: "applicationName", haveConsumerDataId: "haveConsumerDataId" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "\r\n\r\n        <awf-menu-warranty [haveConsumerDataId]=\"haveConsumerDataId\" [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='WarrantyPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-warranty>\r\n        <awf-menu-consomer [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='ConsomerPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-consomer>\r\n        <awf-menu-ge-portal [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='GEPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-ge-portal> \r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MenuWarrantyComponent, selector: "awf-menu-warranty", inputs: ["isAdmin", "translate", "haveConsumerDataId"], outputs: ["logOutClick", "hideMenu"] }, { kind: "component", type: MenuConsomerComponent, selector: "awf-menu-consomer", inputs: ["translate", "isAdmin"], outputs: ["logOutClick"] }, { kind: "component", type: MenuGePortalComponent, selector: "awf-menu-ge-portal", inputs: ["translate", "isAdmin"], outputs: ["logOutClick", "hideMenu"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MenuComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-menu', template: "\r\n\r\n        <awf-menu-warranty [haveConsumerDataId]=\"haveConsumerDataId\" [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='WarrantyPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-warranty>\r\n        <awf-menu-consomer [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='ConsomerPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-consomer>\r\n        <awf-menu-ge-portal [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='GEPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-ge-portal> \r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { logOutClick: [{
-                type: Output
-            }], hideMenu: [{
-                type: Output
-            }], active: [{
-                type: Input
-            }], isAdmin: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], applicationName: [{
-                type: Input
-            }], haveConsumerDataId: [{
-                type: Input
+class MenuComponent {
+    constructor() {
+        this.logOutClick = new EventEmitter();
+        this.hideMenu = new EventEmitter();
+    }
+    ngOnInit() { }
+    logout() {
+        this.logOutClick.emit();
+    }
+    hideMenuMethode() {
+        this.hideMenu.emit();
+    }
+}
+MenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: MenuComponent, selector: "awf-menu", inputs: { active: "active", isAdmin: "isAdmin", translate: "translate", applicationName: "applicationName", haveConsumerDataId: "haveConsumerDataId" }, outputs: { logOutClick: "logOutClick", hideMenu: "hideMenu" }, ngImport: i0, template: "\r\n\r\n        <awf-menu-warranty [haveConsumerDataId]=\"haveConsumerDataId\" [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='WarrantyPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-warranty>\r\n        <awf-menu-consomer [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='ConsomerPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-consomer>\r\n        <awf-menu-ge-portal [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='GEPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-ge-portal> \r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MenuWarrantyComponent, selector: "awf-menu-warranty", inputs: ["isAdmin", "translate", "haveConsumerDataId"], outputs: ["logOutClick", "hideMenu"] }, { kind: "component", type: MenuConsomerComponent, selector: "awf-menu-consomer", inputs: ["translate", "isAdmin"], outputs: ["logOutClick"] }, { kind: "component", type: MenuGePortalComponent, selector: "awf-menu-ge-portal", inputs: ["translate", "isAdmin"], outputs: ["logOutClick", "hideMenu"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-menu', template: "\r\n\r\n        <awf-menu-warranty [haveConsumerDataId]=\"haveConsumerDataId\" [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='WarrantyPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-warranty>\r\n        <awf-menu-consomer [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='ConsomerPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-consomer>\r\n        <awf-menu-ge-portal [translate]=\"translate\" [isAdmin]=\"isAdmin\" *ngIf=\"applicationName ==='GEPortal' \" (logOutClick)=logout() (hideMenu)=\"hideMenuMethode()\">\r\n        </awf-menu-ge-portal> \r\n", styles: [".layout-menu .logo img{width:150px;max-height:20px;margin-left:24px}@media (max-width: var(--smscreen)){.layout-menu .logo img{max-height:33px;margin-left:0}}.layout-menu .a{font-family:var(--font)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { logOutClick: [{
+                type: Output
+            }], hideMenu: [{
+                type: Output
+            }], active: [{
+                type: Input
+            }], isAdmin: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], applicationName: [{
+                type: Input
+            }], haveConsumerDataId: [{
+                type: Input
             }] } });
 
-class CoreModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: CoreModule, declarations: [TopBarComponent,
-            NotFoundComponent,
-            MenuComponent,
-            MenuWarrantyComponent,
-            MenuConsomerComponent,
-            MenuGePortalComponent], imports: [CommonModule,
-            CoreRoutingModule,
-            MegaMenuModule], exports: [NotFoundComponent,
-            MenuComponent,
-            TopBarComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreModule, imports: [CommonModule,
-            CoreRoutingModule,
-            MegaMenuModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: CoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        TopBarComponent,
-                        NotFoundComponent,
-                        MenuComponent,
-                        MenuWarrantyComponent,
-                        MenuConsomerComponent,
-                        MenuGePortalComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        CoreRoutingModule,
-                        MegaMenuModule
-                    ],
-                    exports: [
-                        NotFoundComponent,
-                        MenuComponent,
-                        TopBarComponent,
-                    ]
-                }]
+class CoreModule {
+}
+CoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: CoreModule, declarations: [TopBarComponent,
+        NotFoundComponent,
+        MenuComponent,
+        MenuWarrantyComponent,
+        MenuConsomerComponent,
+        MenuGePortalComponent], imports: [CommonModule,
+        CoreRoutingModule,
+        MegaMenuModule], exports: [NotFoundComponent,
+        MenuComponent,
+        TopBarComponent] });
+CoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreModule, imports: [CommonModule,
+        CoreRoutingModule,
+        MegaMenuModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: CoreModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TopBarComponent,
+                        NotFoundComponent,
+                        MenuComponent,
+                        MenuWarrantyComponent,
+                        MenuConsomerComponent,
+                        MenuGePortalComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        CoreRoutingModule,
+                        MegaMenuModule
+                    ],
+                    exports: [
+                        NotFoundComponent,
+                        MenuComponent,
+                        TopBarComponent,
+                    ]
+                }]
         }] });
 
-class SystemListComponent {
-    dt;
-    translate;
-    globaltranslate;
-    systems = [];
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor() { }
-    applyFilterGlobal($event, stringVal) {
-        this.dt?.filterGlobal($event.target.value, stringVal);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: SystemListComponent, selector: "awf-system-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", systems: "systems" }, providers: [MessageService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\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                \r\n                    <th pSortableColumn=\"name\">{{translate.name}}\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"systemId\">{{translate.systemId}}\r\n                            <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">{{translate.modality}}\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">{{translate.installDate}}\r\n                                <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                \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.name }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            \r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | date: \"EEE dd MMM yyyy\":\"\":language}}</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}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SystemListComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-system-list', providers: [MessageService], template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\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                \r\n                    <th pSortableColumn=\"name\">{{translate.name}}\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"systemId\">{{translate.systemId}}\r\n                            <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">{{translate.modality}}\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">{{translate.installDate}}\r\n                                <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                \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.name }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            \r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | date: \"EEE dd MMM yyyy\":\"\":language}}</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}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { dt: [{
-                type: ViewChild,
-                args: ['dt']
-            }], translate: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], systems: [{
-                type: Input
+class SystemListComponent {
+    constructor() {
+        this.systems = [];
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+    }
+    ngOnChanges() { }
+    applyFilterGlobal($event, stringVal) {
+        this.dt?.filterGlobal($event.target.value, stringVal);
+    }
+}
+SystemListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SystemListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SystemListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: SystemListComponent, selector: "awf-system-list", inputs: { translate: "translate", globaltranslate: "globaltranslate", systems: "systems" }, providers: [MessageService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\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                \r\n                    <th pSortableColumn=\"name\">{{translate.name}}\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"systemId\">{{translate.systemId}}\r\n                            <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">{{translate.modality}}\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">{{translate.installDate}}\r\n                                <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                \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.name }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            \r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | date: \"EEE dd MMM yyyy\":\"\":language}}</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}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n", styles: [""], dependencies: [{ kind: "component", type: i2.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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SystemListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-system-list', providers: [MessageService], template: "<p-table #dt [value]=\"systems\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['id','systemId','name','modality','installDate']\" [rowHover]=\"true\" dataKey=\"id\"\r\n    [currentPageReportTemplate]=\"globaltranslate.countPages\" [showCurrentPageReport]=\"true\">\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                \r\n                    <th pSortableColumn=\"name\">{{translate.name}}\r\n                        <p-sortIcon field=\"name\"></p-sortIcon>\r\n                        <th pSortableColumn=\"systemId\">{{translate.systemId}}\r\n                            <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n                        <th pSortableColumn=\"modality\">{{translate.modality}}\r\n                            <p-sortIcon field=\"modality\"></p-sortIcon>\r\n                            <th pSortableColumn=\"installDate\">{{translate.installDate}}\r\n                                <p-sortIcon field=\"installDate\"></p-sortIcon>\r\n                                \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.name }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            \r\n            <td>{{product.modality }}</td>\r\n            <td>{{product.installDate | date: \"EEE dd MMM yyyy\":\"\":language}}</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}} {{systems ? systems.length : 0 }} {{globaltranslate.elements}}.\r\n        </div>\r\n    </ng-template>\r\n</p-table>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }], translate: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], systems: [{
+                type: Input
             }] } });
 
-class SubstringPipe {
-    transform(time, arg1, arg2) {
-        return time.substring(arg1, arg2);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubstringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: SubstringPipe, name: "substring" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubstringPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'substring'
-                }]
+class SubstringPipe {
+    transform(time, arg1, arg2) {
+        return time.substring(arg1, arg2);
+    }
+}
+SubstringPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SubstringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SubstringPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SubstringPipe, name: "substring" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SubstringPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'substring'
+                }]
         }] });
 
-class SubrtringWPipe {
-    transform(brand, manufacturerId) {
-        if (manufacturerId == 4 && (brand.substring(0, 2) === 'FR')) {
-            return brand.substring(2, 12);
-        }
-        else
-            return brand;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubrtringWPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: SubrtringWPipe, name: "subrtringW" });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SubrtringWPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'subrtringW'
-                }]
+class SubrtringWPipe {
+    transform(brand, manufacturerId) {
+        if (manufacturerId == 4 && (brand.substring(0, 2) === 'FR')) {
+            return brand.substring(2, 12);
+        }
+        else
+            return brand;
+    }
+}
+SubrtringWPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SubrtringWPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+SubrtringWPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SubrtringWPipe, name: "subrtringW" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SubrtringWPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'subrtringW'
+                }]
         }] });
 
-class PipesModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: PipesModule, declarations: [SubstringPipe, SubrtringWPipe], imports: [CommonModule], exports: [SubstringPipe, SubrtringWPipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PipesModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: PipesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SubstringPipe, SubrtringWPipe],
-                    exports: [SubstringPipe, SubrtringWPipe],
-                    imports: [
-                        CommonModule
-                    ]
-                }]
+class PipesModule {
+}
+PipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+PipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: PipesModule, declarations: [SubstringPipe, SubrtringWPipe], imports: [CommonModule], exports: [SubstringPipe, SubrtringWPipe] });
+PipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PipesModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: PipesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SubstringPipe, SubrtringWPipe],
+                    exports: [SubstringPipe, SubrtringWPipe],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
         }] });
 
-var PmJobStatus;
-(function (PmJobStatus) {
-    PmJobStatus["NEW"] = "new";
-    PmJobStatus["ACCEPTED"] = "accepted";
-    PmJobStatus["CLOSED"] = "closed";
-    PmJobStatus["Late"] = "late";
-    PmJobStatus["OPEN"] = "open";
-    PmJobStatus["WAITING"] = "waiting";
-    PmJobStatus["DONE"] = "done";
-    PmJobStatus["VALIDATED"] = "validated";
-    // statues if i select reason in contact page
-    PmJobStatus["DESINSTALLED"] = "desinstalled";
-    PmJobStatus["REPORTED"] = "reported";
-    PmJobStatus["CANCELLED"] = "cancelled";
-    PmJobStatus["OTHER"] = "other";
+var PmJobStatus;
+(function (PmJobStatus) {
+    PmJobStatus["NEW"] = "new";
+    PmJobStatus["ACCEPTED"] = "accepted";
+    PmJobStatus["CLOSED"] = "closed";
+    PmJobStatus["Late"] = "late";
+    PmJobStatus["OPEN"] = "open";
+    PmJobStatus["WAITING"] = "waiting";
+    PmJobStatus["DONE"] = "done";
+    PmJobStatus["VALIDATED"] = "validated";
+    // statues if i select reason in contact page
+    PmJobStatus["DESINSTALLED"] = "desinstalled";
+    PmJobStatus["REPORTED"] = "reported";
+    PmJobStatus["CANCELLED"] = "cancelled";
+    PmJobStatus["OTHER"] = "other";
 })(PmJobStatus || (PmJobStatus = {}));
 
-var ReasonCode;
-(function (ReasonCode) {
-    ReasonCode["MPM"] = "MPM";
-    ReasonCode["RPM"] = "RPM";
-    ReasonCode["CPM"] = "CPM";
-    ReasonCode["SDI"] = "SDI";
-    ReasonCode["OTH"] = "OTH";
+var ReasonCode;
+(function (ReasonCode) {
+    ReasonCode["MPM"] = "MPM";
+    ReasonCode["RPM"] = "RPM";
+    ReasonCode["CPM"] = "CPM";
+    ReasonCode["SDI"] = "SDI";
+    ReasonCode["OTH"] = "OTH";
 })(ReasonCode || (ReasonCode = {}));
 
-var ReasonContact;
-(function (ReasonContact) {
-    ReasonContact["MoreDatesFormPm"] = "MoreDatesFormPm";
-    ReasonContact["ContactFormPm"] = "ContactFormPm";
-    ReasonContact["CancelFormPm"] = "CancelFormPm";
-    ReasonContact["Contact"] = "Contact";
+var ReasonContact;
+(function (ReasonContact) {
+    ReasonContact["MoreDatesFormPm"] = "MoreDatesFormPm";
+    ReasonContact["ContactFormPm"] = "ContactFormPm";
+    ReasonContact["CancelFormPm"] = "CancelFormPm";
+    ReasonContact["Contact"] = "Contact";
 })(ReasonContact || (ReasonContact = {}));
 
-class ContactComponent {
-    formBuilder;
-    messageService;
-    datePipe;
-    loading = false;
-    submitted = false;
-    systems = [];
-    selectedSystems = [];
-    translate;
-    reasons;
-    sendForm = new EventEmitter();
-    form;
-    selectedReason;
-    selectedSystem;
-    selectedPm;
-    pmJobs;
-    systemContainPm = true;
-    showPm = false;
-    constructor(formBuilder, messageService, datePipe) {
-        this.formBuilder = formBuilder;
-        this.messageService = messageService;
-        this.datePipe = datePipe;
-    }
-    ngOnChanges() {
-        this.reasons = this.reasons.filter((x) => x.code == ReasonCode.SDI || x.code == ReasonCode.OTH);
-        this.selectPM(this.selectedSystem);
-        this.loadForm();
-    }
-    // convenience getter for easy access to form fields
-    get f() {
-        return this.form.controls;
-    }
-    preventStringKeypress(event) {
-        if (isNaN(Number(String.fromCharCode(event.charCode))) ||
-            String.fromCharCode(event.charCode) === ' ') {
-            event.preventDefault();
-        }
-    }
-    onSubmit() {
-        this.submitted = true;
-        if (this.form.invalid) {
-            this.messageService.add({ severity: 'error', summary: this.translate.summaryError, detail: this.translate.invalidForm });
-            return;
-        }
-        let detailedPmJob = {};
-        detailedPmJob.name = this.form.value.name;
-        detailedPmJob.phone = this.form.value.phone;
-        detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
-        detailedPmJob.email = this.form.value.email;
-        detailedPmJob.reason = this.form.value.reason.name;
-        detailedPmJob.comment = this.form.value.message;
-        if (this.form.value.pms !== undefined) {
-            detailedPmJob.pmJob = this.form.value.pms;
-        }
-        detailedPmJob.systemName = this.selectedSystem.name;
-        detailedPmJob.systemId = this.selectedSystem.systemId;
-        detailedPmJob.siteName = this.selectedSystem.siteName;
-        detailedPmJob.siteCity = this.selectedSystem.siteCity;
-        detailedPmJob.sitePostalCode = this.selectedSystem.sitePostalCode;
-        detailedPmJob.toUpdate = true;
-        if (this.form.value.pms !== undefined) {
-            detailedPmJob.selectedDate = detailedPmJob.pmJob.startDateTime;
-        }
-        detailedPmJob.reasonContact = ReasonContact.Contact;
-        detailedPmJob.futureStatus = this.slectsFutureStatus(this.form.value.reason.code);
-        this.sendForm.emit(detailedPmJob);
-    }
-    slectsFutureStatus(status) {
-        switch (status) {
-            case ReasonCode.MPM:
-                return PmJobStatus.WAITING;
-            case ReasonCode.RPM:
-                return PmJobStatus.REPORTED;
-            case ReasonCode.CPM:
-                return PmJobStatus.CANCELLED;
-            case ReasonCode.SDI:
-                return PmJobStatus.DESINSTALLED;
-            case ReasonCode.OTH:
-                return PmJobStatus.OTHER;
-            default:
-                return 'Erreur';
-        }
-    }
-    loadForm() {
-        let name = sessionStorage.getItem('userName') ? sessionStorage.getItem('userName') : localStorage.getItem('userName');
-        let email = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : localStorage.getItem('email');
-        let phone = sessionStorage.getItem('mobilePhoneNumber') ? sessionStorage.getItem('mobilePhoneNumber') : 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],
-            ],
-            phone: [phone !== 'null' ? phone : '', [Validators.required]],
-            extentionOrComment: [''],
-            reason: ['', [Validators.required]],
-            systems: [[], [Validators.required]],
-            pms: [[], this.showPm ? [] : []],
-            message: ['', [Validators.required, Validators.minLength(15)]],
-        });
-    }
-    selectPM(selectedSystem) {
-        this.systemContainPm = true;
-        if (selectedSystem === undefined) {
-            return;
-        }
-        else {
-            if (selectedSystem.pmJobs.length === 0) {
-                this.showPm = false;
-            }
-            else {
-                this.selectedSystem = selectedSystem;
-                this.pmJobs = selectedSystem.pmJobs;
-                this.pmJobs.forEach((element) => {
-                    if (element.startDateTime) {
-                        if (element.caseType == 'Planned Maintenance') {
-                            element.wokorderDetails = element.workorderNumber + ' - ' + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typePlanned;
-                        }
-                        else if (element.caseType == "QARA") {
-                            element.wokorderDetails = element.workorderNumber + ' - ' + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typeQARA;
-                        }
-                        else {
-                            element.wokorderDetails = element.workorderNumber + " - " + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy');
-                        }
-                    }
-                });
-                this.showPm = true;
-            }
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ContactComponent, deps: [{ token: i1$4.FormBuilder }, { token: i1$3.MessageService }, { token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ContactComponent, selector: "awf-contact", inputs: { loading: "loading", submitted: "submitted", systems: "systems", selectedSystems: "selectedSystems", translate: "translate", reasons: "reasons" }, outputs: { sendForm: "sendForm" }, providers: [MessageService, DatePipe], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"translate && reasons \">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}} </h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems && reasons\" 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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.RelatedSystems}}</span> <span class=\"requis\">*</span>:\r\n                                        <p-dropdown (click)=\"selectPM(selectedSystem)\" [options]=\"systems\" [placeholder]=\"translate.selectSystem\" [(ngModel)]=\"selectedSystem\" [optionLabel]=\"'name'\" formControlName=\"systems\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.systems.invalid }\"></p-dropdown>                                        \r\n                                      \r\n                                        <div *ngIf=\"submitted && f.systems.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.systems.errors.required\">{{translate.requiredSystem}}</div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\" *ngIf=\"showPm\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedPMs}}</span>:\r\n                                        <p-dropdown  \r\n                                            [options]=\"pmJobs\" \r\n                                            [placeholder]=\"translate.selectPM\" \r\n                                            [(ngModel)]=\"selectedPm\" \r\n                                            [optionLabel]=\"'wokorderDetails'\" \r\n                                            formControlName=\"pms\"  \r\n                                            optionDisabled=\"inactive\" \r\n                                            [ngClass]=\"{ 'is-invalid': submitted && f.pms.invalid }\">\r\n                                        </p-dropdown>                                        \r\n                                       <!-- <div *ngIf=\"submitted && f.pms.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.pms.errors.required\">{{translate.requiredPM }}</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.placeholderMessage}} </span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.placeholderMessage +'...'\" 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.requiredMessage}}</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 class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\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\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{-moz-appearance:textfield;appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$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", "life", "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$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i7.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ContactComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-contact', providers: [MessageService, DatePipe], template: "<div *ngIf=\"translate && reasons \">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}} </h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems && reasons\" 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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.RelatedSystems}}</span> <span class=\"requis\">*</span>:\r\n                                        <p-dropdown (click)=\"selectPM(selectedSystem)\" [options]=\"systems\" [placeholder]=\"translate.selectSystem\" [(ngModel)]=\"selectedSystem\" [optionLabel]=\"'name'\" formControlName=\"systems\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.systems.invalid }\"></p-dropdown>                                        \r\n                                      \r\n                                        <div *ngIf=\"submitted && f.systems.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.systems.errors.required\">{{translate.requiredSystem}}</div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\" *ngIf=\"showPm\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedPMs}}</span>:\r\n                                        <p-dropdown  \r\n                                            [options]=\"pmJobs\" \r\n                                            [placeholder]=\"translate.selectPM\" \r\n                                            [(ngModel)]=\"selectedPm\" \r\n                                            [optionLabel]=\"'wokorderDetails'\" \r\n                                            formControlName=\"pms\"  \r\n                                            optionDisabled=\"inactive\" \r\n                                            [ngClass]=\"{ 'is-invalid': submitted && f.pms.invalid }\">\r\n                                        </p-dropdown>                                        \r\n                                       <!-- <div *ngIf=\"submitted && f.pms.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.pms.errors.required\">{{translate.requiredPM }}</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.placeholderMessage}} </span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.placeholderMessage +'...'\" 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.requiredMessage}}</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 class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\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\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{-moz-appearance:textfield;appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.FormBuilder }, { type: i1$3.MessageService }, { type: i1$1.DatePipe }], propDecorators: { loading: [{
-                type: Input
-            }], submitted: [{
-                type: Input
-            }], systems: [{
-                type: Input
-            }], selectedSystems: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], reasons: [{
-                type: Input
-            }], sendForm: [{
-                type: Output
+class ContactComponent {
+    constructor(formBuilder, messageService, datePipe) {
+        this.formBuilder = formBuilder;
+        this.messageService = messageService;
+        this.datePipe = datePipe;
+        this.loading = false;
+        this.submitted = false;
+        this.systems = [];
+        this.selectedSystems = [];
+        this.sendForm = new EventEmitter();
+        this.systemContainPm = true;
+        this.showPm = false;
+    }
+    ngOnChanges() {
+        this.reasons = this.reasons.filter((x) => x.code == ReasonCode.SDI || x.code == ReasonCode.OTH);
+        this.selectPM(this.selectedSystem);
+        this.loadForm();
+    }
+    // convenience getter for easy access to form fields
+    get f() {
+        return this.form.controls;
+    }
+    preventStringKeypress(event) {
+        if (isNaN(Number(String.fromCharCode(event.charCode))) ||
+            String.fromCharCode(event.charCode) === ' ') {
+            event.preventDefault();
+        }
+    }
+    onSubmit() {
+        this.submitted = true;
+        if (this.form.invalid) {
+            this.messageService.add({ severity: 'error', summary: this.translate.summaryError, detail: this.translate.invalidForm });
+            return;
+        }
+        let detailedPmJob = {};
+        detailedPmJob.name = this.form.value.name;
+        detailedPmJob.phone = this.form.value.phone;
+        detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
+        detailedPmJob.email = this.form.value.email;
+        detailedPmJob.reason = this.form.value.reason.name;
+        detailedPmJob.comment = this.form.value.message;
+        if (this.form.value.pms !== undefined) {
+            detailedPmJob.pmJob = this.form.value.pms;
+        }
+        detailedPmJob.systemName = this.selectedSystem.name;
+        detailedPmJob.systemId = this.selectedSystem.systemId;
+        detailedPmJob.siteName = this.selectedSystem.siteName;
+        detailedPmJob.siteCity = this.selectedSystem.siteCity;
+        detailedPmJob.sitePostalCode = this.selectedSystem.sitePostalCode;
+        detailedPmJob.toUpdate = true;
+        if (this.form.value.pms !== undefined) {
+            detailedPmJob.selectedDate = detailedPmJob.pmJob.startDateTime;
+        }
+        detailedPmJob.reasonContact = ReasonContact.Contact;
+        detailedPmJob.futureStatus = this.slectsFutureStatus(this.form.value.reason.code);
+        this.sendForm.emit(detailedPmJob);
+    }
+    slectsFutureStatus(status) {
+        switch (status) {
+            case ReasonCode.MPM:
+                return PmJobStatus.WAITING;
+            case ReasonCode.RPM:
+                return PmJobStatus.REPORTED;
+            case ReasonCode.CPM:
+                return PmJobStatus.CANCELLED;
+            case ReasonCode.SDI:
+                return PmJobStatus.DESINSTALLED;
+            case ReasonCode.OTH:
+                return PmJobStatus.OTHER;
+            default:
+                return 'Erreur';
+        }
+    }
+    loadForm() {
+        let name = sessionStorage.getItem('userName') ? sessionStorage.getItem('userName') : localStorage.getItem('userName');
+        let email = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : localStorage.getItem('email');
+        let phone = sessionStorage.getItem('mobilePhoneNumber') ? sessionStorage.getItem('mobilePhoneNumber') : 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],
+            ],
+            phone: [phone !== 'null' ? phone : '', [Validators.required]],
+            extentionOrComment: [''],
+            reason: ['', [Validators.required]],
+            systems: [[], [Validators.required]],
+            pms: [[], this.showPm ? [] : []],
+            message: ['', [Validators.required, Validators.minLength(15)]],
+        });
+    }
+    selectPM(selectedSystem) {
+        this.systemContainPm = true;
+        if (selectedSystem === undefined) {
+            return;
+        }
+        else {
+            if (selectedSystem.pmJobs.length === 0) {
+                this.showPm = false;
+            }
+            else {
+                this.selectedSystem = selectedSystem;
+                this.pmJobs = selectedSystem.pmJobs;
+                this.pmJobs.forEach((element) => {
+                    if (element.startDateTime) {
+                        if (element.caseType == 'Planned Maintenance') {
+                            element.wokorderDetails = element.workorderNumber + ' - ' + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typePlanned;
+                        }
+                        else if (element.caseType == "QARA") {
+                            element.wokorderDetails = element.workorderNumber + ' - ' + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy') + ' - ' + this.translate.typeQARA;
+                        }
+                        else {
+                            element.wokorderDetails = element.workorderNumber + " - " + this.datePipe.transform(element.startDateTime, 'dd MMM yyyy');
+                        }
+                    }
+                });
+                this.showPm = true;
+            }
+        }
+    }
+}
+ContactComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ContactComponent, deps: [{ token: i1$4.FormBuilder }, { token: i1$3.MessageService }, { token: i1$1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
+ContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ContactComponent, selector: "awf-contact", inputs: { loading: "loading", submitted: "submitted", systems: "systems", selectedSystems: "selectedSystems", translate: "translate", reasons: "reasons" }, outputs: { sendForm: "sendForm" }, providers: [MessageService, DatePipe], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"translate && reasons \">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}} </h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems && reasons\" 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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.RelatedSystems}}</span> <span class=\"requis\">*</span>:\r\n                                        <p-dropdown (click)=\"selectPM(selectedSystem)\" [options]=\"systems\" [placeholder]=\"translate.selectSystem\" [(ngModel)]=\"selectedSystem\" [optionLabel]=\"'name'\" formControlName=\"systems\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.systems.invalid }\"></p-dropdown>                                        \r\n                                      \r\n                                        <div *ngIf=\"submitted && f.systems.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.systems.errors.required\">{{translate.requiredSystem}}</div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\" *ngIf=\"showPm\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedPMs}}</span>:\r\n                                        <p-dropdown  \r\n                                            [options]=\"pmJobs\" \r\n                                            [placeholder]=\"translate.selectPM\" \r\n                                            [(ngModel)]=\"selectedPm\" \r\n                                            [optionLabel]=\"'wokorderDetails'\" \r\n                                            formControlName=\"pms\"  \r\n                                            optionDisabled=\"inactive\" \r\n                                            [ngClass]=\"{ 'is-invalid': submitted && f.pms.invalid }\">\r\n                                        </p-dropdown>                                        \r\n                                       <!-- <div *ngIf=\"submitted && f.pms.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.pms.errors.required\">{{translate.requiredPM }}</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.placeholderMessage}} </span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.placeholderMessage +'...'\" 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.requiredMessage}}</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 class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\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\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$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$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { 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", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ContactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-contact', providers: [MessageService, DatePipe], template: "<div *ngIf=\"translate && reasons \">\r\n    <section class=\"pt-0\">\r\n        <div class=\"app-section-header-img\">\r\n            <div class=\"container pt-4\">\r\n                <div class=\"\">\r\n                    <h2>{{translate.title}} </h2>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    <section class=\"py-5 background-light\">\r\n        <div class=\"container px-lg-5\">\r\n            <div class=\"row align-items-center\">\r\n                <div class=\"col-md-6\">\r\n                    <div class=\"container-contact100\">\r\n                        <div class=\"wrap-contact100\">\r\n                            <form [formGroup]=\"form\" *ngIf=\"form && systems && reasons\" 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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.RelatedSystems}}</span> <span class=\"requis\">*</span>:\r\n                                        <p-dropdown (click)=\"selectPM(selectedSystem)\" [options]=\"systems\" [placeholder]=\"translate.selectSystem\" [(ngModel)]=\"selectedSystem\" [optionLabel]=\"'name'\" formControlName=\"systems\"  optionDisabled=\"inactive\" [ngClass]=\"{ 'is-invalid': submitted && f.systems.invalid }\"></p-dropdown>                                        \r\n                                      \r\n                                        <div *ngIf=\"submitted && f.systems.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.systems.errors.required\">{{translate.requiredSystem}}</div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div class=\"p-grid p-fluid p-mt-2\" *ngIf=\"showPm\">\r\n                                    <div class=\"p-col-12 p-md-12 \">\r\n                                        <span class=\"titre\">{{translate.RelatedPMs}}</span>:\r\n                                        <p-dropdown  \r\n                                            [options]=\"pmJobs\" \r\n                                            [placeholder]=\"translate.selectPM\" \r\n                                            [(ngModel)]=\"selectedPm\" \r\n                                            [optionLabel]=\"'wokorderDetails'\" \r\n                                            formControlName=\"pms\"  \r\n                                            optionDisabled=\"inactive\" \r\n                                            [ngClass]=\"{ 'is-invalid': submitted && f.pms.invalid }\">\r\n                                        </p-dropdown>                                        \r\n                                       <!-- <div *ngIf=\"submitted && f.pms.errors\">\r\n                                            <div class=\"requis\" *ngIf=\"f.pms.errors.required\">{{translate.requiredPM }}</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.placeholderMessage}} </span> <span class=\"requis\">*</span>:\r\n                                        <textarea pInputTextarea style=\" min-height:100px;height:100%;width:100%;\" [placeholder]=\"translate.placeholderMessage +'...'\" 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.requiredMessage}}</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 class=\"btn-warranty mt-3\" (click)=\"onSubmit()\">\r\n                                      {{translate.send}}\r\n                                </button>\r\n                                    </div>\r\n                                </div>\r\n                            </form>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-6 contact\">\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\r\n            </div>\r\n        </div>\r\n    </section>\r\n</div>\r\n\r\n<p-toast position=\"top-center\"></p-toast>\r\n", styles: ["h1,h2,h3,h4,h5,h6,p,span,label,::placeholder{font-family:var(--font)}.app-section-header-img{background-image:url(/assets/img/GEPortal/contact.png);background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;align-items:center;height:237px}@media (max-width: var(--smallscreen)){.app-section-header-img{height:auto}}.app-section-header-img h2{font-size:48px;font-family:var(--font);font-weight:600;color:#fff;text-align:center}@media (max-width: var(--smallscreen)){.app-section-header-img h2{font-size:30px}}@media (max-width: var(--smallscreen)){.app-section-header-img{padding-left:15px;padding-right:15px}}@media (max-width: var(--tinyscreen)){.app-section-header-img{height:200px}}h2{font-weight:600}a:focus{outline:none!important}a:hover{text-decoration:none}input{outline:none;border:none}input.input100{height:62px;padding:0 20px 0 58px}input[type=number]{appearance:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}textarea{outline:none;border:none}textarea.input100{min-height:199px;padding:19px 20px 0 23px}textarea:focus,input:focus{border-color:transparent!important}.container-contact100{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px}.wrap-contact100{width:550px;background:transparent;padding:30px 0 80px}.contact100-form-title{display:block;font-family:var(--font);font-size:30px;color:#43383e;line-height:1.2;text-align:left;padding-bottom:35px}.wrap-input100{width:100%;position:relative;background-color:#fff;margin-bottom:17px}.label-input100{display:flex;justify-content:center;align-items:center;width:58px;height:62px;position:absolute;top:0;left:0;cursor:pointer;font-size:18px;color:#999}.input100{display:block;width:100%;background:transparent;font-size:15px;color:#43383e;line-height:1.2;padding:0 5px}@media (max-width: var(--smallscreen)){.contact iframe{width:auto}}.contact label{margin-left:10px;color:#a2a2a2;font-weight:700}.contact i{color:#a2a2a2;font-weight:700}.contact .social li{display:inline;padding:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$4.FormBuilder }, { type: i1$3.MessageService }, { type: i1$1.DatePipe }]; }, propDecorators: { loading: [{
+                type: Input
+            }], submitted: [{
+                type: Input
+            }], systems: [{
+                type: Input
+            }], selectedSystems: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], reasons: [{
+                type: Input
+            }], sendForm: [{
+                type: Output
             }] } });
 
-class ChooseAnotherDateComponent {
-    messageService;
-    displayAnotherDate;
-    globaltranslate;
-    translate;
-    alternativeDatesList;
-    closeAnotherDate = new EventEmitter();
-    acceptDate = new EventEmitter();
-    calendar;
-    dates = [];
-    datesRef = [];
-    selectedDate;
-    show = false;
-    dateslength = 0;
-    indexSelectedDate = 0;
-    constructor(messageService) {
-        this.messageService = messageService;
-    }
-    ngOnInit() {
-        this.loadDates();
-    }
-    ngOnChanges() { }
-    close() {
-        this.closeAnotherDate.emit(true);
-        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-    }
-    accept() {
-        this.controlAlternativeDates();
-        this.acceptDate.emit(this.alternativeDatesList);
-    }
-    askDate() {
-        this.closeAnotherDate.emit(false);
-    }
-    controlAlternativeDates() {
-        let i = 0;
-        this.alternativeDatesList.forEach((item) => {
-            item.selected = (i === this.indexSelectedDate) ? "Yes" : "No";
-            i++;
-        });
-    }
-    loadDates() {
-        this.dates = [];
-        this.datesRef = [];
-        if (this.alternativeDatesList) {
-            this.alternativeDatesList.forEach((element) => {
-                this.dates.push(new Date(element.startDateTime));
-                this.datesRef.push(new Date(element.startDateTime));
-            });
-        }
-        this.dateslength = this.dates.length;
-    }
-    onSelect() {
-        if (this.dateslength < this.dates.length) {
-            this.loadDates();
-        }
-        else if (this.dateslength > this.dates.length) {
-            this.selectedDate = this.arrdiff(this.datesRef, this.dates)[0];
-            for (var i = 0; i < this.datesRef.length; i++) {
-                if (this.datesRef[i] == this.selectedDate) {
-                    this.indexSelectedDate = i;
-                }
-            }
-            this.controlAlternativeDates();
-            this.accept();
-            this.loadDates();
-        }
-        this.dates;
-    }
-    arrdiff(a1, a2) {
-        var a = [], diff = [];
-        for (var i = 0; i < a1.length; i++) {
-            a[a1[i]] = true;
-        }
-        for (var i = 0; i < a2.length; i++) {
-            if (a[a2[i]]) {
-                delete a[a2[i]];
-            }
-            else {
-                a[a2[i]] = true;
-            }
-        }
-        for (var k in a) {
-            diff.push(k);
-        }
-        return diff;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChooseAnotherDateComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: { displayAnotherDate: "displayAnotherDate", globaltranslate: "globaltranslate", translate: "translate", alternativeDatesList: "alternativeDatesList" }, outputs: { closeAnotherDate: "closeAnotherDate", acceptDate: "acceptDate" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-toast position=\"top-center\"></p-toast>\r\n<div>\r\n    <p-dialog [header]=\"translate.text\" [(visible)]=\"displayAnotherDate\" [modal]=\"true\" [style]=\"{width: '2000px',height:'600px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"close()\">\r\n        <p-calendar  #calendar [(ngModel)]=\"dates\" selectionMode=\"multiple\" [numberOfMonths]=\"2\" [touchUI]=\"true\" [inline]=\"true\" inputId=\"multiplemonths\" (click)=\"onSelect()\"></p-calendar>\r\n        <ng-template pTemplate=\"footer\">\r\n            <div class=\"popup-footer\">\r\n                <p class=\"popup-footer-message\">{{translate.message}}</p>\r\n                <p-button icon=\"pi pi-calendar-plus\" (click)=\"askDate()\" [label]=\"translate.ask\" class=\"p-button-text\"></p-button>\r\n            </div>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".p-datepicker table td.p-datepicker-today>span.p-highlight{color:#fff;background:var(--primarycolor)}.popup-footer{display:flex;justify-content:space-between}.popup-footer-message{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: i4$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ChooseAnotherDateComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-choose-another-date', encapsulation: ViewEncapsulation.None, template: "<p-toast position=\"top-center\"></p-toast>\r\n<div>\r\n    <p-dialog [header]=\"translate.text\" [(visible)]=\"displayAnotherDate\" [modal]=\"true\" [style]=\"{width: '2000px',height:'600px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"close()\">\r\n        <p-calendar  #calendar [(ngModel)]=\"dates\" selectionMode=\"multiple\" [numberOfMonths]=\"2\" [touchUI]=\"true\" [inline]=\"true\" inputId=\"multiplemonths\" (click)=\"onSelect()\"></p-calendar>\r\n        <ng-template pTemplate=\"footer\">\r\n            <div class=\"popup-footer\">\r\n                <p class=\"popup-footer-message\">{{translate.message}}</p>\r\n                <p-button icon=\"pi pi-calendar-plus\" (click)=\"askDate()\" [label]=\"translate.ask\" class=\"p-button-text\"></p-button>\r\n            </div>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".p-datepicker table td.p-datepicker-today>span.p-highlight{color:#fff;background:var(--primarycolor)}.popup-footer{display:flex;justify-content:space-between}.popup-footer-message{font-size:13px;font-weight:600}\n"] }]
-        }], ctorParameters: () => [{ type: i1$3.MessageService }], propDecorators: { displayAnotherDate: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], alternativeDatesList: [{
-                type: Input
-            }], closeAnotherDate: [{
-                type: Output
-            }], acceptDate: [{
-                type: Output
-            }], calendar: [{
-                type: ViewChild,
-                args: ['calendar']
+class ChooseAnotherDateComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        this.closeAnotherDate = new EventEmitter();
+        this.acceptDate = new EventEmitter();
+        this.dates = [];
+        this.datesRef = [];
+        this.show = false;
+        this.dateslength = 0;
+        this.indexSelectedDate = 0;
+    }
+    ngOnInit() {
+        this.loadDates();
+    }
+    ngOnChanges() { }
+    close() {
+        this.closeAnotherDate.emit(true);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+    accept() {
+        this.controlAlternativeDates();
+        this.acceptDate.emit(this.alternativeDatesList);
+    }
+    askDate() {
+        this.closeAnotherDate.emit(false);
+    }
+    controlAlternativeDates() {
+        let i = 0;
+        this.alternativeDatesList.forEach((item) => {
+            item.selected = (i === this.indexSelectedDate) ? "Yes" : "No";
+            i++;
+        });
+    }
+    loadDates() {
+        this.dates = [];
+        this.datesRef = [];
+        if (this.alternativeDatesList) {
+            this.alternativeDatesList.forEach((element) => {
+                this.dates.push(new Date(element.startDateTime));
+                this.datesRef.push(new Date(element.startDateTime));
+            });
+        }
+        this.dateslength = this.dates.length;
+    }
+    onSelect() {
+        if (this.dateslength < this.dates.length) {
+            this.loadDates();
+        }
+        else if (this.dateslength > this.dates.length) {
+            this.selectedDate = this.arrdiff(this.datesRef, this.dates)[0];
+            for (var i = 0; i < this.datesRef.length; i++) {
+                if (this.datesRef[i] == this.selectedDate) {
+                    this.indexSelectedDate = i;
+                }
+            }
+            this.controlAlternativeDates();
+            this.accept();
+            this.loadDates();
+        }
+        this.dates;
+    }
+    arrdiff(a1, a2) {
+        var a = [], diff = [];
+        for (var i = 0; i < a1.length; i++) {
+            a[a1[i]] = true;
+        }
+        for (var i = 0; i < a2.length; i++) {
+            if (a[a2[i]]) {
+                delete a[a2[i]];
+            }
+            else {
+                a[a2[i]] = true;
+            }
+        }
+        for (var k in a) {
+            diff.push(k);
+        }
+        return diff;
+    }
+}
+ChooseAnotherDateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ChooseAnotherDateComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+ChooseAnotherDateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ChooseAnotherDateComponent, selector: "app-choose-another-date", inputs: { displayAnotherDate: "displayAnotherDate", globaltranslate: "globaltranslate", translate: "translate", alternativeDatesList: "alternativeDatesList" }, outputs: { closeAnotherDate: "closeAnotherDate", acceptDate: "acceptDate" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<p-toast position=\"top-center\"></p-toast>\r\n<div>\r\n    <p-dialog [header]=\"translate.text\" [(visible)]=\"displayAnotherDate\" [modal]=\"true\" [style]=\"{width: '2000px',height:'600px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"close()\">\r\n        <p-calendar  #calendar [(ngModel)]=\"dates\" selectionMode=\"multiple\" [numberOfMonths]=\"2\" [touchUI]=\"true\" [inline]=\"true\" inputId=\"multiplemonths\" (click)=\"onSelect()\"></p-calendar>\r\n        <ng-template pTemplate=\"footer\">\r\n            <div class=\"popup-footer\">\r\n                <p class=\"popup-footer-message\">{{translate.message}}</p>\r\n                <p-button icon=\"pi pi-calendar-plus\" (click)=\"askDate()\" [label]=\"translate.ask\" class=\"p-button-text\"></p-button>\r\n            </div>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".p-datepicker table td.p-datepicker-today>span.p-highlight{color:#fff;background:var(--primarycolor)}.popup-footer{display:flex;justify-content:space-between}.popup-footer-message{font-size:13px;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$3.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: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4$1.Calendar, selector: "p-calendar", inputs: ["style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "view", "defaultDate", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { 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: i6$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"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ChooseAnotherDateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-choose-another-date', encapsulation: ViewEncapsulation.None, template: "<p-toast position=\"top-center\"></p-toast>\r\n<div>\r\n    <p-dialog [header]=\"translate.text\" [(visible)]=\"displayAnotherDate\" [modal]=\"true\" [style]=\"{width: '2000px',height:'600px'}\" [draggable]=\"false\" [resizable]=\"false\" (onHide)=\"close()\">\r\n        <p-calendar  #calendar [(ngModel)]=\"dates\" selectionMode=\"multiple\" [numberOfMonths]=\"2\" [touchUI]=\"true\" [inline]=\"true\" inputId=\"multiplemonths\" (click)=\"onSelect()\"></p-calendar>\r\n        <ng-template pTemplate=\"footer\">\r\n            <div class=\"popup-footer\">\r\n                <p class=\"popup-footer-message\">{{translate.message}}</p>\r\n                <p-button icon=\"pi pi-calendar-plus\" (click)=\"askDate()\" [label]=\"translate.ask\" class=\"p-button-text\"></p-button>\r\n            </div>\r\n        </ng-template>\r\n    </p-dialog>\r\n</div>", styles: [".p-datepicker table td.p-datepicker-today>span.p-highlight{color:#fff;background:var(--primarycolor)}.popup-footer{display:flex;justify-content:space-between}.popup-footer-message{font-size:13px;font-weight:600}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$3.MessageService }]; }, propDecorators: { displayAnotherDate: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], alternativeDatesList: [{
+                type: Input
+            }], closeAnotherDate: [{
+                type: Output
+            }], acceptDate: [{
+                type: Output
+            }], calendar: [{
+                type: ViewChild,
+                args: ['calendar']
             }] } });
 
-class ConfirmDialogComponent {
-    messageService;
-    displayConfirmDialog;
-    startDateTime;
-    endDateTime;
-    globaltranslate;
-    translate;
-    isProposedDate;
-    detailedPmJobLinkedList = [];
-    closeConfirmDialog = new EventEmitter();
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor(messageService) {
-        this.messageService = messageService;
-    }
-    rejectDate() {
-        this.closeConfirmDialog.emit(false);
-        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-    }
-    confirmDate() {
-        this.closeConfirmDialog.emit(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: { displayConfirmDialog: "displayConfirmDialog", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", isProposedDate: "isProposedDate", detailedPmJobLinkedList: "detailedPmJobLinkedList" }, outputs: { closeConfirmDialog: "closeConfirmDialog" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialog\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <div>\r\n        {{ isProposedDate ? translate.textProposed : translate.textAlternative }}\r\n        <div>\r\n            <br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n                {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </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.workorderNumber }}</li></strong>\r\n        \r\n                </ul>\r\n            </div>\r\n            <br><br>\r\n            <p>{{translate.infoEmail}}</p>\r\n    \r\n        </div>\r\n        \r\n    </div>\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>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "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", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-confirm-dialog', template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialog\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <div>\r\n        {{ isProposedDate ? translate.textProposed : translate.textAlternative }}\r\n        <div>\r\n            <br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n                {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </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.workorderNumber }}</li></strong>\r\n        \r\n                </ul>\r\n            </div>\r\n            <br><br>\r\n            <p>{{translate.infoEmail}}</p>\r\n    \r\n        </div>\r\n        \r\n    </div>\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>" }]
-        }], ctorParameters: () => [{ type: i1$3.MessageService }], propDecorators: { displayConfirmDialog: [{
-                type: Input
-            }], startDateTime: [{
-                type: Input
-            }], endDateTime: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], isProposedDate: [{
-                type: Input
-            }], detailedPmJobLinkedList: [{
-                type: Input
-            }], closeConfirmDialog: [{
-                type: Output
+class ConfirmDialogComponent {
+    constructor(messageService) {
+        this.messageService = messageService;
+        this.detailedPmJobLinkedList = [];
+        this.closeConfirmDialog = new EventEmitter();
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+    }
+    rejectDate() {
+        this.closeConfirmDialog.emit(false);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+    confirmDate() {
+        this.closeConfirmDialog.emit(true);
+    }
+}
+ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ConfirmDialogComponent, selector: "app-confirm-dialog", inputs: { displayConfirmDialog: "displayConfirmDialog", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", isProposedDate: "isProposedDate", detailedPmJobLinkedList: "detailedPmJobLinkedList" }, outputs: { closeConfirmDialog: "closeConfirmDialog" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialog\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <div>\r\n        {{ isProposedDate ? translate.textProposed : translate.textAlternative }}\r\n        <div>\r\n            <br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n                {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </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.workorderNumber }}</li></strong>\r\n        \r\n                </ul>\r\n            </div>\r\n            <br><br>\r\n            <p>{{translate.infoEmail}}</p>\r\n    \r\n        </div>\r\n        \r\n    </div>\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>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.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: i6$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: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-confirm-dialog', template: "<p-dialog [header]=\"globaltranslate.confirmation\" [(visible)]=\"displayConfirmDialog\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"rejectDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <div>\r\n        {{ isProposedDate ? translate.textProposed : translate.textAlternative }}\r\n        <div>\r\n            <br> <br>{{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n                {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </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.workorderNumber }}</li></strong>\r\n        \r\n                </ul>\r\n            </div>\r\n            <br><br>\r\n            <p>{{translate.infoEmail}}</p>\r\n    \r\n        </div>\r\n        \r\n    </div>\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>" }]
+        }], ctorParameters: function () { return [{ type: i1$3.MessageService }]; }, propDecorators: { displayConfirmDialog: [{
+                type: Input
+            }], startDateTime: [{
+                type: Input
+            }], endDateTime: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], isProposedDate: [{
+                type: Input
+            }], detailedPmJobLinkedList: [{
+                type: Input
+            }], closeConfirmDialog: [{
+                type: Output
             }] } });
 
-class ConfirmedDateInformationComponent {
-    displayConfirmedDateInfos;
-    startDateTime;
-    endDateTime;
-    globaltranslate;
-    translate;
-    moreDates;
-    closeConfirmedDateInfo = new EventEmitter();
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor() { }
-    ngOnDestroy() {
-        //  this.displayConfirmedDateInfos = false;
-    }
-    confirmDate() {
-        this.closeConfirmedDateInfo.emit(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ConfirmedDateInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: { displayConfirmedDateInfos: "displayConfirmedDateInfos", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", moreDates: "moreDates" }, outputs: { closeConfirmedDateInfo: "closeConfirmedDateInfo" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.information\" [(visible)]=\"displayConfirmedDateInfos\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"confirmDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <i class=\"pi pi-check icon-check\"></i>\r\n\r\n   \r\n    <div *ngIf=\"moreDates\" style=\"text-align:center ;\">\r\n        <br><br>\r\n        {{translate.textMoreDates}}\r\n        <br><br>\r\n\r\n    </div>\r\n    <div *ngIf=\"!moreDates\">\r\n        <div class=\"text-center\">\r\n            <p> {{translate.text }} <br> {{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</strong> <br> {{translate.from}}: <strong>08:00 </strong> </p>\r\n        </div>\r\n        <br><br>\r\n        <p>{{translate.infoEmail}}</p>\r\n\r\n    </div>\r\n   \r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times \" (click)=\"confirmDate()\" label=\"Close\" class=\" text-center d-block\"></p-button>\r\n    </ng-template>\r\n</p-dialog>", styles: ["p-dialog p{font-size:14px;line-height:34px;margin-top:30px}p-dialog .icon-check{text-align:center;color:#fff;background:var(--primarycolor);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:30px;font-weight:700;margin:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4$2.Button, selector: "p-button", inputs: ["type", "iconPos", "icon", "badge", "label", "disabled", "loading", "loadingIcon", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ConfirmedDateInformationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-confirmed-date-information', template: "<p-dialog [header]=\"globaltranslate.information\" [(visible)]=\"displayConfirmedDateInfos\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"confirmDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <i class=\"pi pi-check icon-check\"></i>\r\n\r\n   \r\n    <div *ngIf=\"moreDates\" style=\"text-align:center ;\">\r\n        <br><br>\r\n        {{translate.textMoreDates}}\r\n        <br><br>\r\n\r\n    </div>\r\n    <div *ngIf=\"!moreDates\">\r\n        <div class=\"text-center\">\r\n            <p> {{translate.text }} <br> {{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</strong> <br> {{translate.from}}: <strong>08:00 </strong> </p>\r\n        </div>\r\n        <br><br>\r\n        <p>{{translate.infoEmail}}</p>\r\n\r\n    </div>\r\n   \r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times \" (click)=\"confirmDate()\" label=\"Close\" class=\" text-center d-block\"></p-button>\r\n    </ng-template>\r\n</p-dialog>", styles: ["p-dialog p{font-size:14px;line-height:34px;margin-top:30px}p-dialog .icon-check{text-align:center;color:#fff;background:var(--primarycolor);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:30px;font-weight:700;margin:auto}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { displayConfirmedDateInfos: [{
-                type: Input
-            }], startDateTime: [{
-                type: Input
-            }], endDateTime: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], moreDates: [{
-                type: Input
-            }], closeConfirmedDateInfo: [{
-                type: Output
+class ConfirmedDateInformationComponent {
+    constructor() {
+        this.closeConfirmedDateInfo = new EventEmitter();
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+    }
+    ngOnDestroy() {
+        //  this.displayConfirmedDateInfos = false;
+    }
+    confirmDate() {
+        this.closeConfirmedDateInfo.emit(true);
+    }
+}
+ConfirmedDateInformationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ConfirmedDateInformationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ConfirmedDateInformationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ConfirmedDateInformationComponent, selector: "app-confirmed-date-information", inputs: { displayConfirmedDateInfos: "displayConfirmedDateInfos", startDateTime: "startDateTime", endDateTime: "endDateTime", globaltranslate: "globaltranslate", translate: "translate", moreDates: "moreDates" }, outputs: { closeConfirmedDateInfo: "closeConfirmedDateInfo" }, ngImport: i0, template: "<p-dialog [header]=\"globaltranslate.information\" [(visible)]=\"displayConfirmedDateInfos\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"confirmDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <i class=\"pi pi-check icon-check\"></i>\r\n\r\n   \r\n    <div *ngIf=\"moreDates\" style=\"text-align:center ;\">\r\n        <br><br>\r\n        {{translate.textMoreDates}}\r\n        <br><br>\r\n\r\n    </div>\r\n    <div *ngIf=\"!moreDates\">\r\n        <div class=\"text-center\">\r\n            <p> {{translate.text }} <br> {{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</strong> <br> {{translate.from}}: <strong>08:00 </strong> </p>\r\n        </div>\r\n        <br><br>\r\n        <p>{{translate.infoEmail}}</p>\r\n\r\n    </div>\r\n   \r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times \" (click)=\"confirmDate()\" label=\"Close\" class=\" text-center d-block\"></p-button>\r\n    </ng-template>\r\n</p-dialog>", styles: ["p-dialog p{font-size:14px;line-height:34px;margin-top:30px}p-dialog .icon-check{text-align:center;color:#fff;background:var(--primarycolor);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:30px;font-weight:700;margin:auto}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { 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: i6$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: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ConfirmedDateInformationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-confirmed-date-information', template: "<p-dialog [header]=\"globaltranslate.information\" [(visible)]=\"displayConfirmedDateInfos\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"confirmDate()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <i class=\"pi pi-check icon-check\"></i>\r\n\r\n   \r\n    <div *ngIf=\"moreDates\" style=\"text-align:center ;\">\r\n        <br><br>\r\n        {{translate.textMoreDates}}\r\n        <br><br>\r\n\r\n    </div>\r\n    <div *ngIf=\"!moreDates\">\r\n        <div class=\"text-center\">\r\n            <p> {{translate.text }} <br> {{translate.start}} : <i class=\"pi pi-calendar\"></i> &nbsp; <strong>\r\n            {{startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</strong> <br> {{translate.from}}: <strong>08:00 </strong> </p>\r\n        </div>\r\n        <br><br>\r\n        <p>{{translate.infoEmail}}</p>\r\n\r\n    </div>\r\n   \r\n\r\n    <ng-template pTemplate=\"footer\">\r\n        <p-button icon=\"pi pi-times \" (click)=\"confirmDate()\" label=\"Close\" class=\" text-center d-block\"></p-button>\r\n    </ng-template>\r\n</p-dialog>", styles: ["p-dialog p{font-size:14px;line-height:34px;margin-top:30px}p-dialog .icon-check{text-align:center;color:#fff;background:var(--primarycolor);width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:30px;font-weight:700;margin:auto}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { displayConfirmedDateInfos: [{
+                type: Input
+            }], startDateTime: [{
+                type: Input
+            }], endDateTime: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], moreDates: [{
+                type: Input
+            }], closeConfirmedDateInfo: [{
+                type: Output
             }] } });
 
-class ContactSupportComponent {
-    messageService;
-    formBuilder;
-    displaycontactSupport;
-    globaltranslate;
-    translate;
-    showDate;
-    detailedPmJob;
-    reasonContact;
-    reasons;
-    sendDetailedPm = new EventEmitter();
-    sendForm = new EventEmitter();
-    closeContactSupport = new EventEmitter();
-    form;
-    dates;
-    loading = false;
-    submitted = false;
-    minDate;
-    maxDate;
-    displayNumber = false;
-    selectedReason;
-    constructor(messageService, formBuilder) {
-        this.messageService = messageService;
-        this.formBuilder = formBuilder;
-    }
-    ngOnChanges(changes) {
-        this.loadDatas();
-    }
-    ngOnInit() {
-        this.loadDatas();
-    }
-    loadDatas() {
-        this.filterReasons();
-        this.setDateRules();
-        this.loadForm();
-    }
-    filterReasons() {
-        if (this.reasons && this.reasonContact === ReasonContact.MoreDatesFormPm) {
-            this.selectedReason = this.reasons[0];
-            this.reasons = this.reasons.filter(x => x.code === ReasonCode.MPM);
-        }
-        if (this.reasons && this.reasonContact === ReasonContact.CancelFormPm) {
-            this.selectedReason = this.reasons[2];
-            this.reasons = this.reasons.filter(x => x.code === ReasonCode.CPM);
-        }
-        if (this.detailedPmJob.status === PmJobStatus.DONE) {
-            this.reasons = this.reasons.filter(x => x.code === ReasonCode.OTH);
-        }
-        if (this.detailedPmJob.status === PmJobStatus.VALIDATED) {
-            this.reasons = this.reasons.filter(x => x.code !== ReasonCode.MPM);
-        }
-    }
-    cancelContactSupport() {
-        this.closeContactSupport.emit(true);
-        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-    }
-    get f() {
-        return this.form.controls;
-    }
-    setDateRules() {
-        let today = new Date();
-        let month = today.getMonth();
-        let year = today.getFullYear();
-        let prevMonth = (month === 0) ? 11 : month - 1;
-        let prevYear = (prevMonth === 11) ? year - 1 : year;
-        this.minDate = new Date();
-        this.minDate.setMonth(month);
-        this.minDate.setFullYear(prevYear);
-    }
-    loadForm() {
-        let name = sessionStorage.getItem('userName') ? sessionStorage.getItem('userName') : localStorage.getItem('userName');
-        let email = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : localStorage.getItem('email');
-        let phone = sessionStorage.getItem('mobilePhoneNumber') ? sessionStorage.getItem('mobilePhoneNumber') : 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]],
-            phone: [this.checkPhone(phone) ? phone : '', [Validators.required]],
-            extentionOrComment: [''],
-            reason: [{ value: '' }, [Validators.required]],
-            system: [{ value: this.detailedPmJob.systemName + ' ' + this.detailedPmJob.systemId, disabled: true }, [Validators.required]],
-            workOrder: [{ value: this.detailedPmJob.pmJob.workorderNumber, disabled: true }, [Validators.required]],
-            message: ['', (this.reasonContact === ReasonContact.MoreDatesFormPm) ? [] : [Validators.required, Validators.minLength(15)]],
-        });
-    }
-    checkPhone(phone) {
-        if (phone == null || phone == 'null' || phone == undefined || phone.length == 0) {
-            return false;
-        }
-        else {
-            return true;
-        }
-    }
-    contacted() {
-        this.sendContactMeEmailMethode();
-    }
-    contact() {
-        this.displayNumber = true;
-    }
-    closeNumber() {
-        this.displayNumber = false;
-    }
-    sendContactMeEmailMethode() {
-        if (this.form.value.reason.name == "Demander d'autres dates de PM") {
-            this.reasonContact = ReasonContact.MoreDatesFormPm;
-        }
-        this.detailedPmJob.name = this.form.value.name;
-        this.detailedPmJob.phone = this.form.value.phone;
-        this.detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
-        this.detailedPmJob.email = this.form.value.email;
-        //  this.detailedPmJob.reason = (this.reasonContact === ReasonContact.MoreDatesFormPm) ? this.reasons[0].name : this.form.value.reason.name;
-        this.detailedPmJob.reason = this.form.value.reason.name;
-        this.detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
-        this.detailedPmJob.comment = this.form.value.message;
-        this.detailedPmJob.reasonContact = this.reasonContact;
-        this.detailedPmJob.futureStatus = this.slectsFutureStatus(this.form.value.reason.code);
-        this.sendDetailedPm.emit(this.detailedPmJob);
-    }
-    slectsFutureStatus(status) {
-        switch (status) {
-            case ReasonCode.MPM: return PmJobStatus.WAITING;
-            case ReasonCode.RPM: return PmJobStatus.REPORTED;
-            case ReasonCode.CPM: return PmJobStatus.CANCELLED;
-            case ReasonCode.SDI: return PmJobStatus.DESINSTALLED;
-            case ReasonCode.OTH: return PmJobStatus.OTHER;
-            default: return "Erreur";
-        }
-    }
-    onSubmit() {
-        this.submitted = true;
-        if (this.form.invalid) {
-            this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryError, detail: this.globaltranslate.invalidForm });
-            return;
-        }
-        this.contacted();
-    }
-    preventStringKeypress(event) {
-        if (isNaN(Number(String.fromCharCode(event.charCode))) ||
-            String.fromCharCode(event.charCode) === ' ') {
-            event.preventDefault();
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ContactSupportComponent, deps: [{ token: i1$3.MessageService }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$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", "life", "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$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.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", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4$2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "dropdownIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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: () => [{ type: i1$3.MessageService }, { type: i1$4.FormBuilder }], propDecorators: { displaycontactSupport: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], showDate: [{
-                type: Input
-            }], detailedPmJob: [{
-                type: Input
-            }], reasonContact: [{
-                type: Input
-            }], reasons: [{
-                type: Input
-            }], sendDetailedPm: [{
-                type: Output
-            }], sendForm: [{
-                type: Output
-            }], closeContactSupport: [{
-                type: Output
+class ContactSupportComponent {
+    constructor(messageService, formBuilder) {
+        this.messageService = messageService;
+        this.formBuilder = formBuilder;
+        this.sendDetailedPm = new EventEmitter();
+        this.sendForm = new EventEmitter();
+        this.closeContactSupport = new EventEmitter();
+        this.loading = false;
+        this.submitted = false;
+        this.displayNumber = false;
+    }
+    ngOnChanges(changes) {
+        this.loadDatas();
+    }
+    ngOnInit() {
+        this.loadDatas();
+    }
+    loadDatas() {
+        this.filterReasons();
+        this.setDateRules();
+        this.loadForm();
+    }
+    filterReasons() {
+        if (this.reasons && this.reasonContact === ReasonContact.MoreDatesFormPm) {
+            this.selectedReason = this.reasons[0];
+            this.reasons = this.reasons.filter(x => x.code === ReasonCode.MPM);
+        }
+        if (this.reasons && this.reasonContact === ReasonContact.CancelFormPm) {
+            this.selectedReason = this.reasons[2];
+            this.reasons = this.reasons.filter(x => x.code === ReasonCode.CPM);
+        }
+        if (this.detailedPmJob.status === PmJobStatus.DONE) {
+            this.reasons = this.reasons.filter(x => x.code === ReasonCode.OTH);
+        }
+        if (this.detailedPmJob.status === PmJobStatus.VALIDATED) {
+            this.reasons = this.reasons.filter(x => x.code !== ReasonCode.MPM);
+        }
+    }
+    cancelContactSupport() {
+        this.closeContactSupport.emit(true);
+        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
+    }
+    get f() {
+        return this.form.controls;
+    }
+    setDateRules() {
+        let today = new Date();
+        let month = today.getMonth();
+        let year = today.getFullYear();
+        let prevMonth = (month === 0) ? 11 : month - 1;
+        let prevYear = (prevMonth === 11) ? year - 1 : year;
+        this.minDate = new Date();
+        this.minDate.setMonth(month);
+        this.minDate.setFullYear(prevYear);
+    }
+    loadForm() {
+        let name = sessionStorage.getItem('userName') ? sessionStorage.getItem('userName') : localStorage.getItem('userName');
+        let email = sessionStorage.getItem('email') ? sessionStorage.getItem('email') : localStorage.getItem('email');
+        let phone = sessionStorage.getItem('mobilePhoneNumber') ? sessionStorage.getItem('mobilePhoneNumber') : 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]],
+            phone: [this.checkPhone(phone) ? phone : '', [Validators.required]],
+            extentionOrComment: [''],
+            reason: [{ value: '' }, [Validators.required]],
+            system: [{ value: this.detailedPmJob.systemName + ' ' + this.detailedPmJob.systemId, disabled: true }, [Validators.required]],
+            workOrder: [{ value: this.detailedPmJob.pmJob.workorderNumber, disabled: true }, [Validators.required]],
+            message: ['', (this.reasonContact === ReasonContact.MoreDatesFormPm) ? [] : [Validators.required, Validators.minLength(15)]],
+        });
+    }
+    checkPhone(phone) {
+        if (phone == null || phone == 'null' || phone == undefined || phone.length == 0) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
+    contacted() {
+        this.sendContactMeEmailMethode();
+    }
+    contact() {
+        this.displayNumber = true;
+    }
+    closeNumber() {
+        this.displayNumber = false;
+    }
+    sendContactMeEmailMethode() {
+        if (this.form.value.reason.name == "Demander d'autres dates de PM") {
+            this.reasonContact = ReasonContact.MoreDatesFormPm;
+        }
+        this.detailedPmJob.name = this.form.value.name;
+        this.detailedPmJob.phone = this.form.value.phone;
+        this.detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
+        this.detailedPmJob.email = this.form.value.email;
+        //  this.detailedPmJob.reason = (this.reasonContact === ReasonContact.MoreDatesFormPm) ? this.reasons[0].name : this.form.value.reason.name;
+        this.detailedPmJob.reason = this.form.value.reason.name;
+        this.detailedPmJob.extentionOrComment = this.form.value.extentionOrComment;
+        this.detailedPmJob.comment = this.form.value.message;
+        this.detailedPmJob.reasonContact = this.reasonContact;
+        this.detailedPmJob.futureStatus = this.slectsFutureStatus(this.form.value.reason.code);
+        this.sendDetailedPm.emit(this.detailedPmJob);
+    }
+    slectsFutureStatus(status) {
+        switch (status) {
+            case ReasonCode.MPM: return PmJobStatus.WAITING;
+            case ReasonCode.RPM: return PmJobStatus.REPORTED;
+            case ReasonCode.CPM: return PmJobStatus.CANCELLED;
+            case ReasonCode.SDI: return PmJobStatus.DESINSTALLED;
+            case ReasonCode.OTH: return PmJobStatus.OTHER;
+            default: return "Erreur";
+        }
+    }
+    onSubmit() {
+        this.submitted = true;
+        if (this.form.invalid) {
+            this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryError, detail: this.globaltranslate.invalidForm });
+            return;
+        }
+        this.contacted();
+    }
+    preventStringKeypress(event) {
+        if (isNaN(Number(String.fromCharCode(event.charCode))) ||
+            String.fromCharCode(event.charCode) === ' ') {
+            event.preventDefault();
+        }
+    }
+}
+ContactSupportComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ContactSupportComponent, deps: [{ token: i1$3.MessageService }, { token: i1$4.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+ContactSupportComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$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$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.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: i6$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", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "overlayDirection", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "options", "filterValue"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", 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-6\">\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 class=\"p-col-12 p-md-6\">\r\n                                        <span class=\"titre\">{{translate.placeholderextentionOrComment}}</span>:\r\n                                        <input [placeholder]=\"translate.placeholderextentionOrComment\" type=\"text\" pInputText formControlName=\"extentionOrComment\">\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$3.MessageService }, { type: i1$4.FormBuilder }]; }, propDecorators: { displaycontactSupport: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], showDate: [{
+                type: Input
+            }], detailedPmJob: [{
+                type: Input
+            }], reasonContact: [{
+                type: Input
+            }], reasons: [{
+                type: Input
+            }], sendDetailedPm: [{
+                type: Output
+            }], sendForm: [{
+                type: Output
+            }], closeContactSupport: [{
+                type: Output
             }] } });
 
-var EmailType;
-(function (EmailType) {
-    EmailType["Accepted_Clients_Alternate"] = "Accepted_Clients_Alternate";
-    EmailType["Accepted_CSC_Alternate"] = "Accepted_CSC_Alternate";
-    EmailType["Accepted_Clients"] = "Accepted_Clients";
-    EmailType["Accepted_CSC"] = "Accepted_CSC";
-    EmailType["CancelPM_Clients"] = "CancelPM_Clients";
-    EmailType["CancelPM_CSC"] = "CancelPM_CSC";
-    EmailType["ContactMe_Clients"] = "ContactMe_Clients";
-    EmailType["ContactMe_CSC"] = "ContactMe_CSC";
-    EmailType["ReportDate_Clients"] = "ReportDate_Clients";
-    EmailType["ReportDate_CSC"] = "ReportDate_CSC";
-    EmailType["SendNewDates_Clients"] = "SendNewDates_Clients";
-    EmailType["SendNewDates_CSC"] = "SendNewDates_CSC";
-    EmailType["DesynchroPM_CSC"] = "DesynchroPM_CSC";
+var EmailType;
+(function (EmailType) {
+    EmailType["Accepted_Clients_Alternate"] = "Accepted_Clients_Alternate";
+    EmailType["Accepted_CSC_Alternate"] = "Accepted_CSC_Alternate";
+    EmailType["Accepted_Clients"] = "Accepted_Clients";
+    EmailType["Accepted_CSC"] = "Accepted_CSC";
+    EmailType["CancelPM_Clients"] = "CancelPM_Clients";
+    EmailType["CancelPM_CSC"] = "CancelPM_CSC";
+    EmailType["ContactMe_Clients"] = "ContactMe_Clients";
+    EmailType["ContactMe_CSC"] = "ContactMe_CSC";
+    EmailType["ReportDate_Clients"] = "ReportDate_Clients";
+    EmailType["ReportDate_CSC"] = "ReportDate_CSC";
+    EmailType["SendNewDates_Clients"] = "SendNewDates_Clients";
+    EmailType["SendNewDates_CSC"] = "SendNewDates_CSC";
+    EmailType["DesynchroPM_CSC"] = "DesynchroPM_CSC";
 })(EmailType || (EmailType = {}));
 
-var EventStatus;
-(function (EventStatus) {
-    EventStatus["ASSIGNEDANC"] = "Assigned ANC";
-    EventStatus["ASSIGNED"] = "Assigned";
-    EventStatus["ASSIGNEDPINNED"] = "Assigned Pinned";
-    EventStatus["COMPLETE"] = "Complete";
-    EventStatus["INCOMPLETE"] = "Incomplete";
+var EventStatus;
+(function (EventStatus) {
+    EventStatus["ASSIGNEDANC"] = "Assigned ANC";
+    EventStatus["ASSIGNED"] = "Assigned";
+    EventStatus["ASSIGNEDPINNED"] = "Assigned Pinned";
+    EventStatus["COMPLETE"] = "Complete";
+    EventStatus["INCOMPLETE"] = "Incomplete";
 })(EventStatus || (EventStatus = {}));
 
-var StingBoolean;
-(function (StingBoolean) {
-    StingBoolean["YES"] = "Yes";
-    StingBoolean["NO"] = "No";
+var StingBoolean;
+(function (StingBoolean) {
+    StingBoolean["YES"] = "Yes";
+    StingBoolean["NO"] = "No";
 })(StingBoolean || (StingBoolean = {}));
 
-class ShowLinksComponent {
-    dt;
-    displayShowLinks;
-    closeShowLinks = new EventEmitter();
-    detailedPmJobLinkedList = [];
-    selectedWorkorderId;
-    globaltranslate;
-    translate;
-    status;
-    header = "header";
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor() {
-        this.header = "PM : " + this.selectedWorkorderId;
-    }
-    close() {
-        this.closeShowLinks.emit(false);
-    }
-    applyFilterGlobal($event, stringVal) {
-        this.dt?.filterGlobal($event.target.value, stringVal);
-    }
-    transformStatus(status) {
-        switch (status) {
-            case PmJobStatus.NEW: return this.status.new;
-            case PmJobStatus.ACCEPTED: return this.status.accepted;
-            case PmJobStatus.CLOSED: return this.status.closed;
-            case PmJobStatus.Late: return this.status.late;
-            case PmJobStatus.OPEN: return this.status.open;
-            case PmJobStatus.WAITING: return this.status.waiting;
-            case PmJobStatus.DONE: return this.status.done;
-            case PmJobStatus.VALIDATED: return this.status.validated;
-            default: return "Erreur";
-        }
-    }
-    getStatusTooltip(status) {
-        switch (status) {
-            case PmJobStatus.ACCEPTED: return this.status.acceptedTooltip;
-            case PmJobStatus.NEW: return this.status.newTooltip;
-            case PmJobStatus.CLOSED: return this.status.closedTooltip;
-            case PmJobStatus.Late: return this.status.lateTooltip;
-            case PmJobStatus.OPEN: return this.status.openTooltip;
-            case PmJobStatus.WAITING: return this.status.waitingTooltip;
-            case PmJobStatus.DONE: return this.status.doneTooltip;
-            case PmJobStatus.VALIDATED: return this.status.validatedTooltip;
-            default: return "Erreur";
-        }
-    }
-    transformType(type) {
-        if (type === "Planned Maintenance") {
-            return "Maintenance planifiée";
-        }
-        return type;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ShowLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: ShowLinksComponent, selector: "app-show-links", inputs: { displayShowLinks: "displayShowLinks", detailedPmJobLinkedList: "detailedPmJobLinkedList", selectedWorkorderId: "selectedWorkorderId", globaltranslate: "globaltranslate", translate: "translate", status: "status" }, outputs: { closeShowLinks: "closeShowLinks" }, viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-dialog [header]=\"translate.titleShowLinks+  selectedWorkorderId \" [(visible)]=\"displayShowLinks\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"close()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <p-table #dt [value]=\"detailedPmJobLinkedList\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"false\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','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=\"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=\"workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                            <p-sortIcon field=\"workorderNumber\"></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                                \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: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n                    <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status) }}</span>\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}} {{detailedPmJobLinkedList ? detailedPmJobLinkedList.length : 0 }} {{globaltranslate.elements}}.\r\n            </div>\r\n        </ng-template>\r\n    </p-table>\r\n\r\n</p-dialog>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { kind: "directive", type: i7$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ShowLinksComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-show-links', template: "<p-dialog [header]=\"translate.titleShowLinks+  selectedWorkorderId \" [(visible)]=\"displayShowLinks\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"close()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <p-table #dt [value]=\"detailedPmJobLinkedList\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"false\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','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=\"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=\"workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                            <p-sortIcon field=\"workorderNumber\"></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                                \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: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n                    <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status) }}</span>\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}} {{detailedPmJobLinkedList ? detailedPmJobLinkedList.length : 0 }} {{globaltranslate.elements}}.\r\n            </div>\r\n        </ng-template>\r\n    </p-table>\r\n\r\n</p-dialog>" }]
-        }], ctorParameters: () => [], propDecorators: { dt: [{
-                type: ViewChild,
-                args: ['dt']
-            }], displayShowLinks: [{
-                type: Input
-            }], closeShowLinks: [{
-                type: Output
-            }], detailedPmJobLinkedList: [{
-                type: Input
-            }], selectedWorkorderId: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], status: [{
-                type: Input
+class ShowLinksComponent {
+    constructor() {
+        this.closeShowLinks = new EventEmitter();
+        this.detailedPmJobLinkedList = [];
+        this.header = "header";
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+        this.header = "PM : " + this.selectedWorkorderId;
+    }
+    close() {
+        this.closeShowLinks.emit(false);
+    }
+    applyFilterGlobal($event, stringVal) {
+        this.dt?.filterGlobal($event.target.value, stringVal);
+    }
+    transformStatus(status) {
+        switch (status) {
+            case PmJobStatus.NEW: return this.status.new;
+            case PmJobStatus.ACCEPTED: return this.status.accepted;
+            case PmJobStatus.CLOSED: return this.status.closed;
+            case PmJobStatus.Late: return this.status.late;
+            case PmJobStatus.OPEN: return this.status.open;
+            case PmJobStatus.WAITING: return this.status.waiting;
+            case PmJobStatus.DONE: return this.status.done;
+            case PmJobStatus.VALIDATED: return this.status.validated;
+            default: return "Erreur";
+        }
+    }
+    getStatusTooltip(status) {
+        switch (status) {
+            case PmJobStatus.ACCEPTED: return this.status.acceptedTooltip;
+            case PmJobStatus.NEW: return this.status.newTooltip;
+            case PmJobStatus.CLOSED: return this.status.closedTooltip;
+            case PmJobStatus.Late: return this.status.lateTooltip;
+            case PmJobStatus.OPEN: return this.status.openTooltip;
+            case PmJobStatus.WAITING: return this.status.waitingTooltip;
+            case PmJobStatus.DONE: return this.status.doneTooltip;
+            case PmJobStatus.VALIDATED: return this.status.validatedTooltip;
+            default: return "Erreur";
+        }
+    }
+    transformType(type) {
+        if (type === "Planned Maintenance") {
+            return "Maintenance planifiée";
+        }
+        return type;
+    }
+}
+ShowLinksComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ShowLinksComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ShowLinksComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: ShowLinksComponent, selector: "app-show-links", inputs: { displayShowLinks: "displayShowLinks", detailedPmJobLinkedList: "detailedPmJobLinkedList", selectedWorkorderId: "selectedWorkorderId", globaltranslate: "globaltranslate", translate: "translate", status: "status" }, outputs: { closeShowLinks: "closeShowLinks" }, viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], ngImport: i0, template: "<p-dialog [header]=\"translate.titleShowLinks+  selectedWorkorderId \" [(visible)]=\"displayShowLinks\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"close()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <p-table #dt [value]=\"detailedPmJobLinkedList\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"false\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','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=\"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=\"workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                            <p-sortIcon field=\"workorderNumber\"></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                                \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: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n                    <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status) }}</span>\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}} {{detailedPmJobLinkedList ? detailedPmJobLinkedList.length : 0 }} {{globaltranslate.elements}}.\r\n            </div>\r\n        </ng-template>\r\n    </p-table>\r\n\r\n</p-dialog>", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "directive", type: i4.InputText, selector: "[pInputText]" }, { 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: i6$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: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: ShowLinksComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-show-links', template: "<p-dialog [header]=\"translate.titleShowLinks+  selectedWorkorderId \" [(visible)]=\"displayShowLinks\" [modal]=\"true\" [style]=\"{width: '50vw'}\" (onHide)=\"close()\" [maximizable]=\"true\" [baseZIndex]=\"10000\" [draggable]=\"false\" [resizable]=\"false\">\r\n    <p-table #dt [value]=\"detailedPmJobLinkedList\" responsiveLayout=\"stack\" [rows]=\"5\" [showCurrentPageReport]=\"false\" [rowsPerPageOptions]=\"[5,10,25,50]\" [paginator]=\"true\" [globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','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=\"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=\"workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                            <p-sortIcon field=\"workorderNumber\"></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                                \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: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n                <td *ngIf=\"product.pmJob.caseType == 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n                    <td><span [class]=\"'product-status status-' + product.status\" [pTooltip]=\"getStatusTooltip(product.status)\">{{transformStatus(product.status) }}</span>\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}} {{detailedPmJobLinkedList ? detailedPmJobLinkedList.length : 0 }} {{globaltranslate.elements}}.\r\n            </div>\r\n        </ng-template>\r\n    </p-table>\r\n\r\n</p-dialog>" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }], displayShowLinks: [{
+                type: Input
+            }], closeShowLinks: [{
+                type: Output
+            }], detailedPmJobLinkedList: [{
+                type: Input
+            }], selectedWorkorderId: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], translate: [{
+                type: Input
+            }], status: [{
+                type: Input
             }] } });
 
-class ConfirmDialogContactComponent {
-    messageService;
-    displayConfirmDialogContact;
-    startDateTime;
-    endDateTime;
-    globaltranslate;
-    translate;
-    detailedPmJobLinkedList = [];
-    closeConfirmDialogContact = new EventEmitter();
-    constructor(messageService) {
-        this.messageService = messageService;
-    }
-    rejectDate() {
-        this.closeConfirmDialogContact.emit(false);
-        this.messageService.add({ severity: 'error', summary: this.globaltranslate.summaryReject, detail: this.globaltranslate.detailReject });
-    }
-    confirmDate() {
-        this.closeConfirmDialogContact.emit(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: ConfirmDialogContactComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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\">\r\n     {{  translate.text }}<br>\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.workorderNumber }}</li></strong>\r\n\r\n        </ul>\r\n    </div>\r\n    <br><br>\r\n    <!-- <p>{{translate.infoEmail}}</p> -->\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: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "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", "raised", "rounded", "text", "plain", "severity", "outlined", "link", "size", "style", "styleClass", "badgeClass", "ariaLabel"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i6$1.Dialog, selector: "p-dialog", inputs: ["header", "draggable", "resizable", "positionLeft", "positionTop", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "responsive", "appendTo", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "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"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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\">\r\n     {{  translate.text }}<br>\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.workorderNumber }}</li></strong>\r\n\r\n        </ul>\r\n    </div>\r\n    <br><br>\r\n    <!-- <p>{{translate.infoEmail}}</p> -->\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: () => [{ type: i1$3.MessageService }], propDecorators: { displayConfirmDialogContact: [{
-                type: Input
-            }], startDateTime: [{
-                type: Input
-            }], endDateTime: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], translate: [{
-                type: Input
-            }], detailedPmJobLinkedList: [{
-                type: Input
-            }], closeConfirmDialogContact: [{
-                type: Output
+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.10", ngImport: i0, type: ConfirmDialogContactComponent, deps: [{ token: i1$3.MessageService }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmDialogContactComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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\">\r\n     {{  translate.text }}<br>\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.workorderNumber }}</li></strong>\r\n\r\n        </ul>\r\n    </div>\r\n    <br><br>\r\n    <!-- <p>{{translate.infoEmail}}</p> -->\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: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.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: i6$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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", 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\">\r\n     {{  translate.text }}<br>\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.workorderNumber }}</li></strong>\r\n\r\n        </ul>\r\n    </div>\r\n    <br><br>\r\n    <!-- <p>{{translate.infoEmail}}</p> -->\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$3.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 {
-    dt;
-    op;
-    translate;
-    reasons;
-    globaltranslate;
-    maintenanceList = [];
-    maintenanceListNotDisplayed = [];
-    pmJobList = [];
-    isAlreadyScheduled;
-    displayConfirmedDateInfo = false;
-    alternativeDatesList;
-    emitForUpdate = new EventEmitter();
-    emitForAlternativeDates = new EventEmitter();
-    sendContactMeEmail = new EventEmitter();
-    status;
-    sendForm = new EventEmitter();
-    moreDates;
-    detailedPmJobLinkedList = [];
-    updatePmSubscription;
-    alternativeDatesSubscription;
-    showDate;
-    maintenanceSelected;
-    startDateTime;
-    endDateTime;
-    selectedWorkorderId;
-    alternativeDate;
-    alternativeDatesSelected = [];
-    displaycontactSupport = false;
-    displayConfirmDialog = false;
-    displayConfirmDateAlternativeDialog = false;
-    displayConfirmDialogContact = false;
-    displayShowLinks = false;
-    displayAnotherDate = false;
-    isWithLinks = false;
-    isProposedDate = true;
-    pmSelectedStatus;
-    emailTypes;
-    alreadyScheduledMsg;
-    reasonContact = "";
-    contactMeRequest;
-    first = 0;
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor() { }
-    ngOnDestroy() {
-        if (this.updatePmSubscription) {
-            this.updatePmSubscription.unsubscribe();
-        }
-        if (this.alternativeDatesSubscription) {
-            this.alternativeDatesSubscription.unsubscribe();
-        }
-    }
-    applyFilterGlobal($event, stringVal) {
-        this.dt?.filterGlobal($event.target.value, stringVal);
-    }
-    selectElement(element) {
-        this.alternativeDatesList = null;
-        this.emailTypes = [];
-        if (element) {
-            this.pmSelectedStatus = element.status;
-        }
-        if (element.pmJob.groupList) {
-            this.isWithLinks = element.pmJob.groupList?.length > 0 ? true : false;
-        }
-        this.selectedWorkorderId = element.pmJob.workorderNumber;
-        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.getLinkedPmJob();
-    }
-    getAlternativeDates(pmJob) {
-        this.emitForAlternativeDates.emit(pmJob);
-    }
-    getLinkedPmJob() {
-        this.detailedPmJobLinkedList = [];
-        if (this.maintenanceSelected.pmJob.groupList) {
-            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
-                this.maintenanceList.forEach((item) => {
-                    if (linked.workorderId === item.pmJob.workorderId) {
-                        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();
-        this.displayConfirmDialog = true;
-    }
-    closeConfirmDialog(confirm) {
-        console.log(this.isProposedDate);
-        this.displayConfirmDialog = false;
-        this.maintenanceSelected.futureStatus = PmJobStatus.ACCEPTED;
-        if (confirm) {
-            if (!this.isProposedDate) {
-                this.emailTypes.push(EmailType.Accepted_CSC_Alternate);
-                this.emailTypes.push(EmailType.Accepted_Clients_Alternate);
-                this.updateAlternativeDate();
-            }
-            else {
-                this.emailTypes.push(EmailType.Accepted_CSC);
-                this.emailTypes.push(EmailType.Accepted_Clients);
-                this.updateProposedDate();
-            }
-            this.updatePmJob();
-        }
-    }
-    closeConfirmDialogContact(confirm) {
-        this.displayConfirmDialogContact = false;
-        if (confirm) {
-            this.emailTypes = [];
-            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 = StingBoolean.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 = StingBoolean.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 = StingBoolean.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();
-        this.displayAnotherDate = true;
-    }
-    contactSupport(fromOtherDate) {
-        this.op.hide();
-        this.reasonContact = fromOtherDate ? ReasonContact.MoreDatesFormPm : ReasonContact.ContactFormPm;
-        this.displaycontactSupport = true;
-    }
-    showLinks(element) {
-        if (element) {
-            this.selectElement(element);
-        }
-        this.op.hide();
-        this.displayShowLinks = true;
-    }
-    closeShowLinks() {
-        this.displayShowLinks = false;
-    }
-    closeConfirmedDateInfo() {
-        this.displayConfirmedDateInfo = false;
-    }
-    acceptDate(alternativeDates) {
-        this.displayConfirmDialog = true;
-        this.alternativeDatesSelected = alternativeDates;
-        this.findDatesSelected();
-    }
-    findDatesSelected() {
-        this.alternativeDatesSelected.forEach((alternativeDate) => {
-            if (alternativeDate.selected === "Yes") {
-                this.startDateTime = alternativeDate.startDateTime;
-                this.endDateTime = alternativeDate.endDateTime;
-                this.maintenanceSelected.selectedDate = alternativeDate.startDateTime;
-                return;
-            }
-        });
-    }
-    closeAnotherDate(event) {
-        this.displayAnotherDate = false;
-        if (event === false) {
-            this.alreadyScheduledMsg = false;
-            this.op.hide();
-            this.contactSupport(true);
-        }
-    }
-    updatePmJob() {
-        this.pmJobList = [];
-        this.pmJobList.push(this.maintenanceSelected);
-        if (this.detailedPmJobLinkedList.length > 0) {
-            this.detailedPmJobLinkedList.forEach((pMJob) => {
-                this.pmJobList.push(pMJob);
-            });
-        }
-        this.callApiToUpdate();
-    }
-    editPm() {
-        this.alreadyScheduledMsg = true;
-        this.op.hide();
-        this.reasonContact = ReasonContact.CancelFormPm;
-        this.prepareForPopup();
-        this.displaycontactSupport = true;
-    }
-    prepareForPopup() {
-        if (this.maintenanceSelected.pmJob.customerAccepted === "Yes") {
-            this.startDateTime = this.maintenanceSelected.pmJob.startDateTime;
-            this.endDateTime = this.maintenanceSelected.pmJob.endDateTime;
-        }
-        else {
-            this.alternativeDatesSelected = this.maintenanceSelected.pmJob.alternativeDates;
-            this.findDatesSelected();
-        }
-    }
-    updateProposedDate() {
-        this.maintenanceSelected.pmJob.customerAccepted = StingBoolean.YES;
-        this.maintenanceSelected.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
-        this.detailedPmJobLinkedList.forEach((item) => {
-            item.pmJob.customerAccepted = StingBoolean.YES;
-            item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
-            item.futureStatus = PmJobStatus.ACCEPTED;
-            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
-        });
-    }
-    updateAlternativeDate() {
-        this.findDatesSelected();
-        this.maintenanceSelected.pmJob.alternativeDates = this.alternativeDatesSelected;
-        this.detailedPmJobLinkedList.forEach((item) => {
-            item.pmJob.alternativeDates = this.alternativeDatesSelected;
-            item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
-            item.futureStatus = PmJobStatus.ACCEPTED;
-            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
-        });
-        this.displayAnotherDate = false;
-    }
-    sendContactMeForm(contactMeRequest) {
-        this.moreDates = false;
-        if (contactMeRequest.reasonContact === ReasonContact.MoreDatesFormPm) {
-            this.moreDates = true;
-        }
-        this.displayConfirmDialogContact = true;
-        this.maintenanceSelected = contactMeRequest;
-    }
-    callApiToUpdate() {
-        let PmJobListForUpdate = {};
-        PmJobListForUpdate.pmJobList = this.pmJobList;
-        PmJobListForUpdate.emailTypes = this.emailTypes;
-        this.emitForUpdate.emit(PmJobListForUpdate);
-    }
-    transformStatus(status) {
-        switch (status) {
-            case PmJobStatus.NEW: return this.status.new;
-            case PmJobStatus.ACCEPTED: return this.status.accepted;
-            case PmJobStatus.CLOSED: return this.status.closed;
-            case PmJobStatus.Late: return this.status.late;
-            case PmJobStatus.OPEN: return this.status.open;
-            case PmJobStatus.WAITING: return this.status.waiting;
-            case PmJobStatus.DONE: return this.status.done;
-            case PmJobStatus.VALIDATED: return this.status.validated;
-            default: return "Erreur";
-        }
-    }
-    getStatusTooltip(status) {
-        switch (status) {
-            case PmJobStatus.ACCEPTED: return this.status.acceptedTooltip;
-            case PmJobStatus.NEW: return this.status.newTooltip;
-            case PmJobStatus.CLOSED: return this.status.closedTooltip;
-            case PmJobStatus.Late: return this.status.lateTooltip;
-            case PmJobStatus.OPEN: return this.status.openTooltip;
-            case PmJobStatus.WAITING: return this.status.waitingTooltip;
-            case PmJobStatus.DONE: return this.status.doneTooltip;
-            case PmJobStatus.VALIDATED: return this.status.validatedTooltip;
-            default: return "Erreur";
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: MaintenanceListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", 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 }], ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" \r\n[globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n[paginator]=\"true\"  [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\" [first]=\"first\">\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=\"systemName\"></p-sortIcon>\r\n            <th pSortableColumn=\"room\">{{translate.maintenanceList.room}}\r\n                <p-sortIcon field=\"room\"></p-sortIcon>\r\n            <th pSortableColumn=\"systemId\">System Id\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                <p-sortIcon field=\"pmJob.workorderNumber\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.startDateTime\">{{translate.maintenanceList.startDate}}\r\n                <p-sortIcon field=\"pmJob.startDateTime\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.caseType\">{{translate.maintenanceList.type}}\r\n                <p-sortIcon field=\"pmJob.caseType\"></p-sortIcon>\r\n            <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                <p-sortIcon field=\"status\"></p-sortIcon>\r\n            <th>{{translate.maintenanceList.NbrLinks}}\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.room }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n            <td>\r\n                <span [class]=\"'product-status status-' + product.status\"\r\n                      [pTooltip]=\"getStatusTooltip(product.status)\">\r\n                      {{transformStatus(product.status)}}\r\n                </span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList !== null \" (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 === null\" (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 !== null) \" 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!==null) \">\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 [moreDates]=\"moreDates\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfos]=\"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: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.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", "life", "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", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "component", type: i7$2.OverlayPanel, selector: "p-overlayPanel", inputs: ["ariaLabel", "ariaLabelledBy", "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: ["displayConfirmedDateInfos", "startDateTime", "endDateTime", "globaltranslate", "translate", "moreDates"], 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: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", 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]\" \r\n[globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n[paginator]=\"true\"  [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\" [first]=\"first\">\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=\"systemName\"></p-sortIcon>\r\n            <th pSortableColumn=\"room\">{{translate.maintenanceList.room}}\r\n                <p-sortIcon field=\"room\"></p-sortIcon>\r\n            <th pSortableColumn=\"systemId\">System Id\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                <p-sortIcon field=\"pmJob.workorderNumber\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.startDateTime\">{{translate.maintenanceList.startDate}}\r\n                <p-sortIcon field=\"pmJob.startDateTime\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.caseType\">{{translate.maintenanceList.type}}\r\n                <p-sortIcon field=\"pmJob.caseType\"></p-sortIcon>\r\n            <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                <p-sortIcon field=\"status\"></p-sortIcon>\r\n            <th>{{translate.maintenanceList.NbrLinks}}\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.room }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n            <td>\r\n                <span [class]=\"'product-status status-' + product.status\"\r\n                      [pTooltip]=\"getStatusTooltip(product.status)\">\r\n                      {{transformStatus(product.status)}}\r\n                </span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList !== null \" (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 === null\" (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 !== null) \" 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!==null) \">\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 [moreDates]=\"moreDates\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfos]=\"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: () => [], propDecorators: { dt: [{
-                type: ViewChild,
-                args: ['dt']
-            }], op: [{
-                type: ViewChild,
-                args: ['op']
-            }], translate: [{
-                type: Input
-            }], reasons: [{
-                type: Input
-            }], globaltranslate: [{
-                type: Input
-            }], maintenanceList: [{
-                type: Input
-            }], maintenanceListNotDisplayed: [{
-                type: Input
-            }], pmJobList: [{
-                type: Input
-            }], isAlreadyScheduled: [{
-                type: Input
-            }], displayConfirmedDateInfo: [{
-                type: Input
-            }], alternativeDatesList: [{
-                type: Input
-            }], emitForUpdate: [{
-                type: Output
-            }], emitForAlternativeDates: [{
-                type: Output
-            }], sendContactMeEmail: [{
-                type: Output
-            }], status: [{
-                type: Input
-            }], sendForm: [{
-                type: Output
+class MaintenanceListComponent {
+    constructor() {
+        this.maintenanceList = [];
+        this.maintenanceListNotDisplayed = [];
+        this.pmJobList = [];
+        this.displayConfirmedDateInfo = false;
+        this.emitForUpdate = new EventEmitter();
+        this.emitForAlternativeDates = new EventEmitter();
+        this.sendContactMeEmail = new EventEmitter();
+        this.sendForm = new EventEmitter();
+        this.detailedPmJobLinkedList = [];
+        this.alternativeDatesSelected = [];
+        this.displaycontactSupport = false;
+        this.displayConfirmDialog = false;
+        this.displayConfirmDateAlternativeDialog = false;
+        this.displayConfirmDialogContact = false;
+        this.displayShowLinks = false;
+        this.displayAnotherDate = false;
+        this.isWithLinks = false;
+        this.isProposedDate = true;
+        this.reasonContact = "";
+        this.first = 0;
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+    }
+    ngOnDestroy() {
+        if (this.updatePmSubscription) {
+            this.updatePmSubscription.unsubscribe();
+        }
+        if (this.alternativeDatesSubscription) {
+            this.alternativeDatesSubscription.unsubscribe();
+        }
+    }
+    applyFilterGlobal($event, stringVal) {
+        this.dt?.filterGlobal($event.target.value, stringVal);
+    }
+    selectElement(element) {
+        this.alternativeDatesList = null;
+        this.emailTypes = [];
+        if (element) {
+            this.pmSelectedStatus = element.status;
+        }
+        if (element.pmJob.groupList) {
+            this.isWithLinks = element.pmJob.groupList?.length > 0 ? true : false;
+        }
+        this.selectedWorkorderId = element.pmJob.workorderNumber;
+        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.getLinkedPmJob();
+    }
+    getAlternativeDates(pmJob) {
+        this.emitForAlternativeDates.emit(pmJob);
+    }
+    getLinkedPmJob() {
+        this.detailedPmJobLinkedList = [];
+        if (this.maintenanceSelected.pmJob.groupList) {
+            this.maintenanceSelected.pmJob.groupList.forEach((linked) => {
+                this.maintenanceList.forEach((item) => {
+                    if (linked.workorderId === item.pmJob.workorderId) {
+                        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();
+        this.displayConfirmDialog = true;
+    }
+    closeConfirmDialog(confirm) {
+        console.log(this.isProposedDate);
+        this.displayConfirmDialog = false;
+        this.maintenanceSelected.futureStatus = PmJobStatus.ACCEPTED;
+        if (confirm) {
+            if (!this.isProposedDate) {
+                this.emailTypes.push(EmailType.Accepted_CSC_Alternate);
+                this.emailTypes.push(EmailType.Accepted_Clients_Alternate);
+                this.updateAlternativeDate();
+            }
+            else {
+                this.emailTypes.push(EmailType.Accepted_CSC);
+                this.emailTypes.push(EmailType.Accepted_Clients);
+                this.updateProposedDate();
+            }
+            this.updatePmJob();
+        }
+    }
+    closeConfirmDialogContact(confirm) {
+        this.displayConfirmDialogContact = false;
+        if (confirm) {
+            this.emailTypes = [];
+            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 = StingBoolean.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 = StingBoolean.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 = StingBoolean.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();
+        this.displayAnotherDate = true;
+    }
+    contactSupport(fromOtherDate) {
+        this.op.hide();
+        this.reasonContact = fromOtherDate ? ReasonContact.MoreDatesFormPm : ReasonContact.ContactFormPm;
+        this.displaycontactSupport = true;
+    }
+    showLinks(element) {
+        if (element) {
+            this.selectElement(element);
+        }
+        this.op.hide();
+        this.displayShowLinks = true;
+    }
+    closeShowLinks() {
+        this.displayShowLinks = false;
+    }
+    closeConfirmedDateInfo() {
+        this.displayConfirmedDateInfo = false;
+    }
+    acceptDate(alternativeDates) {
+        this.displayConfirmDialog = true;
+        this.alternativeDatesSelected = alternativeDates;
+        this.findDatesSelected();
+    }
+    findDatesSelected() {
+        this.alternativeDatesSelected.forEach((alternativeDate) => {
+            if (alternativeDate.selected === "Yes") {
+                this.startDateTime = alternativeDate.startDateTime;
+                this.endDateTime = alternativeDate.endDateTime;
+                this.maintenanceSelected.selectedDate = alternativeDate.startDateTime;
+                return;
+            }
+        });
+    }
+    closeAnotherDate(event) {
+        this.displayAnotherDate = false;
+        if (event === false) {
+            this.alreadyScheduledMsg = false;
+            this.op.hide();
+            this.contactSupport(true);
+        }
+    }
+    updatePmJob() {
+        this.pmJobList = [];
+        this.pmJobList.push(this.maintenanceSelected);
+        if (this.detailedPmJobLinkedList.length > 0) {
+            this.detailedPmJobLinkedList.forEach((pMJob) => {
+                this.pmJobList.push(pMJob);
+            });
+        }
+        this.callApiToUpdate();
+    }
+    editPm() {
+        this.alreadyScheduledMsg = true;
+        this.op.hide();
+        this.reasonContact = ReasonContact.CancelFormPm;
+        this.prepareForPopup();
+        this.displaycontactSupport = true;
+    }
+    prepareForPopup() {
+        if (this.maintenanceSelected.pmJob.customerAccepted === "Yes") {
+            this.startDateTime = this.maintenanceSelected.pmJob.startDateTime;
+            this.endDateTime = this.maintenanceSelected.pmJob.endDateTime;
+        }
+        else {
+            this.alternativeDatesSelected = this.maintenanceSelected.pmJob.alternativeDates;
+            this.findDatesSelected();
+        }
+    }
+    updateProposedDate() {
+        this.maintenanceSelected.pmJob.customerAccepted = StingBoolean.YES;
+        this.maintenanceSelected.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
+        this.detailedPmJobLinkedList.forEach((item) => {
+            item.pmJob.customerAccepted = StingBoolean.YES;
+            item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
+            item.futureStatus = PmJobStatus.ACCEPTED;
+            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
+        });
+    }
+    updateAlternativeDate() {
+        this.findDatesSelected();
+        this.maintenanceSelected.pmJob.alternativeDates = this.alternativeDatesSelected;
+        this.detailedPmJobLinkedList.forEach((item) => {
+            item.pmJob.alternativeDates = this.alternativeDatesSelected;
+            item.pmJob.eventStatus = EventStatus.ASSIGNEDANC;
+            item.futureStatus = PmJobStatus.ACCEPTED;
+            item.WorkorderNumberSelected = this.maintenanceSelected.pmJob.workorderId;
+        });
+        this.displayAnotherDate = false;
+    }
+    sendContactMeForm(contactMeRequest) {
+        this.moreDates = false;
+        if (contactMeRequest.reasonContact === ReasonContact.MoreDatesFormPm) {
+            this.moreDates = true;
+        }
+        this.displayConfirmDialogContact = true;
+        this.maintenanceSelected = contactMeRequest;
+    }
+    callApiToUpdate() {
+        let PmJobListForUpdate = {};
+        PmJobListForUpdate.pmJobList = this.pmJobList;
+        PmJobListForUpdate.emailTypes = this.emailTypes;
+        this.emitForUpdate.emit(PmJobListForUpdate);
+    }
+    transformStatus(status) {
+        switch (status) {
+            case PmJobStatus.NEW: return this.status.new;
+            case PmJobStatus.ACCEPTED: return this.status.accepted;
+            case PmJobStatus.CLOSED: return this.status.closed;
+            case PmJobStatus.Late: return this.status.late;
+            case PmJobStatus.OPEN: return this.status.open;
+            case PmJobStatus.WAITING: return this.status.waiting;
+            case PmJobStatus.DONE: return this.status.done;
+            case PmJobStatus.VALIDATED: return this.status.validated;
+            default: return "Erreur";
+        }
+    }
+    getStatusTooltip(status) {
+        switch (status) {
+            case PmJobStatus.ACCEPTED: return this.status.acceptedTooltip;
+            case PmJobStatus.NEW: return this.status.newTooltip;
+            case PmJobStatus.CLOSED: return this.status.closedTooltip;
+            case PmJobStatus.Late: return this.status.lateTooltip;
+            case PmJobStatus.OPEN: return this.status.openTooltip;
+            case PmJobStatus.WAITING: return this.status.waitingTooltip;
+            case PmJobStatus.DONE: return this.status.doneTooltip;
+            case PmJobStatus.VALIDATED: return this.status.validatedTooltip;
+            default: return "Erreur";
+        }
+    }
+}
+MaintenanceListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: MaintenanceListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+MaintenanceListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", 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 }], ngImport: i0, template: "<p-table #dt [value]=\"maintenanceList\" responsiveLayout=\"stack\" [rows]=\"10\" [showCurrentPageReport]=\"true\" [rowsPerPageOptions]=\"[5,10,25,50]\" \r\n[globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n[paginator]=\"true\"  [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\" [first]=\"first\">\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=\"systemName\"></p-sortIcon>\r\n            <th pSortableColumn=\"room\">{{translate.maintenanceList.room}}\r\n                <p-sortIcon field=\"room\"></p-sortIcon>\r\n            <th pSortableColumn=\"systemId\">System Id\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                <p-sortIcon field=\"pmJob.workorderNumber\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.startDateTime\">{{translate.maintenanceList.startDate}}\r\n                <p-sortIcon field=\"pmJob.startDateTime\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.caseType\">{{translate.maintenanceList.type}}\r\n                <p-sortIcon field=\"pmJob.caseType\"></p-sortIcon>\r\n            <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                <p-sortIcon field=\"status\"></p-sortIcon>\r\n            <th>{{translate.maintenanceList.NbrLinks}}\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.room }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n            <td>\r\n                <span [class]=\"'product-status status-' + product.status\"\r\n                      [pTooltip]=\"getStatusTooltip(product.status)\">\r\n                      {{transformStatus(product.status)}}\r\n                </span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList !== null \" (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 === null\" (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 !== null) \" 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!==null) \">\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 [moreDates]=\"moreDates\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfos]=\"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: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2.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: ["displayConfirmedDateInfos", "startDateTime", "endDateTime", "globaltranslate", "translate", "moreDates"], 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: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", 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]\" \r\n[globalFilterFields]=\"['systemId','pmJob.caseId','systemName','pmJob.workorderNumber','pmJob.startDateTime','pmJob.endDateTime','pmJob.case_type','pmJob.case_category','status']\"\r\n[paginator]=\"true\"  [rowHover]=\"true\" dataKey=\"id\" [currentPageReportTemplate]=\"globaltranslate.countPages\" [first]=\"first\">\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=\"systemName\"></p-sortIcon>\r\n            <th pSortableColumn=\"room\">{{translate.maintenanceList.room}}\r\n                <p-sortIcon field=\"room\"></p-sortIcon>\r\n            <th pSortableColumn=\"systemId\">System Id\r\n                <p-sortIcon field=\"systemId\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.workorderNumber\">{{translate.maintenanceList.workOrder}}\r\n                <p-sortIcon field=\"pmJob.workorderNumber\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.startDateTime\">{{translate.maintenanceList.startDate}}\r\n                <p-sortIcon field=\"pmJob.startDateTime\"></p-sortIcon>\r\n            <th pSortableColumn=\"pmJob.caseType\">{{translate.maintenanceList.type}}\r\n                <p-sortIcon field=\"pmJob.caseType\"></p-sortIcon>\r\n            <th pSortableColumn=\"status\">{{translate.maintenanceList.status}}\r\n                <p-sortIcon field=\"status\"></p-sortIcon>\r\n            <th>{{translate.maintenanceList.NbrLinks}}\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.room }}</td>\r\n            <td>{{product.systemId }}</td>\r\n            <td>{{product.pmJob.workorderNumber }}</td>\r\n            <td>{{product.pmJob.startDateTime | date: \"EEE dd MMM yyyy\":\"\":language}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'Planned Maintenance'\">{{translate.maintenanceList.typePlanned}}</td>\r\n            <td *ngIf=\"product.pmJob.caseType === 'QARA'\">{{translate.maintenanceList.typeQARA}}</td>\r\n            <td>\r\n                <span [class]=\"'product-status status-' + product.status\"\r\n                      [pTooltip]=\"getStatusTooltip(product.status)\">\r\n                      {{transformStatus(product.status)}}\r\n                </span>\r\n            </td>\r\n            <td *ngIf=\"product.pmJob.groupList !== null \" (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 === null\" (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 !== null) \" 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!==null) \">\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 [moreDates]=\"moreDates\" [globaltranslate]=\"globaltranslate\" [translate]=\"translate.confirmDateInformation\" [startDateTime]=\"startDateTime\" [endDateTime]=\"endDateTime\" [displayConfirmedDateInfos]=\"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 []; }, propDecorators: { dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }], op: [{
+                type: ViewChild,
+                args: ['op']
+            }], translate: [{
+                type: Input
+            }], reasons: [{
+                type: Input
+            }], globaltranslate: [{
+                type: Input
+            }], maintenanceList: [{
+                type: Input
+            }], maintenanceListNotDisplayed: [{
+                type: Input
+            }], pmJobList: [{
+                type: Input
+            }], isAlreadyScheduled: [{
+                type: Input
+            }], displayConfirmedDateInfo: [{
+                type: Input
+            }], alternativeDatesList: [{
+                type: Input
+            }], emitForUpdate: [{
+                type: Output
+            }], emitForAlternativeDates: [{
+                type: Output
+            }], sendContactMeEmail: [{
+                type: Output
+            }], status: [{
+                type: Input
+            }], sendForm: [{
+                type: Output
             }] } });
 
-const routes = [];
-class SharedRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: SharedRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes)],
-                    exports: [RouterModule]
-                }]
+const routes = [];
+class SharedRoutingModule {
+}
+SharedRoutingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedRoutingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SharedRoutingModule, imports: [i1.RouterModule], exports: [RouterModule] });
+SharedRoutingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedRoutingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes)],
+                    exports: [RouterModule]
+                }]
         }] });
 
-class DashboardComponent {
-    name;
-    email;
-    number;
-    systems;
-    toBeScheduledMaintenanceList = [];
-    alreadyScheduledMaintenanceList = [];
-    translate;
-    languageStored = localStorage.getItem("lang");
-    language = this.languageStored ? this.languageStored : navigator.language.substr(0, 2).toLowerCase();
-    constructor() { }
-    ngOnChanges(changes) { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.2", type: DashboardComponent, selector: "awf-dashboard", inputs: { name: "name", email: "email", number: "number", systems: "systems", toBeScheduledMaintenanceList: "toBeScheduledMaintenanceList", alreadyScheduledMaintenanceList: "alreadyScheduledMaintenanceList", translate: "translate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"GE\">\r\n    <div class=\"home\">\r\n        <h3 class=\"title\">{{translate.title}}</h3>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-8\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./systems\">\r\n                    <div class=\"conteur\">\r\n                        <img class=\"d-block mx-auto\" height=\"60px\" src=\"assets/img/GEPortal/tools.png\">\r\n                         <h3 class=\"counter text-center mt-4\">{{systems.length}} &nbsp; {{translate.systems}}</h3>\r\n                     </div>\r\n                    </div>\r\n                </div>\r\n                <br>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./maintenance\">\r\n                        <div class=\"conteur conteur bg--primary\">\r\n                           <img class=\"d-block mx-auto \" height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\">{{toBeScheduledMaintenanceList.length}} &nbsp; {{translate.upComing}}</h3>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-6 card-bg\">\r\n                        <div class=\"d-block mx-auto conteur bg--primary\">\r\n                            <img class=\"d-block mx-auto\"  height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\"> {{alreadyScheduledMaintenanceList.length}} &nbsp; {{translate.toValidate}}</h3>\r\n                        </div>\r\n                    </div> -->\r\n                </div> \r\n                <div class=\"row mt-4\">\r\n                    <div class=\"col-md-12 card-bg\">\r\n                        <div class=\"conteur\">\r\n                            <h4> {{translate.upcoming}}</h4>\r\n                            <p-table [value]=\"toBeScheduledMaintenanceList\" responsiveLayout=\"scroll\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                    <tr>\r\n                                        <th>{{translate.name}}</th>\r\n                                        <th>{{translate.systemId}}</th>\r\n                                        <th>{{translate.workorderId}}</th>\r\n                                        <th>{{translate.endDateTime}}</th>\r\n                                    </tr>\r\n                                </ng-template> \r\n                                <ng-template pTemplate=\"body\" let-product>\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.endDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </td>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4\" >\r\n                <div routerLink=\"./contact\" class=\"card- d-grid text-center justify-content-center align-items-center p-5\" style=\"cursor: pointer;\">\r\n                    <img src=\"assets/img/GEPortal/phone.png\" width=\"80px\" class=\"img-fluid mx-auto\">\r\n                    <h5 class=\"mt-5\">\u00A0{{ translate.contact}}</h5>\r\n                </div>\r\n                <div class=\"card- d-grid mt-4 p-4\">\r\n                    <h4>{{ translate.profil}}</h4>\r\n                    <div class=\"d-flex align-items-center mb-3 mt-4\"> <img src=\"assets/img/GEPortal/user.png\">\r\n                        <p>&nbsp;{{name}}</p>\r\n                    </div>\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/mail.png\">\r\n                        <p>&nbsp;{{email}}</p>\r\n                    </div>\r\n                    <!-- <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/map.png\">\r\n                        <p>31 rue marseille France</p>\r\n                    </div> -->\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/phone-call.png\">\r\n                        <p>&nbsp;{{number}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["h3.counter{font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "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", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: DashboardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'awf-dashboard', template: "<div class=\"GE\">\r\n    <div class=\"home\">\r\n        <h3 class=\"title\">{{translate.title}}</h3>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-8\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./systems\">\r\n                    <div class=\"conteur\">\r\n                        <img class=\"d-block mx-auto\" height=\"60px\" src=\"assets/img/GEPortal/tools.png\">\r\n                         <h3 class=\"counter text-center mt-4\">{{systems.length}} &nbsp; {{translate.systems}}</h3>\r\n                     </div>\r\n                    </div>\r\n                </div>\r\n                <br>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./maintenance\">\r\n                        <div class=\"conteur conteur bg--primary\">\r\n                           <img class=\"d-block mx-auto \" height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\">{{toBeScheduledMaintenanceList.length}} &nbsp; {{translate.upComing}}</h3>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-6 card-bg\">\r\n                        <div class=\"d-block mx-auto conteur bg--primary\">\r\n                            <img class=\"d-block mx-auto\"  height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\"> {{alreadyScheduledMaintenanceList.length}} &nbsp; {{translate.toValidate}}</h3>\r\n                        </div>\r\n                    </div> -->\r\n                </div> \r\n                <div class=\"row mt-4\">\r\n                    <div class=\"col-md-12 card-bg\">\r\n                        <div class=\"conteur\">\r\n                            <h4> {{translate.upcoming}}</h4>\r\n                            <p-table [value]=\"toBeScheduledMaintenanceList\" responsiveLayout=\"scroll\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                    <tr>\r\n                                        <th>{{translate.name}}</th>\r\n                                        <th>{{translate.systemId}}</th>\r\n                                        <th>{{translate.workorderId}}</th>\r\n                                        <th>{{translate.endDateTime}}</th>\r\n                                    </tr>\r\n                                </ng-template> \r\n                                <ng-template pTemplate=\"body\" let-product>\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.endDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </td>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4\" >\r\n                <div routerLink=\"./contact\" class=\"card- d-grid text-center justify-content-center align-items-center p-5\" style=\"cursor: pointer;\">\r\n                    <img src=\"assets/img/GEPortal/phone.png\" width=\"80px\" class=\"img-fluid mx-auto\">\r\n                    <h5 class=\"mt-5\">\u00A0{{ translate.contact}}</h5>\r\n                </div>\r\n                <div class=\"card- d-grid mt-4 p-4\">\r\n                    <h4>{{ translate.profil}}</h4>\r\n                    <div class=\"d-flex align-items-center mb-3 mt-4\"> <img src=\"assets/img/GEPortal/user.png\">\r\n                        <p>&nbsp;{{name}}</p>\r\n                    </div>\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/mail.png\">\r\n                        <p>&nbsp;{{email}}</p>\r\n                    </div>\r\n                    <!-- <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/map.png\">\r\n                        <p>31 rue marseille France</p>\r\n                    </div> -->\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/phone-call.png\">\r\n                        <p>&nbsp;{{number}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["h3.counter{font-size:20px}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { name: [{
-                type: Input
-            }], email: [{
-                type: Input
-            }], number: [{
-                type: Input
-            }], systems: [{
-                type: Input
-            }], toBeScheduledMaintenanceList: [{
-                type: Input
-            }], alreadyScheduledMaintenanceList: [{
-                type: Input
-            }], translate: [{
-                type: Input
+class DashboardComponent {
+    constructor() {
+        this.toBeScheduledMaintenanceList = [];
+        this.alreadyScheduledMaintenanceList = [];
+        this.language = navigator.language.substr(0, 2).toLowerCase();
+    }
+    ngOnChanges(changes) { }
+}
+DashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: DashboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: DashboardComponent, selector: "awf-dashboard", inputs: { name: "name", email: "email", number: "number", systems: "systems", toBeScheduledMaintenanceList: "toBeScheduledMaintenanceList", alreadyScheduledMaintenanceList: "alreadyScheduledMaintenanceList", translate: "translate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"GE\">\r\n    <div class=\"home\">\r\n        <h3 class=\"title\">{{translate.title}}</h3>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-8\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./systems\">\r\n                    <div class=\"conteur\">\r\n                        <img class=\"d-block mx-auto\" height=\"60px\" src=\"assets/img/GEPortal/tools.png\">\r\n                         <h3 class=\"counter text-center mt-4\">{{systems.length}} &nbsp; {{translate.systems}}</h3>\r\n                     </div>\r\n                    </div>\r\n                </div>\r\n                <br>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./maintenance\">\r\n                        <div class=\"conteur conteur bg--primary\">\r\n                           <img class=\"d-block mx-auto \" height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\">{{toBeScheduledMaintenanceList.length}} &nbsp; {{translate.upComing}}</h3>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-6 card-bg\">\r\n                        <div class=\"d-block mx-auto conteur bg--primary\">\r\n                            <img class=\"d-block mx-auto\"  height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\"> {{alreadyScheduledMaintenanceList.length}} &nbsp; {{translate.toValidate}}</h3>\r\n                        </div>\r\n                    </div> -->\r\n                </div> \r\n                <div class=\"row mt-4\">\r\n                    <div class=\"col-md-12 card-bg\">\r\n                        <div class=\"conteur\">\r\n                            <h4> {{translate.upcoming}}</h4>\r\n                            <p-table [value]=\"toBeScheduledMaintenanceList\" responsiveLayout=\"scroll\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                    <tr>\r\n                                        <th>{{translate.name}}</th>\r\n                                        <th>{{translate.systemId}}</th>\r\n                                        <th>{{translate.workorderId}}</th>\r\n                                        <th>{{translate.endDateTime}}</th>\r\n                                    </tr>\r\n                                </ng-template> \r\n                                <ng-template pTemplate=\"body\" let-product>\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.endDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </td>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4\" >\r\n                <div routerLink=\"./contact\" class=\"card- d-grid text-center justify-content-center align-items-center p-5\" style=\"cursor: pointer;\">\r\n                    <img src=\"assets/img/GEPortal/phone.png\" width=\"80px\" class=\"img-fluid mx-auto\">\r\n                    <h5 class=\"mt-5\">\u00A0{{ translate.contact}}</h5>\r\n                </div>\r\n                <div class=\"card- d-grid mt-4 p-4\">\r\n                    <h4>{{ translate.profil}}</h4>\r\n                    <div class=\"d-flex align-items-center mb-3 mt-4\"> <img src=\"assets/img/GEPortal/user.png\">\r\n                        <p>&nbsp;{{name}}</p>\r\n                    </div>\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/mail.png\">\r\n                        <p>&nbsp;{{email}}</p>\r\n                    </div>\r\n                    <!-- <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/map.png\">\r\n                        <p>31 rue marseille France</p>\r\n                    </div> -->\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/phone-call.png\">\r\n                        <p>&nbsp;{{number}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["h3.counter{font-size:20px}\n"], dependencies: [{ kind: "directive", type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.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$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: DashboardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'awf-dashboard', template: "<div class=\"GE\">\r\n    <div class=\"home\">\r\n        <h3 class=\"title\">{{translate.title}}</h3>\r\n        <div class=\"row\">\r\n            <div class=\"col-md-8\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./systems\">\r\n                    <div class=\"conteur\">\r\n                        <img class=\"d-block mx-auto\" height=\"60px\" src=\"assets/img/GEPortal/tools.png\">\r\n                         <h3 class=\"counter text-center mt-4\">{{systems.length}} &nbsp; {{translate.systems}}</h3>\r\n                     </div>\r\n                    </div>\r\n                </div>\r\n                <br>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 card-bg\" style=\"cursor: pointer;\" routerLink=\"./maintenance\">\r\n                        <div class=\"conteur conteur bg--primary\">\r\n                           <img class=\"d-block mx-auto \" height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\">{{toBeScheduledMaintenanceList.length}} &nbsp; {{translate.upComing}}</h3>\r\n                        </div>\r\n                    </div>\r\n                    <!-- <div class=\"col-md-6 card-bg\">\r\n                        <div class=\"d-block mx-auto conteur bg--primary\">\r\n                            <img class=\"d-block mx-auto\"  height=\"60px\" src=\"assets/img/GEPortal/calendar-check.png\">\r\n                            <h3 class=\"counter text-center mt-4\"> {{alreadyScheduledMaintenanceList.length}} &nbsp; {{translate.toValidate}}</h3>\r\n                        </div>\r\n                    </div> -->\r\n                </div> \r\n                <div class=\"row mt-4\">\r\n                    <div class=\"col-md-12 card-bg\">\r\n                        <div class=\"conteur\">\r\n                            <h4> {{translate.upcoming}}</h4>\r\n                            <p-table [value]=\"toBeScheduledMaintenanceList\" responsiveLayout=\"scroll\">\r\n                                <ng-template pTemplate=\"header\">\r\n                                    <tr>\r\n                                        <th>{{translate.name}}</th>\r\n                                        <th>{{translate.systemId}}</th>\r\n                                        <th>{{translate.workorderId}}</th>\r\n                                        <th>{{translate.endDateTime}}</th>\r\n                                    </tr>\r\n                                </ng-template> \r\n                                <ng-template pTemplate=\"body\" let-product>\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.endDateTime | date: \"EEE dd MMM yyyy\":\"\":language}} </td>\r\n                                    </tr>\r\n                                </ng-template>\r\n                            </p-table>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-4\" >\r\n                <div routerLink=\"./contact\" class=\"card- d-grid text-center justify-content-center align-items-center p-5\" style=\"cursor: pointer;\">\r\n                    <img src=\"assets/img/GEPortal/phone.png\" width=\"80px\" class=\"img-fluid mx-auto\">\r\n                    <h5 class=\"mt-5\">\u00A0{{ translate.contact}}</h5>\r\n                </div>\r\n                <div class=\"card- d-grid mt-4 p-4\">\r\n                    <h4>{{ translate.profil}}</h4>\r\n                    <div class=\"d-flex align-items-center mb-3 mt-4\"> <img src=\"assets/img/GEPortal/user.png\">\r\n                        <p>&nbsp;{{name}}</p>\r\n                    </div>\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/mail.png\">\r\n                        <p>&nbsp;{{email}}</p>\r\n                    </div>\r\n                    <!-- <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/map.png\">\r\n                        <p>31 rue marseille France</p>\r\n                    </div> -->\r\n                    <div class=\"d-flex align-items-center mb-3\"> <img src=\"assets/img/GEPortal/phone-call.png\">\r\n                        <p>&nbsp;{{number}}</p>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n", styles: ["h3.counter{font-size:20px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { name: [{
+                type: Input
+            }], email: [{
+                type: Input
+            }], number: [{
+                type: Input
+            }], systems: [{
+                type: Input
+            }], toBeScheduledMaintenanceList: [{
+                type: Input
+            }], alreadyScheduledMaintenanceList: [{
+                type: Input
+            }], translate: [{
+                type: Input
             }] } });
 
-class SharedModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.2.2", ngImport: i0, type: SharedModule, declarations: [SystemListComponent,
-            ContactComponent,
-            ChooseAnotherDateComponent,
-            ConfirmDialogComponent,
-            ConfirmedDateInformationComponent,
-            ContactSupportComponent,
-            MaintenanceListComponent,
-            ShowLinksComponent,
-            DashboardComponent,
-            ConfirmDialogContactComponent], imports: [CommonModule,
-            SharedRoutingModule,
-            TableModule,
-            InputTextModule,
-            PipesModule,
-            ToastModule,
-            InputTextareaModule,
-            MultiSelectModule,
-            FormsModule,
-            ReactiveFormsModule,
-            ProgressSpinnerModule,
-            RadioButtonModule,
-            CheckboxModule,
-            SelectButtonModule,
-            TooltipModule,
-            OverlayPanelModule,
-            CalendarModule,
-            SliderModule,
-            DialogModule,
-            ConfirmPopupModule,
-            ConfirmDialogModule,
-            ContextMenuModule,
-            DropdownModule,
-            ButtonModule,
-            ToolbarModule], exports: [SystemListComponent, ContactComponent, MaintenanceListComponent, DashboardComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedModule, imports: [CommonModule,
-            SharedRoutingModule,
-            TableModule,
-            InputTextModule,
-            PipesModule,
-            ToastModule,
-            InputTextareaModule,
-            MultiSelectModule,
-            FormsModule,
-            ReactiveFormsModule,
-            ProgressSpinnerModule,
-            RadioButtonModule,
-            CheckboxModule,
-            SelectButtonModule,
-            TooltipModule,
-            OverlayPanelModule,
-            CalendarModule,
-            SliderModule,
-            DialogModule,
-            ConfirmPopupModule,
-            ConfirmDialogModule,
-            ContextMenuModule,
-            DropdownModule,
-            ButtonModule,
-            ToolbarModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: SharedModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SystemListComponent,
-                        ContactComponent,
-                        ChooseAnotherDateComponent,
-                        ConfirmDialogComponent,
-                        ConfirmedDateInformationComponent,
-                        ContactSupportComponent,
-                        MaintenanceListComponent,
-                        ShowLinksComponent,
-                        DashboardComponent,
-                        ConfirmDialogContactComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        SharedRoutingModule,
-                        TableModule,
-                        InputTextModule,
-                        PipesModule,
-                        ToastModule,
-                        InputTextareaModule,
-                        MultiSelectModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        ProgressSpinnerModule,
-                        RadioButtonModule,
-                        CheckboxModule,
-                        SelectButtonModule,
-                        TooltipModule,
-                        OverlayPanelModule,
-                        CalendarModule,
-                        SliderModule,
-                        DialogModule,
-                        ConfirmPopupModule,
-                        ConfirmDialogModule,
-                        ContextMenuModule,
-                        DropdownModule,
-                        ButtonModule,
-                        ToolbarModule,
-                    ],
-                    exports: [SystemListComponent, ContactComponent, MaintenanceListComponent, DashboardComponent]
-                }]
+class SharedModule {
+}
+SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.10", ngImport: i0, type: SharedModule, declarations: [SystemListComponent,
+        ContactComponent,
+        ChooseAnotherDateComponent,
+        ConfirmDialogComponent,
+        ConfirmedDateInformationComponent,
+        ContactSupportComponent,
+        MaintenanceListComponent,
+        ShowLinksComponent,
+        DashboardComponent,
+        ConfirmDialogContactComponent], imports: [CommonModule,
+        SharedRoutingModule,
+        TableModule,
+        InputTextModule,
+        PipesModule,
+        ToastModule,
+        InputTextareaModule,
+        MultiSelectModule,
+        FormsModule,
+        ReactiveFormsModule,
+        ProgressSpinnerModule,
+        RadioButtonModule,
+        CheckboxModule,
+        SelectButtonModule,
+        TooltipModule,
+        OverlayPanelModule,
+        CalendarModule,
+        SliderModule,
+        DialogModule,
+        ConfirmPopupModule,
+        ConfirmDialogModule,
+        ContextMenuModule,
+        DropdownModule,
+        ButtonModule,
+        ToolbarModule], exports: [SystemListComponent, ContactComponent, MaintenanceListComponent, DashboardComponent] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedModule, imports: [CommonModule,
+        SharedRoutingModule,
+        TableModule,
+        InputTextModule,
+        PipesModule,
+        ToastModule,
+        InputTextareaModule,
+        MultiSelectModule,
+        FormsModule,
+        ReactiveFormsModule,
+        ProgressSpinnerModule,
+        RadioButtonModule,
+        CheckboxModule,
+        SelectButtonModule,
+        TooltipModule,
+        OverlayPanelModule,
+        CalendarModule,
+        SliderModule,
+        DialogModule,
+        ConfirmPopupModule,
+        ConfirmDialogModule,
+        ContextMenuModule,
+        DropdownModule,
+        ButtonModule,
+        ToolbarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: SharedModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SystemListComponent,
+                        ContactComponent,
+                        ChooseAnotherDateComponent,
+                        ConfirmDialogComponent,
+                        ConfirmedDateInformationComponent,
+                        ContactSupportComponent,
+                        MaintenanceListComponent,
+                        ShowLinksComponent,
+                        DashboardComponent,
+                        ConfirmDialogContactComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        SharedRoutingModule,
+                        TableModule,
+                        InputTextModule,
+                        PipesModule,
+                        ToastModule,
+                        InputTextareaModule,
+                        MultiSelectModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        ProgressSpinnerModule,
+                        RadioButtonModule,
+                        CheckboxModule,
+                        SelectButtonModule,
+                        TooltipModule,
+                        OverlayPanelModule,
+                        CalendarModule,
+                        SliderModule,
+                        DialogModule,
+                        ConfirmPopupModule,
+                        ConfirmDialogModule,
+                        ContextMenuModule,
+                        DropdownModule,
+                        ButtonModule,
+                        ToolbarModule,
+                    ],
+                    exports: [SystemListComponent, ContactComponent, MaintenanceListComponent, DashboardComponent]
+                }]
         }] });
 
-class Account {
-    id;
-    title;
-    firstName;
-    lastName;
-    email;
-    language;
-    isVerified;
-    role;
-    accessToken;
-    refreshToken;
-    userName;
-    geAccessToken;
+class Account {
 }
 
-class AlternativeDate {
-    startDateTime;
-    endDateTime;
-    fseSSO;
-    selected;
+class AlternativeDate {
 }
 
-var ApplicationName;
-(function (ApplicationName) {
-    ApplicationName["ConsomerPortal"] = "ConsomerPortal";
-    ApplicationName["WarrantyPortal"] = "WarrantyPortal";
-    ApplicationName["GEPortal"] = "GEPortal";
+var ApplicationName;
+(function (ApplicationName) {
+    ApplicationName["ConsomerPortal"] = "ConsomerPortal";
+    ApplicationName["WarrantyPortal"] = "WarrantyPortal";
+    ApplicationName["GEPortal"] = "GEPortal";
 })(ApplicationName || (ApplicationName = {}));
 
-class MailRequest {
-    sr_Number;
-    facility_name;
-    city;
-    call_Number;
-    sheet;
-    system;
-    equipment;
-    debrief_Date;
-    call_state;
-    engineer;
-    diagnostic;
-    action;
-    verification;
-    language;
+class MailRequest {
 }
 
-class CancelPMMailRequest extends MailRequest {
-    pm_Number;
-    motive;
+class CancelPMMailRequest extends MailRequest {
 }
 
-class CustomObject {
-    customerWaiting;
+class CustomObject {
 }
 
-class DetailedPmJob {
-    systemId;
-    systemName;
-    status;
-    siteName;
-    siteCity;
-    language;
-    pmJob;
-    comment;
-    name;
-    email;
-    phone;
-    extentionOrComment;
-    reason;
-    reasonContact;
-    futureStatus;
-    selectedDate;
-    toUpdate;
-    WorkorderNumberSelected;
-    sitePostalCode;
-    room;
+class DetailedPmJob {
 }
 
-var EmailStatus;
-(function (EmailStatus) {
-    EmailStatus[EmailStatus["Verifying"] = 0] = "Verifying";
-    EmailStatus[EmailStatus["Failed"] = 1] = "Failed";
+var EmailStatus;
+(function (EmailStatus) {
+    EmailStatus[EmailStatus["Verifying"] = 0] = "Verifying";
+    EmailStatus[EmailStatus["Failed"] = 1] = "Failed";
 })(EmailStatus || (EmailStatus = {}));
 
-var Field;
-(function (Field) {
-    Field["Textbox"] = "textbox";
-    Field["File"] = "file";
-    Field["Dropdown"] = "dropdown";
-    Field["Radio"] = "radio";
-    Field["Checkbox"] = "checkbox";
+var Field;
+(function (Field) {
+    Field["Textbox"] = "textbox";
+    Field["File"] = "file";
+    Field["Dropdown"] = "dropdown";
+    Field["Radio"] = "radio";
+    Field["Checkbox"] = "checkbox";
 })(Field || (Field = {}));
 
-var Language;
-(function (Language) {
-    Language["FR"] = "fr-FR";
-    Language["EN"] = "en-US";
+var Language;
+(function (Language) {
+    Language["FR"] = "fr-FR";
+    Language["EN"] = "en-US";
 })(Language || (Language = {}));
 
-class PMGroupedJob {
-    workorderId;
+class PMGroupedJob {
 }
 
-class PmJob {
-    caseId;
-    caseNumber;
-    workorderId;
-    workorderNumber;
-    workorderStatus;
-    eventId;
-    eventStatus;
-    startDateTime;
-    endDateTime;
-    caseType;
-    caseCategory;
-    levelOfService;
-    fseSSO;
-    customerAccepted;
-    alternativeDates;
-    groupList;
-    customObject;
-    caseDescription;
-    fseName;
-    caseStatus;
+class PmJob {
 }
 
-class PmJobRequest {
-    countrymodule;
-    pmJob;
+class PmJobRequest {
 }
 
-class ReportDateMailRequest extends MailRequest {
-    pm_Number;
-    date;
+class ReportDateMailRequest extends MailRequest {
 }
 
-var Role;
-(function (Role) {
-    Role["User"] = "BasicUser";
-    Role["Admin"] = "Admin";
-    Role["RGPDUser"] = "RGPDUser";
+var Role;
+(function (Role) {
+    Role["User"] = "BasicUser";
+    Role["Admin"] = "Admin";
+    Role["RGPDUser"] = "RGPDUser";
 })(Role || (Role = {}));
 
-class Service {
-    id;
-    label;
-    name;
-    routerLink;
-    description;
-    display;
+class Service {
 }
 
-var ServiceName;
-(function (ServiceName) {
-    ServiceName["Repairer"] = "repairer";
-    ServiceName["WarrantyContract"] = "warrantyContract";
-    ServiceName["Devices"] = "devices";
-    ServiceName["TrackRepairs"] = "trackRepairs";
-    ServiceName["ExtendedWarranty"] = "extendedWarranty";
-    ServiceName["ScheduleAppointment"] = "scheduleAppointment";
-    ServiceName["Documentation"] = "documentation";
-    ServiceName["RepairabilityIndex"] = "repairabilityIndex";
+var ServiceName;
+(function (ServiceName) {
+    ServiceName["Repairer"] = "repairer";
+    ServiceName["WarrantyContract"] = "warrantyContract";
+    ServiceName["Devices"] = "devices";
+    ServiceName["TrackRepairs"] = "trackRepairs";
+    ServiceName["ExtendedWarranty"] = "extendedWarranty";
+    ServiceName["ScheduleAppointment"] = "scheduleAppointment";
+    ServiceName["Documentation"] = "documentation";
+    ServiceName["RepairabilityIndex"] = "repairabilityIndex";
 })(ServiceName || (ServiceName = {}));
 
-class SocialLoginRequest {
-    acessToken;
-    userName;
-    applicationName;
-    socialMediaName;
+class SocialLoginRequest {
 }
 
-var SocialMadia;
-(function (SocialMadia) {
-    SocialMadia["Gmail"] = "Gmail";
+var SocialMadia;
+(function (SocialMadia) {
+    SocialMadia["Gmail"] = "Gmail";
 })(SocialMadia || (SocialMadia = {}));
 
-class System {
-    id;
-    systemId;
-    name;
-    modality;
-    installDate;
-    siteName;
-    siteCity;
-    pmJobs;
-    description;
-    sitePostalCode;
-    room;
+class System {
 }
 
-var TokenStatus;
-(function (TokenStatus) {
-    TokenStatus[TokenStatus["Validating"] = 0] = "Validating";
-    TokenStatus[TokenStatus["Valid"] = 1] = "Valid";
-    TokenStatus[TokenStatus["Invalid"] = 2] = "Invalid";
+var TokenStatus;
+(function (TokenStatus) {
+    TokenStatus[TokenStatus["Validating"] = 0] = "Validating";
+    TokenStatus[TokenStatus["Valid"] = 1] = "Valid";
+    TokenStatus[TokenStatus["Invalid"] = 2] = "Invalid";
 })(TokenStatus || (TokenStatus = {}));
 
-class Warranty {
-    manufacturerId;
-    contractId;
-    contractProductId;
-    contractProductParentId;
-    contractCode;
-    saleDate;
-    brand;
-    family;
-    commercialReference;
-    technicalReference;
-    productDescription;
-    startDate;
-    endDate;
-    PdfLink;
-    consId;
+class Warranty {
 }
 
-/*
- * Public API Surface of awf-test-lib
+/*
+ * Public API Surface of awf-test-lib
  */
-/*********** shared module***********/
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { Account, AlternativeDate, ApplicationName, CancelPMMailRequest, ContactComponent, CoreModule, CustomObject, DashboardComponent, DetailedPmJob, EmailStatus, EmailType, EventStatus, Field, Language, MailRequest, MaintenanceListComponent, MenuComponent, NotFoundComponent, PMGroupedJob, PipesModule, PmJob, PmJobRequest, PmJobStatus, ReasonContact, ReportDateMailRequest, Role, Service, ServiceName, SharedModule, SocialLoginRequest, SocialMadia, StingBoolean, SubrtringWPipe, SubstringPipe, System, SystemListComponent, TokenStatus, TopBarComponent, Warranty };