ngx-st-sap-installed-instruments 17.0.44 → 18.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/sap-installed-instrument-details/activities-list-view/activities-list-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/activity-details-view/activity-details-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/attachments-list-view/attachments-list-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/call-details-view/call-details-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/calls-list-view/calls-list-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/data-details-view/data-details-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/sap-installed-instrument-details.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/service-contract-details-view/service-contract-details-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/service-contracts-list-view/service-contracts-list-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-details/service-contracts-modal-details-view/service-contracts-modal-details-view.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-list/sap-installed-instrument-list-search/sap-installed-instrument-list-search.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-list/sap-installed-instrument-list-table/sap-installed-instrument-list-table.component.mjs +3 -3
- package/esm2022/lib/components/sap-installed-instrument-list/sap-installed-instrument-list.component.mjs +3 -3
- package/esm2022/lib/ngx-st-sap-installed-instruments.module.mjs +4 -4
- package/esm2022/lib/services/sap-installed-instruments.service.mjs +3 -3
- package/fesm2022/ngx-st-sap-installed-instruments.mjs +46 -46
- package/fesm2022/ngx-st-sap-installed-instruments.mjs.map +1 -1
- package/package.json +7 -7
|
@@ -33,8 +33,8 @@ export class ActivitiesListViewComponent {
|
|
|
33
33
|
setTable() {
|
|
34
34
|
this.tableSource = new MatTableDataSource(this.activities());
|
|
35
35
|
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
36
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActivitiesListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ActivitiesListViewComponent, selector: "app-activities-list-view", inputs: { activities: { classPropertyName: "activities", publicName: "activities", isSignal: true, isRequired: false, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null } }, 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\r\n class=\"st-material-table\"\r\n mat-table\r\n [dataSource]=\"tableSource\"\r\n [multiTemplateDataRows]=\"true\"\r\n >\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>\r\n {{ 'sapAdminInstalledInstrument.type' | translate }}\r\n </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 @if (element == expandedElement()) {\r\n <app-activity-details-view\r\n [activity]=\"element\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-activity-details-view>\r\n }\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)=\"\r\n expandedElement.set(expandedElement() === element ? null : element)\r\n \"\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: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ".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:var(--surface-100, whitesmoke)!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-color:var(--surface-100, whitesmoke)!important}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: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i3.ActivityDetailsViewComponent, selector: "app-activity-details-view", inputs: ["activity", "accessToken"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], animations: [
|
|
38
38
|
trigger('detailExpand', [
|
|
39
39
|
state('collapsed', style({ height: '0px', minHeight: '0' })),
|
|
40
40
|
state('expanded', style({ height: '*' })),
|
|
@@ -42,7 +42,7 @@ export class ActivitiesListViewComponent {
|
|
|
42
42
|
]),
|
|
43
43
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
44
44
|
}
|
|
45
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActivitiesListViewComponent, decorators: [{
|
|
46
46
|
type: Component,
|
|
47
47
|
args: [{ selector: 'app-activities-list-view', animations: [
|
|
48
48
|
trigger('detailExpand', [
|
|
@@ -9,10 +9,10 @@ export class ActivityDetailsViewComponent {
|
|
|
9
9
|
this.accessToken = input('');
|
|
10
10
|
}
|
|
11
11
|
ngOnInit() { }
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActivityDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ActivityDetailsViewComponent, selector: "app-activity-details-view", inputs: { activity: { classPropertyName: "activity", publicName: "activity", isSignal: true, isRequired: true, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null } }, 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>{{ 'sapAdminInstalledInstrument.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>{{ 'sapAdminInstalledInstrument.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>{{\r\n 'sapAdminInstalledInstrument.incompleteReason' | translate\r\n }}</span>\r\n <p>{{ activity().incompleteReason || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n@if (activity().attachmentList.length > 0) {\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <app-attachments-list-view\r\n [attachments]=\"activity().attachmentList\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-attachments-list-view>\r\n </div>\r\n </div>\r\n}\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ""], dependencies: [{ kind: "component", type: i1.AttachmentsListViewComponent, selector: "app-attachments-list-view", inputs: ["attachments", "accessToken"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }, { kind: "pipe", type: i3.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14
14
|
}
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
15
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ActivityDetailsViewComponent, decorators: [{
|
|
16
16
|
type: Component,
|
|
17
17
|
args: [{ selector: 'app-activity-details-view', changeDetection: ChangeDetectionStrategy.OnPush, 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>{{ 'sapAdminInstalledInstrument.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>{{ 'sapAdminInstalledInstrument.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>{{\r\n 'sapAdminInstalledInstrument.incompleteReason' | translate\r\n }}</span>\r\n <p>{{ activity().incompleteReason || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n@if (activity().attachmentList.length > 0) {\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <app-attachments-list-view\r\n [attachments]=\"activity().attachmentList\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-attachments-list-view>\r\n </div>\r\n </div>\r\n}\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n"] }]
|
|
18
18
|
}] });
|
|
@@ -24,10 +24,10 @@ export class AttachmentsListViewComponent {
|
|
|
24
24
|
this.accessToken() +
|
|
25
25
|
company);
|
|
26
26
|
}
|
|
27
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
28
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
27
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AttachmentsListViewComponent, deps: [{ token: 'config' }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AttachmentsListViewComponent, selector: "app-attachments-list-view", inputs: { attachments: { classPropertyName: "attachments", publicName: "attachments", isSignal: true, isRequired: true, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"attachments-list-view\">\r\n <p class=\"attachments-title\">\r\n {{ 'sapAdminInstalledInstrument.attachments' | translate }}:\r\n </p>\r\n <ul class=\"row\">\r\n @for (attachment of attachments(); track attachment.id) {\r\n <li class=\"row align-items-center\">\r\n <p>{{ attachment.fileName }}.{{ attachment.fileExt }}</p>\r\n <a\r\n [href]=\"\r\n baseDownloadLink() +\r\n '&id=' +\r\n attachment.id +\r\n '&line=' +\r\n attachment.line +\r\n '&preview=true'\r\n \"\r\n target=\"_blank\"\r\n (click)=\"updateLink()\"\r\n >\r\n <button mat-icon-button>\r\n <mat-icon>preview</mat-icon>\r\n </button>\r\n </a>\r\n <a\r\n [href]=\"\r\n baseDownloadLink() +\r\n '&id=' +\r\n attachment.id +\r\n '&line=' +\r\n attachment.line +\r\n '&preview=false'\r\n \"\r\n target=\"_blank\"\r\n (click)=\"updateLink()\"\r\n >\r\n <button mat-icon-button>\r\n <mat-icon>cloud_download</mat-icon>\r\n </button>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n", styles: [".attachments-list-view .attachments-title{font-weight:500;margin-bottom:0}.attachments-list-view ul{padding-left:0}.attachments-list-view ul li{padding:0 10px;border-right:2px solid #66bb6a}.attachments-list-view ul li:last-child{border-right:0}.attachments-list-view ul li p{margin-bottom:0}.attachments-list-view ul li button{width:32px;height:32px;line-height:32px;opacity:.8}.attachments-list-view ul li button:hover{opacity:1}.attachments-list-view ul li button mat-icon{font-size:22px;line-height:22px;width:22px;height:22px}\n"], dependencies: [{ kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
29
29
|
}
|
|
30
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AttachmentsListViewComponent, decorators: [{
|
|
31
31
|
type: Component,
|
|
32
32
|
args: [{ selector: 'app-attachments-list-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"attachments-list-view\">\r\n <p class=\"attachments-title\">\r\n {{ 'sapAdminInstalledInstrument.attachments' | translate }}:\r\n </p>\r\n <ul class=\"row\">\r\n @for (attachment of attachments(); track attachment.id) {\r\n <li class=\"row align-items-center\">\r\n <p>{{ attachment.fileName }}.{{ attachment.fileExt }}</p>\r\n <a\r\n [href]=\"\r\n baseDownloadLink() +\r\n '&id=' +\r\n attachment.id +\r\n '&line=' +\r\n attachment.line +\r\n '&preview=true'\r\n \"\r\n target=\"_blank\"\r\n (click)=\"updateLink()\"\r\n >\r\n <button mat-icon-button>\r\n <mat-icon>preview</mat-icon>\r\n </button>\r\n </a>\r\n <a\r\n [href]=\"\r\n baseDownloadLink() +\r\n '&id=' +\r\n attachment.id +\r\n '&line=' +\r\n attachment.line +\r\n '&preview=false'\r\n \"\r\n target=\"_blank\"\r\n (click)=\"updateLink()\"\r\n >\r\n <button mat-icon-button>\r\n <mat-icon>cloud_download</mat-icon>\r\n </button>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n</div>\r\n", styles: [".attachments-list-view .attachments-title{font-weight:500;margin-bottom:0}.attachments-list-view ul{padding-left:0}.attachments-list-view ul li{padding:0 10px;border-right:2px solid #66bb6a}.attachments-list-view ul li:last-child{border-right:0}.attachments-list-view ul li p{margin-bottom:0}.attachments-list-view ul li button{width:32px;height:32px;line-height:32px;opacity:.8}.attachments-list-view ul li button:hover{opacity:1}.attachments-list-view ul li button mat-icon{font-size:22px;line-height:22px;width:22px;height:22px}\n"] }]
|
|
33
33
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
@@ -45,10 +45,10 @@ export class CallDetailsViewComponent {
|
|
|
45
45
|
}));
|
|
46
46
|
this.activities$.set(activitiesObservable);
|
|
47
47
|
}
|
|
48
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
49
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
48
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CallDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
49
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CallDetailsViewComponent, selector: "app-call-details-view", inputs: { call: { classPropertyName: "call", publicName: "call", isSignal: true, isRequired: true, transformFunction: null }, contracts: { classPropertyName: "contracts", publicName: "contracts", isSignal: true, isRequired: true, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n <mat-tab label=\"{{ 'sapAdminInstalledInstrument.callDetails' | translate }}\">\r\n <div class=\"group-details row\" style=\"margin-top: 20px\">\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.callId' | translate }}</span>\r\n <p>{{ call().callId || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.contractNo' | translate }}</span>\r\n <div class=\"row\">\r\n <p>{{ call().contractNo || '-' }}</p>\r\n @if (contractDetails()) {\r\n <mat-icon class=\"show-contract\" (click)=\"openContractModel()\"\r\n >visibility</mat-icon\r\n >\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.accountNo' | translate }}</span>\r\n <p>{{ call().customer || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.accountName' | translate }}</span>\r\n <p>{{ call().customerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.contactPerson' | translate\r\n }}</span>\r\n <p>{{ call().contactPerson || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.phone' | translate }}</span>\r\n <p>{{ call().telephoneNo || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.shipToCode' | translate }}</span>\r\n <p>{{ call().shipToCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.shipToAddress' | translate\r\n }}</span>\r\n <p>{{ call().shipToAddress || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.billToCode' | translate }}</span>\r\n <p>{{ call().billToCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.billToAddress' | translate\r\n }}</span>\r\n <p>{{ call().billToAddress || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.subject' | translate }}</span>\r\n <p>{{ call().subject || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.callStatus' | translate }}</span>\r\n <p>{{ call().callStatus || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.createdOn' | translate }}</span>\r\n <p>{{ (call().createdOn | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.closedOn' | translate }}</span>\r\n <p>{{ (call().closedOn | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.origin' | translate }}</span>\r\n <p>{{ call().origin || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.problemType' | translate }}</span>\r\n <p>{{ call().problemType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.problemSubtype' | translate\r\n }}</span>\r\n <p>{{ call().problemSubtype || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.callType' | translate }}</span>\r\n <p>{{ call().callType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.technician' | translate }}</span>\r\n <p>\r\n {{\r\n call().technicianFirstName\r\n ? call().technicianFirstName + ' ' + call().technicianLastName\r\n : '-'\r\n }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.engineerName' | translate\r\n }}</span>\r\n <p>{{ call().engeneerName || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{ 'sapAdminInstalledInstrument.remarks' | translate }}</span>\r\n <p>{{ call().remarks || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{ 'sapAdminInstalledInstrument.resolution' | translate }}</span>\r\n <p>{{ call().resolution || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.startTime' | translate }}</span>\r\n <p>{{ (call().startTime | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.endTime' | translate }}</span>\r\n <p>{{ (call().endTime | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.duration' | translate }}</span>\r\n <p>{{ call().duration || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.travelTime' | translate }}</span>\r\n <p>{{ call().travelTime || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.internalComments' | translate\r\n }}</span>\r\n <p>{{ call().internalComments || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n @if (call()?.attachmentList && call().attachmentList!.length > 0) {\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <app-attachments-list-view\r\n [attachments]=\"call().attachmentList!\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-attachments-list-view>\r\n </div>\r\n </div>\r\n }\r\n </mat-tab>\r\n\r\n <mat-tab\r\n label=\"{{ 'sapAdminInstalledInstrument.activities' | translate }} ({{\r\n activities().length || 0\r\n }})\"\r\n >\r\n @if (activities$() | async) {\r\n <app-activities-list-view\r\n [activities]=\"activities()\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-activities-list-view>\r\n }\r\n </mat-tab>\r\n</mat-tab-group>\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ".show-contract{margin-left:5px;font-size:22px;opacity:.8;cursor:pointer;color:#1976d2}.show-contract:hover{opacity:1}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i3.ActivitiesListViewComponent, selector: "app-activities-list-view", inputs: ["activities", "accessToken"] }, { kind: "component", type: i4.AttachmentsListViewComponent, selector: "app-attachments-list-view", inputs: ["attachments", "accessToken"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }, { kind: "pipe", type: i7.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
50
50
|
}
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
51
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CallDetailsViewComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
53
|
args: [{ selector: 'app-call-details-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n <mat-tab label=\"{{ 'sapAdminInstalledInstrument.callDetails' | translate }}\">\r\n <div class=\"group-details row\" style=\"margin-top: 20px\">\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.callId' | translate }}</span>\r\n <p>{{ call().callId || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.contractNo' | translate }}</span>\r\n <div class=\"row\">\r\n <p>{{ call().contractNo || '-' }}</p>\r\n @if (contractDetails()) {\r\n <mat-icon class=\"show-contract\" (click)=\"openContractModel()\"\r\n >visibility</mat-icon\r\n >\r\n }\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.accountNo' | translate }}</span>\r\n <p>{{ call().customer || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.accountName' | translate }}</span>\r\n <p>{{ call().customerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.contactPerson' | translate\r\n }}</span>\r\n <p>{{ call().contactPerson || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.phone' | translate }}</span>\r\n <p>{{ call().telephoneNo || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.shipToCode' | translate }}</span>\r\n <p>{{ call().shipToCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.shipToAddress' | translate\r\n }}</span>\r\n <p>{{ call().shipToAddress || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.billToCode' | translate }}</span>\r\n <p>{{ call().billToCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.billToAddress' | translate\r\n }}</span>\r\n <p>{{ call().billToAddress || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.subject' | translate }}</span>\r\n <p>{{ call().subject || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.callStatus' | translate }}</span>\r\n <p>{{ call().callStatus || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.createdOn' | translate }}</span>\r\n <p>{{ (call().createdOn | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.closedOn' | translate }}</span>\r\n <p>{{ (call().closedOn | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.origin' | translate }}</span>\r\n <p>{{ call().origin || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.problemType' | translate }}</span>\r\n <p>{{ call().problemType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.problemSubtype' | translate\r\n }}</span>\r\n <p>{{ call().problemSubtype || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.callType' | translate }}</span>\r\n <p>{{ call().callType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.technician' | translate }}</span>\r\n <p>\r\n {{\r\n call().technicianFirstName\r\n ? call().technicianFirstName + ' ' + call().technicianLastName\r\n : '-'\r\n }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.engineerName' | translate\r\n }}</span>\r\n <p>{{ call().engeneerName || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{ 'sapAdminInstalledInstrument.remarks' | translate }}</span>\r\n <p>{{ call().remarks || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{ 'sapAdminInstalledInstrument.resolution' | translate }}</span>\r\n <p>{{ call().resolution || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <hr />\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.startTime' | translate }}</span>\r\n <p>{{ (call().startTime | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.endTime' | translate }}</span>\r\n <p>{{ (call().endTime | stDateTimeFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.duration' | translate }}</span>\r\n <p>{{ call().duration || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.travelTime' | translate }}</span>\r\n <p>{{ call().travelTime || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.internalComments' | translate\r\n }}</span>\r\n <p>{{ call().internalComments || '-' }}</p>\r\n </div>\r\n </div>\r\n\r\n @if (call()?.attachmentList && call().attachmentList!.length > 0) {\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-12\">\r\n <app-attachments-list-view\r\n [attachments]=\"call().attachmentList!\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-attachments-list-view>\r\n </div>\r\n </div>\r\n }\r\n </mat-tab>\r\n\r\n <mat-tab\r\n label=\"{{ 'sapAdminInstalledInstrument.activities' | translate }} ({{\r\n activities().length || 0\r\n }})\"\r\n >\r\n @if (activities$() | async) {\r\n <app-activities-list-view\r\n [activities]=\"activities()\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-activities-list-view>\r\n }\r\n </mat-tab>\r\n</mat-tab-group>\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ".show-contract{margin-left:5px;font-size:22px;opacity:.8;cursor:pointer;color:#1976d2}.show-contract:hover{opacity:1}\n"] }]
|
|
54
54
|
}] });
|
|
@@ -38,8 +38,8 @@ export class CallsListViewComponent {
|
|
|
38
38
|
setTable() {
|
|
39
39
|
this.tableSource.set(new MatTableDataSource(this.calls()));
|
|
40
40
|
}
|
|
41
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
41
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CallsListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CallsListViewComponent, selector: "app-calls-list-view", inputs: { calls: { classPropertyName: "calls", publicName: "calls", isSignal: true, isRequired: true, transformFunction: null }, contracts: { classPropertyName: "contracts", publicName: "contracts", isSignal: true, isRequired: true, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "display-flex-component" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"calls-list-view\">\r\n <table\r\n class=\"st-material-table\"\r\n mat-table\r\n [dataSource]=\"tableSource()\"\r\n multiTemplateDataRows\r\n >\r\n <ng-container matColumnDef=\"callId\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.callId' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.callId }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"callStatus\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.status' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.callStatus }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"callType\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.callType' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.callType }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"problemType\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.problemType' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.problemType }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"customer\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.accountNo' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.customer }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"customerName\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.accountName' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.customerName }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"engeneerName\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.engineerName' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">{{ element.engeneerName }}</td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"createdOn\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.createdOn' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ element.createdOn | stDateTimeFormatPipe }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"closedOn\">\r\n <th mat-header-cell *matHeaderCellDef>\r\n {{ 'sapAdminInstalledInstrument.closedOn' | translate }}\r\n </th>\r\n <td mat-cell *matCellDef=\"let element\">\r\n {{ element.closedOn | stDateTimeFormatPipe }}\r\n </td>\r\n </ng-container>\r\n\r\n <ng-container matColumnDef=\"expandedDetail\">\r\n <td\r\n mat-cell\r\n *matCellDef=\"let element\"\r\n [attr.colspan]=\"columnsToDisplay.length\"\r\n >\r\n <div\r\n class=\"row-detail\"\r\n [@detailExpand]=\"\r\n element == expandedElement ? 'expanded' : 'collapsed'\r\n \"\r\n >\r\n @if (element == expandedElement) {\r\n <app-call-details-view\r\n [call]=\"element\"\r\n [contracts]=\"contracts()\"\r\n [accessToken]=\"accessToken()\"\r\n ></app-call-details-view>\r\n }\r\n </div>\r\n </td>\r\n </ng-container>\r\n\r\n <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n <tr\r\n mat-row\r\n *matRowDef=\"let element; columns: columnsToDisplay\"\r\n class=\"details-element-row\"\r\n [class.details-expanded-row]=\"expandedElement === element\"\r\n (click)=\"expandedElement = expandedElement === element ? null : element\"\r\n ></tr>\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n class=\"detail-row\"\r\n ></tr>\r\n </table>\r\n <mat-paginator\r\n [pageSizeOptions]=\"[10, 20]\"\r\n showFirstLastButtons\r\n ></mat-paginator>\r\n</div>\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ".calls-list-view{width:100%}table::ng-deep tbody>tr:not(.details-expanded-row):hover{background-color:var(--surface-100, whitesmoke)!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-color:var(--surface-100, whitesmoke)!important}table::ng-deep tbody>tr.details-element-row td{border-bottom-width:0}table::ng-deep tbody>tr.details-expanded-row{background-color:var(--active-table-row, var(--active-table-row, #c8e6c9));border-left:3px solid var(--active-table-row, #c8e6c9);border-right:3px solid var(--active-table-row, #c8e6c9)}table::ng-deep tbody>tr.details-expanded-row+tr{border-left:3px solid var(--active-table-row, #c8e6c9);border-right:3px solid var(--active-table-row, #c8e6c9);border-bottom:3px solid var(--active-table-row, #c8e6c9)}table::ng-deep tbody>tr .mat-column-expanded{width:50px}\n"], dependencies: [{ kind: "component", type: i1.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i1.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i1.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i1.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i1.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i1.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i1.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i1.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i1.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i1.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i2.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: i3.CallDetailsViewComponent, selector: "app-call-details-view", inputs: ["call", "contracts", "accessToken"] }, { kind: "pipe", type: i4.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }], animations: [
|
|
43
43
|
trigger('detailExpand', [
|
|
44
44
|
state('collapsed', style({ height: '0px', minHeight: '0' })),
|
|
45
45
|
state('expanded', style({ height: '*' })),
|
|
@@ -47,7 +47,7 @@ export class CallsListViewComponent {
|
|
|
47
47
|
]),
|
|
48
48
|
], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
49
|
}
|
|
50
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CallsListViewComponent, decorators: [{
|
|
51
51
|
type: Component,
|
|
52
52
|
args: [{ selector: 'app-calls-list-view', animations: [
|
|
53
53
|
trigger('detailExpand', [
|
|
@@ -7,10 +7,10 @@ export class DataDetailsViewComponent {
|
|
|
7
7
|
this.installedInstrument = input.required();
|
|
8
8
|
}
|
|
9
9
|
ngOnInit() { }
|
|
10
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
11
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: DataDetailsViewComponent, selector: "app-data-details-view", inputs: { installedInstrument: { classPropertyName: "installedInstrument", publicName: "installedInstrument", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (installedInstrument()) {\r\n <div class=\"group-details row\">\r\n <!-- <div class=\"col-xs-12 col-sm-4\">-->\r\n <!-- <span>{{'sapAdminInstalledInstrument.equipmentCardNo' | translate}}</span>-->\r\n <!-- <p>{{installedInstrument.equipmentCardNo || '-'}}</p>-->\r\n <!-- </div>-->\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.instrumentNo' | translate }}</span>\r\n <p>{{ installedInstrument().instrumentNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.instrumentDescription' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().instrumentDescription || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.serialNumber' | translate }}</span>\r\n <p>{{ installedInstrument().serialNumber || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customerNo' | translate }}</span>\r\n <p>{{ installedInstrument().customerNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.businessPartnerName' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().businessPartnerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.contactPerson' | translate }}</span>\r\n <p>{{ installedInstrument().contactPerson || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.status' | translate }}</span>\r\n <p>{{ installedInstrument().status || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.technicianName' | translate\r\n }}</span>\r\n <p>\r\n {{\r\n installedInstrument().technicianFirstName\r\n ? installedInstrument().technicianFirstName +\r\n ' ' +\r\n installedInstrument().technicianLastName\r\n : '-'\r\n }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.territory' | translate }}</span>\r\n <p>{{ installedInstrument().territory || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.installationDate' | translate\r\n }}</span>\r\n <p>\r\n {{ (installedInstrument().installationDate | stDateFormatPipe) || '-' }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserName' | translate }}</span>\r\n <p>{{ installedInstrument().endUserName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserCode' | translate }}</span>\r\n <p>{{ installedInstrument().endUserCode || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.addressName' | translate }}</span>\r\n <p>{{ installedInstrument().addressName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.street' | translate }}</span>\r\n <p>{{ installedInstrument().street || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.streetNo' | translate }}</span>\r\n <p>{{ installedInstrument().streetNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.block' | translate }}</span>\r\n <p>{{ installedInstrument().block || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.building' | translate }}</span>\r\n <p>{{ installedInstrument().building || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.city' | translate }}</span>\r\n <p>{{ installedInstrument().city || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.county' | translate }}</span>\r\n <p>{{ installedInstrument().county || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.state' | translate }}</span>\r\n <p>{{ installedInstrument().state || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.zipCode' | translate }}</span>\r\n <p>{{ installedInstrument().zipCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.country' | translate }}</span>\r\n <p>{{ installedInstrument().country || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.softwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().softwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.pcSoftwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().pcSoftwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.vessels' | translate }}</span>\r\n <p>{{ installedInstrument().vessels || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem1' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem2' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem3' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit1' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit2' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit3' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit3 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit4' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit4 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit5' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit6' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit7' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit7 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit8' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit8 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit9' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit9 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit10' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit10 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.numberOfAnalysis' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().numberOfAnalysis || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application1' | translate }}</span>\r\n <p>{{ installedInstrument().application1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application2' | translate }}</span>\r\n <p>{{ installedInstrument().application2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application3' | translate }}</span>\r\n <p>{{ installedInstrument().application3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application4' | translate }}</span>\r\n <p>{{ installedInstrument().application4 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application5' | translate }}</span>\r\n <p>{{ installedInstrument().application5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application6' | translate }}</span>\r\n <p>{{ installedInstrument().application6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application7' | translate }}</span>\r\n <p>{{ installedInstrument().application7 || '-' }}</p>\r\n </div>\r\n </div>\r\n}\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DataDetailsViewComponent, selector: "app-data-details-view", inputs: { installedInstrument: { classPropertyName: "installedInstrument", publicName: "installedInstrument", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "@if (installedInstrument()) {\r\n <div class=\"group-details row\">\r\n <!-- <div class=\"col-xs-12 col-sm-4\">-->\r\n <!-- <span>{{'sapAdminInstalledInstrument.equipmentCardNo' | translate}}</span>-->\r\n <!-- <p>{{installedInstrument.equipmentCardNo || '-'}}</p>-->\r\n <!-- </div>-->\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.instrumentNo' | translate }}</span>\r\n <p>{{ installedInstrument().instrumentNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.instrumentDescription' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().instrumentDescription || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.serialNumber' | translate }}</span>\r\n <p>{{ installedInstrument().serialNumber || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customerNo' | translate }}</span>\r\n <p>{{ installedInstrument().customerNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.businessPartnerName' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().businessPartnerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.contactPerson' | translate }}</span>\r\n <p>{{ installedInstrument().contactPerson || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.status' | translate }}</span>\r\n <p>{{ installedInstrument().status || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.technicianName' | translate\r\n }}</span>\r\n <p>\r\n {{\r\n installedInstrument().technicianFirstName\r\n ? installedInstrument().technicianFirstName +\r\n ' ' +\r\n installedInstrument().technicianLastName\r\n : '-'\r\n }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.territory' | translate }}</span>\r\n <p>{{ installedInstrument().territory || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.installationDate' | translate\r\n }}</span>\r\n <p>\r\n {{ (installedInstrument().installationDate | stDateFormatPipe) || '-' }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserName' | translate }}</span>\r\n <p>{{ installedInstrument().endUserName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserCode' | translate }}</span>\r\n <p>{{ installedInstrument().endUserCode || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.addressName' | translate }}</span>\r\n <p>{{ installedInstrument().addressName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.street' | translate }}</span>\r\n <p>{{ installedInstrument().street || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.streetNo' | translate }}</span>\r\n <p>{{ installedInstrument().streetNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.block' | translate }}</span>\r\n <p>{{ installedInstrument().block || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.building' | translate }}</span>\r\n <p>{{ installedInstrument().building || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.city' | translate }}</span>\r\n <p>{{ installedInstrument().city || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.county' | translate }}</span>\r\n <p>{{ installedInstrument().county || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.state' | translate }}</span>\r\n <p>{{ installedInstrument().state || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.zipCode' | translate }}</span>\r\n <p>{{ installedInstrument().zipCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.country' | translate }}</span>\r\n <p>{{ installedInstrument().country || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.softwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().softwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.pcSoftwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().pcSoftwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.vessels' | translate }}</span>\r\n <p>{{ installedInstrument().vessels || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem1' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem2' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem3' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit1' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit2' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit3' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit3 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit4' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit4 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit5' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit6' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit7' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit7 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit8' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit8 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit9' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit9 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit10' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit10 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.numberOfAnalysis' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().numberOfAnalysis || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application1' | translate }}</span>\r\n <p>{{ installedInstrument().application1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application2' | translate }}</span>\r\n <p>{{ installedInstrument().application2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application3' | translate }}</span>\r\n <p>{{ installedInstrument().application3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application4' | translate }}</span>\r\n <p>{{ installedInstrument().application4 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application5' | translate }}</span>\r\n <p>{{ installedInstrument().application5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application6' | translate }}</span>\r\n <p>{{ installedInstrument().application6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application7' | translate }}</span>\r\n <p>{{ installedInstrument().application7 || '-' }}</p>\r\n </div>\r\n </div>\r\n}\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
12
12
|
}
|
|
13
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
13
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DataDetailsViewComponent, decorators: [{
|
|
14
14
|
type: Component,
|
|
15
15
|
args: [{ selector: 'app-data-details-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (installedInstrument()) {\r\n <div class=\"group-details row\">\r\n <!-- <div class=\"col-xs-12 col-sm-4\">-->\r\n <!-- <span>{{'sapAdminInstalledInstrument.equipmentCardNo' | translate}}</span>-->\r\n <!-- <p>{{installedInstrument.equipmentCardNo || '-'}}</p>-->\r\n <!-- </div>-->\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.instrumentNo' | translate }}</span>\r\n <p>{{ installedInstrument().instrumentNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.instrumentDescription' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().instrumentDescription || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.serialNumber' | translate }}</span>\r\n <p>{{ installedInstrument().serialNumber || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customerNo' | translate }}</span>\r\n <p>{{ installedInstrument().customerNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.businessPartnerName' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().businessPartnerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.contactPerson' | translate }}</span>\r\n <p>{{ installedInstrument().contactPerson || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.status' | translate }}</span>\r\n <p>{{ installedInstrument().status || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.technicianName' | translate\r\n }}</span>\r\n <p>\r\n {{\r\n installedInstrument().technicianFirstName\r\n ? installedInstrument().technicianFirstName +\r\n ' ' +\r\n installedInstrument().technicianLastName\r\n : '-'\r\n }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.territory' | translate }}</span>\r\n <p>{{ installedInstrument().territory || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.installationDate' | translate\r\n }}</span>\r\n <p>\r\n {{ (installedInstrument().installationDate | stDateFormatPipe) || '-' }}\r\n </p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserName' | translate }}</span>\r\n <p>{{ installedInstrument().endUserName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endUserCode' | translate }}</span>\r\n <p>{{ installedInstrument().endUserCode || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.addressName' | translate }}</span>\r\n <p>{{ installedInstrument().addressName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.street' | translate }}</span>\r\n <p>{{ installedInstrument().street || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.streetNo' | translate }}</span>\r\n <p>{{ installedInstrument().streetNo || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.block' | translate }}</span>\r\n <p>{{ installedInstrument().block || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.building' | translate }}</span>\r\n <p>{{ installedInstrument().building || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.city' | translate }}</span>\r\n <p>{{ installedInstrument().city || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.county' | translate }}</span>\r\n <p>{{ installedInstrument().county || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.state' | translate }}</span>\r\n <p>{{ installedInstrument().state || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.zipCode' | translate }}</span>\r\n <p>{{ installedInstrument().zipCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.country' | translate }}</span>\r\n <p>{{ installedInstrument().country || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.softwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().softwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.pcSoftwareVersion' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().pcSoftwareVersion || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.vessels' | translate }}</span>\r\n <p>{{ installedInstrument().vessels || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem1' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem2' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.relatedItem3' | translate }}</span>\r\n <p>{{ installedInstrument().relatedItem3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit1' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit2' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit3' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit3 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit4' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit4 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit5' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit6' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit7' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit7 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit8' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit8 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit9' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit9 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.majorUpgradeKit10' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().majorUpgradeKit10 || '-' }}</p>\r\n </div>\r\n </div>\r\n <hr />\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.numberOfAnalysis' | translate\r\n }}</span>\r\n <p>{{ installedInstrument().numberOfAnalysis || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application1' | translate }}</span>\r\n <p>{{ installedInstrument().application1 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application2' | translate }}</span>\r\n <p>{{ installedInstrument().application2 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application3' | translate }}</span>\r\n <p>{{ installedInstrument().application3 || '-' }}</p>\r\n </div>\r\n </div>\r\n <div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application4' | translate }}</span>\r\n <p>{{ installedInstrument().application4 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application5' | translate }}</span>\r\n <p>{{ installedInstrument().application5 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application6' | translate }}</span>\r\n <p>{{ installedInstrument().application6 || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3\">\r\n <span>{{ 'sapAdminInstalledInstrument.application7' | translate }}</span>\r\n <p>{{ installedInstrument().application7 || '-' }}</p>\r\n </div>\r\n </div>\r\n}\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n"] }]
|
|
16
16
|
}] });
|
|
@@ -55,10 +55,10 @@ export class SapInstalledInstrumentDetailsComponent {
|
|
|
55
55
|
.pipe(tap(res => this.serviceContracts.set(res)));
|
|
56
56
|
this.serviceContracts$.set(contractsObs);
|
|
57
57
|
}
|
|
58
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
59
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
58
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
59
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SapInstalledInstrumentDetailsComponent, selector: "app-sap-installed-instrument-details", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null }, territoryFilter: { classPropertyName: "territoryFilter", publicName: "territoryFilter", isSignal: true, isRequired: false, transformFunction: null }, showWithCardContent: { classPropertyName: "showWithCardContent", publicName: "showWithCardContent", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "display-flex-component" }, ngImport: i0, template: "@if (showWithCardContent()) {\r\n <ngx-st-card\r\n [title]=\"\r\n 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails' | translate\r\n \"\r\n [showHistoryBack]=\"true\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"installedInstrumentContent\"\r\n ></ng-container>\r\n </ngx-st-card>\r\n}\r\n\r\n@if (!showWithCardContent()) {\r\n <ng-container [ngTemplateOutlet]=\"installedInstrumentContent\"></ng-container>\r\n}\r\n\r\n<ng-template #installedInstrumentContent>\r\n <div\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n position: relative;\r\n \"\r\n >\r\n @if (!showWithCardContent()) {\r\n <button\r\n mat-icon-button\r\n style=\"position: absolute; top: 5px; left: 0; z-index: 11\"\r\n (click)=\"goBack()\"\r\n >\r\n <mat-icon>keyboard_backspace</mat-icon>\r\n </button>\r\n }\r\n\r\n <mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n <mat-tab\r\n label=\"{{\r\n 'sapAdminInstalledInstrument.instrumentDetails' | translate\r\n }}\"\r\n >\r\n @if (installedInstrument$() | async) {\r\n @if (tabActive() === 0 && installedInstrument()) {\r\n <app-data-details-view\r\n [installedInstrument]=\"installedInstrument()!\"\r\n ></app-data-details-view>\r\n }\r\n }\r\n </mat-tab>\r\n <mat-tab\r\n label=\"{{ 'sapAdminInstalledInstrument.calls' | translate }} ({{\r\n calls().length || 0\r\n }})\"\r\n >\r\n @if (calls$() | async) {\r\n @if (tabActive() === 1) {\r\n <app-calls-list-view\r\n [calls]=\"calls()\"\r\n [contracts]=\"serviceContracts()\"\r\n [accessToken]=\"accessToken()!\"\r\n ></app-calls-list-view>\r\n }\r\n }\r\n </mat-tab>\r\n <mat-tab\r\n label=\"{{\r\n 'sapAdminInstalledInstrument.serviceContracts' | translate\r\n }} ({{ serviceContracts().length || 0 }})\"\r\n >\r\n @if (serviceContracts$() | async) {\r\n @if (tabActive() === 2) {\r\n <app-service-contracts-list-view\r\n [contracts]=\"serviceContracts()\"\r\n ></app-service-contracts-list-view>\r\n }\r\n }\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n</ng-template>\r\n", styles: ["mat-tab-group{width:100%}mat-tab-group::ng-deep mat-tab-body{padding:10px 0}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: i5.CardComponent, selector: "ngx-st-card", inputs: ["title", "createLink", "backLink", "showHistoryBack", "actionMenu", "actionButton", "noBodyTopPadding", "createLinkLabel"] }, { kind: "component", type: i6.CallsListViewComponent, selector: "app-calls-list-view", inputs: ["calls", "contracts", "accessToken"] }, { kind: "component", type: i7.DataDetailsViewComponent, selector: "app-data-details-view", inputs: ["installedInstrument"] }, { kind: "component", type: i8.ServiceContractsListViewComponent, selector: "app-service-contracts-list-view", inputs: ["contracts"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
60
60
|
}
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
61
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, decorators: [{
|
|
62
62
|
type: Component,
|
|
63
63
|
args: [{ selector: 'app-sap-installed-instrument-details', changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'display-flex-component' }, template: "@if (showWithCardContent()) {\r\n <ngx-st-card\r\n [title]=\"\r\n 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails' | translate\r\n \"\r\n [showHistoryBack]=\"true\"\r\n >\r\n <ng-container\r\n [ngTemplateOutlet]=\"installedInstrumentContent\"\r\n ></ng-container>\r\n </ngx-st-card>\r\n}\r\n\r\n@if (!showWithCardContent()) {\r\n <ng-container [ngTemplateOutlet]=\"installedInstrumentContent\"></ng-container>\r\n}\r\n\r\n<ng-template #installedInstrumentContent>\r\n <div\r\n style=\"\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n position: relative;\r\n \"\r\n >\r\n @if (!showWithCardContent()) {\r\n <button\r\n mat-icon-button\r\n style=\"position: absolute; top: 5px; left: 0; z-index: 11\"\r\n (click)=\"goBack()\"\r\n >\r\n <mat-icon>keyboard_backspace</mat-icon>\r\n </button>\r\n }\r\n\r\n <mat-tab-group (selectedTabChange)=\"tabChanged($event)\">\r\n <mat-tab\r\n label=\"{{\r\n 'sapAdminInstalledInstrument.instrumentDetails' | translate\r\n }}\"\r\n >\r\n @if (installedInstrument$() | async) {\r\n @if (tabActive() === 0 && installedInstrument()) {\r\n <app-data-details-view\r\n [installedInstrument]=\"installedInstrument()!\"\r\n ></app-data-details-view>\r\n }\r\n }\r\n </mat-tab>\r\n <mat-tab\r\n label=\"{{ 'sapAdminInstalledInstrument.calls' | translate }} ({{\r\n calls().length || 0\r\n }})\"\r\n >\r\n @if (calls$() | async) {\r\n @if (tabActive() === 1) {\r\n <app-calls-list-view\r\n [calls]=\"calls()\"\r\n [contracts]=\"serviceContracts()\"\r\n [accessToken]=\"accessToken()!\"\r\n ></app-calls-list-view>\r\n }\r\n }\r\n </mat-tab>\r\n <mat-tab\r\n label=\"{{\r\n 'sapAdminInstalledInstrument.serviceContracts' | translate\r\n }} ({{ serviceContracts().length || 0 }})\"\r\n >\r\n @if (serviceContracts$() | async) {\r\n @if (tabActive() === 2) {\r\n <app-service-contracts-list-view\r\n [contracts]=\"serviceContracts()\"\r\n ></app-service-contracts-list-view>\r\n }\r\n }\r\n </mat-tab>\r\n </mat-tab-group>\r\n </div>\r\n</ng-template>\r\n", styles: ["mat-tab-group{width:100%}mat-tab-group::ng-deep mat-tab-body{padding:10px 0}\n", ".card{background:#fff;border:none;box-shadow:0 1px 4px #00000024;margin-bottom:30px;margin-top:30px;font-size:1rem}.card .card-header{max-width:380px;text-align:center;margin-left:auto!important;margin-right:auto!important;border-radius:3px;margin-top:-20px;background:linear-gradient(60deg,#ffa726,#fb8c00)!important;padding:15px 30px;border:none}.card .card-header h4,.card .card-header h3{margin:0!important;color:#fff;font-size:1.5625rem;line-height:1.4em;font-weight:400}.card .card-body{position:relative;padding:.5rem}.card .card-body .back-link{color:#000;position:absolute;top:-40px;left:5px}\n"] }]
|
|
64
64
|
}] });
|
|
@@ -6,10 +6,10 @@ export class ServiceContractDetailsViewComponent {
|
|
|
6
6
|
constructor() {
|
|
7
7
|
this.contract = input.required();
|
|
8
8
|
}
|
|
9
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "
|
|
9
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceContractDetailsViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: ServiceContractDetailsViewComponent, selector: "app-service-contract-details-view", inputs: { contract: { classPropertyName: "contract", publicName: "contract", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div class=\"group-details row\" style=\"margin-top: 20px\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customer' | translate }}</span>\r\n <p>{{ contract().customer || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customerName' | translate }}</span>\r\n <p>{{ contract().customerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.description' | translate }}</span>\r\n <p>{{ contract().description || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.startDate' | translate }}</span>\r\n <p>{{ (contract().startDate | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endDate' | translate }}</span>\r\n <p>{{ (contract().endDate | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.terminationDate' | translate }}</span>\r\n <p>{{ (contract().terminationDate | stDateFormatPipe) || '-' }}</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-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.serviceType' | translate }}</span>\r\n <p>{{ contract().serviceType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.template' | translate }}</span>\r\n <p>{{ contract().template || '-' }}</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-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.handledBy' | translate }}</span>\r\n <p>{{ contract().handledBy || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.remarks' | translate }}</span>\r\n <p>{{ contract().remarks || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.itemCode' | translate }}</span>\r\n <p>{{ contract().itemCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.itemName' | translate }}</span>\r\n <p>{{ contract().itemName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.serialNumber' | translate }}</span>\r\n <p>{{ contract().serialNumber || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.startDateDetails' | translate\r\n }}</span>\r\n <p>{{ (contract().startDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endDateDetails' | translate }}</span>\r\n <p>{{ (contract().endDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.terminationDateDetails' | translate\r\n }}</span>\r\n <p>{{ (contract().terminationDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n</div>\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n", ""], dependencies: [{ kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i2.DateFormatPipe, name: "stDateFormatPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
11
|
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ServiceContractDetailsViewComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
14
|
args: [{ selector: 'app-service-contract-details-view', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"group-details row\" style=\"margin-top: 20px\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customer' | translate }}</span>\r\n <p>{{ contract().customer || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.customerName' | translate }}</span>\r\n <p>{{ contract().customerName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.description' | translate }}</span>\r\n <p>{{ contract().description || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.startDate' | translate }}</span>\r\n <p>{{ (contract().startDate | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endDate' | translate }}</span>\r\n <p>{{ (contract().endDate | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.terminationDate' | translate }}</span>\r\n <p>{{ (contract().terminationDate | stDateFormatPipe) || '-' }}</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-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.serviceType' | translate }}</span>\r\n <p>{{ contract().serviceType || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.template' | translate }}</span>\r\n <p>{{ contract().template || '-' }}</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-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.handledBy' | translate }}</span>\r\n <p>{{ contract().handledBy || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-6\">\r\n <span>{{ 'sapAdminInstalledInstrument.remarks' | translate }}</span>\r\n <p>{{ contract().remarks || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<hr />\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.itemCode' | translate }}</span>\r\n <p>{{ contract().itemCode || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.itemName' | translate }}</span>\r\n <p>{{ contract().itemName || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.serialNumber' | translate }}</span>\r\n <p>{{ contract().serialNumber || '-' }}</p>\r\n </div>\r\n</div>\r\n\r\n<div class=\"group-details row\">\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.startDateDetails' | translate\r\n }}</span>\r\n <p>{{ (contract().startDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{ 'sapAdminInstalledInstrument.endDateDetails' | translate }}</span>\r\n <p>{{ (contract().endDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4\">\r\n <span>{{\r\n 'sapAdminInstalledInstrument.terminationDateDetails' | translate\r\n }}</span>\r\n <p>{{ (contract().terminationDateDetail | stDateFormatPipe) || '-' }}</p>\r\n </div>\r\n</div>\r\n", styles: [".group-details{width:100%}.group-details>div>span{font-size:.8rem;color:#9e9e9e}.group-details p{font-size:1rem;line-height:1.5rem;white-space:pre-line;align-items:center;display:flex;color:#3c4858}.group-details p mat-icon{cursor:pointer;margin-left:2px;font-size:1.4rem;opacity:.8}.group-details p mat-icon:hover{opacity:1}.group-details p span.info{color:#fbc02d}.group-details .html-field{max-height:100px;overflow-y:auto}\n"] }]
|
|
15
15
|
}] });
|