ngx-st-sap-installed-instruments 1.0.8 → 1.0.10

package/esm2020/lib/base-interfaces.mjs

@@ -1,2 +1,2 @@
-export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9iYXNlLWludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSUNvbmZpZyB7XHJcbiAgYXBpX2Jhc2VfdXJpOiBzdHJpbmc7XHJcbiAgYmFzZV91cmk6IHN0cmluZztcclxufVxyXG5cclxuZXhwb3J0IGludGVyZmFjZSBJRGlyZWN0aXZlTW9kdWxlQ29uZmlnIHtcclxuICBlcnJvckludGVyY2VwdG9yPzogYW55O1xyXG4gIGFwaUludGVyY2VwdG9yPzogYW55O1xyXG4gIGNvbmZpZz86IElDb25maWc7XHJcbn1cclxuIl19
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1pbnRlcmZhY2VzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9iYXNlLWludGVyZmFjZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgSUNvbmZpZyB7XHJcbiAgICBhcGlfYmFzZV91cmk6IHN0cmluZztcclxuICAgIGJhc2VfdXJpOiBzdHJpbmc7XHJcbn1cclxuZXhwb3J0IGludGVyZmFjZSBJRGlyZWN0aXZlTW9kdWxlQ29uZmlnIHtcclxuICAgIGVycm9ySW50ZXJjZXB0b3I/OiBhbnk7XHJcbiAgICBhcGlJbnRlcmNlcHRvcj86IGFueTtcclxuICAgIGNvbmZpZz86IElDb25maWc7XHJcbn1cclxuIl19

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

@@ -1,61 +1,64 @@
-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", "accessToken"] }, { 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdGllcy1saXN0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL2FjdGl2aXRpZXMtbGlzdC12aWV3L2FjdGl2aXRpZXMtbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0aWVzLWxpc3Qtdmlldy9hY3Rpdml0aWVzLWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBRUwsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsVUFBVSxFQUNWLE9BQU8sR0FDUixNQUFNLHFCQUFxQixDQUFDOzs7Ozs7OztBQWlCN0IsTUFBTSxPQUFPLDJCQUEyQjtJQWtCdEM7UUFqQnNCLFVBQUssR0FBRyx3QkFBd0IsQ0FBQztRQU12RCxxQkFBZ0IsR0FBRztZQUNqQixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLFVBQVU7WUFDVixhQUFhO1lBQ2IsV0FBVztZQUNYLFNBQVM7U0FDVixDQUFDO0lBSWEsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDOUMsQ0FBQztJQUVPLFFBQVE7UUFDZCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksa0JBQWtCLENBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQ2hCLENBQUM7SUFDSixDQUFDOzt3SEFqQ1UsMkJBQTJCOzRHQUEzQiwyQkFBMkIsa01BRTNCLFlBQVksZ0RDcEN6QixzM0dBNEZBLDRnSURyRWM7UUFDVixPQUFPLENBQUMsY0FBYyxFQUFFO1lBQ3RCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUM1RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pDLFVBQVUsQ0FDUix3QkFBd0IsRUFDeEIsT0FBTyxDQUFDLHNDQUFzQyxDQUFDLENBQ2hEO1NBQ0YsQ0FBQztLQUNIOzJGQUVVLDJCQUEyQjtrQkFmdkMsU0FBUzsrQkFDRSwwQkFBMEIsY0FHeEI7d0JBQ1YsT0FBTyxDQUFDLGNBQWMsRUFBRTs0QkFDdEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUM1RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUN6QyxVQUFVLENBQ1Isd0JBQXdCLEVBQ3hCLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUNoRDt5QkFDRixDQUFDO3FCQUNIOzBFQUdxQixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBQ0ssU0FBUztzQkFBakMsU0FBUzt1QkFBQyxZQUFZO2dCQUd2QixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIEFmdGVyVmlld0luaXQsXHJcbiAgQ29tcG9uZW50LFxyXG4gIEhvc3RCaW5kaW5nLFxyXG4gIElucHV0LFxyXG4gIE9uSW5pdCxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdFBhZ2luYXRvciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XHJcbmltcG9ydCB7IFNhcEFjdGl2aXR5TW9kZWwgfSBmcm9tICcuLi8uLi8uLi9tb2RlbHMvc2FwLWFjdGl2aXR5Lm1vZGVsJztcclxuaW1wb3J0IHsgTWF0VGFibGVEYXRhU291cmNlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdGFibGUnO1xyXG5pbXBvcnQge1xyXG4gIGFuaW1hdGUsXHJcbiAgc3RhdGUsXHJcbiAgc3R5bGUsXHJcbiAgdHJhbnNpdGlvbixcclxuICB0cmlnZ2VyLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYWN0aXZpdGllcy1saXN0LXZpZXcnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hY3Rpdml0aWVzLWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aXZpdGllcy1saXN0LXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdkZXRhaWxFeHBhbmQnLCBbXHJcbiAgICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7IGhlaWdodDogJzBweCcsIG1pbkhlaWdodDogJzAnIH0pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJyB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oXHJcbiAgICAgICAgJ2V4cGFuZGVkIDw9PiBjb2xsYXBzZWQnLFxyXG4gICAgICAgIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScpXHJcbiAgICAgICksXHJcbiAgICBdKSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQWN0aXZpdGllc0xpc3RWaWV3Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBBZnRlclZpZXdJbml0IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XHJcbiAgQFZpZXdDaGlsZChNYXRQYWdpbmF0b3IpIHBhZ2luYXRvcjogTWF0UGFnaW5hdG9yO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGFjdGl2aXRpZXM6IFNhcEFjdGl2aXR5TW9kZWxbXTtcclxuXHJcbiAgY29sdW1uc1RvRGlzcGxheSA9IFtcclxuICAgICdhY3Rpdml0eU51bWJlcicsXHJcbiAgICAnZGV0YWlsZWRTeW1wdG9tJyxcclxuICAgICdzb2x1dGlvbicsXHJcbiAgICAnY29vcmRpbmF0b3InLFxyXG4gICAgJ3N0YXJ0VGltZScsXHJcbiAgICAnZW5kVGltZScsXHJcbiAgXTtcclxuICB0YWJsZVNvdXJjZTogTWF0VGFibGVEYXRhU291cmNlPFNhcEFjdGl2aXR5TW9kZWw+O1xyXG4gIGV4cGFuZGVkRWxlbWVudDogU2FwQWN0aXZpdHlNb2RlbCB8IG51bGw7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldFRhYmxlKCk7XHJcbiAgfVxyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKSB7XHJcbiAgICB0aGlzLnBhZ2luYXRvci5wYWdlU2l6ZSA9IDU7XHJcbiAgICB0aGlzLnRhYmxlU291cmNlLnBhZ2luYXRvciA9IHRoaXMucGFnaW5hdG9yO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBzZXRUYWJsZSgpIHtcclxuICAgIHRoaXMudGFibGVTb3VyY2UgPSBuZXcgTWF0VGFibGVEYXRhU291cmNlPFNhcEFjdGl2aXR5TW9kZWw+KFxyXG4gICAgICB0aGlzLmFjdGl2aXRpZXNcclxuICAgICk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJhY3Rpdml0aWVzLWxpc3Qtdmlld1wiPlxyXG4gIDx0YWJsZSBtYXQtdGFibGUgW2RhdGFTb3VyY2VdPVwidGFibGVTb3VyY2VcIiBbbXVsdGlUZW1wbGF0ZURhdGFSb3dzXT1cInRydWVcIj5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiYWN0aXZpdHlOdW1iZXJcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFjdGl2aXR5Tm8nIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5hY3Rpdml0eU51bWJlciB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInR5cGVcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj57eyAnZ2xvYmFsLnR5cGUnIHwgdHJhbnNsYXRlIH19PC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LnR5cGUgfX08L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJkZXRhaWxlZFN5bXB0b21cIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmRldGFpbGVkU3ltcHRvbScgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LmRldGFpbGVkU3ltcHRvbSB9fTwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNvbHV0aW9uXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zb2x1dGlvbicgfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC90aD5cclxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LnNvbHV0aW9uIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiY29vcmRpbmF0b3JcIj5cclxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cclxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNvb3JkaW5hdG9yJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQuY29vcmRpbmF0b3JOYW1lIH19PC90ZD5cclxuICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwic3RhcnRUaW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zdGFydFRpbWUnIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvdGg+XHJcbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XHJcbiAgICAgICAge3sgZWxlbWVudC5zdGFydFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSB9fVxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJlbmRUaW1lXCI+XHJcbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XHJcbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5lbmRUaW1lJyB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L3RoPlxyXG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxyXG4gICAgICAgIHt7IGVsZW1lbnQuZW5kVGltZSB8IHN0RGF0ZVRpbWVGb3JtYXRQaXBlIH19XHJcbiAgICAgIDwvdGQ+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuXHJcbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImV4cGFuZGVkRGV0YWlsXCI+XHJcbiAgICAgIDx0ZFxyXG4gICAgICAgIG1hdC1jZWxsXHJcbiAgICAgICAgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiXHJcbiAgICAgICAgW2F0dHIuY29sc3Bhbl09XCJjb2x1bW5zVG9EaXNwbGF5Lmxlbmd0aFwiXHJcbiAgICAgID5cclxuICAgICAgICA8ZGl2XHJcbiAgICAgICAgICBjbGFzcz1cInJvdy1kZXRhaWxcIlxyXG4gICAgICAgICAgW0BkZXRhaWxFeHBhbmRdPVwiXHJcbiAgICAgICAgICAgIGVsZW1lbnQgPT0gZXhwYW5kZWRFbGVtZW50ID8gJ2V4cGFuZGVkJyA6ICdjb2xsYXBzZWQnXHJcbiAgICAgICAgICBcIlxyXG4gICAgICAgID5cclxuICAgICAgICAgIDxhcHAtYWN0aXZpdHktZGV0YWlscy12aWV3XHJcbiAgICAgICAgICAgICpuZ0lmPVwiZWxlbWVudCA9PSBleHBhbmRlZEVsZW1lbnRcIlxyXG4gICAgICAgICAgICBbYWN0aXZpdHldPVwiZWxlbWVudFwiXHJcbiAgICAgICAgICA+PC9hcHAtYWN0aXZpdHktZGV0YWlscy12aWV3PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L3RkPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcblxyXG4gICAgPHRyIG1hdC1oZWFkZXItcm93ICptYXRIZWFkZXJSb3dEZWY9XCJjb2x1bW5zVG9EaXNwbGF5XCI+PC90cj5cclxuICAgIDx0clxyXG4gICAgICBtYXQtcm93XHJcbiAgICAgICptYXRSb3dEZWY9XCJsZXQgZWxlbWVudDsgY29sdW1uczogY29sdW1uc1RvRGlzcGxheVwiXHJcbiAgICAgIGNsYXNzPVwiZGV0YWlscy1lbGVtZW50LXJvd1wiXHJcbiAgICAgIFtjbGFzcy5kZXRhaWxzLWV4cGFuZGVkLXJvd109XCJleHBhbmRlZEVsZW1lbnQgPT09IGVsZW1lbnRcIlxyXG4gICAgICAoY2xpY2spPVwiZXhwYW5kZWRFbGVtZW50ID0gZXhwYW5kZWRFbGVtZW50ID09PSBlbGVtZW50ID8gbnVsbCA6IGVsZW1lbnRcIlxyXG4gICAgPjwvdHI+XHJcbiAgICA8dHJcclxuICAgICAgbWF0LXJvd1xyXG4gICAgICAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogWydleHBhbmRlZERldGFpbCddXCJcclxuICAgICAgY2xhc3M9XCJkZXRhaWwtcm93XCJcclxuICAgID48L3RyPlxyXG4gIDwvdGFibGU+XHJcbiAgPG1hdC1wYWdpbmF0b3JcclxuICAgIFtwYWdlU2l6ZU9wdGlvbnNdPVwiWzUsIDEwXVwiXHJcbiAgICBbc2hvd0ZpcnN0TGFzdEJ1dHRvbnNdPVwidHJ1ZVwiXHJcbiAgPjwvbWF0LXBhZ2luYXRvcj5cclxuPC9kaXY+XHJcbiJdfQ==
+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.accessToken = '';
+        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", accessToken: "accessToken" }, host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, template: "<div class=\"activities-list-view\">\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\n    <ng-container matColumnDef=\"activityNumber\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.activityNo' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.activityNumber }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"type\">\n      <th mat-header-cell *matHeaderCellDef>{{ 'global.type' | translate }}</th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.type }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"detailedSymptom\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.detailedSymptom' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.detailedSymptom }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"solution\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.solution' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.solution }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"coordinator\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.coordinator' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.coordinatorName }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"startTime\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.startTime' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.startTime | stDateTimeFormatPipe }}\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"endTime\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.endTime' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.endTime | stDateTimeFormatPipe }}\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"expandedDetail\">\n      <td\n        mat-cell\n        *matCellDef=\"let element\"\n        [attr.colspan]=\"columnsToDisplay.length\"\n      >\n        <div\n          class=\"row-detail\"\n          [@detailExpand]=\"\n            element == expandedElement ? 'expanded' : 'collapsed'\n          \"\n        >\n          <app-activity-details-view\n            *ngIf=\"element == expandedElement\"\n            [activity]=\"element\"\n            [accessToken]=\"accessToken\"\n          ></app-activity-details-view>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let element; columns: columnsToDisplay\"\n      class=\"details-element-row\"\n      [class.details-expanded-row]=\"expandedElement === element\"\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\n    ></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\n      class=\"detail-row\"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageSizeOptions]=\"[5, 10]\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\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%;box-shadow:none}table th.mat-header-cell:first-of-type,table td.mat-cell:first-of-type,table td.mat-footer-cell:first-of-type{padding-left:12px}table th.mat-header-cell:last-of-type,table td.mat-cell:last-of-type,table td.mat-footer-cell:last-of-type{padding-right:12px}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", "accessToken"] }, { 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\">\n  <table mat-table [dataSource]=\"tableSource\" [multiTemplateDataRows]=\"true\">\n    <ng-container matColumnDef=\"activityNumber\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.activityNo' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.activityNumber }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"type\">\n      <th mat-header-cell *matHeaderCellDef>{{ 'global.type' | translate }}</th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.type }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"detailedSymptom\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.detailedSymptom' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.detailedSymptom }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"solution\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.solution' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.solution }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"coordinator\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.coordinator' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">{{ element.coordinatorName }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"startTime\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.startTime' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.startTime | stDateTimeFormatPipe }}\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"endTime\">\n      <th mat-header-cell *matHeaderCellDef>\n        {{ 'sapAdminInstalledInstrument.endTime' | translate }}\n      </th>\n      <td mat-cell *matCellDef=\"let element\">\n        {{ element.endTime | stDateTimeFormatPipe }}\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"expandedDetail\">\n      <td\n        mat-cell\n        *matCellDef=\"let element\"\n        [attr.colspan]=\"columnsToDisplay.length\"\n      >\n        <div\n          class=\"row-detail\"\n          [@detailExpand]=\"\n            element == expandedElement ? 'expanded' : 'collapsed'\n          \"\n        >\n          <app-activity-details-view\n            *ngIf=\"element == expandedElement\"\n            [activity]=\"element\"\n            [accessToken]=\"accessToken\"\n          ></app-activity-details-view>\n        </div>\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let element; columns: columnsToDisplay\"\n      class=\"details-element-row\"\n      [class.details-expanded-row]=\"expandedElement === element\"\n      (click)=\"expandedElement = expandedElement === element ? null : element\"\n    ></tr>\n    <tr\n      mat-row\n      *matRowDef=\"let row; columns: ['expandedDetail']\"\n      class=\"detail-row\"\n    ></tr>\n  </table>\n  <mat-paginator\n    [pageSizeOptions]=\"[5, 10]\"\n    [showFirstLastButtons]=\"true\"\n  ></mat-paginator>\n</div>\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%;box-shadow:none}table th.mat-header-cell:first-of-type,table td.mat-cell:first-of-type,table td.mat-footer-cell:first-of-type{padding-left:12px}table th.mat-header-cell:last-of-type,table td.mat-cell:last-of-type,table td.mat-footer-cell:last-of-type{padding-right:12px}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
+            }], accessToken: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdGllcy1saXN0LXZpZXcuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL2FjdGl2aXRpZXMtbGlzdC12aWV3L2FjdGl2aXRpZXMtbGlzdC12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0aWVzLWxpc3Qtdmlldy9hY3Rpdml0aWVzLWxpc3Qtdmlldy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFdBQVcsRUFDWCxLQUFLLEVBRUwsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUUzRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQ0wsT0FBTyxFQUNQLEtBQUssRUFDTCxLQUFLLEVBQ0wsVUFBVSxFQUNWLE9BQU8sR0FDUixNQUFNLHFCQUFxQixDQUFDOzs7Ozs7OztBQWlCN0IsTUFBTSxPQUFPLDJCQUEyQjtJQXFCdEM7UUFwQnNCLFVBQUssR0FBRyx3QkFBd0IsQ0FBQztRQU92RCxnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQUVqQixxQkFBZ0IsR0FBRztZQUNqQixnQkFBZ0I7WUFDaEIsaUJBQWlCO1lBQ2pCLFVBQVU7WUFDVixhQUFhO1lBQ2IsV0FBVztZQUNYLFNBQVM7U0FDVixDQUFDO0lBSWEsQ0FBQztJQUVoQixRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ2xCLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLEdBQUcsQ0FBQyxDQUFDO1FBQzVCLElBQUksQ0FBQyxXQUFXLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDOUMsQ0FBQztJQUVPLFFBQVE7UUFDZCxJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksa0JBQWtCLENBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQ2hCLENBQUM7SUFDSixDQUFDOzt3SEFwQ1UsMkJBQTJCOzRHQUEzQiwyQkFBMkIsOE5BRTNCLFlBQVksZ0RDcEN6Qix5dUdBNkZBLDB4SUR0RWM7UUFDVixPQUFPLENBQUMsY0FBYyxFQUFFO1lBQ3RCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztZQUM1RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pDLFVBQVUsQ0FDUix3QkFBd0IsRUFDeEIsT0FBTyxDQUFDLHNDQUFzQyxDQUFDLENBQ2hEO1NBQ0YsQ0FBQztLQUNIOzJGQUVVLDJCQUEyQjtrQkFmdkMsU0FBUzsrQkFDRSwwQkFBMEIsY0FHeEI7d0JBQ1YsT0FBTyxDQUFDLGNBQWMsRUFBRTs0QkFDdEIsS0FBSyxDQUFDLFdBQVcsRUFBRSxLQUFLLENBQUMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUM1RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDOzRCQUN6QyxVQUFVLENBQ1Isd0JBQXdCLEVBQ3hCLE9BQU8sQ0FBQyxzQ0FBc0MsQ0FBQyxDQUNoRDt5QkFDRixDQUFDO3FCQUNIOzBFQUdxQixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBQ0ssU0FBUztzQkFBakMsU0FBUzt1QkFBQyxZQUFZO2dCQUd2QixVQUFVO3NCQURULEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdFBhZ2luYXRvciB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3BhZ2luYXRvcic7XG5pbXBvcnQgeyBTYXBBY3Rpdml0eU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL3NhcC1hY3Rpdml0eS5tb2RlbCc7XG5pbXBvcnQgeyBNYXRUYWJsZURhdGFTb3VyY2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90YWJsZSc7XG5pbXBvcnQge1xuICBhbmltYXRlLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIHRyYW5zaXRpb24sXG4gIHRyaWdnZXIsXG59IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtYWN0aXZpdGllcy1saXN0LXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aXZpdGllcy1saXN0LXZpZXcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY3Rpdml0aWVzLWxpc3Qtdmlldy5jb21wb25lbnQuc2NzcyddLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZGV0YWlsRXhwYW5kJywgW1xuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHsgaGVpZ2h0OiAnMHB4JywgbWluSGVpZ2h0OiAnMCcgfSkpLFxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoeyBoZWlnaHQ6ICcqJyB9KSksXG4gICAgICB0cmFuc2l0aW9uKFxuICAgICAgICAnZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsXG4gICAgICAgIGFuaW1hdGUoJzIyNW1zIGN1YmljLWJlemllcigwLjQsIDAuMCwgMC4yLCAxKScpXG4gICAgICApLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBBY3Rpdml0aWVzTGlzdFZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XG4gIEBWaWV3Q2hpbGQoTWF0UGFnaW5hdG9yKSBwYWdpbmF0b3I6IE1hdFBhZ2luYXRvcjtcblxuICBASW5wdXQoKVxuICBhY3Rpdml0aWVzOiBTYXBBY3Rpdml0eU1vZGVsW107XG5cbiAgQElucHV0KClcbiAgYWNjZXNzVG9rZW4gPSAnJztcblxuICBjb2x1bW5zVG9EaXNwbGF5ID0gW1xuICAgICdhY3Rpdml0eU51bWJlcicsXG4gICAgJ2RldGFpbGVkU3ltcHRvbScsXG4gICAgJ3NvbHV0aW9uJyxcbiAgICAnY29vcmRpbmF0b3InLFxuICAgICdzdGFydFRpbWUnLFxuICAgICdlbmRUaW1lJyxcbiAgXTtcbiAgdGFibGVTb3VyY2U6IE1hdFRhYmxlRGF0YVNvdXJjZTxTYXBBY3Rpdml0eU1vZGVsPjtcbiAgZXhwYW5kZWRFbGVtZW50OiBTYXBBY3Rpdml0eU1vZGVsIHwgbnVsbDtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRUYWJsZSgpO1xuICB9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMucGFnaW5hdG9yLnBhZ2VTaXplID0gNTtcbiAgICB0aGlzLnRhYmxlU291cmNlLnBhZ2luYXRvciA9IHRoaXMucGFnaW5hdG9yO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRUYWJsZSgpIHtcbiAgICB0aGlzLnRhYmxlU291cmNlID0gbmV3IE1hdFRhYmxlRGF0YVNvdXJjZTxTYXBBY3Rpdml0eU1vZGVsPihcbiAgICAgIHRoaXMuYWN0aXZpdGllc1xuICAgICk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJhY3Rpdml0aWVzLWxpc3Qtdmlld1wiPlxuICA8dGFibGUgbWF0LXRhYmxlIFtkYXRhU291cmNlXT1cInRhYmxlU291cmNlXCIgW211bHRpVGVtcGxhdGVEYXRhUm93c109XCJ0cnVlXCI+XG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJhY3Rpdml0eU51bWJlclwiPlxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5hY3Rpdml0eU5vJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgPC90aD5cbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5hY3Rpdml0eU51bWJlciB9fTwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInR5cGVcIj5cbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+e3sgJ2dsb2JhbC50eXBlJyB8IHRyYW5zbGF0ZSB9fTwvdGg+XG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPnt7IGVsZW1lbnQudHlwZSB9fTwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImRldGFpbGVkU3ltcHRvbVwiPlxuICAgICAgPHRoIG1hdC1oZWFkZXItY2VsbCAqbWF0SGVhZGVyQ2VsbERlZj5cbiAgICAgICAge3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5kZXRhaWxlZFN5bXB0b20nIHwgdHJhbnNsYXRlIH19XG4gICAgICA8L3RoPlxuICAgICAgPHRkIG1hdC1jZWxsICptYXRDZWxsRGVmPVwibGV0IGVsZW1lbnRcIj57eyBlbGVtZW50LmRldGFpbGVkU3ltcHRvbSB9fTwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cInNvbHV0aW9uXCI+XG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNvbHV0aW9uJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgPC90aD5cbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5zb2x1dGlvbiB9fTwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImNvb3JkaW5hdG9yXCI+XG4gICAgICA8dGggbWF0LWhlYWRlci1jZWxsICptYXRIZWFkZXJDZWxsRGVmPlxuICAgICAgICB7eyAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNvb3JkaW5hdG9yJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgPC90aD5cbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+e3sgZWxlbWVudC5jb29yZGluYXRvck5hbWUgfX08L3RkPlxuICAgIDwvbmctY29udGFpbmVyPlxuXG4gICAgPG5nLWNvbnRhaW5lciBtYXRDb2x1bW5EZWY9XCJzdGFydFRpbWVcIj5cbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc3RhcnRUaW1lJyB8IHRyYW5zbGF0ZSB9fVxuICAgICAgPC90aD5cbiAgICAgIDx0ZCBtYXQtY2VsbCAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCI+XG4gICAgICAgIHt7IGVsZW1lbnQuc3RhcnRUaW1lIHwgc3REYXRlVGltZUZvcm1hdFBpcGUgfX1cbiAgICAgIDwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyIG1hdENvbHVtbkRlZj1cImVuZFRpbWVcIj5cbiAgICAgIDx0aCBtYXQtaGVhZGVyLWNlbGwgKm1hdEhlYWRlckNlbGxEZWY+XG4gICAgICAgIHt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZW5kVGltZScgfCB0cmFuc2xhdGUgfX1cbiAgICAgIDwvdGg+XG4gICAgICA8dGQgbWF0LWNlbGwgKm1hdENlbGxEZWY9XCJsZXQgZWxlbWVudFwiPlxuICAgICAgICB7eyBlbGVtZW50LmVuZFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSB9fVxuICAgICAgPC90ZD5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgbWF0Q29sdW1uRGVmPVwiZXhwYW5kZWREZXRhaWxcIj5cbiAgICAgIDx0ZFxuICAgICAgICBtYXQtY2VsbFxuICAgICAgICAqbWF0Q2VsbERlZj1cImxldCBlbGVtZW50XCJcbiAgICAgICAgW2F0dHIuY29sc3Bhbl09XCJjb2x1bW5zVG9EaXNwbGF5Lmxlbmd0aFwiXG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjbGFzcz1cInJvdy1kZXRhaWxcIlxuICAgICAgICAgIFtAZGV0YWlsRXhwYW5kXT1cIlxuICAgICAgICAgICAgZWxlbWVudCA9PSBleHBhbmRlZEVsZW1lbnQgPyAnZXhwYW5kZWQnIDogJ2NvbGxhcHNlZCdcbiAgICAgICAgICBcIlxuICAgICAgICA+XG4gICAgICAgICAgPGFwcC1hY3Rpdml0eS1kZXRhaWxzLXZpZXdcbiAgICAgICAgICAgICpuZ0lmPVwiZWxlbWVudCA9PSBleHBhbmRlZEVsZW1lbnRcIlxuICAgICAgICAgICAgW2FjdGl2aXR5XT1cImVsZW1lbnRcIlxuICAgICAgICAgICAgW2FjY2Vzc1Rva2VuXT1cImFjY2Vzc1Rva2VuXCJcbiAgICAgICAgICA+PC9hcHAtYWN0aXZpdHktZGV0YWlscy12aWV3PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvdGQ+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8dHIgbWF0LWhlYWRlci1yb3cgKm1hdEhlYWRlclJvd0RlZj1cImNvbHVtbnNUb0Rpc3BsYXlcIj48L3RyPlxuICAgIDx0clxuICAgICAgbWF0LXJvd1xuICAgICAgKm1hdFJvd0RlZj1cImxldCBlbGVtZW50OyBjb2x1bW5zOiBjb2x1bW5zVG9EaXNwbGF5XCJcbiAgICAgIGNsYXNzPVwiZGV0YWlscy1lbGVtZW50LXJvd1wiXG4gICAgICBbY2xhc3MuZGV0YWlscy1leHBhbmRlZC1yb3ddPVwiZXhwYW5kZWRFbGVtZW50ID09PSBlbGVtZW50XCJcbiAgICAgIChjbGljayk9XCJleHBhbmRlZEVsZW1lbnQgPSBleHBhbmRlZEVsZW1lbnQgPT09IGVsZW1lbnQgPyBudWxsIDogZWxlbWVudFwiXG4gICAgPjwvdHI+XG4gICAgPHRyXG4gICAgICBtYXQtcm93XG4gICAgICAqbWF0Um93RGVmPVwibGV0IHJvdzsgY29sdW1uczogWydleHBhbmRlZERldGFpbCddXCJcbiAgICAgIGNsYXNzPVwiZGV0YWlsLXJvd1wiXG4gICAgPjwvdHI+XG4gIDwvdGFibGU+XG4gIDxtYXQtcGFnaW5hdG9yXG4gICAgW3BhZ2VTaXplT3B0aW9uc109XCJbNSwgMTBdXCJcbiAgICBbc2hvd0ZpcnN0TGFzdEJ1dHRvbnNdPVwidHJ1ZVwiXG4gID48L21hdC1wYWdpbmF0b3I+XG48L2Rpdj5cbiJdfQ==

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

@@ -1,45 +1,46 @@
-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 +
-                this.config.base_uri +
-                '/installedInstrument/activity-attachment?access_token=' +
-                this.accessToken;
-    }
-    updateLink() {
-        const company = localStorage.getItem('company-id')
-            ? `&company-id=${localStorage.getItem('company-id')}`
-            : '';
-        this.baseDownloadLink =
-            this.config.api_base_uri +
-                this.config.base_uri +
-                '/installedInstrument/activity-attachment?access_token=' +
-                this.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", accessToken: "accessToken" }, 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
-            }], accessToken: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVNqRSxNQUFNLE9BQU8sNEJBQTRCO0lBU3ZDLFlBQXNDLE1BQWU7UUFBZixXQUFNLEdBQU4sTUFBTSxDQUFTO1FBRnJELHFCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUVrQyxDQUFDO0lBRXpELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtnQkFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2dCQUNwQix3REFBd0Q7Z0JBQ3hELElBQUksQ0FBQyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLE9BQU8sR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQztZQUNoRCxDQUFDLENBQUMsZUFBZSxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQ3JELENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDUCxJQUFJLENBQUMsZ0JBQWdCO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtnQkFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2dCQUNwQix3REFBd0Q7Z0JBQ3hELElBQUksQ0FBQyxXQUFXO2dCQUNoQixPQUFPLENBQUM7SUFDWixDQUFDOzt5SEE3QlUsNEJBQTRCLGtCQVNuQixRQUFROzZHQVRqQiw0QkFBNEIsK0hDVHpDLDh3SEF3RkE7MkZEL0VhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwyQkFBMkI7OzBCQWF4QixNQUFNOzJCQUFDLFFBQVE7NENBUDVCLFFBQVE7c0JBRFAsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBTYXBBY3Rpdml0eU1vZGVsIH0gZnJvbSAnLi4vLi4vLi4vbW9kZWxzL3NhcC1hY3Rpdml0eS5tb2RlbCc7XHJcbmltcG9ydCB7IElDb25maWcgfSBmcm9tICcuLi8uLi8uLi9iYXNlLWludGVyZmFjZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtYWN0aXZpdHktZGV0YWlscy12aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hY3Rpdml0eS1kZXRhaWxzLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFjdGl2aXR5RGV0YWlsc1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgYWN0aXZpdHk6IFNhcEFjdGl2aXR5TW9kZWw7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYWNjZXNzVG9rZW46IHN0cmluZztcclxuXHJcbiAgYmFzZURvd25sb2FkTGluayA9ICcnO1xyXG5cclxuICBjb25zdHJ1Y3RvcihASW5qZWN0KCdjb25maWcnKSBwcml2YXRlIGNvbmZpZzogSUNvbmZpZykge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmJhc2VEb3dubG9hZExpbmsgPVxyXG4gICAgICB0aGlzLmNvbmZpZy5hcGlfYmFzZV91cmkgK1xyXG4gICAgICB0aGlzLmNvbmZpZy5iYXNlX3VyaSArXHJcbiAgICAgICcvaW5zdGFsbGVkSW5zdHJ1bWVudC9hY3Rpdml0eS1hdHRhY2htZW50P2FjY2Vzc190b2tlbj0nICtcclxuICAgICAgdGhpcy5hY2Nlc3NUb2tlbjtcclxuICB9XHJcblxyXG4gIHVwZGF0ZUxpbmsoKSB7XHJcbiAgICBjb25zdCBjb21wYW55ID0gbG9jYWxTdG9yYWdlLmdldEl0ZW0oJ2NvbXBhbnktaWQnKVxyXG4gICAgICA/IGAmY29tcGFueS1pZD0ke2xvY2FsU3RvcmFnZS5nZXRJdGVtKCdjb21wYW55LWlkJyl9YFxyXG4gICAgICA6ICcnO1xyXG4gICAgdGhpcy5iYXNlRG93bmxvYWRMaW5rID1cclxuICAgICAgdGhpcy5jb25maWcuYXBpX2Jhc2VfdXJpICtcclxuICAgICAgdGhpcy5jb25maWcuYmFzZV91cmkgK1xyXG4gICAgICAnL2luc3RhbGxlZEluc3RydW1lbnQvYWN0aXZpdHktYXR0YWNobWVudD9hY2Nlc3NfdG9rZW49JyArXHJcbiAgICAgIHRoaXMuYWNjZXNzVG9rZW4gK1xyXG4gICAgICBjb21wYW55O1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIiBzdHlsZT1cIm1hcmdpbi10b3A6IDIwcHg7XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XHJcbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFjdGl2aXR5JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuYWN0aXZpdHkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydnbG9iYWwudHlwZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LnR5cGUgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc3ViamVjdCcgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LnN1YmplY3QgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydnbG9iYWwucmVtYXJrcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LnJlbWFya3MgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc3RhcnRUaW1lJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7KGFjdGl2aXR5LnN0YXJ0VGltZSB8IHN0RGF0ZVRpbWVGb3JtYXRQaXBlKSB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5lbmRUaW1lJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7KGFjdGl2aXR5LmVuZFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSkgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZHVyYXRpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5kdXJhdGlvbiB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jb250ZW50JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxyXG4gICAgICAgIDxwPnt7YWN0aXZpdHkuY29udGVudCB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxoci8+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY29vcmRpbmF0b3InIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5jb29yZGluYXRvck5hbWUgfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQub3JkZXJOdW1iZXInIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5vcmRlck51bWJlciB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxyXG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5kZXRhaWxlZFN5bXB0b20nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5kZXRhaWxlZFN5bXB0b20gfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuc29sdXRpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgPHA+e3thY3Rpdml0eS5zb2x1dGlvbiB8fCAnLSd9fTwvcD5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj5cclxuXHJcbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTJcIj5cclxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuaW5jb21wbGV0ZVJlYXNvbicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cclxuICAgICAgICA8cD57e2FjdGl2aXR5LmluY29tcGxldGVSZWFzb24gfHwgJy0nfX08L3A+XHJcbiAgICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwiZ3JvdXAtZGV0YWlscyByb3dcIiAqbmdJZj1cImFjdGl2aXR5LmF0dGFjaG1lbnRMaXN0Lmxlbmd0aCA+IDBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyXCI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJhdHRhY2htZW50cy10aXRsZVwiPnt7J2dsb2JhbC5hdHRhY2htZW50cycgfCB0cmFuc2xhdGV9fTo8L3A+XHJcbiAgICAgICAgPHVsIGNsYXNzPVwicm93XCI+XHJcbiAgICAgICAgICAgIDxsaSBjbGFzcz1cInJvdyBhbGlnbi1pdGVtcy1jZW50ZXJcIiAqbmdGb3I9XCJsZXQgYXR0YWNobWVudCBvZiBhY3Rpdml0eS5hdHRhY2htZW50TGlzdFwiPlxyXG4gICAgICAgICAgICAgICAgPHA+e3thdHRhY2htZW50LmZpbGVOYW1lfX0ue3thdHRhY2htZW50LmZpbGVFeHR9fTwvcD5cclxuXHJcbiAgICAgICAgICAgICAgICA8YSBbaHJlZl09XCJiYXNlRG93bmxvYWRMaW5rICsgJyZpZD0nICsgYXR0YWNobWVudC5pZCArICcmbGluZT0nICsgYXR0YWNobWVudC5saW5lICsgJyZwcmV2aWV3PXRydWUnXCIgdGFyZ2V0PVwiX2JsYW5rXCIgKGNsaWNrKT1cInVwZGF0ZUxpbmsoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPnByZXZpZXc8L21hdC1pY29uPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgPC9hPlxyXG5cclxuICAgICAgICAgICAgICAgIDxhIFtocmVmXT1cImJhc2VEb3dubG9hZExpbmsgKyAnJmlkPScgKyBhdHRhY2htZW50LmlkICsgJyZsaW5lPScgKyBhdHRhY2htZW50LmxpbmUgKyAnJnByZXZpZXc9ZmFsc2UnXCIgdGFyZ2V0PVwiX2JsYW5rXCIgKGNsaWNrKT1cInVwZGF0ZUxpbmsoKVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPmNsb3VkX2Rvd25sb2FkPC9tYXQtaWNvbj5cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvYT5cclxuICAgICAgICAgICAgPC9saT5cclxuICAgICAgICA8L3VsPlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=
+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.accessToken = '';
+        this.baseDownloadLink = '';
+    }
+    ngOnInit() {
+        this.baseDownloadLink =
+            this.config.api_base_uri +
+                this.config.base_uri +
+                '/installedInstrument/activity-attachment?access_token=' +
+                this.accessToken;
+    }
+    updateLink() {
+        const company = localStorage.getItem('company-id')
+            ? `&company-id=${localStorage.getItem('company-id')}`
+            : '';
+        this.baseDownloadLink =
+            this.config.api_base_uri +
+                this.config.base_uri +
+                '/installedInstrument/activity-attachment?access_token=' +
+                this.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", accessToken: "accessToken" }, ngImport: i0, template: "<div class=\"group-details row\" style=\"margin-top: 20px;\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.activity' | translate}}</span>\n        <p>{{activity.activity || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'global.type' | translate}}</span>\n        <p>{{activity.type || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\n        <p>{{activity.subject || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'global.remarks' | translate}}</span>\n        <p>{{activity.remarks || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\n        <p>{{(activity.startTime | stDateTimeFormatPipe) || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\n        <p>{{(activity.endTime | stDateTimeFormatPipe) || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\n        <p>{{activity.duration || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.content' | translate}}</span>\n        <p>{{activity.content || '-'}}</p>\n    </div>\n</div>\n\n<hr/>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.coordinator' | translate}}</span>\n        <p>{{activity.coordinatorName || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.orderNumber' | translate}}</span>\n        <p>{{activity.orderNumber || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.detailedSymptom' | translate}}</span>\n        <p>{{activity.detailedSymptom || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.solution' | translate}}</span>\n        <p>{{activity.solution || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-12\">\n        <span>{{'sapAdminInstalledInstrument.incompleteReason' | translate}}</span>\n        <p>{{activity.incompleteReason || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\" *ngIf=\"activity.attachmentList.length > 0\">\n    <div class=\"col-xs-12 col-sm-12\">\n        <p class=\"attachments-title\">{{'global.attachments' | translate}}:</p>\n        <ul class=\"row\">\n            <li class=\"row align-items-center\" *ngFor=\"let attachment of activity.attachmentList\">\n                <p>{{attachment.fileName}}.{{attachment.fileExt}}</p>\n\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=true'\" target=\"_blank\" (click)=\"updateLink()\">\n                    <button mat-icon-button>\n                        <mat-icon class=\"material-icons\">preview</mat-icon>\n                    </button>\n                </a>\n\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=false'\" target=\"_blank\" (click)=\"updateLink()\">\n                    <button mat-icon-button>\n                        <mat-icon class=\"material-icons\">cloud_download</mat-icon>\n                    </button>\n                </a>\n            </li>\n        </ul>\n    </div>\n</div>\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;\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.activity' | translate}}</span>\n        <p>{{activity.activity || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'global.type' | translate}}</span>\n        <p>{{activity.type || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.subject' | translate}}</span>\n        <p>{{activity.subject || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'global.remarks' | translate}}</span>\n        <p>{{activity.remarks || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.startTime' | translate}}</span>\n        <p>{{(activity.startTime | stDateTimeFormatPipe) || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.endTime' | translate}}</span>\n        <p>{{(activity.endTime | stDateTimeFormatPipe) || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.duration' | translate}}</span>\n        <p>{{activity.duration || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.content' | translate}}</span>\n        <p>{{activity.content || '-'}}</p>\n    </div>\n</div>\n\n<hr/>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.coordinator' | translate}}</span>\n        <p>{{activity.coordinatorName || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.orderNumber' | translate}}</span>\n        <p>{{activity.orderNumber || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.detailedSymptom' | translate}}</span>\n        <p>{{activity.detailedSymptom || '-'}}</p>\n    </div>\n    <div class=\"col-xs-12 col-sm-3\">\n        <span>{{'sapAdminInstalledInstrument.solution' | translate}}</span>\n        <p>{{activity.solution || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\">\n    <div class=\"col-xs-12 col-sm-12\">\n        <span>{{'sapAdminInstalledInstrument.incompleteReason' | translate}}</span>\n        <p>{{activity.incompleteReason || '-'}}</p>\n    </div>\n</div>\n\n<div class=\"group-details row\" *ngIf=\"activity.attachmentList.length > 0\">\n    <div class=\"col-xs-12 col-sm-12\">\n        <p class=\"attachments-title\">{{'global.attachments' | translate}}:</p>\n        <ul class=\"row\">\n            <li class=\"row align-items-center\" *ngFor=\"let attachment of activity.attachmentList\">\n                <p>{{attachment.fileName}}.{{attachment.fileExt}}</p>\n\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=true'\" target=\"_blank\" (click)=\"updateLink()\">\n                    <button mat-icon-button>\n                        <mat-icon class=\"material-icons\">preview</mat-icon>\n                    </button>\n                </a>\n\n                <a [href]=\"baseDownloadLink + '&id=' + attachment.id + '&line=' + attachment.line + '&preview=false'\" target=\"_blank\" (click)=\"updateLink()\">\n                    <button mat-icon-button>\n                        <mat-icon class=\"material-icons\">cloud_download</mat-icon>\n                    </button>\n                </a>\n            </li>\n        </ul>\n    </div>\n</div>\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
+            }], accessToken: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9hY3Rpdml0eS1kZXRhaWxzLXZpZXcvYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7OztBQVNqRSxNQUFNLE9BQU8sNEJBQTRCO0lBU3ZDLFlBQXNDLE1BQWU7UUFBZixXQUFNLEdBQU4sTUFBTSxDQUFTO1FBSnJELGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRWpCLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztJQUVrQyxDQUFDO0lBRXpELFFBQVE7UUFDTixJQUFJLENBQUMsZ0JBQWdCO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtnQkFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2dCQUNwQix3REFBd0Q7Z0JBQ3hELElBQUksQ0FBQyxXQUFXLENBQUM7SUFDckIsQ0FBQztJQUVELFVBQVU7UUFDUixNQUFNLE9BQU8sR0FBRyxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQztZQUNoRCxDQUFDLENBQUMsZUFBZSxZQUFZLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQyxFQUFFO1lBQ3JELENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDUCxJQUFJLENBQUMsZ0JBQWdCO1lBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsWUFBWTtnQkFDeEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRO2dCQUNwQix3REFBd0Q7Z0JBQ3hELElBQUksQ0FBQyxXQUFXO2dCQUNoQixPQUFPLENBQUM7SUFDWixDQUFDOzt5SEE3QlUsNEJBQTRCLGtCQVNuQixRQUFROzZHQVRqQiw0QkFBNEIsK0hDVHpDLDhsSEF3RkE7MkZEL0VhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSwyQkFBMkI7OzBCQWF4QixNQUFNOzJCQUFDLFFBQVE7NENBUDVCLFFBQVE7c0JBRFAsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2FwQWN0aXZpdHlNb2RlbCB9IGZyb20gJy4uLy4uLy4uL21vZGVscy9zYXAtYWN0aXZpdHkubW9kZWwnO1xuaW1wb3J0IHsgSUNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL2Jhc2UtaW50ZXJmYWNlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1hY3Rpdml0eS1kZXRhaWxzLXZpZXcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYWN0aXZpdHktZGV0YWlscy12aWV3LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFjdGl2aXR5RGV0YWlsc1ZpZXdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKVxuICBhY3Rpdml0eTogU2FwQWN0aXZpdHlNb2RlbDtcblxuICBASW5wdXQoKVxuICBhY2Nlc3NUb2tlbiA9ICcnO1xuXG4gIGJhc2VEb3dubG9hZExpbmsgPSAnJztcblxuICBjb25zdHJ1Y3RvcihASW5qZWN0KCdjb25maWcnKSBwcml2YXRlIGNvbmZpZzogSUNvbmZpZykge31cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmJhc2VEb3dubG9hZExpbmsgPVxuICAgICAgdGhpcy5jb25maWcuYXBpX2Jhc2VfdXJpICtcbiAgICAgIHRoaXMuY29uZmlnLmJhc2VfdXJpICtcbiAgICAgICcvaW5zdGFsbGVkSW5zdHJ1bWVudC9hY3Rpdml0eS1hdHRhY2htZW50P2FjY2Vzc190b2tlbj0nICtcbiAgICAgIHRoaXMuYWNjZXNzVG9rZW47XG4gIH1cblxuICB1cGRhdGVMaW5rKCkge1xuICAgIGNvbnN0IGNvbXBhbnkgPSBsb2NhbFN0b3JhZ2UuZ2V0SXRlbSgnY29tcGFueS1pZCcpXG4gICAgICA/IGAmY29tcGFueS1pZD0ke2xvY2FsU3RvcmFnZS5nZXRJdGVtKCdjb21wYW55LWlkJyl9YFxuICAgICAgOiAnJztcbiAgICB0aGlzLmJhc2VEb3dubG9hZExpbmsgPVxuICAgICAgdGhpcy5jb25maWcuYXBpX2Jhc2VfdXJpICtcbiAgICAgIHRoaXMuY29uZmlnLmJhc2VfdXJpICtcbiAgICAgICcvaW5zdGFsbGVkSW5zdHJ1bWVudC9hY3Rpdml0eS1hdHRhY2htZW50P2FjY2Vzc190b2tlbj0nICtcbiAgICAgIHRoaXMuYWNjZXNzVG9rZW4gK1xuICAgICAgY29tcGFueTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCIgc3R5bGU9XCJtYXJnaW4tdG9wOiAyMHB4O1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmFjdGl2aXR5JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8cD57e2FjdGl2aXR5LmFjdGl2aXR5IHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snZ2xvYmFsLnR5cGUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDxwPnt7YWN0aXZpdHkudHlwZSB8fCAnLSd9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5zdWJqZWN0JyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8cD57e2FjdGl2aXR5LnN1YmplY3QgfHwgJy0nfX08L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxuICAgICAgICA8c3Bhbj57eydnbG9iYWwucmVtYXJrcycgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPHA+e3thY3Rpdml0eS5yZW1hcmtzIHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnN0YXJ0VGltZScgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPHA+e3soYWN0aXZpdHkuc3RhcnRUaW1lIHwgc3REYXRlVGltZUZvcm1hdFBpcGUpIHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmVuZFRpbWUnIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDxwPnt7KGFjdGl2aXR5LmVuZFRpbWUgfCBzdERhdGVUaW1lRm9ybWF0UGlwZSkgfHwgJy0nfX08L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuZHVyYXRpb24nIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDxwPnt7YWN0aXZpdHkuZHVyYXRpb24gfHwgJy0nfX08L3A+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tM1wiPlxuICAgICAgICA8c3Bhbj57eydzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY29udGVudCcgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPHA+e3thY3Rpdml0eS5jb250ZW50IHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxoci8+XG5cbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LmNvb3JkaW5hdG9yJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8cD57e2FjdGl2aXR5LmNvb3JkaW5hdG9yTmFtZSB8fCAnLSd9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5vcmRlck51bWJlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPHA+e3thY3Rpdml0eS5vcmRlck51bWJlciB8fCAnLSd9fTwvcD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0zXCI+XG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5kZXRhaWxlZFN5bXB0b20nIHwgdHJhbnNsYXRlfX08L3NwYW4+XG4gICAgICAgIDxwPnt7YWN0aXZpdHkuZGV0YWlsZWRTeW1wdG9tIHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTNcIj5cbiAgICAgICAgPHNwYW4+e3snc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNvbHV0aW9uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8cD57e2FjdGl2aXR5LnNvbHV0aW9uIHx8ICctJ319PC9wPlxuICAgIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJncm91cC1kZXRhaWxzIHJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyXCI+XG4gICAgICAgIDxzcGFuPnt7J3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pbmNvbXBsZXRlUmVhc29uJyB8IHRyYW5zbGF0ZX19PC9zcGFuPlxuICAgICAgICA8cD57e2FjdGl2aXR5LmluY29tcGxldGVSZWFzb24gfHwgJy0nfX08L3A+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdiBjbGFzcz1cImdyb3VwLWRldGFpbHMgcm93XCIgKm5nSWY9XCJhY3Rpdml0eS5hdHRhY2htZW50TGlzdC5sZW5ndGggPiAwXCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTJcIj5cbiAgICAgICAgPHAgY2xhc3M9XCJhdHRhY2htZW50cy10aXRsZVwiPnt7J2dsb2JhbC5hdHRhY2htZW50cycgfCB0cmFuc2xhdGV9fTo8L3A+XG4gICAgICAgIDx1bCBjbGFzcz1cInJvd1wiPlxuICAgICAgICAgICAgPGxpIGNsYXNzPVwicm93IGFsaWduLWl0ZW1zLWNlbnRlclwiICpuZ0Zvcj1cImxldCBhdHRhY2htZW50IG9mIGFjdGl2aXR5LmF0dGFjaG1lbnRMaXN0XCI+XG4gICAgICAgICAgICAgICAgPHA+e3thdHRhY2htZW50LmZpbGVOYW1lfX0ue3thdHRhY2htZW50LmZpbGVFeHR9fTwvcD5cblxuICAgICAgICAgICAgICAgIDxhIFtocmVmXT1cImJhc2VEb3dubG9hZExpbmsgKyAnJmlkPScgKyBhdHRhY2htZW50LmlkICsgJyZsaW5lPScgKyBhdHRhY2htZW50LmxpbmUgKyAnJnByZXZpZXc9dHJ1ZSdcIiB0YXJnZXQ9XCJfYmxhbmtcIiAoY2xpY2spPVwidXBkYXRlTGluaygpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5wcmV2aWV3PC9tYXQtaWNvbj5cbiAgICAgICAgICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICAgICAgPC9hPlxuXG4gICAgICAgICAgICAgICAgPGEgW2hyZWZdPVwiYmFzZURvd25sb2FkTGluayArICcmaWQ9JyArIGF0dGFjaG1lbnQuaWQgKyAnJmxpbmU9JyArIGF0dGFjaG1lbnQubGluZSArICcmcHJldmlldz1mYWxzZSdcIiB0YXJnZXQ9XCJfYmxhbmtcIiAoY2xpY2spPVwidXBkYXRlTGluaygpXCI+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIj5jbG91ZF9kb3dubG9hZDwvbWF0LWljb24+XG4gICAgICAgICAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvYT5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgIDwvdWw+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==