ngx-st-sap-installed-instruments 17.0.26 → 17.0.28
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/sap-installed-instrument-details.component.mjs +6 -10
- package/fesm2022/ngx-st-sap-installed-instruments.mjs +12 -12
- package/fesm2022/ngx-st-sap-installed-instruments.mjs.map +1 -1
- package/lib/components/sap-installed-instrument-details/sap-installed-instrument-details.component.d.ts +3 -3
- package/package.json +1 -1
|
@@ -3,18 +3,14 @@ import { tap } from 'rxjs/operators';
|
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../../services/sap-installed-instruments.service";
|
|
5
5
|
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "@angular/material/button";
|
|
7
|
-
import * as i4 from "@angular/material/icon";
|
|
8
|
-
import * as i5 from "@angular/material/tabs";
|
|
9
|
-
import * as i6 from "@ngx-translate/core";
|
|
10
6
|
export class SapInstalledInstrumentDetailsComponent {
|
|
11
7
|
constructor(sapInstalledInstrumentService, location) {
|
|
12
8
|
this.sapInstalledInstrumentService = sapInstalledInstrumentService;
|
|
13
9
|
this.location = location;
|
|
14
10
|
this.class = 'display-flex-component';
|
|
15
|
-
this.id = input
|
|
16
|
-
this.accessToken = input
|
|
17
|
-
this.territoryFilter = input
|
|
11
|
+
this.id = input();
|
|
12
|
+
this.accessToken = input();
|
|
13
|
+
this.territoryFilter = input(false);
|
|
18
14
|
this.showWithCardContent = input(true);
|
|
19
15
|
this.tabActive = 0;
|
|
20
16
|
this.calls = [];
|
|
@@ -45,13 +41,13 @@ export class SapInstalledInstrumentDetailsComponent {
|
|
|
45
41
|
.pipe(tap(res => (this.serviceContracts = res)));
|
|
46
42
|
}
|
|
47
43
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, deps: [{ token: i1.SapInstalledInstrumentsService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
44
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", 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: { properties: { "class": "this.class" } }, ngImport: i0, template: "<!--@if (showWithCardContent()) {-->\r\n<!-- <div class=\"container-fluid no-cut\">-->\r\n<!-- <div class=\"card\">-->\r\n<!-- <div class=\"card-header card-header-warning\">-->\r\n<!-- <h3 class=\"card-title\">-->\r\n<!-- {{-->\r\n<!-- 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails'-->\r\n<!-- | translate-->\r\n<!-- }}-->\r\n<!-- </h3>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"card-body\">-->\r\n<!-- <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">-->\r\n<!-- <mat-icon>keyboard_backspace</mat-icon>-->\r\n<!-- </button>-->\r\n<!-- <ng-container-->\r\n<!-- [ngTemplateOutlet]=\"installedInstrumentContent\"-->\r\n<!-- ></ng-container>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\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) {-->\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"] }); }
|
|
49
45
|
}
|
|
50
46
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, decorators: [{
|
|
51
47
|
type: Component,
|
|
52
|
-
args: [{ selector: 'app-sap-installed-instrument-details', template: "
|
|
48
|
+
args: [{ selector: 'app-sap-installed-instrument-details', template: "<!--@if (showWithCardContent()) {-->\r\n<!-- <div class=\"container-fluid no-cut\">-->\r\n<!-- <div class=\"card\">-->\r\n<!-- <div class=\"card-header card-header-warning\">-->\r\n<!-- <h3 class=\"card-title\">-->\r\n<!-- {{-->\r\n<!-- 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails'-->\r\n<!-- | translate-->\r\n<!-- }}-->\r\n<!-- </h3>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"card-body\">-->\r\n<!-- <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">-->\r\n<!-- <mat-icon>keyboard_backspace</mat-icon>-->\r\n<!-- </button>-->\r\n<!-- <ng-container-->\r\n<!-- [ngTemplateOutlet]=\"installedInstrumentContent\"-->\r\n<!-- ></ng-container>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\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) {-->\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"] }]
|
|
53
49
|
}], ctorParameters: () => [{ type: i1.SapInstalledInstrumentsService }, { type: i2.Location }], propDecorators: { class: [{
|
|
54
50
|
type: HostBinding,
|
|
55
51
|
args: ['class']
|
|
56
52
|
}] } });
|
|
57
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7OztBQVVyQyxNQUFNLE9BQU8sc0NBQXNDO0lBbUJqRCxZQUNVLDZCQUE2RCxFQUM3RCxRQUFrQjtRQURsQixrQ0FBNkIsR0FBN0IsNkJBQTZCLENBQWdDO1FBQzdELGFBQVEsR0FBUixRQUFRLENBQVU7UUFwQk4sVUFBSyxHQUFHLHdCQUF3QixDQUFDO1FBRXZELE9BQUUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFOUIsZ0JBQVcsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7UUFFdkMsb0JBQWUsR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFXLENBQUM7UUFFNUMsd0JBQW1CLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBS2xDLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFFdEIsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFDM0IscUJBQWdCLEdBQXVCLEVBQUUsQ0FBQztRQU14QyxJQUFJLENBQUMsNkJBQTZCLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwRSxJQUFJLENBQUMsNkJBQTZCLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM5RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsNkJBQTZCO2FBQzNELHNCQUFzQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQzthQUNqQyxJQUFJLENBQ0gsR0FBRyxDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUNILENBQUM7UUFDSixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyw2QkFBNkI7YUFDN0MsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQzthQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLDZCQUE2QjthQUN4RCxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRSxDQUFDO2FBQ3ZCLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckQsQ0FBQzsrR0FyRFUsc0NBQXNDO21HQUF0QyxzQ0FBc0MsdXJCQ2pCbkQsNDdGQTBGQTs7NEZEekVhLHNDQUFzQztrQkFSbEQsU0FBUzsrQkFDRSxzQ0FBc0M7MEhBUTFCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2FwSW5zdGFsbGVkSW5zdHJ1bWVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNhcEluc3RhbGxlZEluc3RydW1lbnRNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQubW9kZWwnO1xyXG5pbXBvcnQgeyBTYXBDYWxsTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2FwLWNhbGwubW9kZWwnO1xyXG5pbXBvcnQgeyBTYXBDb250cmFjdE1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NhcC1jb250cmFjdC5tb2RlbCc7XHJcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4vc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uLy4uLy4uL2Fzc2V0cy9iYXNlLWNhcmQuc2NzcycsXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhcEluc3RhbGxlZEluc3RydW1lbnREZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XHJcblxyXG4gIGlkID0gaW5wdXQucmVxdWlyZWQ8bnVtYmVyPigpO1xyXG5cclxuICBhY2Nlc3NUb2tlbiA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcclxuXHJcbiAgdGVycml0b3J5RmlsdGVyID0gaW5wdXQucmVxdWlyZWQ8Ym9vbGVhbj4oKTtcclxuXHJcbiAgc2hvd1dpdGhDYXJkQ29udGVudCA9IGlucHV0KHRydWUpO1xyXG5cclxuICBpbnN0YWxsZWRJbnN0cnVtZW50JDogT2JzZXJ2YWJsZTxTYXBJbnN0YWxsZWRJbnN0cnVtZW50TW9kZWw+O1xyXG4gIGNhbGxzJDogT2JzZXJ2YWJsZTxTYXBDYWxsTW9kZWxbXT47XHJcbiAgc2VydmljZUNvbnRyYWN0cyQ6IE9ic2VydmFibGU8U2FwQ29udHJhY3RNb2RlbFtdPjtcclxuICB0YWJBY3RpdmU6IG51bWJlciA9IDA7XHJcbiAgaW5zdGFsbGVkSW5zdHJ1bWVudDogU2FwSW5zdGFsbGVkSW5zdHJ1bWVudE1vZGVsO1xyXG4gIGNhbGxzOiBTYXBDYWxsTW9kZWxbXSA9IFtdO1xyXG4gIHNlcnZpY2VDb250cmFjdHM6IFNhcENvbnRyYWN0TW9kZWxbXSA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2U6IFNhcEluc3RhbGxlZEluc3RydW1lbnRzU2VydmljZSxcclxuICAgIHByaXZhdGUgbG9jYXRpb246IExvY2F0aW9uXHJcbiAgKSB7XHJcbiAgICB0aGlzLnNhcEluc3RhbGxlZEluc3RydW1lbnRTZXJ2aWNlLmFjY2Vzc1Rva2VuID0gdGhpcy5hY2Nlc3NUb2tlbigpO1xyXG4gICAgdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZS50ZXJyaXRvcnlGaWx0ZXIgPSB0aGlzLnRlcnJpdG9yeUZpbHRlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvYWRUYWJzRGF0YSgpO1xyXG4gIH1cclxuXHJcbiAgdGFiQ2hhbmdlZChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLnRhYkFjdGl2ZSA9IGV2ZW50LmluZGV4O1xyXG4gIH1cclxuXHJcbiAgZ29CYWNrKCkge1xyXG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG5cclxuICBsb2FkVGFic0RhdGEoKSB7XHJcbiAgICB0aGlzLmluc3RhbGxlZEluc3RydW1lbnQkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0SW5zdGFsbGVkSW5zdHJ1bWVudCh0aGlzLmlkKCkpXHJcbiAgICAgIC5waXBlKFxyXG4gICAgICAgIHRhcChpbnN0YWxsZWRJbnN0cnVtZW50ID0+IHtcclxuICAgICAgICAgIHRoaXMuaW5zdGFsbGVkSW5zdHJ1bWVudCA9IGluc3RhbGxlZEluc3RydW1lbnQ7XHJcbiAgICAgICAgfSlcclxuICAgICAgKTtcclxuICAgIHRoaXMuY2FsbHMkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0Q2FsbHModGhpcy5pZCgpKVxyXG4gICAgICAucGlwZSh0YXAocmVzID0+ICh0aGlzLmNhbGxzID0gcmVzKSkpO1xyXG4gICAgdGhpcy5zZXJ2aWNlQ29udHJhY3RzJCA9IHRoaXMuc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2VcclxuICAgICAgLmdldENvbnRyYWN0cyh0aGlzLmlkKCkpXHJcbiAgICAgIC5waXBlKHRhcChyZXMgPT4gKHRoaXMuc2VydmljZUNvbnRyYWN0cyA9IHJlcykpKTtcclxuICB9XHJcbn1cclxuIiwiQGlmIChzaG93V2l0aENhcmRDb250ZW50KCkpIHtcclxuICA8ZGl2IGNsYXNzPVwiY29udGFpbmVyLWZsdWlkIG5vLWN1dFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmRcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyIGNhcmQtaGVhZGVyLXdhcm5pbmdcIj5cclxuICAgICAgICA8aDMgY2xhc3M9XCJjYXJkLXRpdGxlXCI+XHJcbiAgICAgICAgICB7e1xyXG4gICAgICAgICAgICAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnRpdGxlSW5zdGFsbGVkSW5zdHJ1bWVudERldGFpbHMnXHJcbiAgICAgICAgICAgICAgfCB0cmFuc2xhdGVcclxuICAgICAgICAgIH19XHJcbiAgICAgICAgPC9oMz5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBjbGFzcz1cImJhY2stbGlua1wiIChjbGljayk9XCJnb0JhY2soKVwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uPmtleWJvYXJkX2JhY2tzcGFjZTwvbWF0LWljb24+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lclxyXG4gICAgICAgICAgW25nVGVtcGxhdGVPdXRsZXRdPVwiaW5zdGFsbGVkSW5zdHJ1bWVudENvbnRlbnRcIlxyXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxufVxyXG5cclxuQGlmICghc2hvd1dpdGhDYXJkQ29udGVudCgpKSB7XHJcbiAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpbnN0YWxsZWRJbnN0cnVtZW50Q29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG59XHJcblxyXG48bmctdGVtcGxhdGUgI2luc3RhbGxlZEluc3RydW1lbnRDb250ZW50PlxyXG4gIDxkaXZcclxuICAgIHN0eWxlPVwiXHJcbiAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBcIlxyXG4gID5cclxuICAgIEBpZiAoIXNob3dXaXRoQ2FyZENvbnRlbnQpIHtcclxuICAgICAgPGJ1dHRvblxyXG4gICAgICAgIG1hdC1pY29uLWJ1dHRvblxyXG4gICAgICAgIHN0eWxlPVwicG9zaXRpb246IGFic29sdXRlOyB0b3A6IDVweDsgbGVmdDogMDsgei1pbmRleDogMTFcIlxyXG4gICAgICAgIChjbGljayk9XCJnb0JhY2soKVwiXHJcbiAgICAgID5cclxuICAgICAgICA8bWF0LWljb24+a2V5Ym9hcmRfYmFja3NwYWNlPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICB9XHJcbiAgICA8bWF0LXRhYi1ncm91cCAoc2VsZWN0ZWRUYWJDaGFuZ2UpPVwidGFiQ2hhbmdlZCgkZXZlbnQpXCI+XHJcbiAgICAgIDxtYXQtdGFiXHJcbiAgICAgICAgbGFiZWw9XCJ7e1xyXG4gICAgICAgICAgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5pbnN0cnVtZW50RGV0YWlscycgfCB0cmFuc2xhdGVcclxuICAgICAgICB9fVwiXHJcbiAgICAgID5cclxuICAgICAgICBAaWYgKGluc3RhbGxlZEluc3RydW1lbnQkIHwgYXN5bmMpIHtcclxuICAgICAgICAgIEBpZiAodGFiQWN0aXZlID09PSAwKSB7XHJcbiAgICAgICAgICAgIDwhLS0gICAgICAgICAgICA8YXBwLWRhdGEtZGV0YWlscy12aWV3LS0+XHJcbiAgICAgICAgICAgIDwhLS0gICAgICAgICAgICAgIFtpbnN0YWxsZWRJbnN0cnVtZW50XT1cImluc3RhbGxlZEluc3RydW1lbnRcIi0tPlxyXG4gICAgICAgICAgICA8IS0tICAgICAgICAgICAgPjwvYXBwLWRhdGEtZGV0YWlscy12aWV3Pi0tPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgPC9tYXQtdGFiPlxyXG4gICAgICA8bWF0LXRhYlxyXG4gICAgICAgIGxhYmVsPVwie3sgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC5jYWxscycgfCB0cmFuc2xhdGUgfX0gKHt7XHJcbiAgICAgICAgICBjYWxscy5sZW5ndGggfHwgMFxyXG4gICAgICAgIH19KVwiXHJcbiAgICAgID5cclxuICAgICAgICBAaWYgKGNhbGxzJCB8IGFzeW5jKSB7XHJcbiAgICAgICAgICBAaWYgKHRhYkFjdGl2ZSA9PT0gMSkge1xyXG4gICAgICAgICAgICA8IS0tICAgICAgICAgICAgPGFwcC1jYWxscy1saXN0LXZpZXctLT5cclxuICAgICAgICAgICAgPCEtLSAgICAgICAgICAgICAgW2NhbGxzXT1cImNhbGxzXCItLT5cclxuICAgICAgICAgICAgPCEtLSAgICAgICAgICAgICAgW2NvbnRyYWN0c109XCJzZXJ2aWNlQ29udHJhY3RzXCItLT5cclxuICAgICAgICAgICAgPCEtLSAgICAgICAgICAgICAgW2FjY2Vzc1Rva2VuXT1cImFjY2Vzc1Rva2VuKClcIi0tPlxyXG4gICAgICAgICAgICA8IS0tICAgICAgICAgICAgPjwvYXBwLWNhbGxzLWxpc3Qtdmlldz4tLT5cclxuICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICAgIDwvbWF0LXRhYj5cclxuICAgICAgPG1hdC10YWJcclxuICAgICAgICBsYWJlbD1cInt7XHJcbiAgICAgICAgICAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNlcnZpY2VDb250cmFjdHMnIHwgdHJhbnNsYXRlXHJcbiAgICAgICAgfX0gKHt7IHNlcnZpY2VDb250cmFjdHMubGVuZ3RoIHx8IDAgfX0pXCJcclxuICAgICAgPlxyXG4gICAgICAgIEBpZiAoc2VydmljZUNvbnRyYWN0cyQgfCBhc3luYykge1xyXG4gICAgICAgICAgQGlmICh0YWJBY3RpdmUgPT09IDIpIHtcclxuICAgICAgICAgICAgPCEtLSAgICAgICAgICAgIDxhcHAtc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3LS0+XHJcbiAgICAgICAgICAgIDwhLS0gICAgICAgICAgICAgIFtjb250cmFjdHNdPVwic2VydmljZUNvbnRyYWN0c1wiLS0+XHJcbiAgICAgICAgICAgIDwhLS0gICAgICAgICAgICA+PC9hcHAtc2VydmljZS1jb250cmFjdHMtbGlzdC12aWV3Pi0tPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgPC9tYXQtdGFiPlxyXG4gICAgPC9tYXQtdGFiLWdyb3VwPlxyXG4gIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXN0LXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzL3NhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdC1zYXAtaW5zdGFsbGVkLWluc3RydW1lbnRzL3NyYy9saWIvY29tcG9uZW50cy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQtZGV0YWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPdEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7O0FBVXJDLE1BQU0sT0FBTyxzQ0FBc0M7SUFtQmpELFlBQ1UsNkJBQTZELEVBQzdELFFBQWtCO1FBRGxCLGtDQUE2QixHQUE3Qiw2QkFBNkIsQ0FBZ0M7UUFDN0QsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQXBCTixVQUFLLEdBQUcsd0JBQXdCLENBQUM7UUFFdkQsT0FBRSxHQUFHLEtBQUssRUFBVSxDQUFDO1FBRXJCLGdCQUFXLEdBQUcsS0FBSyxFQUFVLENBQUM7UUFFOUIsb0JBQWUsR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFeEMsd0JBQW1CLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO1FBS2xDLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFFdEIsVUFBSyxHQUFtQixFQUFFLENBQUM7UUFDM0IscUJBQWdCLEdBQXVCLEVBQUUsQ0FBQztRQU14QyxJQUFJLENBQUMsNkJBQTZCLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUcsQ0FBQztRQUNyRSxJQUFJLENBQUMsNkJBQTZCLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM5RSxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFRCxNQUFNO1FBQ0osSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsWUFBWTtRQUNWLElBQUksQ0FBQyxvQkFBb0IsR0FBRyxJQUFJLENBQUMsNkJBQTZCO2FBQzNELHNCQUFzQixDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUcsQ0FBQzthQUNsQyxJQUFJLENBQ0gsR0FBRyxDQUFDLG1CQUFtQixDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBQ2pELENBQUMsQ0FBQyxDQUNILENBQUM7UUFDSixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyw2QkFBNkI7YUFDN0MsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUcsQ0FBQzthQUNwQixJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN4QyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsSUFBSSxDQUFDLDZCQUE2QjthQUN4RCxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsRUFBRyxDQUFDO2FBQ3hCLElBQUksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDckQsQ0FBQzsrR0FyRFUsc0NBQXNDO21HQUF0QyxzQ0FBc0MsMHJCQ2pCbkQsbzJHQTJGQTs7NEZEMUVhLHNDQUFzQztrQkFSbEQsU0FBUzsrQkFDRSxzQ0FBc0M7MEhBUTFCLEtBQUs7c0JBQTFCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU2FwSW5zdGFsbGVkSW5zdHJ1bWVudHNTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50cy5zZXJ2aWNlJztcclxuaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFNhcEluc3RhbGxlZEluc3RydW1lbnRNb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9zYXAtaW5zdGFsbGVkLWluc3RydW1lbnQubW9kZWwnO1xyXG5pbXBvcnQgeyBTYXBDYWxsTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvc2FwLWNhbGwubW9kZWwnO1xyXG5pbXBvcnQgeyBTYXBDb250cmFjdE1vZGVsIH0gZnJvbSAnLi4vLi4vbW9kZWxzL3NhcC1jb250cmFjdC5tb2RlbCc7XHJcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNhcC1pbnN0YWxsZWQtaW5zdHJ1bWVudC1kZXRhaWxzJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogW1xyXG4gICAgJy4vc2FwLWluc3RhbGxlZC1pbnN0cnVtZW50LWRldGFpbHMuY29tcG9uZW50LnNjc3MnLFxyXG4gICAgJy4uLy4uLy4uLy4uL2Fzc2V0cy9iYXNlLWNhcmQuc2NzcycsXHJcbiAgXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNhcEluc3RhbGxlZEluc3RydW1lbnREZXRhaWxzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3MgPSAnZGlzcGxheS1mbGV4LWNvbXBvbmVudCc7XHJcblxyXG4gIGlkID0gaW5wdXQ8bnVtYmVyPigpO1xyXG5cclxuICBhY2Nlc3NUb2tlbiA9IGlucHV0PHN0cmluZz4oKTtcclxuXHJcbiAgdGVycml0b3J5RmlsdGVyID0gaW5wdXQ8Ym9vbGVhbj4oZmFsc2UpO1xyXG5cclxuICBzaG93V2l0aENhcmRDb250ZW50ID0gaW5wdXQodHJ1ZSk7XHJcblxyXG4gIGluc3RhbGxlZEluc3RydW1lbnQkOiBPYnNlcnZhYmxlPFNhcEluc3RhbGxlZEluc3RydW1lbnRNb2RlbD47XHJcbiAgY2FsbHMkOiBPYnNlcnZhYmxlPFNhcENhbGxNb2RlbFtdPjtcclxuICBzZXJ2aWNlQ29udHJhY3RzJDogT2JzZXJ2YWJsZTxTYXBDb250cmFjdE1vZGVsW10+O1xyXG4gIHRhYkFjdGl2ZTogbnVtYmVyID0gMDtcclxuICBpbnN0YWxsZWRJbnN0cnVtZW50OiBTYXBJbnN0YWxsZWRJbnN0cnVtZW50TW9kZWw7XHJcbiAgY2FsbHM6IFNhcENhbGxNb2RlbFtdID0gW107XHJcbiAgc2VydmljZUNvbnRyYWN0czogU2FwQ29udHJhY3RNb2RlbFtdID0gW107XHJcblxyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBzYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZTogU2FwSW5zdGFsbGVkSW5zdHJ1bWVudHNTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb25cclxuICApIHtcclxuICAgIHRoaXMuc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2UuYWNjZXNzVG9rZW4gPSB0aGlzLmFjY2Vzc1Rva2VuKCkhO1xyXG4gICAgdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZS50ZXJyaXRvcnlGaWx0ZXIgPSB0aGlzLnRlcnJpdG9yeUZpbHRlcigpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmxvYWRUYWJzRGF0YSgpO1xyXG4gIH1cclxuXHJcbiAgdGFiQ2hhbmdlZChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLnRhYkFjdGl2ZSA9IGV2ZW50LmluZGV4O1xyXG4gIH1cclxuXHJcbiAgZ29CYWNrKCkge1xyXG4gICAgdGhpcy5sb2NhdGlvbi5iYWNrKCk7XHJcbiAgfVxyXG5cclxuICBsb2FkVGFic0RhdGEoKSB7XHJcbiAgICB0aGlzLmluc3RhbGxlZEluc3RydW1lbnQkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0SW5zdGFsbGVkSW5zdHJ1bWVudCh0aGlzLmlkKCkhKVxyXG4gICAgICAucGlwZShcclxuICAgICAgICB0YXAoaW5zdGFsbGVkSW5zdHJ1bWVudCA9PiB7XHJcbiAgICAgICAgICB0aGlzLmluc3RhbGxlZEluc3RydW1lbnQgPSBpbnN0YWxsZWRJbnN0cnVtZW50O1xyXG4gICAgICAgIH0pXHJcbiAgICAgICk7XHJcbiAgICB0aGlzLmNhbGxzJCA9IHRoaXMuc2FwSW5zdGFsbGVkSW5zdHJ1bWVudFNlcnZpY2VcclxuICAgICAgLmdldENhbGxzKHRoaXMuaWQoKSEpXHJcbiAgICAgIC5waXBlKHRhcChyZXMgPT4gKHRoaXMuY2FsbHMgPSByZXMpKSk7XHJcbiAgICB0aGlzLnNlcnZpY2VDb250cmFjdHMkID0gdGhpcy5zYXBJbnN0YWxsZWRJbnN0cnVtZW50U2VydmljZVxyXG4gICAgICAuZ2V0Q29udHJhY3RzKHRoaXMuaWQoKSEpXHJcbiAgICAgIC5waXBlKHRhcChyZXMgPT4gKHRoaXMuc2VydmljZUNvbnRyYWN0cyA9IHJlcykpKTtcclxuICB9XHJcbn1cclxuIiwiPCEtLUBpZiAoc2hvd1dpdGhDYXJkQ29udGVudCgpKSB7LS0+XHJcbjwhLS0gIDxkaXYgY2xhc3M9XCJjb250YWluZXItZmx1aWQgbm8tY3V0XCI+LS0+XHJcbjwhLS0gICAgPGRpdiBjbGFzcz1cImNhcmRcIj4tLT5cclxuPCEtLSAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlciBjYXJkLWhlYWRlci13YXJuaW5nXCI+LS0+XHJcbjwhLS0gICAgICAgIDxoMyBjbGFzcz1cImNhcmQtdGl0bGVcIj4tLT5cclxuPCEtLSAgICAgICAgICB7ey0tPlxyXG48IS0tICAgICAgICAgICAgJ3NhcEFkbWluSW5zdGFsbGVkSW5zdHJ1bWVudC50aXRsZUluc3RhbGxlZEluc3RydW1lbnREZXRhaWxzJy0tPlxyXG48IS0tICAgICAgICAgICAgICB8IHRyYW5zbGF0ZS0tPlxyXG48IS0tICAgICAgICAgIH19LS0+XHJcbjwhLS0gICAgICAgIDwvaDM+LS0+XHJcbjwhLS0gICAgICA8L2Rpdj4tLT5cclxuPCEtLSAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWJvZHlcIj4tLT5cclxuPCEtLSAgICAgICAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gY2xhc3M9XCJiYWNrLWxpbmtcIiAoY2xpY2spPVwiZ29CYWNrKClcIj4tLT5cclxuPCEtLSAgICAgICAgICA8bWF0LWljb24+a2V5Ym9hcmRfYmFja3NwYWNlPC9tYXQtaWNvbj4tLT5cclxuPCEtLSAgICAgICAgPC9idXR0b24+LS0+XHJcbjwhLS0gICAgICAgIDxuZy1jb250YWluZXItLT5cclxuPCEtLSAgICAgICAgICBbbmdUZW1wbGF0ZU91dGxldF09XCJpbnN0YWxsZWRJbnN0cnVtZW50Q29udGVudFwiLS0+XHJcbjwhLS0gICAgICAgID48L25nLWNvbnRhaW5lcj4tLT5cclxuPCEtLSAgICAgIDwvZGl2Pi0tPlxyXG48IS0tICAgIDwvZGl2Pi0tPlxyXG48IS0tICA8L2Rpdj4tLT5cclxuPCEtLX0tLT5cclxuXHJcbjwhLS1AaWYgKCFzaG93V2l0aENhcmRDb250ZW50KCkpIHstLT5cclxuPCEtLSAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJpbnN0YWxsZWRJbnN0cnVtZW50Q29udGVudFwiPjwvbmctY29udGFpbmVyPi0tPlxyXG48IS0tfS0tPlxyXG5cclxuPCEtLTxuZy10ZW1wbGF0ZSAjaW5zdGFsbGVkSW5zdHJ1bWVudENvbnRlbnQ+LS0+XHJcbjwhLS0gIDxkaXYtLT5cclxuPCEtLSAgICBzdHlsZT1cIi0tPlxyXG48IS0tICAgICAgZGlzcGxheTogZmxleDstLT5cclxuPCEtLSAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47LS0+XHJcbjwhLS0gICAgICB3aWR0aDogMTAwJTstLT5cclxuPCEtLSAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTstLT5cclxuPCEtLSAgICBcIi0tPlxyXG48IS0tICA+LS0+XHJcbjwhLS0gICAgQGlmICghc2hvd1dpdGhDYXJkQ29udGVudCkgey0tPlxyXG48IS0tICAgICAgPGJ1dHRvbi0tPlxyXG48IS0tICAgICAgICBtYXQtaWNvbi1idXR0b24tLT5cclxuPCEtLSAgICAgICAgc3R5bGU9XCJwb3NpdGlvbjogYWJzb2x1dGU7IHRvcDogNXB4OyBsZWZ0OiAwOyB6LWluZGV4OiAxMVwiLS0+XHJcbjwhLS0gICAgICAgIChjbGljayk9XCJnb0JhY2soKVwiLS0+XHJcbjwhLS0gICAgICA+LS0+XHJcbjwhLS0gICAgICAgIDxtYXQtaWNvbj5rZXlib2FyZF9iYWNrc3BhY2U8L21hdC1pY29uPi0tPlxyXG48IS0tICAgICAgPC9idXR0b24+ICAtLT5cclxuPCEtLSAgICB9LS0+XHJcbjwhLS0gICAgLS0+XHJcbjwhLS0gICAgPG1hdC10YWItZ3JvdXAgKHNlbGVjdGVkVGFiQ2hhbmdlKT1cInRhYkNoYW5nZWQoJGV2ZW50KVwiPi0tPlxyXG48IS0tICAgICAgPG1hdC10YWItLT5cclxuPCEtLSAgICAgICAgbGFiZWw9XCJ7ey0tPlxyXG48IS0tICAgICAgICAgICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuaW5zdHJ1bWVudERldGFpbHMnIHwgdHJhbnNsYXRlLS0+XHJcbjwhLS0gICAgICAgIH19XCItLT5cclxuPCEtLSAgICAgID4tLT5cclxuPCEtLSAgICAgICAgQGlmIChpbnN0YWxsZWRJbnN0cnVtZW50JCB8IGFzeW5jKSB7LS0+XHJcbjwhLS0gICAgICAgICAgQGlmICh0YWJBY3RpdmUgPT09IDApIHstLT5cclxuPCEtLSAgICAgICAgICAgIDxhcHAtZGF0YS1kZXRhaWxzLXZpZXctLT5cclxuPCEtLSAgICAgICAgICAgICAgW2luc3RhbGxlZEluc3RydW1lbnRdPVwiaW5zdGFsbGVkSW5zdHJ1bWVudFwiLS0+XHJcbjwhLS0gICAgICAgICAgICA+PC9hcHAtZGF0YS1kZXRhaWxzLXZpZXc+LS0+XHJcbjwhLS0gICAgICAgICAgfS0tPlxyXG48IS0tICAgICAgICB9LS0+XHJcbjwhLS0gICAgICA8L21hdC10YWI+LS0+XHJcbjwhLS0gICAgICA8bWF0LXRhYi0tPlxyXG48IS0tICAgICAgICBsYWJlbD1cInt7ICdzYXBBZG1pbkluc3RhbGxlZEluc3RydW1lbnQuY2FsbHMnIHwgdHJhbnNsYXRlIH19ICh7ey0tPlxyXG48IS0tICAgICAgICAgIGNhbGxzLmxlbmd0aCB8fCAwLS0+XHJcbjwhLS0gICAgICAgIH19KVwiLS0+XHJcbjwhLS0gICAgICA+LS0+XHJcbjwhLS0gICAgICAgIEBpZiAoY2FsbHMkIHwgYXN5bmMpIHstLT5cclxuPCEtLSAgICAgICAgICBAaWYgKHRhYkFjdGl2ZSA9PT0gMSkgey0tPlxyXG48IS0tICAgICAgICAgICAgPGFwcC1jYWxscy1saXN0LXZpZXctLT5cclxuPCEtLSAgICAgICAgICAgICAgW2NhbGxzXT1cImNhbGxzXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgW2NvbnRyYWN0c109XCJzZXJ2aWNlQ29udHJhY3RzXCItLT5cclxuPCEtLSAgICAgICAgICAgICAgW2FjY2Vzc1Rva2VuXT1cImFjY2Vzc1Rva2VuKClcIi0tPlxyXG48IS0tICAgICAgICAgICAgPjwvYXBwLWNhbGxzLWxpc3Qtdmlldz4tLT5cclxuPCEtLSAgICAgICAgICB9LS0+XHJcbjwhLS0gICAgICAgIH0tLT5cclxuPCEtLSAgICAgIDwvbWF0LXRhYj4tLT5cclxuPCEtLSAgICAgIDxtYXQtdGFiLS0+XHJcbjwhLS0gICAgICAgIGxhYmVsPVwie3stLT5cclxuPCEtLSAgICAgICAgICAnc2FwQWRtaW5JbnN0YWxsZWRJbnN0cnVtZW50LnNlcnZpY2VDb250cmFjdHMnIHwgdHJhbnNsYXRlLS0+XHJcbjwhLS0gICAgICAgIH19ICh7eyBzZXJ2aWNlQ29udHJhY3RzLmxlbmd0aCB8fCAwIH19KVwiLS0+XHJcbjwhLS0gICAgICA+LS0+XHJcbjwhLS0gICAgICAgIEBpZiAoc2VydmljZUNvbnRyYWN0cyQgfCBhc3luYykgey0tPlxyXG48IS0tICAgICAgICAgIEBpZiAodGFiQWN0aXZlID09PSAyKSB7LS0+XHJcbjwhLS0gICAgICAgICAgICA8YXBwLXNlcnZpY2UtY29udHJhY3RzLWxpc3Qtdmlldy0tPlxyXG48IS0tICAgICAgICAgICAgICBbY29udHJhY3RzXT1cInNlcnZpY2VDb250cmFjdHNcIi0tPlxyXG48IS0tICAgICAgICAgICAgPjwvYXBwLXNlcnZpY2UtY29udHJhY3RzLWxpc3Qtdmlldz4tLT5cclxuPCEtLSAgICAgICAgICB9LS0+XHJcbjwhLS0gICAgICAgIH0tLT5cclxuPCEtLSAgICAgIDwvbWF0LXRhYj4tLT5cclxuPCEtLSAgICA8L21hdC10YWItZ3JvdXA+LS0+XHJcbjwhLS0gIDwvZGl2Pi0tPlxyXG48IS0tPC9uZy10ZW1wbGF0ZT4tLT5cclxuIl19
|
|
@@ -28,7 +28,7 @@ import { StDateFormatModule } from 'ngx-st-date-format';
|
|
|
28
28
|
import { Subject, of } from 'rxjs';
|
|
29
29
|
import * as i3 from '@angular/forms';
|
|
30
30
|
import { ReactiveFormsModule } from '@angular/forms';
|
|
31
|
-
import * as
|
|
31
|
+
import * as i4$2 from '@angular/common';
|
|
32
32
|
import { CommonModule } from '@angular/common';
|
|
33
33
|
import * as i6 from '@angular/material/form-field';
|
|
34
34
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
@@ -49,7 +49,7 @@ import { StSearchSelectsModule } from 'ngx-st-search-selects';
|
|
|
49
49
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
50
50
|
import * as i1$3 from '@angular/material/dialog';
|
|
51
51
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
52
|
-
import * as i4$
|
|
52
|
+
import * as i4$3 from '@angular/material/tabs';
|
|
53
53
|
import { MatTabsModule } from '@angular/material/tabs';
|
|
54
54
|
import { MatChipsModule } from '@angular/material/chips';
|
|
55
55
|
import { MatListModule } from '@angular/material/list';
|
|
@@ -416,7 +416,7 @@ class SapInstalledInstrumentListSearchComponent {
|
|
|
416
416
|
});
|
|
417
417
|
}
|
|
418
418
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentListSearchComponent, deps: [{ token: SapInstalledInstrumentsService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i3.NonNullableFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
419
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SapInstalledInstrumentListSearchComponent, selector: "app-sap-installed-instrument-list-search", outputs: { filtersChanged: "filtersChanged" }, viewQueries: [{ propertyName: "multiselectAutocomplete", first: true, predicate: ["multiselectAutocomplete"], descendants: true }], ngImport: i0, template: "<form\r\n class=\"search-filters\"\r\n [formGroup]=\"searchForm\"\r\n (keyup.enter)=\"searchSubmitted()\"\r\n (ngSubmit)=\"searchSubmitted()\"\r\n>\r\n <div class=\"row align-items-center\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <ngx-st-multiselect-autocomplete\r\n #multiselectAutocomplete\r\n [label]=\"\r\n ('sapAdminInstalledInstrument.application' | translate) +\r\n ' (' +\r\n ('sapAdminInstalledInstrument.max' | translate) +\r\n ': 10)'\r\n \"\r\n [searchLabel]=\"\r\n 'sapAdminInstalledInstrument.applicationPlaceholder' | translate\r\n \"\r\n [settings]=\"{\r\n getFilteredOptions: this.getFilteredOptions\r\n }\"\r\n [initSelectedData]=\"searchForm.controls.application.value\"\r\n [maxLengthSelectedData]=\"10\"\r\n (selectedDataChanged)=\"applicationSelected($event)\"\r\n ></ngx-st-multiselect-autocomplete>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"bpName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.accountName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.bpName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('bpName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"technicianLastName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.technicianLastName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.technicianLastName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('technicianLastName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"serialNumber\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.serialNumber' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.serialNumber.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('serialNumber')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"instrumentNo\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.instrumentNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.instrumentNo.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('instrumentNo')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"instrumentDesc\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.instrumentDescription' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.instrumentDesc.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('instrumentDesc')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.instrumentStatus' | translate\r\n }}</mat-label>\r\n <mat-select formControlName=\"status\">\r\n <mat-option [value]=\"''\">{{\r\n 'sapAdminInstalledInstrument.empty' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'A'\">{{\r\n 'sapAdminInstalledInstrument.statusA' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'R'\">{{\r\n 'sapAdminInstalledInstrument.statusR' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'T'\">{{\r\n 'sapAdminInstalledInstrument.statusT' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'L'\">{{\r\n 'sapAdminInstalledInstrument.statusL' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'I'\">{{\r\n 'sapAdminInstalledInstrument.statusI' | translate\r\n }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"customerNo\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.accountNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.customerNo.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('customerNo')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center row\">\r\n @if (\r\n searchForm?.get('territory') && ((territories$ | async) || []);\r\n as territories\r\n ) {\r\n <ngx-st-search-select\r\n [options]=\"territories || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.territory' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.territory\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n (click)=\"refreshTerritories()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"city\"\r\n placeholder=\"{{ 'sapAdminInstalledInstrument.city' | translate }}\"\r\n />\r\n @if (searchForm.controls.city.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('city')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center row\">\r\n @if (searchForm?.get('state') && ((states$ | async) || []); as states) {\r\n <ngx-st-search-select\r\n [options]=\"states || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.state' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.state\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n [disabled]=\"!searchForm.controls.country.value\"\r\n (click)=\"refreshStates()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"county\"\r\n placeholder=\"{{ 'sapAdminInstalledInstrument.county' | translate }}\"\r\n />\r\n @if (searchForm.controls.county.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('county')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center row\">\r\n @if (\r\n searchForm?.get('country') && ((countries$ | async) || []);\r\n as countries\r\n ) {\r\n <ngx-st-search-select\r\n [options]=\"countries || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.country' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.country\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n (click)=\"refreshCountries()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.installationDateFrom' | translate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker1\"\r\n formControlName=\"installationDateFrom\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker1\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker1></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.installationDateTo' | translate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker2\"\r\n formControlName=\"installationDateTo\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker2\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker2></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"endUserName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.endCustomerName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.endUserName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('endUserName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"endUserCode\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.endCustomerNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.endUserCode.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('endUserCode')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"row justify-content-sm-start justify-content-lg-center\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n @if (showFilters) {\r\n <button\r\n mat-raised-button\r\n type=\"button\"\r\n (click)=\"clearAllFilters()\"\r\n style=\"margin-right: 10px\"\r\n >\r\n Clear All\r\n </button>\r\n }\r\n <button\r\n mat-raised-button\r\n type=\"button\"\r\n color=\"accent\"\r\n (click)=\"showFilters = !showFilters\"\r\n >\r\n @if (showFilters) {\r\n {{ 'sapAdminInstalledInstrument.hideFilters' | translate }}\r\n }\r\n @if (!showFilters) {\r\n {{ 'sapAdminInstalledInstrument.showFilters' | translate }}\r\n }\r\n </button>\r\n @if (showFilters) {\r\n <button\r\n mat-raised-button\r\n type=\"submit\"\r\n color=\"primary\"\r\n style=\"margin-left: 10px\"\r\n >\r\n Search\r\n </button>\r\n }\r\n </div>\r\n</form>\r\n", styles: [".hide{display:none}\n"], dependencies: [{ kind: "directive", type: i2$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i12.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i12.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i13.NgxStMultiselectAutocompleteComponent, selector: "ngx-st-multiselect-autocomplete", inputs: ["label", "searchLabel", "settings", "initSelectedData", "maxLengthSelectedData", "clearAfterSelect"], outputs: ["selectedDataChanged"] }, { kind: "component", type: i14.SearchSelectComponent, selector: "ngx-st-search-select", inputs: ["selectLabel", "optionValueField", "optionLabelFields", "filteredByFields", "model", "modelChange", "selectFormControl", "required", "selectBindType", "searchLabel", "showEmptyOption", "useVirtualScrollOptions", "options", "disabled"], outputs: ["selectDataChanged"] }, { kind: "pipe", type: i2$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
419
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SapInstalledInstrumentListSearchComponent, selector: "app-sap-installed-instrument-list-search", outputs: { filtersChanged: "filtersChanged" }, viewQueries: [{ propertyName: "multiselectAutocomplete", first: true, predicate: ["multiselectAutocomplete"], descendants: true }], ngImport: i0, template: "<form\r\n class=\"search-filters\"\r\n [formGroup]=\"searchForm\"\r\n (keyup.enter)=\"searchSubmitted()\"\r\n (ngSubmit)=\"searchSubmitted()\"\r\n>\r\n <div class=\"row align-items-center\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <ngx-st-multiselect-autocomplete\r\n #multiselectAutocomplete\r\n [label]=\"\r\n ('sapAdminInstalledInstrument.application' | translate) +\r\n ' (' +\r\n ('sapAdminInstalledInstrument.max' | translate) +\r\n ': 10)'\r\n \"\r\n [searchLabel]=\"\r\n 'sapAdminInstalledInstrument.applicationPlaceholder' | translate\r\n \"\r\n [settings]=\"{\r\n getFilteredOptions: this.getFilteredOptions\r\n }\"\r\n [initSelectedData]=\"searchForm.controls.application.value\"\r\n [maxLengthSelectedData]=\"10\"\r\n (selectedDataChanged)=\"applicationSelected($event)\"\r\n ></ngx-st-multiselect-autocomplete>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"bpName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.accountName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.bpName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('bpName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"technicianLastName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.technicianLastName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.technicianLastName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('technicianLastName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"serialNumber\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.serialNumber' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.serialNumber.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('serialNumber')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"instrumentNo\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.instrumentNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.instrumentNo.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('instrumentNo')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"instrumentDesc\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.instrumentDescription' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.instrumentDesc.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('instrumentDesc')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.instrumentStatus' | translate\r\n }}</mat-label>\r\n <mat-select formControlName=\"status\">\r\n <mat-option [value]=\"''\">{{\r\n 'sapAdminInstalledInstrument.empty' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'A'\">{{\r\n 'sapAdminInstalledInstrument.statusA' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'R'\">{{\r\n 'sapAdminInstalledInstrument.statusR' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'T'\">{{\r\n 'sapAdminInstalledInstrument.statusT' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'L'\">{{\r\n 'sapAdminInstalledInstrument.statusL' | translate\r\n }}</mat-option>\r\n <mat-option [value]=\"'I'\">{{\r\n 'sapAdminInstalledInstrument.statusI' | translate\r\n }}</mat-option>\r\n </mat-select>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"customerNo\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.accountNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.customerNo.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('customerNo')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-4 align-items-center row\">\r\n @if (\r\n searchForm?.get('territory') && ((territories$ | async) || []);\r\n as territories\r\n ) {\r\n <ngx-st-search-select\r\n [options]=\"territories || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.territory' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.territory\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n (click)=\"refreshTerritories()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"city\"\r\n placeholder=\"{{ 'sapAdminInstalledInstrument.city' | translate }}\"\r\n />\r\n @if (searchForm.controls.city.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('city')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center row\">\r\n @if (searchForm?.get('state') && ((states$ | async) || []); as states) {\r\n <ngx-st-search-select\r\n [options]=\"states || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.state' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.state\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n [disabled]=\"!searchForm.controls.country.value\"\r\n (click)=\"refreshStates()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"county\"\r\n placeholder=\"{{ 'sapAdminInstalledInstrument.county' | translate }}\"\r\n />\r\n @if (searchForm.controls.county.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('county')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center row\">\r\n @if (\r\n searchForm?.get('country') && ((countries$ | async) || []);\r\n as countries\r\n ) {\r\n <ngx-st-search-select\r\n [options]=\"countries || []\"\r\n [selectLabel]=\"'sapAdminInstalledInstrument.country' | translate\"\r\n [optionLabelFields]=\"'name'\"\r\n [optionValueField]=\"'id'\"\r\n [selectFormControl]=\"searchForm.controls.country\"\r\n [selectBindType]=\"'control'\"\r\n [searchLabel]=\"'sapAdminInstalledInstrument.search' | translate\"\r\n ></ngx-st-search-select>\r\n }\r\n <button\r\n mat-icon-button\r\n [matTooltip]=\"'sapAdminInstalledInstrument.refresh' | translate\"\r\n (click)=\"refreshCountries()\"\r\n type=\"button\"\r\n >\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n <div class=\"row\" [ngClass]=\"{ hide: !showFilters }\">\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.installationDateFrom' | translate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker1\"\r\n formControlName=\"installationDateFrom\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker1\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker1></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <mat-label>{{\r\n 'sapAdminInstalledInstrument.installationDateTo' | translate\r\n }}</mat-label>\r\n <input\r\n matInput\r\n [matDatepicker]=\"picker2\"\r\n formControlName=\"installationDateTo\"\r\n />\r\n <mat-datepicker-toggle\r\n matSuffix\r\n [for]=\"picker2\"\r\n ></mat-datepicker-toggle>\r\n <mat-datepicker #picker2></mat-datepicker>\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"endUserName\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.endCustomerName' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.endUserName.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('endUserName')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n <div class=\"col-xs-12 col-sm-3 align-items-center\">\r\n <mat-form-field>\r\n <input\r\n matInput\r\n formControlName=\"endUserCode\"\r\n placeholder=\"{{\r\n 'sapAdminInstalledInstrument.endCustomerNo' | translate\r\n }}\"\r\n />\r\n @if (searchForm.controls.endUserCode.value) {\r\n <button\r\n type=\"button\"\r\n matSuffix\r\n mat-icon-button\r\n aria-label=\"Clear\"\r\n (click)=\"clearInputValue('endUserCode')\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </mat-form-field>\r\n </div>\r\n </div>\r\n\r\n <div\r\n class=\"row justify-content-sm-start justify-content-lg-center\"\r\n style=\"margin-bottom: 10px\"\r\n >\r\n @if (showFilters) {\r\n <button\r\n mat-raised-button\r\n type=\"button\"\r\n (click)=\"clearAllFilters()\"\r\n style=\"margin-right: 10px\"\r\n >\r\n Clear All\r\n </button>\r\n }\r\n <button\r\n mat-raised-button\r\n type=\"button\"\r\n color=\"accent\"\r\n (click)=\"showFilters = !showFilters\"\r\n >\r\n @if (showFilters) {\r\n {{ 'sapAdminInstalledInstrument.hideFilters' | translate }}\r\n }\r\n @if (!showFilters) {\r\n {{ 'sapAdminInstalledInstrument.showFilters' | translate }}\r\n }\r\n </button>\r\n @if (showFilters) {\r\n <button\r\n mat-raised-button\r\n type=\"submit\"\r\n color=\"primary\"\r\n style=\"margin-left: 10px\"\r\n >\r\n Search\r\n </button>\r\n }\r\n </div>\r\n</form>\r\n", styles: [".hide{display:none}\n"], dependencies: [{ kind: "directive", type: i4$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i5.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i5.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i8$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i9$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i10.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: i1$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i12.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i12.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i13.NgxStMultiselectAutocompleteComponent, selector: "ngx-st-multiselect-autocomplete", inputs: ["label", "searchLabel", "settings", "initSelectedData", "maxLengthSelectedData", "clearAfterSelect"], outputs: ["selectedDataChanged"] }, { kind: "component", type: i14.SearchSelectComponent, selector: "ngx-st-search-select", inputs: ["selectLabel", "optionValueField", "optionLabelFields", "filteredByFields", "model", "modelChange", "selectFormControl", "required", "selectBindType", "searchLabel", "showEmptyOption", "useVirtualScrollOptions", "options", "disabled"], outputs: ["selectDataChanged"] }, { kind: "pipe", type: i4$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
420
420
|
}
|
|
421
421
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentListSearchComponent, decorators: [{
|
|
422
422
|
type: Component,
|
|
@@ -484,7 +484,7 @@ class SapInstalledInstrumentListComponent {
|
|
|
484
484
|
});
|
|
485
485
|
}
|
|
486
486
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentListComponent, deps: [{ token: SapInstalledInstrumentsService }, { token: i0.ChangeDetectorRef }, { token: i2.Router }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
487
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SapInstalledInstrumentListComponent, selector: "app-sap-installed-instrument-list", inputs: { accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null }, territoryFilter: { classPropertyName: "territoryFilter", publicName: "territoryFilter", isSignal: true, isRequired: true, transformFunction: null }, showWithCardContent: { classPropertyName: "showWithCardContent", publicName: "showWithCardContent", isSignal: true, isRequired: false, transformFunction: null }, useMapButton: { classPropertyName: "useMapButton", publicName: "useMapButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "@if (showWithCardContent()) {\r\n <div class=\"container-fluid no-cut\">\r\n <div class=\"card\">\r\n <div class=\"card-header card-header-warning\">\r\n <h3 class=\"card-title\">\r\n {{\r\n 'sapAdminInstalledInstrument.titleInstalledInstrumentList'\r\n | translate\r\n }}\r\n </h3>\r\n </div>\r\n <div class=\"card-body\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"installedInstrumentContent\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\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 style=\"display: flex; flex-direction: column; width: 100%\">\r\n <app-sap-installed-instrument-list-search\r\n (filtersChanged)=\"filtersChanged($event)\"\r\n ></app-sap-installed-instrument-list-search>\r\n\r\n <app-sap-installed-instrument-list-table\r\n [tableData]=\"installedInstruments\"\r\n [useMapButton]=\"useMapButton()\"\r\n (sortChanged)=\"sortChanged($event)\"\r\n ></app-sap-installed-instrument-list-table>\r\n </div>\r\n</ng-template>\r\n", styles: ["", ".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:
|
|
487
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: SapInstalledInstrumentListComponent, selector: "app-sap-installed-instrument-list", inputs: { accessToken: { classPropertyName: "accessToken", publicName: "accessToken", isSignal: true, isRequired: false, transformFunction: null }, territoryFilter: { classPropertyName: "territoryFilter", publicName: "territoryFilter", isSignal: true, isRequired: true, transformFunction: null }, showWithCardContent: { classPropertyName: "showWithCardContent", publicName: "showWithCardContent", isSignal: true, isRequired: false, transformFunction: null }, useMapButton: { classPropertyName: "useMapButton", publicName: "useMapButton", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "this.class" } }, ngImport: i0, template: "@if (showWithCardContent()) {\r\n <div class=\"container-fluid no-cut\">\r\n <div class=\"card\">\r\n <div class=\"card-header card-header-warning\">\r\n <h3 class=\"card-title\">\r\n {{\r\n 'sapAdminInstalledInstrument.titleInstalledInstrumentList'\r\n | translate\r\n }}\r\n </h3>\r\n </div>\r\n <div class=\"card-body\">\r\n <ng-container\r\n [ngTemplateOutlet]=\"installedInstrumentContent\"\r\n ></ng-container>\r\n </div>\r\n </div>\r\n </div>\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 style=\"display: flex; flex-direction: column; width: 100%\">\r\n <app-sap-installed-instrument-list-search\r\n (filtersChanged)=\"filtersChanged($event)\"\r\n ></app-sap-installed-instrument-list-search>\r\n\r\n <app-sap-installed-instrument-list-table\r\n [tableData]=\"installedInstruments\"\r\n [useMapButton]=\"useMapButton()\"\r\n (sortChanged)=\"sortChanged($event)\"\r\n ></app-sap-installed-instrument-list-table>\r\n </div>\r\n</ng-template>\r\n", styles: ["", ".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: i4$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SapInstalledInstrumentListSearchComponent, selector: "app-sap-installed-instrument-list-search", outputs: ["filtersChanged"] }, { kind: "component", type: SapInstalledInstrumentListTableComponent, selector: "app-sap-installed-instrument-list-table", inputs: ["tableData", "useMapButton"], outputs: ["sortChanged"] }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }] }); }
|
|
488
488
|
}
|
|
489
489
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentListComponent, decorators: [{
|
|
490
490
|
type: Component,
|
|
@@ -661,7 +661,7 @@ class CallDetailsViewComponent {
|
|
|
661
661
|
}));
|
|
662
662
|
}
|
|
663
663
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CallDetailsViewComponent, deps: [{ token: i1$3.MatDialog }, { token: SapInstalledInstrumentsService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
664
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.length > 0) {\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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$
|
|
664
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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.length > 0) {\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$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i4$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: ActivitiesListViewComponent, selector: "app-activities-list-view", inputs: ["activities", "accessToken"] }, { kind: "component", type: AttachmentsListViewComponent, selector: "app-attachments-list-view", inputs: ["attachments", "accessToken"] }, { kind: "pipe", type: i4$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i4$1.TranslatePipe, name: "translate" }, { kind: "pipe", type: i5$1.DateTimeFormatPipe, name: "stDateTimeFormatPipe" }] }); }
|
|
665
665
|
}
|
|
666
666
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CallDetailsViewComponent, decorators: [{
|
|
667
667
|
type: Component,
|
|
@@ -792,9 +792,9 @@ class SapInstalledInstrumentDetailsComponent {
|
|
|
792
792
|
this.sapInstalledInstrumentService = sapInstalledInstrumentService;
|
|
793
793
|
this.location = location;
|
|
794
794
|
this.class = 'display-flex-component';
|
|
795
|
-
this.id = input
|
|
796
|
-
this.accessToken = input
|
|
797
|
-
this.territoryFilter = input
|
|
795
|
+
this.id = input();
|
|
796
|
+
this.accessToken = input();
|
|
797
|
+
this.territoryFilter = input(false);
|
|
798
798
|
this.showWithCardContent = input(true);
|
|
799
799
|
this.tabActive = 0;
|
|
800
800
|
this.calls = [];
|
|
@@ -824,13 +824,13 @@ class SapInstalledInstrumentDetailsComponent {
|
|
|
824
824
|
.getContracts(this.id())
|
|
825
825
|
.pipe(tap(res => (this.serviceContracts = res)));
|
|
826
826
|
}
|
|
827
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, deps: [{ token: SapInstalledInstrumentsService }, { token:
|
|
828
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.
|
|
827
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, deps: [{ token: SapInstalledInstrumentsService }, { token: i4$2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
828
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "17.3.12", 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: { properties: { "class": "this.class" } }, ngImport: i0, template: "<!--@if (showWithCardContent()) {-->\r\n<!-- <div class=\"container-fluid no-cut\">-->\r\n<!-- <div class=\"card\">-->\r\n<!-- <div class=\"card-header card-header-warning\">-->\r\n<!-- <h3 class=\"card-title\">-->\r\n<!-- {{-->\r\n<!-- 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails'-->\r\n<!-- | translate-->\r\n<!-- }}-->\r\n<!-- </h3>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"card-body\">-->\r\n<!-- <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">-->\r\n<!-- <mat-icon>keyboard_backspace</mat-icon>-->\r\n<!-- </button>-->\r\n<!-- <ng-container-->\r\n<!-- [ngTemplateOutlet]=\"installedInstrumentContent\"-->\r\n<!-- ></ng-container>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\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) {-->\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"] }); }
|
|
829
829
|
}
|
|
830
830
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SapInstalledInstrumentDetailsComponent, decorators: [{
|
|
831
831
|
type: Component,
|
|
832
|
-
args: [{ selector: 'app-sap-installed-instrument-details', template: "
|
|
833
|
-
}], ctorParameters: () => [{ type: SapInstalledInstrumentsService }, { type:
|
|
832
|
+
args: [{ selector: 'app-sap-installed-instrument-details', template: "<!--@if (showWithCardContent()) {-->\r\n<!-- <div class=\"container-fluid no-cut\">-->\r\n<!-- <div class=\"card\">-->\r\n<!-- <div class=\"card-header card-header-warning\">-->\r\n<!-- <h3 class=\"card-title\">-->\r\n<!-- {{-->\r\n<!-- 'sapAdminInstalledInstrument.titleInstalledInstrumentDetails'-->\r\n<!-- | translate-->\r\n<!-- }}-->\r\n<!-- </h3>-->\r\n<!-- </div>-->\r\n<!-- <div class=\"card-body\">-->\r\n<!-- <button mat-icon-button class=\"back-link\" (click)=\"goBack()\">-->\r\n<!-- <mat-icon>keyboard_backspace</mat-icon>-->\r\n<!-- </button>-->\r\n<!-- <ng-container-->\r\n<!-- [ngTemplateOutlet]=\"installedInstrumentContent\"-->\r\n<!-- ></ng-container>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\r\n<!-- </div>-->\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) {-->\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"] }]
|
|
833
|
+
}], ctorParameters: () => [{ type: SapInstalledInstrumentsService }, { type: i4$2.Location }], propDecorators: { class: [{
|
|
834
834
|
type: HostBinding,
|
|
835
835
|
args: ['class']
|
|
836
836
|
}] } });
|