awf-test-lib 0.0.52 → 0.0.53

package/esm2020/lib/shared/dashboard/dashboard.component.mjs

@@ -1,21 +1,22 @@
 import { Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/router";
-import * as i2 from "primeng/table";
-import * as i3 from "primeng/api";
-import * as i4 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "primeng/table";
+import * as i4 from "primeng/api";
 export class DashboardComponent {
     constructor() {
         this.toBeScheduledMaintenanceList = [];
         this.alreadyScheduledMaintenanceList = [];
+        console.log("hello");
     }
     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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }] });
+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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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 *ngIf=\"!number\" 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i3.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: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: i1.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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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"] }]
+            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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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 *ngIf=\"!number\" 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: [{
@@ -31,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImpo
             }], translate: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F3Zi10ZXN0LWxpYi9zcmMvbGliL3NoYXJlZC9kYXNoYm9hcmQvZGFzaGJvYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F3Zi10ZXN0LWxpYi9zcmMvbGliL3NoYXJlZC9kYXNoYm9hcmQvZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVksS0FBSyxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVTFFLE1BQU0sT0FBTyxrQkFBa0I7SUFRN0I7UUFIUyxpQ0FBNEIsR0FBb0IsRUFBRSxDQUFDO1FBQ25ELG9DQUErQixHQUFvQixFQUFFLENBQUM7SUFFL0MsQ0FBQztJQUNqQixXQUFXLENBQUMsT0FBc0IsSUFBUyxDQUFDOztnSEFUakMsa0JBQWtCO29HQUFsQixrQkFBa0Isb1RDVi9CLDJrSkFpRkE7NEZEdkVhLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxlQUFlOzBFQUtoQixJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csNEJBQTRCO3NCQUFwQyxLQUFLO2dCQUNHLCtCQUErQjtzQkFBdkMsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkNoYW5nZXMsSW5wdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRGV0YWlsZWRQbUpvYiB9IGZyb20gJy4uLy4uL21vZGVscy9kZXRhaWxlZFBtSm9iLm1vZGVsJztcclxuaW1wb3J0IHsgU3lzdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3N5c3RlbSc7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhd2YtZGFzaGJvYXJkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9kYXNoYm9hcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgRGFzaGJvYXJkQ29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBuYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGVtYWlsITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG51bWJlciE6IHN0cmluZztcclxuICBASW5wdXQoKSBzeXN0ZW1zITogU3lzdGVtW10gO1xyXG4gIEBJbnB1dCgpIHRvQmVTY2hlZHVsZWRNYWludGVuYW5jZUxpc3Q6IERldGFpbGVkUG1Kb2JbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIGFscmVhZHlTY2hlZHVsZWRNYWludGVuYW5jZUxpc3Q6IERldGFpbGVkUG1Kb2JbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHRyYW5zbGF0ZSE6IGFueTsgXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7fVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJHRVwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImhvbWVcIj5cclxuICAgICAgICA8aDMgY2xhc3M9XCJ0aXRsZVwiPnt7dHJhbnNsYXRlLnRpdGxlfX08L2gzPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC04XCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC0xMiBjYXJkLWJnXCIgcm91dGVyTGluaz1cIi4vc3lzdGVtc1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZXVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJkLWJsb2NrIG14LWF1dG9cIiBoZWlnaHQ9XCI2MHB4XCIgc3JjPVwiYXNzZXRzL2ltZy9HRVBvcnRhbC90b29scy5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cImNvdW50ZXIgdGV4dC1jZW50ZXIgbXQtNFwiPnt7c3lzdGVtcy5sZW5ndGh9fSAmbmJzcDsge3t0cmFuc2xhdGUuc3lzdGVtc319PC9oMz5cclxuICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxicj5cclxuXHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC0xMiBjYXJkLWJnXCIgcm91dGVyTGluaz1cIi4vbWFpbnRlbmFuY2VcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRldXIgY29udGV1ciBiZy0tcHJpbWFyeVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayBteC1hdXRvIFwiIGhlaWdodD1cIjYwcHhcIiBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL2NhbGVuZGFyLWNoZWNrLnBuZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwiY291bnRlciB0ZXh0LWNlbnRlciBtdC00XCI+e3t0b0JlU2NoZWR1bGVkTWFpbnRlbmFuY2VMaXN0Lmxlbmd0aH19ICZuYnNwOyB7e3RyYW5zbGF0ZS51cENvbWluZ319PC9oMz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPCEtLSA8ZGl2IGNsYXNzPVwiY29sLW1kLTYgY2FyZC1iZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1ibG9jayBteC1hdXRvIGNvbnRldXIgYmctLXByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxpbWcgY2xhc3M9XCJkLWJsb2NrIG14LWF1dG9cIiAgaGVpZ2h0PVwiNjBweFwiIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvY2FsZW5kYXItY2hlY2sucG5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJjb3VudGVyIHRleHQtY2VudGVyIG10LTRcIj4ge3thbHJlYWR5U2NoZWR1bGVkTWFpbnRlbmFuY2VMaXN0Lmxlbmd0aH19ICZuYnNwOyB7e3RyYW5zbGF0ZS50b1ZhbGlkYXRlfX08L2gzPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJyb3cgbXQtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgY2FyZC1iZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGV1clwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGg0PiB7e3RyYW5zbGF0ZS51cGNvbWluZ319PC9oND5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwLXRhYmxlIFt2YWx1ZV09XCJ0b0JlU2NoZWR1bGVkTWFpbnRlbmFuY2VMaXN0XCIgcmVzcG9uc2l2ZUxheW91dD1cInNjcm9sbFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPnt7dHJhbnNsYXRlLm5hbWV9fTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+e3t0cmFuc2xhdGUuc3lzdGVtSWR9fTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+e3t0cmFuc2xhdGUud29ya29yZGVySWR9fTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGg+e3t0cmFuc2xhdGUuZW5kRGF0ZVRpbWV9fTwvdGg+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvdHI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT4gXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImJvZHlcIiBsZXQtcHJvZHVjdD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7cHJvZHVjdC5zeXN0ZW1OYW1lIH19PC90ZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57e3Byb2R1Y3Quc3lzdGVtSWQgfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7cHJvZHVjdC5wbUpvYi53b3Jrb3JkZXJOdW1iZXJ9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+e3twcm9kdWN0LnBtSm9iLmVuZERhdGVUaW1lIHwgZGF0ZTogJ2RkIE1NTSB5eXl5ICd9fSA8L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3AtdGFibGU+XHJcblxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC1tZC00XCIgPlxyXG4gICAgICAgICAgICAgICAgPGRpdiByb3V0ZXJMaW5rPVwiLi9jb250YWN0XCIgY2xhc3M9XCJjYXJkLSBkLWdyaWQgdGV4dC1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBhbGlnbi1pdGVtcy1jZW50ZXIgcC01XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL3Bob25lLnBuZ1wiIHdpZHRoPVwiODBweFwiIGNsYXNzPVwiaW1nLWZsdWlkIG14LWF1dG9cIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDUgY2xhc3M9XCJtdC01XCI+wqB7eyB0cmFuc2xhdGUuY29udGFjdH19PC9oNT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtIGQtZ3JpZCBtdC00IHAtNFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxoND57eyB0cmFuc2xhdGUucHJvZmlsfX08L2g0PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIG1iLTMgbXQtNFwiPiA8aW1nIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvdXNlci5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+Jm5ic3A7e3tuYW1lfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItM1wiPiA8aW1nIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvbWFpbC5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+Jm5ic3A7e3tlbWFpbH19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItM1wiPiA8aW1nIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvbWFwLnBuZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8cD4zMSBydWUgbWFyc2VpbGxlIEZyYW5jZTwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj4gLS0+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgbWItM1wiPiA8aW1nIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvcGhvbmUtY2FsbC5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+Jm5ic3A7e3tudW1iZXJ9fTwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFzaGJvYXJkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F3Zi10ZXN0LWxpYi9zcmMvbGliL3NoYXJlZC9kYXNoYm9hcmQvZGFzaGJvYXJkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2F3Zi10ZXN0LWxpYi9zcmMvbGliL3NoYXJlZC9kYXNoYm9hcmQvZGFzaGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVksS0FBSyxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBVTFFLE1BQU0sT0FBTyxrQkFBa0I7SUFRN0I7UUFIUyxpQ0FBNEIsR0FBb0IsRUFBRSxDQUFDO1FBQ25ELG9DQUErQixHQUFvQixFQUFFLENBQUM7UUFHN0QsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUNyQixDQUFDO0lBQ0YsV0FBVyxDQUFDLE9BQXNCLElBQVMsQ0FBQzs7Z0hBWGpDLGtCQUFrQjtvR0FBbEIsa0JBQWtCLG9UQ1YvQiw4bEpBaUZBOzRGRHZFYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsZUFBZTswRUFLaEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLDRCQUE0QjtzQkFBcEMsS0FBSztnQkFDRywrQkFBK0I7c0JBQXZDLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25DaGFuZ2VzLElucHV0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IERldGFpbGVkUG1Kb2IgfSBmcm9tICcuLi8uLi9tb2RlbHMvZGV0YWlsZWRQbUpvYi5tb2RlbCc7XHJcbmltcG9ydCB7IFN5c3RlbSB9IGZyb20gJy4uLy4uL21vZGVscy9zeXN0ZW0nO1xyXG5cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXdmLWRhc2hib2FyZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2Rhc2hib2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZGFzaGJvYXJkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIERhc2hib2FyZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XHJcbiAgQElucHV0KCkgbmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBlbWFpbCE6IHN0cmluZztcclxuICBASW5wdXQoKSBudW1iZXIhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgc3lzdGVtcyE6IFN5c3RlbVtdIDtcclxuICBASW5wdXQoKSB0b0JlU2NoZWR1bGVkTWFpbnRlbmFuY2VMaXN0OiBEZXRhaWxlZFBtSm9iW10gPSBbXTtcclxuICBASW5wdXQoKSBhbHJlYWR5U2NoZWR1bGVkTWFpbnRlbmFuY2VMaXN0OiBEZXRhaWxlZFBtSm9iW10gPSBbXTtcclxuICBASW5wdXQoKSB0cmFuc2xhdGUhOiBhbnk7IFxyXG4gIGNvbnN0cnVjdG9yKCkge1xyXG4gICAgY29uc29sZS5sb2coXCJoZWxsb1wiKVxyXG4gICB9XHJcbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge31cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiR0VcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJob21lXCI+XHJcbiAgICAgICAgPGgzIGNsYXNzPVwidGl0bGVcIj57e3RyYW5zbGF0ZS50aXRsZX19PC9oMz5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtOFwiPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgY2FyZC1iZ1wiIHJvdXRlckxpbms9XCIuL3N5c3RlbXNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29udGV1clwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayBteC1hdXRvXCIgaGVpZ2h0PVwiNjBweFwiIHNyYz1cImFzc2V0cy9pbWcvR0VQb3J0YWwvdG9vbHMucG5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICA8aDMgY2xhc3M9XCJjb3VudGVyIHRleHQtY2VudGVyIG10LTRcIj57e3N5c3RlbXMubGVuZ3RofX0gJm5ic3A7IHt7dHJhbnNsYXRlLnN5c3RlbXN9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8YnI+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtMTIgY2FyZC1iZ1wiIHJvdXRlckxpbms9XCIuL21haW50ZW5hbmNlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZXVyIGNvbnRldXIgYmctLXByaW1hcnlcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgPGltZyBjbGFzcz1cImQtYmxvY2sgbXgtYXV0byBcIiBoZWlnaHQ9XCI2MHB4XCIgc3JjPVwiYXNzZXRzL2ltZy9HRVBvcnRhbC9jYWxlbmRhci1jaGVjay5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoMyBjbGFzcz1cImNvdW50ZXIgdGV4dC1jZW50ZXIgbXQtNFwiPnt7dG9CZVNjaGVkdWxlZE1haW50ZW5hbmNlTGlzdC5sZW5ndGh9fSAmbmJzcDsge3t0cmFuc2xhdGUudXBDb21pbmd9fTwvaDM+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDwhLS0gPGRpdiBjbGFzcz1cImNvbC1tZC02IGNhcmQtYmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtYmxvY2sgbXgtYXV0byBjb250ZXVyIGJnLS1wcmltYXJ5XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8aW1nIGNsYXNzPVwiZC1ibG9jayBteC1hdXRvXCIgIGhlaWdodD1cIjYwcHhcIiBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL2NhbGVuZGFyLWNoZWNrLnBuZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPGgzIGNsYXNzPVwiY291bnRlciB0ZXh0LWNlbnRlciBtdC00XCI+IHt7YWxyZWFkeVNjaGVkdWxlZE1haW50ZW5hbmNlTGlzdC5sZW5ndGh9fSAmbmJzcDsge3t0cmFuc2xhdGUudG9WYWxpZGF0ZX19PC9oMz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IC0tPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwicm93IG10LTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLW1kLTEyIGNhcmQtYmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbnRldXJcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxoND4ge3t0cmFuc2xhdGUudXBjb21pbmd9fTwvaDQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cC10YWJsZSBbdmFsdWVdPVwidG9CZVNjaGVkdWxlZE1haW50ZW5hbmNlTGlzdFwiIHJlc3BvbnNpdmVMYXlvdXQ9XCJzY3JvbGxcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgcFRlbXBsYXRlPVwiaGVhZGVyXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0aD57e3RyYW5zbGF0ZS5uYW1lfX08L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPnt7dHJhbnNsYXRlLnN5c3RlbUlkfX08L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPnt7dHJhbnNsYXRlLndvcmtvcmRlcklkfX08L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRoPnt7dHJhbnNsYXRlLmVuZERhdGVUaW1lfX08L3RoPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+IFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJib2R5XCIgbGV0LXByb2R1Y3Q+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0cj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57e3Byb2R1Y3Quc3lzdGVtTmFtZSB9fTwvdGQ+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8dGQ+e3twcm9kdWN0LnN5c3RlbUlkIH19PC90ZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZD57e3Byb2R1Y3QucG1Kb2Iud29ya29yZGVyTnVtYmVyfX08L3RkPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkPnt7cHJvZHVjdC5wbUpvYi5lbmREYXRlVGltZSB8IGRhdGU6ICdkZCBNTU0geXl5eSAnfX0gPC90ZD5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90cj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9wLXRhYmxlPlxyXG5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wtbWQtNFwiID5cclxuICAgICAgICAgICAgICAgIDxkaXYgcm91dGVyTGluaz1cIi4vY29udGFjdFwiIGNsYXNzPVwiY2FyZC0gZC1ncmlkIHRleHQtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXIgYWxpZ24taXRlbXMtY2VudGVyIHAtNVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpbWcgc3JjPVwiYXNzZXRzL2ltZy9HRVBvcnRhbC9waG9uZS5wbmdcIiB3aWR0aD1cIjgwcHhcIiBjbGFzcz1cImltZy1mbHVpZCBteC1hdXRvXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGg1IGNsYXNzPVwibXQtNVwiPsKge3sgdHJhbnNsYXRlLmNvbnRhY3R9fTwvaDU+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLSBkLWdyaWQgbXQtNCBwLTRcIj5cclxuICAgICAgICAgICAgICAgICAgICA8aDQ+e3sgdHJhbnNsYXRlLnByb2ZpbH19PC9oND5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBtYi0zIG10LTRcIj4gPGltZyBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL3VzZXIucG5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPiZuYnNwO3t7bmFtZX19PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIG1iLTNcIj4gPGltZyBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL21haWwucG5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPiZuYnNwO3t7ZW1haWx9fTwvcD5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgICAgICA8IS0tIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIG1iLTNcIj4gPGltZyBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL21hcC5wbmdcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPHA+MzEgcnVlIG1hcnNlaWxsZSBGcmFuY2U8L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IC0tPlxyXG4gICAgICAgICAgICAgICAgICAgIDxkaXYgKm5nSWY9XCIhbnVtYmVyXCIgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyIG1iLTNcIj4gPGltZyBzcmM9XCJhc3NldHMvaW1nL0dFUG9ydGFsL3Bob25lLWNhbGwucG5nXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxwPiZuYnNwO3t7bnVtYmVyfX08L3A+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+IFxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/fesm2015/awf-test-lib.mjs

@@ -1314,14 +1314,15 @@ class DashboardComponent {
     constructor() {
         this.toBeScheduledMaintenanceList = [];
         this.alreadyScheduledMaintenanceList = [];
+        console.log("hello");
     }
     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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$2.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.DatePipe, name: "date" }] });
+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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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 *ngIf=\"!number\" 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$2.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.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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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"] }]
+            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\" 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\" 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: 'dd MMM yyyy '}} </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\">\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 *ngIf=\"!number\" 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: [{