ngx-st-sap-installed-instruments 1.0.0

package/README.md

@@ -0,0 +1,24 @@
+# NgxStSapInstalledInstruments
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project ngx-st-sap-installed-instruments` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-st-sap-installed-instruments`.
+> Note: Don't forget to add `--project ngx-st-sap-installed-instruments` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build ngx-st-sap-installed-instruments` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build ngx-st-sap-installed-instruments`, go to the dist folder `cd dist/ngx-st-sap-installed-instruments` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test ngx-st-sap-installed-instruments` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/esm2020/lib/base-interfaces.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9iYXNlLWludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSUNvbmZpZyB7XHJcbiAgYXBpX2Jhc2VfdXJpOiBzdHJpbmc7XHJcbiAgYWNjZXNzVG9rZW46IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJRGlyZWN0aXZlTW9kdWxlQ29uZmlnIHtcclxuICBlcnJvckludGVyY2VwdG9yPzogYW55O1xyXG4gIGFwaUludGVyY2VwdG9yPzogYW55O1xyXG4gIGNvbmZpZz86IElDb25maWc7XHJcbn1cclxuIl19

package/esm2020/lib/components/sap-installed-instrument-details/activities-list-view/activities-list-view.component.mjs

@@ -0,0 +1,54 @@
+import { Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { MatPaginator } from "@angular/material/paginator";
+import { MatTableDataSource } from "@angular/material/table";
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/table";
+import * as i3 from "@angular/material/paginator";
+import * as i4 from "../activity-details-view/activity-details-view.component";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "ngx-st-date-format";
+export class ActivitiesListViewComponent {
+    constructor() {
+        this.class = 'display-flex-component';
+        this.columnsToDisplay = ['activityNumber', 'detailedSymptom', 'solution', 'coordinator', 'startTime', 'endTime'];
+    }
+    ngOnInit() {
+        this.setTable();
+    }
+    ngAfterViewInit() {
+        this.paginator.pageSize = 5;
+        this.tableSource.paginator = this.paginator;
+    }
+    setTable() {
+        this.tableSource = new MatTableDataSource(this.activities);
+    }
+}
+ActivitiesListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ActivitiesListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ActivitiesListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ActivitiesListViewComponent, selector: "app-activities-list-view", inputs: { activities: "activities" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"activities-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"activityNumber\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.activityNo' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.activityNumber }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"type\">\r\n      <th mat-header-cell *matHeaderCellDef>{{ 'global.type' | translate }}</th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.type }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"detailedSymptom\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.detailedSymptom' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.detailedSymptom }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"solution\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.solution' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.solution }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"coordinator\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.coordinator' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.coordinatorName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"startTime\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.startTime' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.startTime | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"endTime\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.endTime' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.endTime | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-activity-details-view\r\n            *ngIf=\"element == expandedElement\"\r\n            [activity]=\"element\"\r\n          ></app-activity-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[5, 10]\"\r\n    [showFirstLastButtons]=\"true\"\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.activities-list-view{width:100%}table::ng-deep tbody>tr.active{background-color:#90caf9!important}table::ng-deep tbody>tr:hover{background-color:#90caf9!important}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#bbdefb;border-left:3px solid #bbdefb;border-right:3px solid #bbdefb}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #bbdefb;border-right:3px solid #bbdefb;border-bottom:3px solid #bbdefb}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i4.ActivityDetailsViewComponent, selector: "app-activity-details-view", inputs: ["activity"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], animations: [
+        trigger('detailExpand', [
+            state('collapsed', style({ height: '0px', minHeight: '0' })),
+            state('expanded', style({ height: '*' })),
+            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+        ]),
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ActivitiesListViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-activities-list-view', animations: [
+                        trigger('detailExpand', [
+                            state('collapsed', style({ height: '0px', minHeight: '0' })),
+                            state('expanded', style({ height: '*' })),
+                            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+                        ]),
+                    ], template: "<div class=\"activities-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"activityNumber\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.activityNo' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.activityNumber }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"type\">\r\n      <th mat-header-cell *matHeaderCellDef>{{ 'global.type' | translate }}</th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.type }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"detailedSymptom\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.detailedSymptom' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.detailedSymptom }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"solution\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.solution' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.solution }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"coordinator\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.coordinator' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.coordinatorName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"startTime\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.startTime' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.startTime | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"endTime\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.endTime' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.endTime | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-activity-details-view\r\n            *ngIf=\"element == expandedElement\"\r\n            [activity]=\"element\"\r\n          ></app-activity-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[5, 10]\"\r\n    [showFirstLastButtons]=\"true\"\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.activities-list-view{width:100%}table::ng-deep tbody>tr.active{background-color:#90caf9!important}table::ng-deep tbody>tr:hover{background-color:#90caf9!important}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#bbdefb;border-left:3px solid #bbdefb;border-right:3px solid #bbdefb}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #bbdefb;border-right:3px solid #bbdefb;border-bottom:3px solid #bbdefb}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], activities: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdGllcy1saXN0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL2FjdGl2aXRpZXMtbGlzdC12aWV3L2FjdGl2aXRpZXMtbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0aWVzLWxpc3Qtdmlldy9hY3Rpdml0aWVzLWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQWdCLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLFNBQVMsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFekQsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0seUJBQXlCLENBQUM7QUFDM0QsT0FBTyxFQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUMsTUFBTSxxQkFBcUIsQ0FBQzs7Ozs7Ozs7QUFjL0UsTUFBTSxPQUFPLDJCQUEyQjtJQVdwQztRQVZzQixVQUFLLEdBQUcsd0JBQXdCLENBQUM7UUFNdkQscUJBQWdCLEdBQUcsQ0FBQyxnQkFBZ0IsRUFBRSxpQkFBaUIsRUFBRSxVQUFVLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQztJQUs1RyxDQUFDO0lBRUQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksQ0FBQyxTQUFTLENBQUMsUUFBUSxHQUFHLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsV0FBVyxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ2hELENBQUM7SUFFTyxRQUFRO1FBQ1osSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLGtCQUFrQixDQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDakYsQ0FBQzs7d0hBekJRLDJCQUEyQjs0R0FBM0IsMkJBQTJCLGtNQUV6QixZQUFZLGdEQ3BCM0IsczNHQTRGQSw2L0hEbEZnQjtRQUNSLE9BQU8sQ0FBQyxjQUFjLEVBQUU7WUFDcEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDO1lBQzFELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7WUFDdkMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO1NBQ3hGLENBQUM7S0FDTDsyRkFFUSwyQkFBMkI7a0JBWnZDLFNBQVM7K0JBQ0ksMEJBQTBCLGNBR3hCO3dCQUNSLE9BQU8sQ0FBQyxjQUFjLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQzs0QkFDMUQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQzs0QkFDdkMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO3lCQUN4RixDQUFDO3FCQUNMOzBFQUdxQixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBQ0ssU0FBUztzQkFBakMsU0FBUzt1QkFBQyxZQUFZO2dCQUd2QixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0FmdGVyVmlld0luaXQsIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdDaGlsZH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TWF0UGFnaW5hdG9yfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvcGFnaW5hdG9yXCI7XHJcbmltcG9ydCB7U2FwQWN0aXZpdHlNb2RlbH0gZnJvbSBcIi4uLy4uLy4uL21vZGVscy9zYXAtYWN0aXZpdHkubW9kZWxcIjtcclxuaW1wb3J0IHtNYXRUYWJsZURhdGFTb3VyY2V9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90YWJsZVwiO1xyXG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdhcHAtYWN0aXZpdGllcy1saXN0LXZpZXcnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2FjdGl2aXRpZXMtbGlzdC12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2FjdGl2aXRpZXMtbGlzdC12aWV3LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBhbmltYXRpb25zOiBbXHJcbiAgICAgICAgdHJpZ2dlcignZGV0YWlsRXhwYW5kJywgW1xyXG4gICAgICAgICAgICBzdGF0ZSgnY29sbGFwc2VkJywgc3R5bGUoe2hlaWdodDogJzBweCcsIG1pbkhlaWdodDogJzAnfSkpLFxyXG4gICAgICAgICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7aGVpZ2h0OiAnKid9KSksXHJcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2V4cGFuZGVkIDw9PiBjb2xsYXBzZWQnLCBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LCAwLjAsIDAuMiwgMSknKSksXHJcbiAgICAgICAgXSksXHJcbiAgICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aXZpdGllc0xpc3RWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzcyA9ICdkaXNwbGF5LWZsZXgtY29tcG9uZW50JztcclxuICAgIEBWaWV3Q2hpbGQoTWF0UGFnaW5hdG9yKSBwYWdpbmF0b3I6IE1hdFBhZ2luYXRvcjtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgYWN0aXZpdGllczogU2FwQWN0aXZpdHlNb2RlbFtdO1xyXG5cclxuICAgIGNvbHVtbnNUb0Rpc3BsYXkgPSBbJ2FjdGl2aXR5TnVtYmVyJywgJ2RldGFpbGVkU3ltcHRvbScsICdzb2x1dGlvbicsICdjb29yZGluYXRvcicsICdzdGFydFRpbWUnLCAnZW5kVGltZSddO1xyXG4gICAgdGFibGVTb3VyY2U6IE1hdFRhYmxlRGF0YVNvdXJjZTxTYXBBY3Rpdml0eU1vZGVsPjtcclxuICAgIGV4cGFuZGVkRWxlbWVudDogU2FwQWN0aXZpdHlNb2RlbCB8IG51bGw7XHJcblxyXG4gICAgY29uc3RydWN0b3IoKSB7XHJcbiAgICB9XHJcblxyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5zZXRUYWJsZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcclxuICAgICAgICB0aGlzLnBhZ2luYXRvci5wYWdlU2l6ZSA9IDU7XHJcbiAgICAgICAgdGhpcy50YWJsZVNvdXJjZS5wYWdpbmF0b3IgPSB0aGlzLnBhZ2luYXRvcjtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldFRhYmxlKCkge1xyXG4gICAgICAgIHRoaXMudGFibGVTb3VyY2UgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlPFNhcEFjdGl2aXR5TW9kZWw+KHRoaXMuYWN0aXZpdGllcyk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhY3Rpdml0aWVzLWxpc3Qtdmlld1wiPlxyXG4gIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwidGFibGVTb3VyY2VcIiBbbXVsdGlUZW1wbGF0ZURhdGFSb3dzXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiYWN0aXZpdHlOdW1iZXJcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFjdGl2aXR5Tm8nIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5hY3Rpdml0eU51bWJlciB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInR5cGVcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj57eyAnZ2xvYmFsLnR5cGUnIHwgdHJhbnNsYXRlIH19PC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LnR5cGUgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZXRhaWxlZFN5bXB0b21cIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmRldGFpbGVkU3ltcHRvbScgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LmRldGFpbGVkU3ltcHRvbSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNvbHV0aW9uXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zb2x1dGlvbicgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LnNvbHV0aW9uIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY29vcmRpbmF0b3JcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNvb3JkaW5hdG9yJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQuY29vcmRpbmF0b3JOYW1lIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwic3RhcnRUaW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zdGFydFRpbWUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XHJcbiAgICAgICAge3sgZWxlbWVudC5zdGFydFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSB9fVxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJlbmRUaW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5lbmRUaW1lJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxyXG4gICAgICAgIHt7IGVsZW1lbnQuZW5kVGltZSB8IHN0RGF0ZVRpbWVGb3JtYXRQaXBlIH19XHJcbiAgICAgIDwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImV4cGFuZGVkRGV0YWlsXCI+XHJcbiAgICAgIDx0ZFxyXG4gICAgICAgIG1hdC1jZWxsXHJcbiAgICAgICAgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiXHJcbiAgICAgICAgW2F0dHIuY29sc3Bhbl09XCJjb2x1bW5zVG9EaXNwbGF5Lmxlbmd0aFwiXHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjbGFzcz1cInJvdy1kZXRhaWxcIlxyXG4gICAgICAgICAgW0BkZXRhaWxFeHBhbmRdPVwiXHJcbiAgICAgICAgICAgIGVsZW1lbnQgPT0gZXhwYW5kZWRFbGVtZW50ID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxhcHAtYWN0aXZpdHktZGV0YWlscy12aWV3XHJcbiAgICAgICAgICAgICpuZ0lmPVwiZWxlbWVudCA9PSBleHBhbmRlZEVsZW1lbnRcIlxyXG4gICAgICAgICAgICBbYWN0aXZpdHldPVwiZWxlbWVudFwiXHJcbiAgICAgICAgICA+PC9hcHAtYWN0aXZpdHktZGV0YWlscy12aWV3PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zVG9EaXNwbGF5XCI+PC90cj5cclxuICAgIDx0clxyXG4gICAgICBtYXQtcm93XHJcbiAgICAgICptYXRSb3dEZWY9XCJsZXQgZWxlbWVudDsgY29sdW1uczogY29sdW1uc1RvRGlzcGxheVwiXHJcbiAgICAgIGNsYXNzPVwiZGV0YWlscy1lbGVtZW50LXJvd1wiXHJcbiAgICAgIFtjbGFzcy5kZXRhaWxzLWV4cGFuZGVkLXJvd109XCJleHBhbmRlZEVsZW1lbnQgPT09IGVsZW1lbnRcIlxyXG4gICAgICAoY2xpY2spPVwiZXhwYW5kZWRFbGVtZW50ID0gZXhwYW5kZWRFbGVtZW50ID09PSBlbGVtZW50ID8gbnVsbCA6IGVsZW1lbnRcIlxyXG4gICAgPjwvdHI+XHJcbiAgICA8dHJcclxuICAgICAgbWF0LXJvd1xyXG4gICAgICAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogWydleHBhbmRlZERldGFpbCddXCJcclxuICAgICAgY2xhc3M9XCJkZXRhaWwtcm93XCJcclxuICAgID48L3RyPlxyXG4gIDwvdGFibGU+XHJcbiAgPG1hdC1wYWdpbmF0b3JcclxuICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwiWzUsIDEwXVwiXHJcbiAgICBbc2hvd0ZpcnN0TGFzdEJ1dHRvbnNdPVwidHJ1ZVwiXHJcbiAgPjwvbWF0LXBhZ2luYXRvcj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/components/sap-installed-instrument-details/activity-details-view/activity-details-view.component.mjs

@@ -0,0 +1,41 @@
+import { Component, Inject, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@ngx-translate/core";
+import * as i5 from "ngx-st-date-format";
+export class ActivityDetailsViewComponent {
+    constructor(config) {
+        this.config = config;
+        this.baseDownloadLink = '';
+    }
+    ngOnInit() {
+        this.baseDownloadLink =
+            this.config.api_base_uri +
+                '/admin/sap-master-data/installedInstrument/activity-attachment?access_token=' +
+                this.config.accessToken;
+    }
+    updateLink() {
+        const company = localStorage.getItem('company-id')
+            ? `&company-id=${localStorage.getItem('company-id')}`
+            : '';
+        this.baseDownloadLink =
+            this.config.api_base_uri +
+                '/admin/sap-master-data/installedInstrument/activity-attachment?access_token=' +
+                this.config.accessToken +
+                company;
+    }
+}
+ActivityDetailsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ActivityDetailsViewComponent, deps: [{ token: 'config' }], target: i0.ɵɵFactoryTarget.Component });
+ActivityDetailsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: ActivityDetailsViewComponent, selector: "app-activity-details-view", inputs: { activity: "activity" }, ngImport: i0, template: "<div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.activity' | translate}}</span>\r\n        <p>{{activity.activity || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'global.type' | translate}}</span>\r\n        <p>{{activity.type || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\r\n        <p>{{activity.subject || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'global.remarks' | translate}}</span>\r\n        <p>{{activity.remarks || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\r\n        <p>{{(activity.startTime | stDateTimeFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\r\n        <p>{{(activity.endTime | stDateTimeFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\r\n        <p>{{activity.duration || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.content' | translate}}</span>\r\n        <p>{{activity.content || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.coordinator' | translate}}</span>\r\n        <p>{{activity.coordinatorName || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.orderNumber' | translate}}</span>\r\n        <p>{{activity.orderNumber || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.detailedSymptom' | translate}}</span>\r\n        <p>{{activity.detailedSymptom || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.solution' | translate}}</span>\r\n        <p>{{activity.solution || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-12\">\r\n        <span>{{'sapAdminInstalledInstrument.incompleteReason' | translate}}</span>\r\n        <p>{{activity.incompleteReason || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\" *ngIf=\"activity.attachmentList.length > 0\">\r\n    <div class=\"col-xs-12 col-sm-12\">\r\n        <p class=\"attachments-title\">{{'global.attachments' | translate}}:</p>\r\n        <ul class=\"row\">\r\n            <li class=\"row align-items-center\" *ngFor=\"let attachment of activity.attachmentList\">\r\n                <p>{{attachment.fileName}}.{{attachment.fileExt}}</p>\r\n\r\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=true'\" target=\"_blank\" (click)=\"updateLink()\">\r\n                    <button mat-icon-button>\r\n                        <mat-icon class=\"material-icons\">preview</mat-icon>\r\n                    </button>\r\n                </a>\r\n\r\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=false'\" target=\"_blank\" (click)=\"updateLink()\">\r\n                    <button mat-icon-button>\r\n                        <mat-icon class=\"material-icons\">cloud_download</mat-icon>\r\n                    </button>\r\n                </a>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n", styles: [".group-details .attachments-title{font-weight:500;margin-bottom:0}.group-details ul{padding-left:0}.group-details ul li{padding:0 10px;border-right:2px solid #66bb6a}.group-details ul li:last-child{border-right:0}.group-details ul li p{margin-bottom:0}.group-details ul li button{width:32px;height:32px;line-height:32px;opacity:.8}.group-details ul li button:hover{opacity:1}.group-details ul li button mat-icon{font-size:22px;line-height:22px;width:22px;height:22px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: ActivityDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-activity-details-view', template: "<div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.activity' | translate}}</span>\r\n        <p>{{activity.activity || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'global.type' | translate}}</span>\r\n        <p>{{activity.type || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\r\n        <p>{{activity.subject || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'global.remarks' | translate}}</span>\r\n        <p>{{activity.remarks || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\r\n        <p>{{(activity.startTime | stDateTimeFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\r\n        <p>{{(activity.endTime | stDateTimeFormatPipe) || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\r\n        <p>{{activity.duration || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.content' | translate}}</span>\r\n        <p>{{activity.content || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<hr/>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.coordinator' | translate}}</span>\r\n        <p>{{activity.coordinatorName || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.orderNumber' | translate}}</span>\r\n        <p>{{activity.orderNumber || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.detailedSymptom' | translate}}</span>\r\n        <p>{{activity.detailedSymptom || '-'}}</p>\r\n    </div>\r\n    <div class=\"col-xs-12 col-sm-3\">\r\n        <span>{{'sapAdminInstalledInstrument.solution' | translate}}</span>\r\n        <p>{{activity.solution || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n    <div class=\"col-xs-12 col-sm-12\">\r\n        <span>{{'sapAdminInstalledInstrument.incompleteReason' | translate}}</span>\r\n        <p>{{activity.incompleteReason || '-'}}</p>\r\n    </div>\r\n</div>\r\n\r\n<div class=\"group-details row\" *ngIf=\"activity.attachmentList.length > 0\">\r\n    <div class=\"col-xs-12 col-sm-12\">\r\n        <p class=\"attachments-title\">{{'global.attachments' | translate}}:</p>\r\n        <ul class=\"row\">\r\n            <li class=\"row align-items-center\" *ngFor=\"let attachment of activity.attachmentList\">\r\n                <p>{{attachment.fileName}}.{{attachment.fileExt}}</p>\r\n\r\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=true'\" target=\"_blank\" (click)=\"updateLink()\">\r\n                    <button mat-icon-button>\r\n                        <mat-icon class=\"material-icons\">preview</mat-icon>\r\n                    </button>\r\n                </a>\r\n\r\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=false'\" target=\"_blank\" (click)=\"updateLink()\">\r\n                    <button mat-icon-button>\r\n                        <mat-icon class=\"material-icons\">cloud_download</mat-icon>\r\n                    </button>\r\n                </a>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n", styles: [".group-details .attachments-title{font-weight:500;margin-bottom:0}.group-details ul{padding-left:0}.group-details ul li{padding:0 10px;border-right:2px solid #66bb6a}.group-details ul li:last-child{border-right:0}.group-details ul li p{margin-bottom:0}.group-details ul li button{width:32px;height:32px;line-height:32px;opacity:.8}.group-details ul li button:hover{opacity:1}.group-details ul li button mat-icon{font-size:22px;line-height:22px;width:22px;height:22px}\n"] }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['config']
+                }] }]; }, propDecorators: { activity: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVNqRSxNQUFNLE9BQU8sNEJBQTRCO0lBTXZDLFlBQXNDLE1BQWU7UUFBZixXQUFNLEdBQU4sTUFBTSxDQUFTO1FBRnJELHFCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUVrQyxDQUFDO0lBRXpELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtnQkFDeEIsOEVBQThFO2dCQUM5RSxJQUFJLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQztJQUM1QixDQUFDO0lBRUQsVUFBVTtRQUNSLE1BQU0sT0FBTyxHQUFHLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDO1lBQ2hELENBQUMsQ0FBQyxlQUFlLFlBQVksQ0FBQyxPQUFPLENBQUMsWUFBWSxDQUFDLEVBQUU7WUFDckQsQ0FBQyxDQUFDLEVBQUUsQ0FBQztRQUNQLElBQUksQ0FBQyxnQkFBZ0I7WUFDbkIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZO2dCQUN4Qiw4RUFBOEU7Z0JBQzlFLElBQUksQ0FBQyxNQUFNLENBQUMsV0FBVztnQkFDdkIsT0FBTyxDQUFDO0lBQ1osQ0FBQzs7eUhBeEJVLDRCQUE0QixrQkFNbkIsUUFBUTs2R0FOakIsNEJBQTRCLG1HQ1R6Qyw4d0hBd0ZBOzJGRC9FYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsMkJBQTJCOzswQkFVeEIsTUFBTTsyQkFBQyxRQUFROzRDQUo1QixRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTYXBBY3Rpdml0eU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL3NhcC1hY3Rpdml0eS5tb2RlbCc7XHJcbmltcG9ydCB7IElDb25maWcgfSBmcm9tICcuLi8uLi8uLi9iYXNlLWludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYWN0aXZpdHktZGV0YWlscy12aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hY3Rpdml0eS1kZXRhaWxzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGl2aXR5RGV0YWlsc1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgYWN0aXZpdHk6IFNhcEFjdGl2aXR5TW9kZWw7XHJcblxyXG4gIGJhc2VEb3dubG9hZExpbmsgPSAnJztcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdCgnY29uZmlnJykgcHJpdmF0ZSBjb25maWc6IElDb25maWcpIHt9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5iYXNlRG93bmxvYWRMaW5rID1cclxuICAgICAgdGhpcy5jb25maWcuYXBpX2Jhc2VfdXJpICtcclxuICAgICAgJy9hZG1pbi9zYXAtbWFzdGVyLWRhdGEvaW5zdGFsbGVkSW5zdHJ1bWVudC9hY3Rpdml0eS1hdHRhY2htZW50P2FjY2Vzc190b2tlbj0nICtcclxuICAgICAgdGhpcy5jb25maWcuYWNjZXNzVG9rZW47XHJcbiAgfVxyXG5cclxuICB1cGRhdGVMaW5rKCkge1xyXG4gICAgY29uc3QgY29tcGFueSA9IGxvY2FsU3RvcmFnZS5nZXRJdGVtKCdjb21wYW55LWlkJylcclxuICAgICAgPyBgJmNvbXBhbnktaWQ9JHtsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnY29tcGFueS1pZCcpfWBcclxuICAgICAgOiAnJztcclxuICAgIHRoaXMuYmFzZURvd25sb2FkTGluayA9XHJcbiAgICAgIHRoaXMuY29uZmlnLmFwaV9iYXNlX3VyaSArXHJcbiAgICAgICcvYWRtaW4vc2FwLW1hc3Rlci1kYXRhL2luc3RhbGxlZEluc3RydW1lbnQvYWN0aXZpdHktYXR0YWNobWVudD9hY2Nlc3NfdG9rZW49JyArXHJcbiAgICAgIHRoaXMuY29uZmlnLmFjY2Vzc1Rva2VuICtcclxuICAgICAgY29tcGFueTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyMHB4O1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hY3Rpdml0eScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LmFjdGl2aXR5IHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnR5cGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS50eXBlIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnN1YmplY3QnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5zdWJqZWN0IHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnJlbWFya3MnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5yZW1hcmtzIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnN0YXJ0VGltZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57eyhhY3Rpdml0eS5zdGFydFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZW5kVGltZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57eyhhY3Rpdml0eS5lbmRUaW1lIHwgc3REYXRlVGltZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmR1cmF0aW9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuZHVyYXRpb24gfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY29udGVudCcgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LmNvbnRlbnQgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48aHIvPlxyXG5cclxuPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNvb3JkaW5hdG9yJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuY29vcmRpbmF0b3JOYW1lIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50Lm9yZGVyTnVtYmVyJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkub3JkZXJOdW1iZXIgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZGV0YWlsZWRTeW1wdG9tJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuZGV0YWlsZWRTeW1wdG9tIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNvbHV0aW9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuc29sdXRpb24gfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmluY29tcGxldGVSZWFzb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5pbmNvbXBsZXRlUmVhc29uIHx8ICctJ319PC9wPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG5cclxuPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCIgKm5nSWY9XCJhY3Rpdml0eS5hdHRhY2htZW50TGlzdC5sZW5ndGggPiAwXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMlwiPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiYXR0YWNobWVudHMtdGl0bGVcIj57eydnbG9iYWwuYXR0YWNobWVudHMnIHwgdHJhbnNsYXRlfX06PC9wPlxyXG4gICAgICAgIDx1bCBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICA8bGkgY2xhc3M9XCJyb3cgYWxpZ24taXRlbXMtY2VudGVyXCIgKm5nRm9yPVwibGV0IGF0dGFjaG1lbnQgb2YgYWN0aXZpdHkuYXR0YWNobWVudExpc3RcIj5cclxuICAgICAgICAgICAgICAgIDxwPnt7YXR0YWNobWVudC5maWxlTmFtZX19Lnt7YXR0YWNobWVudC5maWxlRXh0fX08L3A+XHJcblxyXG4gICAgICAgICAgICAgICAgPGEgW2hyZWZdPVwiYmFzZURvd25sb2FkTGluayArICcmaWQ9JyArIGF0dGFjaG1lbnQuaWQgKyAnJmxpbmU9JyArIGF0dGFjaG1lbnQubGluZSArICcmcHJldmlldz10cnVlJ1wiIHRhcmdldD1cIl9ibGFua1wiIChjbGljayk9XCJ1cGRhdGVMaW5rKClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5wcmV2aWV3PC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvYT5cclxuXHJcbiAgICAgICAgICAgICAgICA8YSBbaHJlZl09XCJiYXNlRG93bmxvYWRMaW5rICsgJyZpZD0nICsgYXR0YWNobWVudC5pZCArICcmbGluZT0nICsgYXR0YWNobWVudC5saW5lICsgJyZwcmV2aWV3PWZhbHNlJ1wiIHRhcmdldD1cIl9ibGFua1wiIChjbGljayk9XCJ1cGRhdGVMaW5rKClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5jbG91ZF9kb3dubG9hZDwvbWF0LWljb24+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgPC91bD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19

package/esm2020/lib/components/sap-installed-instrument-details/call-details-view/call-details-view.component.mjs

@@ -0,0 +1,51 @@
+import { Component, Input } from '@angular/core';
+import { ServiceContractsModalDetailsViewComponent } from "../service-contracts-modal-details-view/service-contracts-modal-details-view.component";
+import { tap } from "rxjs/operators";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import * as i2 from "../../../services/sap-installed-instruments.service";
+import * as i3 from "@angular/common";
+import * as i4 from "@angular/material/tabs";
+import * as i5 from "../activities-list-view/activities-list-view.component";
+import * as i6 from "@ngx-translate/core";
+import * as i7 from "ngx-st-date-format";
+export class CallDetailsViewComponent {
+    constructor(dialog, sapInstalledInstruments) {
+        this.dialog = dialog;
+        this.sapInstalledInstruments = sapInstalledInstruments;
+        this.activitiesLoading = true;
+        this.activities = [];
+    }
+    ngOnInit() {
+        if (this.call && this.contracts && this.call.contractNo) {
+            this.contractDetails = this.contracts.find((contract) => contract.contractId === this.call.contractNo);
+        }
+        this.loadActivities();
+    }
+    openContractModel() {
+        this.dialog.open(ServiceContractsModalDetailsViewComponent, {
+            data: { contract: this.contractDetails },
+            width: '50%',
+        });
+    }
+    tabChanged(event) {
+    }
+    loadActivities() {
+        this.activities$ = this.sapInstalledInstruments.getActivities(this.call.callId)
+            .pipe(tap(res => {
+            this.activities = res;
+            this.activitiesLoading = false;
+        }));
+    }
+}
+CallDetailsViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallDetailsViewComponent, deps: [{ token: i1.MatDialog }, { token: i2.SapInstalledInstrumentsService }], target: i0.ɵɵFactoryTarget.Component });
+CallDetailsViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallDetailsViewComponent, selector: "app-call-details-view", inputs: { call: "call", contracts: "contracts" }, ngImport: i0, template: "<mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n    <mat-tab label=\"{{'sapAdminInstalledInstrument.callDetails' | translate}}\">\r\n        <div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n            <div class=\"col-xs-12 col-sm-6\">\r\n                <span>{{'sapAdminInstalledInstrument.callId' | translate}}</span>\r\n                <p>{{call.callId || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-6\">\r\n                <span>{{'sapAdminInstalledInstrument.contractNo' | translate}}</span>\r\n                <div class=\"row\">\r\n                    <p>{{call.contractNo || '-'}}</p>\r\n                    <i class=\"material-icons-outlined show-contract\"  *ngIf=\"contractDetails\" (click)=\"openContractModel()\">visibility</i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.accountNo' | translate}}</span>\r\n                <p>{{call.customer || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.accountName' | translate}}</span>\r\n                <p>{{call.customerName || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'global.contactPerson' | translate}}</span>\r\n                <p>{{call.contactPerson || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'global.phone' | translate}}</span>\r\n                <p>{{call.telephoneNo || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.shipToCode' | translate}}</span>\r\n                <p>{{call.shipToCode || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.shipToAddress' | translate}}</span>\r\n                <p>{{call.shipToAddress || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.billToCode' | translate}}</span>\r\n                <p>{{call.billToCode || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.billToAddress' | translate}}</span>\r\n                <p>{{call.billToAddress || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\r\n                <p>{{call.subject || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.callStatus' | translate}}</span>\r\n                <p>{{call.callStatus || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.createdOn' | translate}}</span>\r\n                <p>{{(call.createdOn | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.closedOn' | translate}}</span>\r\n                <p>{{(call.closedOn | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.origin' | translate}}</span>\r\n                <p>{{call.origin || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.problemType' | translate}}</span>\r\n                <p>{{call.problemType || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.problemSubtype' | translate}}</span>\r\n                <p>{{call.problemSubtype || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.callType' | translate}}</span>\r\n                <p>{{call.callType || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.technician' | translate}}</span>\r\n                <p>{{call.technicianFirstName ? call.technicianFirstName + ' ' + call.technicianLastName : '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.handledBy' | translate}}</span>\r\n                <p>{{call.handledBy || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'global.remarks' | translate}}</span>\r\n                <p>{{call.remarks || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'sapAdminInstalledInstrument.resolution' | translate}}</span>\r\n                <p>{{call.resolution || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\r\n                <p>{{(call.startTime | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\r\n                <p>{{(call.endTime | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\r\n                <p>{{call.duration || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.travelTime' | translate}}</span>\r\n                <p>{{call.travelTime || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'sapAdminInstalledInstrument.internalComments' | translate}}</span>\r\n                <p>{{call.internalComments || '-'}}</p>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n\r\n    <mat-tab label=\"{{'sapAdminInstalledInstrument.activities' | translate}} ({{activities.length || 0}})\">\r\n        <ng-container *ngIf=\"activities$ | async\">\r\n            <app-activities-list-view\r\n                    [activities]=\"activities\"\r\n            ></app-activities-list-view>\r\n        </ng-container>\r\n    </mat-tab>\r\n</mat-tab-group>\r\n\r\n\r\n\r\n\r\n", styles: [".show-contract{margin-left:5px;font-size:22px;opacity:.8;cursor:pointer;color:#1976d2}.show-contract:hover{opacity:1}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple"], exportAs: ["matTabGroup"] }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5.ActivitiesListViewComponent, selector: "app-activities-list-view", inputs: ["activities"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallDetailsViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-call-details-view', template: "<mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n    <mat-tab label=\"{{'sapAdminInstalledInstrument.callDetails' | translate}}\">\r\n        <div class=\"group-details row\" style=\"margin-top: 20px;\">\r\n            <div class=\"col-xs-12 col-sm-6\">\r\n                <span>{{'sapAdminInstalledInstrument.callId' | translate}}</span>\r\n                <p>{{call.callId || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-6\">\r\n                <span>{{'sapAdminInstalledInstrument.contractNo' | translate}}</span>\r\n                <div class=\"row\">\r\n                    <p>{{call.contractNo || '-'}}</p>\r\n                    <i class=\"material-icons-outlined show-contract\"  *ngIf=\"contractDetails\" (click)=\"openContractModel()\">visibility</i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.accountNo' | translate}}</span>\r\n                <p>{{call.customer || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.accountName' | translate}}</span>\r\n                <p>{{call.customerName || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'global.contactPerson' | translate}}</span>\r\n                <p>{{call.contactPerson || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'global.phone' | translate}}</span>\r\n                <p>{{call.telephoneNo || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.shipToCode' | translate}}</span>\r\n                <p>{{call.shipToCode || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.shipToAddress' | translate}}</span>\r\n                <p>{{call.shipToAddress || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.billToCode' | translate}}</span>\r\n                <p>{{call.billToCode || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.billToAddress' | translate}}</span>\r\n                <p>{{call.billToAddress || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\r\n                <p>{{call.subject || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.callStatus' | translate}}</span>\r\n                <p>{{call.callStatus || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.createdOn' | translate}}</span>\r\n                <p>{{(call.createdOn | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.closedOn' | translate}}</span>\r\n                <p>{{(call.closedOn | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.origin' | translate}}</span>\r\n                <p>{{call.origin || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.problemType' | translate}}</span>\r\n                <p>{{call.problemType || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.problemSubtype' | translate}}</span>\r\n                <p>{{call.problemSubtype || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.callType' | translate}}</span>\r\n                <p>{{call.callType || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.technician' | translate}}</span>\r\n                <p>{{call.technicianFirstName ? call.technicianFirstName + ' ' + call.technicianLastName : '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-4\">\r\n                <span>{{'sapAdminInstalledInstrument.handledBy' | translate}}</span>\r\n                <p>{{call.handledBy || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'global.remarks' | translate}}</span>\r\n                <p>{{call.remarks || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'sapAdminInstalledInstrument.resolution' | translate}}</span>\r\n                <p>{{call.resolution || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <hr/>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\r\n                <p>{{(call.startTime | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\r\n                <p>{{(call.endTime | stDateTimeFormatPipe) || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\r\n                <p>{{call.duration || '-'}}</p>\r\n            </div>\r\n            <div class=\"col-xs-12 col-sm-3\">\r\n                <span>{{'sapAdminInstalledInstrument.travelTime' | translate}}</span>\r\n                <p>{{call.travelTime || '-'}}</p>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"group-details row\">\r\n            <div class=\"col-xs-12 col-sm-12\">\r\n                <span>{{'sapAdminInstalledInstrument.internalComments' | translate}}</span>\r\n                <p>{{call.internalComments || '-'}}</p>\r\n            </div>\r\n        </div>\r\n    </mat-tab>\r\n\r\n    <mat-tab label=\"{{'sapAdminInstalledInstrument.activities' | translate}} ({{activities.length || 0}})\">\r\n        <ng-container *ngIf=\"activities$ | async\">\r\n            <app-activities-list-view\r\n                    [activities]=\"activities\"\r\n            ></app-activities-list-view>\r\n        </ng-container>\r\n    </mat-tab>\r\n</mat-tab-group>\r\n\r\n\r\n\r\n\r\n", styles: [".show-contract{margin-left:5px;font-size:22px;opacity:.8;cursor:pointer;color:#1976d2}.show-contract:hover{opacity:1}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.SapInstalledInstrumentsService }]; }, propDecorators: { call: [{
+                type: Input
+            }], contracts: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbC1kZXRhaWxzLXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL2NhbGwtZGV0YWlscy12aWV3L2NhbGwtZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9jYWxsLWRldGFpbHMtdmlldy9jYWxsLWRldGFpbHMtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLEtBQUssRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUl2RCxPQUFPLEVBQ0gseUNBQXlDLEVBQzVDLE1BQU0sd0ZBQXdGLENBQUM7QUFJaEcsT0FBTyxFQUFDLEdBQUcsRUFBQyxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7Ozs7QUFPbkMsTUFBTSxPQUFPLHdCQUF3QjtJQWNqQyxZQUNZLE1BQWlCLEVBQ2pCLHVCQUF1RDtRQUR2RCxXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2pCLDRCQUF1QixHQUF2Qix1QkFBdUIsQ0FBZ0M7UUFObkUsc0JBQWlCLEdBQUcsSUFBSSxDQUFDO1FBRXpCLGVBQVUsR0FBdUIsRUFBRSxDQUFDO0lBTXBDLENBQUM7SUFFRCxRQUFRO1FBQ0osSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDckQsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsUUFBUSxDQUFDLFVBQVUsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzFHO1FBRUQsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyx5Q0FBeUMsRUFBRTtZQUN4RCxJQUFJLEVBQUUsRUFBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBQztZQUN0QyxLQUFLLEVBQUUsS0FBSztTQUNmLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtJQUVyQixDQUFDO0lBRU8sY0FBYztRQUNsQixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUM7YUFDMUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNaLElBQUksQ0FBQyxVQUFVLEdBQUcsR0FBRyxDQUFDO1lBQ3RCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDbkMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNaLENBQUM7O3FIQTdDUSx3QkFBd0I7eUdBQXhCLHdCQUF3QiwrR0NqQnJDLGt4T0FzS0E7MkZEckphLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDSSx1QkFBdUI7NklBT2pDLElBQUk7c0JBREgsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5wdXQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7U2FwQ2FsbE1vZGVsfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL3NhcC1jYWxsLm1vZGVsXCI7XHJcbmltcG9ydCB7U2FwQ29udHJhY3RNb2RlbH0gZnJvbSBcIi4uLy4uLy4uL21vZGVscy9zYXAtY29udHJhY3QubW9kZWxcIjtcclxuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcclxuaW1wb3J0IHtcclxuICAgIFNlcnZpY2VDb250cmFjdHNNb2RhbERldGFpbHNWaWV3Q29tcG9uZW50XHJcbn0gZnJvbSBcIi4uL3NlcnZpY2UtY29udHJhY3RzLW1vZGFsLWRldGFpbHMtdmlldy9zZXJ2aWNlLWNvbnRyYWN0cy1tb2RhbC1kZXRhaWxzLXZpZXcuY29tcG9uZW50XCI7XHJcbmltcG9ydCB7U2FwSW5zdGFsbGVkSW5zdHJ1bWVudHNTZXJ2aWNlfSBmcm9tIFwiLi4vLi4vLi4vc2VydmljZXMvc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50cy5zZXJ2aWNlXCI7XHJcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSBcInJ4anNcIjtcclxuaW1wb3J0IHtTYXBBY3Rpdml0eU1vZGVsfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL3NhcC1hY3Rpdml0eS5tb2RlbFwiO1xyXG5pbXBvcnQge3RhcH0gZnJvbSBcInJ4anMvb3BlcmF0b3JzXCI7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXBwLWNhbGwtZGV0YWlscy12aWV3JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi9jYWxsLWRldGFpbHMtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jYWxsLWRldGFpbHMtdmlldy5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDYWxsRGV0YWlsc1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBjYWxsOiBTYXBDYWxsTW9kZWw7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNvbnRyYWN0czogU2FwQ29udHJhY3RNb2RlbFtdO1xyXG5cclxuICAgIGNvbnRyYWN0RGV0YWlsczogU2FwQ29udHJhY3RNb2RlbCB8IHVuZGVmaW5lZDtcclxuXHJcbiAgICBhY3Rpdml0aWVzTG9hZGluZyA9IHRydWU7XHJcbiAgICBhY3Rpdml0aWVzJDogT2JzZXJ2YWJsZTxTYXBBY3Rpdml0eU1vZGVsW10+O1xyXG4gICAgYWN0aXZpdGllczogU2FwQWN0aXZpdHlNb2RlbFtdID0gW107XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBkaWFsb2c6IE1hdERpYWxvZyxcclxuICAgICAgICBwcml2YXRlIHNhcEluc3RhbGxlZEluc3RydW1lbnRzOiBTYXBJbnN0YWxsZWRJbnN0cnVtZW50c1NlcnZpY2VcclxuICAgICkge1xyXG4gICAgfVxyXG5cclxuICAgIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmNhbGwgJiYgdGhpcy5jb250cmFjdHMgJiYgdGhpcy5jYWxsLmNvbnRyYWN0Tm8pIHtcclxuICAgICAgICAgICAgdGhpcy5jb250cmFjdERldGFpbHMgPSB0aGlzLmNvbnRyYWN0cy5maW5kKChjb250cmFjdCkgPT4gY29udHJhY3QuY29udHJhY3RJZCA9PT0gdGhpcy5jYWxsLmNvbnRyYWN0Tm8pO1xyXG4gICAgICAgIH1cclxuXHJcbiAgICAgICAgdGhpcy5sb2FkQWN0aXZpdGllcygpO1xyXG4gICAgfVxyXG5cclxuICAgIG9wZW5Db250cmFjdE1vZGVsKCkge1xyXG4gICAgICAgIHRoaXMuZGlhbG9nLm9wZW4oU2VydmljZUNvbnRyYWN0c01vZGFsRGV0YWlsc1ZpZXdDb21wb25lbnQsIHtcclxuICAgICAgICAgICAgZGF0YToge2NvbnRyYWN0OiB0aGlzLmNvbnRyYWN0RGV0YWlsc30sXHJcbiAgICAgICAgICAgIHdpZHRoOiAnNTAlJyxcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICB0YWJDaGFuZ2VkKGV2ZW50OiBhbnkpIHtcclxuXHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBsb2FkQWN0aXZpdGllcygpIHtcclxuICAgICAgICB0aGlzLmFjdGl2aXRpZXMkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50cy5nZXRBY3Rpdml0aWVzKHRoaXMuY2FsbC5jYWxsSWQpXHJcbiAgICAgICAgICAgIC5waXBlKHRhcChyZXMgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5hY3Rpdml0aWVzID0gcmVzO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5hY3Rpdml0aWVzTG9hZGluZyA9IGZhbHNlO1xyXG4gICAgICAgICAgICB9KSk7XHJcbiAgICB9XHJcblxyXG59XHJcbiIsIjxtYXQtdGFiLWdyb3VwIChzZWxlY3RlZFRhYkNoYW5nZSk9XCJ0YWJDaGFuZ2VkKCRldmVudClcIj5cclxuICAgIDxtYXQtdGFiIGxhYmVsPVwie3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNhbGxEZXRhaWxzJyB8IHRyYW5zbGF0ZX19XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyMHB4O1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS02XCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY2FsbElkJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tjYWxsLmNhbGxJZCB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTZcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jb250cmFjdE5vJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInJvd1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5jb250cmFjdE5vIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMtb3V0bGluZWQgc2hvdy1jb250cmFjdFwiICAqbmdJZj1cImNvbnRyYWN0RGV0YWlsc1wiIChjbGljayk9XCJvcGVuQ29udHJhY3RNb2RlbCgpXCI+dmlzaWJpbGl0eTwvaT5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGhyLz5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hY2NvdW50Tm8nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuY3VzdG9tZXIgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYWNjb3VudE5hbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuY3VzdG9tZXJOYW1lIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snZ2xvYmFsLmNvbnRhY3RQZXJzb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuY29udGFjdFBlcnNvbiB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J2dsb2JhbC5waG9uZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC50ZWxlcGhvbmVObyB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc2hpcFRvQ29kZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5zaGlwVG9Db2RlIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNoaXBUb0FkZHJlc3MnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuc2hpcFRvQWRkcmVzcyB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5iaWxsVG9Db2RlJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tjYWxsLmJpbGxUb0NvZGUgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYmlsbFRvQWRkcmVzcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5iaWxsVG9BZGRyZXNzIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGhyLz5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zdWJqZWN0JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tjYWxsLnN1YmplY3QgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY2FsbFN0YXR1cycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5jYWxsU3RhdHVzIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNyZWF0ZWRPbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7KGNhbGwuY3JlYXRlZE9uIHwgc3REYXRlVGltZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNsb3NlZE9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3soY2FsbC5jbG9zZWRPbiB8IHN0RGF0ZVRpbWVGb3JtYXRQaXBlKSB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxoci8+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQub3JpZ2luJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tjYWxsLm9yaWdpbiB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5wcm9ibGVtVHlwZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5wcm9ibGVtVHlwZSB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5wcm9ibGVtU3VidHlwZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5wcm9ibGVtU3VidHlwZSB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY2FsbFR5cGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuY2FsbFR5cGUgfHwgJy0nfX08L3A+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS00XCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQudGVjaG5pY2lhbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC50ZWNobmljaWFuRmlyc3ROYW1lID8gY2FsbC50ZWNobmljaWFuRmlyc3ROYW1lICsgJyAnICsgY2FsbC50ZWNobmljaWFuTGFzdE5hbWUgOiAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTRcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5oYW5kbGVkQnknIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuaGFuZGxlZEJ5IHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGhyLz5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydnbG9iYWwucmVtYXJrcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5yZW1hcmtzIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyXCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQucmVzb2x1dGlvbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICAgICAgICAgIDxwPnt7Y2FsbC5yZXNvbHV0aW9uIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgPGhyLz5cclxuXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCI+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zdGFydFRpbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57eyhjYWxsLnN0YXJ0VGltZSB8IHN0RGF0ZVRpbWVGb3JtYXRQaXBlKSB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5lbmRUaW1lJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3soY2FsbC5lbmRUaW1lIHwgc3REYXRlVGltZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmR1cmF0aW9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPHA+e3tjYWxsLmR1cmF0aW9uIHx8ICctJ319PC9wPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnRyYXZlbFRpbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwudHJhdmVsVGltZSB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMlwiPlxyXG4gICAgICAgICAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmludGVybmFsQ29tbWVudHMnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8cD57e2NhbGwuaW50ZXJuYWxDb21tZW50cyB8fCAnLSd9fTwvcD5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L21hdC10YWI+XHJcblxyXG4gICAgPG1hdC10YWIgbGFiZWw9XCJ7eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYWN0aXZpdGllcycgfCB0cmFuc2xhdGV9fSAoe3thY3Rpdml0aWVzLmxlbmd0aCB8fCAwfX0pXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImFjdGl2aXRpZXMkIHwgYXN5bmNcIj5cclxuICAgICAgICAgICAgPGFwcC1hY3Rpdml0aWVzLWxpc3Qtdmlld1xyXG4gICAgICAgICAgICAgICAgICAgIFthY3Rpdml0aWVzXT1cImFjdGl2aXRpZXNcIlxyXG4gICAgICAgICAgICA+PC9hcHAtYWN0aXZpdGllcy1saXN0LXZpZXc+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICA8L21hdC10YWI+XHJcbjwvbWF0LXRhYi1ncm91cD5cclxuXHJcblxyXG5cclxuXHJcbiJdfQ==

package/esm2020/lib/components/sap-installed-instrument-details/calls-list-view/calls-list-view.component.mjs

@@ -0,0 +1,56 @@
+import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewChild } from '@angular/core';
+import { MatTableDataSource } from "@angular/material/table";
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import { MatPaginator } from "@angular/material/paginator";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/table";
+import * as i3 from "@angular/material/paginator";
+import * as i4 from "../call-details-view/call-details-view.component";
+import * as i5 from "@ngx-translate/core";
+import * as i6 from "ngx-st-date-format";
+export class CallsListViewComponent {
+    constructor() {
+        this.class = 'display-flex-component';
+        this.columnsToDisplay = ['callId', 'callStatus', 'callType', 'problemType', 'customer', 'customerName', 'handledBy', 'createdOn', 'closedOn'];
+    }
+    ngOnInit() {
+        this.setTable();
+    }
+    ngAfterViewInit() {
+        this.paginator.pageSize = 10;
+        this.tableSource.paginator = this.paginator;
+    }
+    setTable() {
+        this.tableSource = new MatTableDataSource(this.calls);
+    }
+}
+CallsListViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallsListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CallsListViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: CallsListViewComponent, selector: "app-calls-list-view", inputs: { calls: "calls", contracts: "contracts" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"calls-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"callId\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'global.callId' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callId }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"callStatus\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'global.status' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callStatus }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"callType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.callType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"problemType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.problemType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.problemType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customer\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.accountNo' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customer }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customerName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.accountName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customerName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"handledBy\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.handledBy' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.handledBy }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"createdOn\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.createdOn' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.createdOn | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"closedOn\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.closedOn' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.closedOn | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-call-details-view\r\n            *ngIf=\"element == expandedElement\"\r\n            [call]=\"element\"\r\n            [contracts]=\"contracts\"\r\n          ></app-call-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[10, 20]\"\r\n    showFirstLastButtons\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.calls-list-view{width:100%}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#c8e6c9;border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9;border-bottom:3px solid #c8e6c9}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { kind: "component", type: i4.CallDetailsViewComponent, selector: "app-call-details-view", inputs: ["call", "contracts"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }, { kind: "pipe", type: i6.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], animations: [
+        trigger('detailExpand', [
+            state('collapsed', style({ height: '0px', minHeight: '0' })),
+            state('expanded', style({ height: '*' })),
+            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+        ]),
+    ], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: CallsListViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-calls-list-view', animations: [
+                        trigger('detailExpand', [
+                            state('collapsed', style({ height: '0px', minHeight: '0' })),
+                            state('expanded', style({ height: '*' })),
+                            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),
+                        ]),
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"calls-list-view\">\r\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\r\n    <ng-container matColumnDef=\"callId\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'global.callId' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callId }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"callStatus\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'global.status' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callStatus }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"callType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.callType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.callType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"problemType\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.problemType' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.problemType }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customer\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.accountNo' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customer }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"customerName\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.accountName' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.customerName }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"handledBy\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.handledBy' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">{{ element.handledBy }}</td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"createdOn\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.createdOn' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.createdOn | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"closedOn\">\r\n      <th mat-header-cell *matHeaderCellDef>\r\n        {{ 'sapAdminInstalledInstrument.closedOn' | translate }}\r\n      </th>\r\n      <td mat-cell *matCellDef=\"let element\">\r\n        {{ element.closedOn | stDateTimeFormatPipe }}\r\n      </td>\r\n    </ng-container>\r\n\r\n    <ng-container matColumnDef=\"expandedDetail\">\r\n      <td\r\n        mat-cell\r\n        *matCellDef=\"let element\"\r\n        [attr.colspan]=\"columnsToDisplay.length\"\r\n      >\r\n        <div\r\n          class=\"row-detail\"\r\n          [@detailExpand]=\"\r\n            element == expandedElement ? 'expanded' : 'collapsed'\r\n          \"\r\n        >\r\n          <app-call-details-view\r\n            *ngIf=\"element == expandedElement\"\r\n            [call]=\"element\"\r\n            [contracts]=\"contracts\"\r\n          ></app-call-details-view>\r\n        </div>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let element; columns: columnsToDisplay\"\r\n      class=\"details-element-row\"\r\n      [class.details-expanded-row]=\"expandedElement === element\"\r\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n    ></tr>\r\n    <tr\r\n      mat-row\r\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n      class=\"detail-row\"\r\n    ></tr>\r\n  </table>\r\n  <mat-paginator\r\n    [pageSizeOptions]=\"[10, 20]\"\r\n    showFirstLastButtons\r\n  ></mat-paginator>\r\n</div>\r\n", styles: [".search-form button{height:40px}.search-form mat-form-field:first-child{padding-left:0}.search-form mat-form-field:last-child{padding-right:0}.search-form .clear{padding:0}.search-form .clear i{height:20px;width:20px;font-size:20px;cursor:pointer}table{width:100%}table::ng-deep thead tr{background-color:#fff9c4}table::ng-deep thead tr th{border-color:#fdd835}table::ng-deep tbody>tr{cursor:pointer}table::ng-deep tbody>tr.active{background-color:#a5d6a7}table::ng-deep tbody>tr:hover{background-color:#a5d6a7}table::ng-deep tbody>tr.disabled{cursor:not-allowed}table::ng-deep tbody>tr.disabled:hover{background-color:inherit}table::ng-deep tbody>tr.detail-row{height:0;cursor:default}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent}table::ng-deep tbody>tr.detail-row .element-detail{overflow:hidden;display:flex}table::ng-deep tbody>tr.detail-row .element-detail p{padding:20px 0;margin-bottom:0;white-space:pre-wrap}table::ng-deep tbody>tr td i.active-row{color:#1b5e20;font-weight:700;font-size:25px;height:25px;width:25px;margin-top:2px}table::ng-deep tbody>tr td>div{max-height:200px;overflow:hidden;overflow-y:auto}table::ng-deep tbody>tr td a button{color:#000}table::ng-deep tbody>tr td a i{color:#333}table::ng-deep .mat-column-active{width:48px}table.no-hover::ng-deep tbody tr{cursor:default}table.no-hover::ng-deep tbody tr.active{background-color:transparent}table.no-hover::ng-deep tbody tr:hover{background-color:transparent}table.admin-table::ng-deep .actions-cell{width:100px}.calls-list-view{width:100%}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:#f5f5f5!important}table::ng-deep tbody>tr.detail-row:hover{background-color:transparent!important;cursor:default}table::ng-deep tbody>tr.detail-row{height:0}table::ng-deep tbody>tr.detail-row .row-detail{overflow:hidden;max-height:inherit}table::ng-deep tbody>tr.detail-row .row-detail ul{margin:10px 0}table::ng-deep tbody>tr.details-element-row:not(.details-expanded-row):hover{background:whitesmoke}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:#c8e6c9;border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid #c8e6c9;border-right:3px solid #c8e6c9;border-bottom:3px solid #c8e6c9}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class']
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator]
+            }], calls: [{
+                type: Input
+            }], contracts: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbHMtbGlzdC12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9jYWxscy1saXN0LXZpZXcvY2FsbHMtbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9jYWxscy1saXN0LXZpZXcvY2FsbHMtbGlzdC12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBZ0IsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXZILE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLHlCQUF5QixDQUFDO0FBQzNELE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFFL0UsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDZCQUE2QixDQUFDOzs7Ozs7OztBQWV6RCxNQUFNLE9BQU8sc0JBQXNCO0lBYy9CO1FBYnNCLFVBQUssR0FBRyx3QkFBd0IsQ0FBQztRQVN2RCxxQkFBZ0IsR0FBRyxDQUFDLFFBQVEsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFLekksQ0FBQztJQUVELFFBQVE7UUFDSixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7UUFDN0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNoRCxDQUFDO0lBRU8sUUFBUTtRQUNaLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxrQkFBa0IsQ0FBZSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEUsQ0FBQzs7bUhBNUJRLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDJNQUVwQixZQUFZLGdEQ3RCM0IsZzdIQTZHQSxzM0hEbEdnQjtRQUNSLE9BQU8sQ0FBQyxjQUFjLEVBQUU7WUFDcEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUMsQ0FBQyxDQUFDO1lBQzFELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDLENBQUM7WUFDdkMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO1NBQ3hGLENBQUM7S0FDTDsyRkFHUSxzQkFBc0I7a0JBYmxDLFNBQVM7K0JBQ0kscUJBQXFCLGNBR25CO3dCQUNSLE9BQU8sQ0FBQyxjQUFjLEVBQUU7NEJBQ3BCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQzs0QkFDMUQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUMsQ0FBQzs0QkFDdkMsVUFBVSxDQUFDLHdCQUF3QixFQUFFLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUFDO3lCQUN4RixDQUFDO3FCQUNMLG1CQUNnQix1QkFBdUIsQ0FBQyxNQUFNOzBFQUd6QixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBQ0ssU0FBUztzQkFBakMsU0FBUzt1QkFBQyxZQUFZO2dCQUd2QixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sU0FBUztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9uSW5pdCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtTYXBDYWxsTW9kZWx9IGZyb20gXCIuLi8uLi8uLi9tb2RlbHMvc2FwLWNhbGwubW9kZWxcIjtcclxuaW1wb3J0IHtNYXRUYWJsZURhdGFTb3VyY2V9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90YWJsZVwiO1xyXG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSBcIkBhbmd1bGFyL2FuaW1hdGlvbnNcIjtcclxuaW1wb3J0IHtTYXBDb250cmFjdE1vZGVsfSBmcm9tIFwiLi4vLi4vLi4vbW9kZWxzL3NhcC1jb250cmFjdC5tb2RlbFwiO1xyXG5pbXBvcnQge01hdFBhZ2luYXRvcn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvclwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2FwcC1jYWxscy1saXN0LXZpZXcnLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2NhbGxzLWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBzdHlsZVVybHM6IFsnLi9jYWxscy1saXN0LXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICAgIGFuaW1hdGlvbnM6IFtcclxuICAgICAgICB0cmlnZ2VyKCdkZXRhaWxFeHBhbmQnLCBbXHJcbiAgICAgICAgICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7aGVpZ2h0OiAnMHB4JywgbWluSGVpZ2h0OiAnMCd9KSksXHJcbiAgICAgICAgICAgIHN0YXRlKCdleHBhbmRlZCcsIHN0eWxlKHtoZWlnaHQ6ICcqJ30pKSxcclxuICAgICAgICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScpKSxcclxuICAgICAgICBdKSxcclxuICAgIF0sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ2FsbHNMaXN0Vmlld0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XHJcbiAgICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XHJcbiAgICBAVmlld0NoaWxkKE1hdFBhZ2luYXRvcikgcGFnaW5hdG9yOiBNYXRQYWdpbmF0b3I7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGNhbGxzOiBTYXBDYWxsTW9kZWxbXTtcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgY29udHJhY3RzOiBTYXBDb250cmFjdE1vZGVsW107XHJcblxyXG4gICAgY29sdW1uc1RvRGlzcGxheSA9IFsnY2FsbElkJywgJ2NhbGxTdGF0dXMnLCAnY2FsbFR5cGUnLCAncHJvYmxlbVR5cGUnLCAnY3VzdG9tZXInLCAnY3VzdG9tZXJOYW1lJywgJ2hhbmRsZWRCeScsICdjcmVhdGVkT24nLCAnY2xvc2VkT24nXTtcclxuICAgIHRhYmxlU291cmNlOiBNYXRUYWJsZURhdGFTb3VyY2U8U2FwQ2FsbE1vZGVsPjtcclxuICAgIGV4cGFuZGVkRWxlbWVudDogU2FwQ2FsbE1vZGVsIHwgbnVsbDtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcigpIHtcclxuICAgIH1cclxuXHJcbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgICAgICB0aGlzLnNldFRhYmxlKCk7XHJcbiAgICB9XHJcblxyXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xyXG4gICAgICAgIHRoaXMucGFnaW5hdG9yLnBhZ2VTaXplID0gMTA7XHJcbiAgICAgICAgdGhpcy50YWJsZVNvdXJjZS5wYWdpbmF0b3IgPSB0aGlzLnBhZ2luYXRvcjtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIHNldFRhYmxlKCkge1xyXG4gICAgICAgIHRoaXMudGFibGVTb3VyY2UgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlPFNhcENhbGxNb2RlbD4odGhpcy5jYWxscyk7XHJcbiAgICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNhbGxzLWxpc3Qtdmlld1wiPlxyXG4gIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwidGFibGVTb3VyY2VcIiBbbXVsdGlUZW1wbGF0ZURhdGFSb3dzXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY2FsbElkXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ2dsb2JhbC5jYWxsSWQnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jYWxsSWQgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJjYWxsU3RhdHVzXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ2dsb2JhbC5zdGF0dXMnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jYWxsU3RhdHVzIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY2FsbFR5cGVcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNhbGxUeXBlJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQuY2FsbFR5cGUgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJwcm9ibGVtVHlwZVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQucHJvYmxlbVR5cGUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5wcm9ibGVtVHlwZSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImN1c3RvbWVyXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hY2NvdW50Tm8nIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jdXN0b21lciB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImN1c3RvbWVyTmFtZVwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuYWNjb3VudE5hbWUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jdXN0b21lck5hbWUgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJoYW5kbGVkQnlcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmhhbmRsZWRCeScgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LmhhbmRsZWRCeSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImNyZWF0ZWRPblwiPlxyXG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxyXG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY3JlYXRlZE9uJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxyXG4gICAgICAgIHt7IGVsZW1lbnQuY3JlYXRlZE9uIHwgc3REYXRlVGltZUZvcm1hdFBpcGUgfX1cclxuICAgICAgPC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY2xvc2VkT25cIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNsb3NlZE9uJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxyXG4gICAgICAgIHt7IGVsZW1lbnQuY2xvc2VkT24gfCBzdERhdGVUaW1lRm9ybWF0UGlwZSB9fVxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJleHBhbmRlZERldGFpbFwiPlxyXG4gICAgICA8dGRcclxuICAgICAgICBtYXQtY2VsbFxyXG4gICAgICAgICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIlxyXG4gICAgICAgIFthdHRyLmNvbHNwYW5dPVwiY29sdW1uc1RvRGlzcGxheS5sZW5ndGhcIlxyXG4gICAgICA+XHJcbiAgICAgICAgPGRpdlxyXG4gICAgICAgICAgY2xhc3M9XCJyb3ctZGV0YWlsXCJcclxuICAgICAgICAgIFtAZGV0YWlsRXhwYW5kXT1cIlxyXG4gICAgICAgICAgICBlbGVtZW50ID09IGV4cGFuZGVkRWxlbWVudCA/ICdleHBhbmRlZCcgOiAnY29sbGFwc2VkJ1xyXG4gICAgICAgICAgXCJcclxuICAgICAgICA+XHJcbiAgICAgICAgICA8YXBwLWNhbGwtZGV0YWlscy12aWV3XHJcbiAgICAgICAgICAgICpuZ0lmPVwiZWxlbWVudCA9PSBleHBhbmRlZEVsZW1lbnRcIlxyXG4gICAgICAgICAgICBbY2FsbF09XCJlbGVtZW50XCJcclxuICAgICAgICAgICAgW2NvbnRyYWN0c109XCJjb250cmFjdHNcIlxyXG4gICAgICAgICAgPjwvYXBwLWNhbGwtZGV0YWlscy12aWV3PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zVG9EaXNwbGF5XCI+PC90cj5cclxuICAgIDx0clxyXG4gICAgICBtYXQtcm93XHJcbiAgICAgICptYXRSb3dEZWY9XCJsZXQgZWxlbWVudDsgY29sdW1uczogY29sdW1uc1RvRGlzcGxheVwiXHJcbiAgICAgIGNsYXNzPVwiZGV0YWlscy1lbGVtZW50LXJvd1wiXHJcbiAgICAgIFtjbGFzcy5kZXRhaWxzLWV4cGFuZGVkLXJvd109XCJleHBhbmRlZEVsZW1lbnQgPT09IGVsZW1lbnRcIlxyXG4gICAgICAoY2xpY2spPVwiZXhwYW5kZWRFbGVtZW50ID0gZXhwYW5kZWRFbGVtZW50ID09PSBlbGVtZW50ID8gbnVsbCA6IGVsZW1lbnRcIlxyXG4gICAgPjwvdHI+XHJcbiAgICA8dHJcclxuICAgICAgbWF0LXJvd1xyXG4gICAgICAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogWydleHBhbmRlZERldGFpbCddXCJcclxuICAgICAgY2xhc3M9XCJkZXRhaWwtcm93XCJcclxuICAgID48L3RyPlxyXG4gIDwvdGFibGU+XHJcbiAgPG1hdC1wYWdpbmF0b3JcclxuICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwiWzEwLCAyMF1cIlxyXG4gICAgc2hvd0ZpcnN0TGFzdEJ1dHRvbnNcclxuICA+PC9tYXQtcGFnaW5hdG9yPlxyXG48L2Rpdj5cclxuIl19