@netgrif/components 6.3.2-rc.1 → 6.3.3
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/esm2020/lib/data-fields/date-field/date-field.component.mjs +21 -13
- package/esm2020/lib/data-fields/date-time-field/date-time-field.component.mjs +21 -13
- package/esm2020/lib/data-fields/user-field/user-field.component.mjs +3 -3
- package/esm2020/lib/data-fields/user-list-field/user-list-field.component.mjs +7 -3
- package/fesm2015/netgrif-components.mjs +271 -256
- package/fesm2015/netgrif-components.mjs.map +1 -1
- package/fesm2020/netgrif-components.mjs +271 -256
- package/fesm2020/netgrif-components.mjs.map +1 -1
- package/lib/data-fields/date-field/date-field.component.d.ts +7 -3
- package/lib/data-fields/date-time-field/date-time-field.component.d.ts +7 -3
- package/lib/data-fields/user-list-field/user-list-field.component.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1,32 +1,40 @@
|
|
|
1
1
|
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
-
import { MAT_DATE_FORMATS } from '@angular/material/core';
|
|
2
|
+
import { MAT_DATE_FORMATS, MAT_DATE_LOCALE } from '@angular/material/core';
|
|
3
3
|
import { AbstractDateFieldComponent, DATE_FORMAT, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
import * as i1 from "@ngx-translate/core";
|
|
6
|
-
import * as i2 from "
|
|
7
|
-
import * as i3 from "@
|
|
8
|
-
import * as i4 from "
|
|
9
|
-
import * as i5 from "@angular/
|
|
10
|
-
import * as i6 from "@angular/material/
|
|
11
|
-
import * as i7 from "@angular/
|
|
6
|
+
import * as i2 from "@angular/material/core";
|
|
7
|
+
import * as i3 from "@netgrif/components-core";
|
|
8
|
+
import * as i4 from "../data-field-template/data-field-template.component";
|
|
9
|
+
import * as i5 from "@angular/material/form-field";
|
|
10
|
+
import * as i6 from "@angular/material/datepicker";
|
|
11
|
+
import * as i7 from "@angular/common";
|
|
12
|
+
import * as i8 from "@angular/material/input";
|
|
13
|
+
import * as i9 from "@angular/forms";
|
|
12
14
|
export class DateFieldComponent extends AbstractDateFieldComponent {
|
|
13
|
-
constructor(translate, informAboutInvalidData) {
|
|
14
|
-
super(translate, informAboutInvalidData);
|
|
15
|
+
constructor(translate, _adapter, _locale, _languageService, informAboutInvalidData) {
|
|
16
|
+
super(translate, _adapter, _locale, _languageService, informAboutInvalidData);
|
|
17
|
+
this._adapter = _adapter;
|
|
18
|
+
this._locale = _locale;
|
|
19
|
+
this._languageService = _languageService;
|
|
15
20
|
}
|
|
16
21
|
}
|
|
17
|
-
DateFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
+
DateFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.DateAdapter }, { token: MAT_DATE_LOCALE }, { token: i3.LanguageService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
18
23
|
DateFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateFieldComponent, selector: "nc-date-field", providers: [
|
|
19
24
|
{ provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT }
|
|
20
|
-
], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"date\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [matDatepicker]=\"datepicker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n (click)=\"datepicker.open()\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (keydown.enter)=\"datepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #datepicker></mat-datepicker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type:
|
|
25
|
+
], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"date\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [matDatepicker]=\"datepicker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n (click)=\"datepicker.open()\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (keydown.enter)=\"datepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #datepicker></mat-datepicker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i4.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i6.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i8.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"] }, { type: i6.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.MatPrefix, selector: "[matPrefix]" }, { type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
21
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateFieldComponent, decorators: [{
|
|
22
27
|
type: Component,
|
|
23
28
|
args: [{ selector: 'nc-date-field', providers: [
|
|
24
29
|
{ provide: MAT_DATE_FORMATS, useValue: DATE_FORMAT }
|
|
25
30
|
], template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"date\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #date let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [matDatepicker]=\"datepicker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n (click)=\"datepicker.open()\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (keydown.enter)=\"datepicker.close()\">\n <mat-datepicker-toggle matPrefix [for]=\"datepicker\"></mat-datepicker-toggle>\n <mat-datepicker #datepicker></mat-datepicker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
26
|
-
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: undefined, decorators: [{
|
|
31
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.DateAdapter }, { type: undefined, decorators: [{
|
|
32
|
+
type: Inject,
|
|
33
|
+
args: [MAT_DATE_LOCALE]
|
|
34
|
+
}] }, { type: i3.LanguageService }, { type: undefined, decorators: [{
|
|
27
35
|
type: Optional
|
|
28
36
|
}, {
|
|
29
37
|
type: Inject,
|
|
30
38
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
31
39
|
}] }]; } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9kYXRlLWZpZWxkL2RhdGUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZGF0ZS1maWVsZC9kYXRlLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQWMsZ0JBQWdCLEVBQUUsZUFBZSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7QUFDdEYsT0FBTyxFQUFDLDBCQUEwQixFQUFFLFdBQVcsRUFBRSw2QkFBNkIsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7Ozs7QUFZakksTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUM5RCxZQUFZLFNBQTJCLEVBQ2pCLFFBQTBCLEVBQ0QsT0FBZSxFQUN4QyxnQkFBaUMsRUFDUSxzQkFBc0M7UUFDakcsS0FBSyxDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLHNCQUFzQixDQUFDLENBQUM7UUFKNUQsYUFBUSxHQUFSLFFBQVEsQ0FBa0I7UUFDRCxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBQ3hDLHFCQUFnQixHQUFoQixnQkFBZ0IsQ0FBaUI7SUFHdkQsQ0FBQzs7Z0hBUFEsa0JBQWtCLDZFQUdQLGVBQWUsNENBRUgsNkJBQTZCO29HQUxwRCxrQkFBa0Isd0NBSmhCO1FBQ1AsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBQztLQUNyRCxpRENaTCxtdUNBd0JBOzRGRFZhLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDSSxlQUFlLGFBR2Q7d0JBQ1AsRUFBQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBQztxQkFDckQ7OzBCQUtZLE1BQU07MkJBQUMsZUFBZTs7MEJBRXRCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtEYXRlQWRhcHRlciwgTUFUX0RBVEVfRk9STUFUUywgTUFUX0RBVEVfTE9DQUxFfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7QWJzdHJhY3REYXRlRmllbGRDb21wb25lbnQsIERBVEVfRk9STUFULCBOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSwgTGFuZ3VhZ2VTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcblxuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLWRhdGUtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRlLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9kYXRlLWZpZWxkLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgcHJvdmlkZXJzOiBbXG4gICAgICAgIHtwcm92aWRlOiBNQVRfREFURV9GT1JNQVRTLCB1c2VWYWx1ZTogREFURV9GT1JNQVR9XG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRlRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERhdGVGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IodHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfYWRhcHRlcjogRGF0ZUFkYXB0ZXI8YW55PixcbiAgICAgICAgICAgICAgICBASW5qZWN0KE1BVF9EQVRFX0xPQ0FMRSkgcHJvdGVjdGVkIF9sb2NhbGU6IHN0cmluZyxcbiAgICAgICAgICAgICAgICBwcm90ZWN0ZWQgX2xhbmd1YWdlU2VydmljZTogTGFuZ3VhZ2VTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEpIGluZm9ybUFib3V0SW52YWxpZERhdGE6IGJvb2xlYW4gfCBudWxsKSB7XG4gICAgICAgIHN1cGVyKHRyYW5zbGF0ZSwgX2FkYXB0ZXIsIF9sb2NhbGUsIF9sYW5ndWFnZVNlcnZpY2UsIGluZm9ybUFib3V0SW52YWxpZERhdGEpO1xuICAgIH1cbn1cbiIsIjxuYy1kYXRhLWZpZWxkLXRlbXBsYXRlICpuZ0lmPVwiIWRhdGFGaWVsZC5iZWhhdmlvci5oaWRkZW5cIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09XCJkYXRhRmllbGRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZFRlbXBsYXRlXT1cImRhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0ZSBsZXQtc2hvd0xhcmdlTGF5b3V0PVwic2hvd0xhcmdlTGF5b3V0XCI+XG4gICAgPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgICAgIDxpbnB1dCBtYXRJbnB1dFxuICAgICAgICAgICAgICAgW21hdERhdGVwaWNrZXJdPVwiZGF0ZXBpY2tlclwiXG4gICAgICAgICAgICAgICBbcmVxdWlyZWRdPVwiZGF0YUZpZWxkLmJlaGF2aW9yLnJlcXVpcmVkXCJcbiAgICAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJkYXRhRmllbGQucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgICAgICAgICAgIChjbGljayk9XCJkYXRlcGlja2VyLm9wZW4oKVwiXG4gICAgICAgICAgICAgICBbbWluXT1cImRhdGFGaWVsZC5taW5cIlxuICAgICAgICAgICAgICAgW21heF09XCJkYXRhRmllbGQubWF4XCJcbiAgICAgICAgICAgICAgIChrZXlkb3duLmVudGVyKT1cImRhdGVwaWNrZXIuY2xvc2UoKVwiPlxuICAgICAgICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFByZWZpeCBbZm9yXT1cImRhdGVwaWNrZXJcIj48L21hdC1kYXRlcGlja2VyLXRvZ2dsZT5cbiAgICAgICAgPG1hdC1kYXRlcGlja2VyICNkYXRlcGlja2VyPjwvbWF0LWRhdGVwaWNrZXI+XG4gICAgICAgIDxtYXQtaGludD57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPG1hdC1lcnJvciAqbmdJZj1cImRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2wpXCI+e3tnZXRFcnJvck1lc3NhZ2UoKX19PC9tYXQtZXJyb3I+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,33 +1,41 @@
|
|
|
1
1
|
import { Component, Inject, Optional } from '@angular/core';
|
|
2
2
|
import { NGX_MAT_DATE_FORMATS } from '@angular-material-components/datetime-picker';
|
|
3
3
|
import { AbstractDateTimeFieldComponent, DATE_TIME_FORMAT, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
|
|
4
|
+
import { MAT_DATE_LOCALE } from '@angular/material/core';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@ngx-translate/core";
|
|
6
|
-
import * as i2 from "
|
|
7
|
-
import * as i3 from "@
|
|
8
|
-
import * as i4 from "
|
|
9
|
-
import * as i5 from "@angular
|
|
10
|
-
import * as i6 from "@angular/
|
|
11
|
-
import * as i7 from "@angular/
|
|
12
|
-
import * as i8 from "@angular/
|
|
7
|
+
import * as i2 from "@angular-material-components/datetime-picker";
|
|
8
|
+
import * as i3 from "@netgrif/components-core";
|
|
9
|
+
import * as i4 from "../data-field-template/data-field-template.component";
|
|
10
|
+
import * as i5 from "@angular/material/form-field";
|
|
11
|
+
import * as i6 from "@angular/material/datepicker";
|
|
12
|
+
import * as i7 from "@angular/common";
|
|
13
|
+
import * as i8 from "@angular/material/input";
|
|
14
|
+
import * as i9 from "@angular/forms";
|
|
13
15
|
export class DateTimeFieldComponent extends AbstractDateTimeFieldComponent {
|
|
14
|
-
constructor(translate, informAboutInvalidData) {
|
|
15
|
-
super(translate, informAboutInvalidData);
|
|
16
|
+
constructor(translate, _adapter, _locale, _languageService, informAboutInvalidData) {
|
|
17
|
+
super(translate, _adapter, _locale, _languageService, informAboutInvalidData);
|
|
18
|
+
this._adapter = _adapter;
|
|
19
|
+
this._locale = _locale;
|
|
20
|
+
this._languageService = _languageService;
|
|
16
21
|
}
|
|
17
22
|
}
|
|
18
|
-
DateTimeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimeFieldComponent, deps: [{ token: i1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
DateTimeFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimeFieldComponent, deps: [{ token: i1.TranslateService }, { token: i2.NgxMatDateAdapter }, { token: MAT_DATE_LOCALE }, { token: i3.LanguageService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
24
|
DateTimeFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: DateTimeFieldComponent, selector: "nc-date-time-field", providers: [
|
|
20
25
|
{ provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
|
|
21
|
-
], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"fieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [ngxMatDatetimePicker]=\"picker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (click)=\"picker.open()\">\n <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #picker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\">\n </ngx-mat-datetime-picker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type:
|
|
26
|
+
], usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"fieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [ngxMatDatetimePicker]=\"picker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (click)=\"picker.open()\">\n <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #picker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\">\n </ngx-mat-datetime-picker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i4.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i6.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.NgxMatDatetimePicker, selector: "ngx-mat-datetime-picker", inputs: ["calendarHeaderComponent", "startAt", "startView", "defaultColor", "color", "touchUi", "hideTime", "disabled", "panelClass", "dateClass", "opened", "showSpinners", "showSeconds", "stepHour", "stepMinute", "stepSecond", "enableMeridian", "disableMinute", "defaultTime"], outputs: ["yearSelected", "monthSelected", "opened", "closed"], exportAs: ["ngxMatDatetimePicker"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i8.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"] }, { type: i2.NgxMatDatetimeInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "ngxMatDatetimePickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["ngxMatDatetimePickerInput"] }, { type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i9.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i9.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i5.MatPrefix, selector: "[matPrefix]" }, { type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
22
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: DateTimeFieldComponent, decorators: [{
|
|
23
28
|
type: Component,
|
|
24
29
|
args: [{ selector: 'nc-date-time-field', providers: [
|
|
25
30
|
{ provide: NGX_MAT_DATE_FORMATS, useValue: DATE_TIME_FORMAT }
|
|
26
31
|
], template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"fieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #fieldTemplate let-showLargeLayout=\"showLargeLayout\">\n <mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <input matInput\n [ngxMatDatetimePicker]=\"picker\"\n [required]=\"dataField.behavior.required\"\n [placeholder]=\"dataField.placeholder\"\n [formControl]=\"formControl\"\n [min]=\"dataField.min\"\n [max]=\"dataField.max\"\n (click)=\"picker.open()\">\n <mat-datepicker-toggle matPrefix [for]=\"picker\"></mat-datepicker-toggle>\n <ngx-mat-datetime-picker #picker\n [showSpinners]=\"true\"\n [showSeconds]=\"false\"\n [stepHour]=\"1\"\n [stepMinute]=\"5\"\n [color]=\"'primary'\"\n [enableMeridian]=\"false\">\n </ngx-mat-datetime-picker>\n <mat-hint>{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{getErrorMessage()}}</mat-error>\n </mat-form-field>\n</ng-template>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
27
|
-
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: undefined, decorators: [{
|
|
32
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.NgxMatDateAdapter }, { type: undefined, decorators: [{
|
|
33
|
+
type: Inject,
|
|
34
|
+
args: [MAT_DATE_LOCALE]
|
|
35
|
+
}] }, { type: i3.LanguageService }, { type: undefined, decorators: [{
|
|
28
36
|
type: Optional
|
|
29
37
|
}, {
|
|
30
38
|
type: Inject,
|
|
31
39
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
32
40
|
}] }]; } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
41
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS10aW1lLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2RhdGUtdGltZS1maWVsZC9kYXRlLXRpbWUtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvZGF0ZS10aW1lLWZpZWxkL2RhdGUtdGltZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUFDLG9CQUFvQixFQUFvQixNQUFNLDhDQUE4QyxDQUFDO0FBRXJHLE9BQU8sRUFBQyw4QkFBOEIsRUFBRSxnQkFBZ0IsRUFBRSw2QkFBNkIsRUFBa0IsTUFBTSwwQkFBMEIsQ0FBQztBQUMxSSxPQUFPLEVBQUMsZUFBZSxFQUFDLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7Ozs7O0FBVXZELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSw4QkFBOEI7SUFFdEUsWUFBWSxTQUEyQixFQUNqQixRQUFnQyxFQUNQLE9BQWUsRUFDeEMsZ0JBQWlDLEVBQ1Esc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxTQUFTLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDO1FBSjVELGFBQVEsR0FBUixRQUFRLENBQXdCO1FBQ1AsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUN4QyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWlCO0lBR3ZELENBQUM7O29IQVJRLHNCQUFzQixtRkFJWCxlQUFlLDRDQUVILDZCQUE2Qjt3R0FOcEQsc0JBQXNCLDZDQUpwQjtRQUNQLEVBQUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBQztLQUM5RCxpRENaTCxraURBOEJBOzRGRGhCYSxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0ksb0JBQW9CLGFBR25CO3dCQUNQLEVBQUMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFFBQVEsRUFBRSxnQkFBZ0IsRUFBQztxQkFDOUQ7OzBCQU1ZLE1BQU07MkJBQUMsZUFBZTs7MEJBRXRCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtOR1hfTUFUX0RBVEVfRk9STUFUUywgTmd4TWF0RGF0ZUFkYXB0ZXJ9IGZyb20gJ0Bhbmd1bGFyLW1hdGVyaWFsLWNvbXBvbmVudHMvZGF0ZXRpbWUtcGlja2VyJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge0Fic3RyYWN0RGF0ZVRpbWVGaWVsZENvbXBvbmVudCwgREFURV9USU1FX0ZPUk1BVCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsIExhbmd1YWdlU2VydmljZX0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7TUFUX0RBVEVfTE9DQUxFfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1kYXRlLXRpbWUtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9kYXRlLXRpbWUtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2RhdGUtdGltZS1maWVsZC5jb21wb25lbnQuc2NzcyddLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7cHJvdmlkZTogTkdYX01BVF9EQVRFX0ZPUk1BVFMsIHVzZVZhbHVlOiBEQVRFX1RJTUVfRk9STUFUfVxuICAgIF1cbn0pXG5leHBvcnQgY2xhc3MgRGF0ZVRpbWVGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0RGF0ZVRpbWVGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcih0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgcHJvdGVjdGVkIF9hZGFwdGVyOiBOZ3hNYXREYXRlQWRhcHRlcjxhbnk+LFxuICAgICAgICAgICAgICAgIEBJbmplY3QoTUFUX0RBVEVfTE9DQUxFKSBwcm90ZWN0ZWQgX2xvY2FsZTogc3RyaW5nLFxuICAgICAgICAgICAgICAgIHByb3RlY3RlZCBfbGFuZ3VhZ2VTZXJ2aWNlOiBMYW5ndWFnZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIodHJhbnNsYXRlLCBfYWRhcHRlciwgX2xvY2FsZSwgX2xhbmd1YWdlU2VydmljZSwgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZmllbGRUZW1wbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNmaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9XCJzaG93TGFyZ2VMYXlvdXRcIj5cbiAgICA8bWF0LWZvcm0tZmllbGQgW2FwcGVhcmFuY2VdPVwiZGF0YUZpZWxkLm1hdGVyaWFsQXBwZWFyYW5jZVwiIGNsYXNzPVwiZnVsbC13aWR0aFwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgICAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICAgICAgPGlucHV0IG1hdElucHV0XG4gICAgICAgICAgICAgICBbbmd4TWF0RGF0ZXRpbWVQaWNrZXJdPVwicGlja2VyXCJcbiAgICAgICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgICAgICAgICAgW21pbl09XCJkYXRhRmllbGQubWluXCJcbiAgICAgICAgICAgICAgIFttYXhdPVwiZGF0YUZpZWxkLm1heFwiXG4gICAgICAgICAgICAgICAoY2xpY2spPVwicGlja2VyLm9wZW4oKVwiPlxuICAgICAgICA8bWF0LWRhdGVwaWNrZXItdG9nZ2xlIG1hdFByZWZpeCBbZm9yXT1cInBpY2tlclwiPjwvbWF0LWRhdGVwaWNrZXItdG9nZ2xlPlxuICAgICAgICA8bmd4LW1hdC1kYXRldGltZS1waWNrZXIgI3BpY2tlclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dTcGlubmVyc109XCJ0cnVlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93U2Vjb25kc109XCJmYWxzZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RlcEhvdXJdPVwiMVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3RlcE1pbnV0ZV09XCI1XCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtjb2xvcl09XCIncHJpbWFyeSdcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2VuYWJsZU1lcmlkaWFuXT1cImZhbHNlXCI+XG4gICAgICAgIDwvbmd4LW1hdC1kYXRldGltZS1waWNrZXI+XG4gICAgICAgIDxtYXQtaGludD57e2RhdGFGaWVsZC5kZXNjcmlwdGlvbn19PC9tYXQtaGludD5cbiAgICAgICAgPG1hdC1lcnJvciAqbmdJZj1cImRhdGFGaWVsZC5pc0ludmFsaWQoZm9ybUNvbnRyb2wpXCI+e3tnZXRFcnJvck1lc3NhZ2UoKX19PC9tYXQtZXJyb3I+XG4gICAgPC9tYXQtZm9ybS1maWVsZD5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -19,14 +19,14 @@ export class UserFieldComponent extends AbstractUserFieldComponent {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n <div>\n <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-stroked-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>how_to_reg</mat-icon>\n {{dataField.value.fullName}}\n </button>\n <button mat-stroked-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n\n</ng-template>\n", styles: [""], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
|
|
22
|
+
UserFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserFieldComponent, selector: "nc-user-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n <div>\n <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-stroked-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>how_to_reg</mat-icon>\n {{dataField.value.fullName}}\n <mat-icon (click)='deleteUser()' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n <button mat-stroked-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n\n</ng-template>\n", styles: [""], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe } });
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, decorators: [{
|
|
24
24
|
type: Component,
|
|
25
|
-
args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n <div>\n <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-stroked-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>how_to_reg</mat-icon>\n {{dataField.value.fullName}}\n </button>\n <button mat-stroked-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n\n</ng-template>\n", styles: [""] }]
|
|
25
|
+
args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [dataFieldTemplate]=\"dataFieldTemplate\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout=\"showLargeLayout\">\n\n <div>\n <mat-label class=\"netgrif-label\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n <br>\n </mat-label>\n <button mat-stroked-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>how_to_reg</mat-icon>\n {{dataField.value.fullName}}\n <mat-icon (click)='deleteUser()' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n <button mat-stroked-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControl.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\">\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <mat-error *ngIf=\"dataField.isInvalid(formControl)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n\n</ng-template>\n", styles: [""] }]
|
|
26
26
|
}], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
|
|
27
27
|
type: Optional
|
|
28
28
|
}, {
|
|
29
29
|
type: Inject,
|
|
30
30
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
31
31
|
}] }]; } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQW1DLE1BQU0sMEJBQTBCLENBQUM7QUFDckksT0FBTyxFQUFDLG1CQUFtQixFQUFDLE1BQU0sc0VBQXNFLENBQUM7Ozs7Ozs7Ozs7QUFRekcsTUFBTSxPQUFPLGtCQUFtQixTQUFRLDBCQUEwQjtJQUU5RCxZQUFZLGVBQWdDLEVBQ2hDLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ3dCLHNCQUFzQztRQUNqRyxLQUFLLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRU0sVUFBVTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQ2pELENBQUM7O2dIQVhRLGtCQUFrQixnSEFLSyw2QkFBNkI7b0dBTHBELGtCQUFrQiw0RUNWL0IsNitDQWtDQTs0RkR4QmEsa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQVNaLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEEsIFNpZGVNZW51U2VydmljZSwgU25hY2tCYXJTZXJ2aWNlfSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuaW1wb3J0IHtVc2VyQXNzaWduQ29tcG9uZW50fSBmcm9tICcuLi8uLi9zaWRlLW1lbnUvY29udGVudC1jb21wb25lbnRzL3VzZXItYXNzaWduL3VzZXItYXNzaWduLmNvbXBvbmVudCc7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3Ioc2lkZU1lbnVTZXJ2aWNlOiBTaWRlTWVudVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoc2lkZU1lbnVTZXJ2aWNlLCBzbmFja2JhciwgdHJhbnNsYXRlLCBpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoVXNlckFzc2lnbkNvbXBvbmVudCk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkVGVtcGxhdGVdPVwiZGF0YUZpZWxkVGVtcGxhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09XCJ0YXNrT2Zmc2V0XCI+XG48L25jLWRhdGEtZmllbGQtdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjZGF0YUZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD1cInNob3dMYXJnZUxheW91dFwiPlxuXG4gICAgPGRpdj5cbiAgICAgICAgPG1hdC1sYWJlbCBjbGFzcz1cIm5ldGdyaWYtbGFiZWxcIiAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19XG4gICAgICAgICAgICA8bmMtcmVxdWlyZWQtbGFiZWwgKm5nSWY9XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIiBbaXNJbl09XCIhZGF0YUZpZWxkLmRpc2FibGVkXCI+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgICAgIDxicj5cbiAgICAgICAgPC9tYXQtbGFiZWw+XG4gICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5ob3dfdG9fcmVnPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnZhbHVlLmZ1bGxOYW1lfX1cbiAgICAgICAgICAgIDxtYXQtaWNvbiAoY2xpY2spPSdkZWxldGVVc2VyKCknIGNvbG9yPSd3YXJuJyAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkJz5jbG9zZTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uIG1hdC1zdHJva2VkLWJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5wZXJzb25fYWRkPC9tYXQtaWNvbj5cbiAgICAgICAgICAgIHt7J2RhdGFGaWVsZC51c2VyLnNlbGVjdFVzZXInIHwgdHJhbnNsYXRlfX1cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sKVwiPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuICAgIDwvZGl2PlxuXG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -10,6 +10,7 @@ import * as i5 from "@angular/material/button";
|
|
|
10
10
|
import * as i6 from "@angular/material/icon";
|
|
11
11
|
import * as i7 from "@angular/common";
|
|
12
12
|
import * as i8 from "@angular/material/form-field";
|
|
13
|
+
import * as i9 from "@angular/material/tooltip";
|
|
13
14
|
export class UserListFieldComponent extends AbstractUserListFieldComponent {
|
|
14
15
|
constructor(sideMenuService, snackbar, translate, informAboutInvalidData) {
|
|
15
16
|
super(sideMenuService, snackbar, translate, informAboutInvalidData);
|
|
@@ -20,16 +21,19 @@ export class UserListFieldComponent extends AbstractUserListFieldComponent {
|
|
|
20
21
|
deleteUser(userId) {
|
|
21
22
|
this.removeAbstractUser(userId);
|
|
22
23
|
}
|
|
24
|
+
deleteAll() {
|
|
25
|
+
this.removeAll();
|
|
26
|
+
}
|
|
23
27
|
}
|
|
24
28
|
UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe, "keyvalue": i7.KeyValuePipe } });
|
|
29
|
+
UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <button *ngIf='!formControl.disabled && dataField?.value?.userValues?.size > 0' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='warn'\n (click)='deleteAll()'\n [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n <mat-icon>delete_outline</mat-icon>\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: i3.DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: i4.RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.MatLabel, selector: "mat-label" }, { type: i9.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i8.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2.TranslatePipe, "keyvalue": i7.KeyValuePipe } });
|
|
26
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, decorators: [{
|
|
27
31
|
type: Component,
|
|
28
|
-
args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
|
|
32
|
+
args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <button *ngIf='!formControl.disabled && dataField?.value?.userValues?.size > 0' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='warn'\n (click)='deleteAll()'\n [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n <mat-icon>delete_outline</mat-icon>\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
|
|
29
33
|
}], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2.TranslateService }, { type: undefined, decorators: [{
|
|
30
34
|
type: Optional
|
|
31
35
|
}, {
|
|
32
36
|
type: Inject,
|
|
33
37
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
34
38
|
}] }]; } });
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFNUQsT0FBTyxFQUNILDhCQUE4QixFQUM5Qiw2QkFBNkIsRUFHaEMsTUFBTSwwQkFBMEIsQ0FBQztBQUNsQyxPQUFPLEVBQUMsd0JBQXdCLEVBQUMsTUFBTSxrRkFBa0YsQ0FBQzs7Ozs7Ozs7Ozs7QUFPMUgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQUV0RSxZQUFZLGVBQWdDLEVBQ2hDLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ3dCLHNCQUFzQztRQUNqRyxLQUFLLENBQUMsZUFBZSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsc0JBQXNCLENBQUMsQ0FBQztJQUN4RSxDQUFDO0lBRU0sVUFBVTtRQUNiLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx3QkFBd0IsQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFFTSxVQUFVLENBQUMsTUFBYztRQUM1QixJQUFJLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVNLFNBQVM7UUFDWixJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7SUFDckIsQ0FBQzs7b0hBbkJRLHNCQUFzQixnSEFLQyw2QkFBNkI7d0dBTHBELHNCQUFzQixpRkNmbkMsazVEQXNDQTs0RkR2QmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLG9CQUFvQjs7MEJBU2YsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRyYW5zbGF0ZVNlcnZpY2UgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RVc2VyTGlzdEZpZWxkQ29tcG9uZW50LFxuICAgIE5BRV9JTkZPUk1fQUJPVVRfSU5WQUxJRF9EQVRBLFxuICAgIFNpZGVNZW51U2VydmljZSxcbiAgICBTbmFja0JhclNlcnZpY2Vcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7TXVsdGlVc2VyQXNzaWduQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vc2lkZS1tZW51L2NvbnRlbnQtY29tcG9uZW50cy9tdWx0aS11c2VyLWFzc2lnbi9tdWx0aS11c2VyLWFzc2lnbi5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1saXN0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItbGlzdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJMaXN0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3Ioc2lkZU1lbnVTZXJ2aWNlOiBTaWRlTWVudVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoc2lkZU1lbnVTZXJ2aWNlLCBzbmFja2JhciwgdHJhbnNsYXRlLCBpbmZvcm1BYm91dEludmFsaWREYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoTXVsdGlVc2VyQXNzaWduQ29tcG9uZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZGVsZXRlVXNlcih1c2VySWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnJlbW92ZUFic3RyYWN0VXNlcih1c2VySWQpO1xuICAgIH1cblxuICAgIHB1YmxpYyBkZWxldGVBbGwoKSB7XG4gICAgICAgIHRoaXMucmVtb3ZlQWxsKCk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9JyFkYXRhRmllbGQuYmVoYXZpb3IuaGlkZGVuJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW2RhdGFGaWVsZF09J2RhdGFGaWVsZCdcbiAgICAgICAgICAgICAgICAgICAgICAgIFtkYXRhRmllbGRUZW1wbGF0ZV09J2RhdGFGaWVsZFRlbXBsYXRlJ1xuICAgICAgICAgICAgICAgICAgICAgICAgW29mZnNldF09J3Rhc2tPZmZzZXQnPlxuPC9uYy1kYXRhLWZpZWxkLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2RhdGFGaWVsZFRlbXBsYXRlIGxldC1zaG93TGFyZ2VMYXlvdXQ9J3Nob3dMYXJnZUxheW91dCc+XG4gICAgPG1hdC1sYWJlbCBjbGFzcz0nbmV0Z3JpZi1sYWJlbCcgKm5nSWY9JyFzaG93TGFyZ2VMYXlvdXQudmFsdWUnPnt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgPG5jLXJlcXVpcmVkLWxhYmVsICpuZ0lmPSdkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWQnIFtpc0luXT0nIWRhdGFGaWVsZC5kaXNhYmxlZCc+PC9uYy1yZXF1aXJlZC1sYWJlbD5cbiAgICAgICAgPGJyPlxuICAgIDwvbWF0LWxhYmVsPlxuICAgIDxidXR0b24gKm5nSWY9JyFmb3JtQ29udHJvbC5kaXNhYmxlZCcgbWF0LXN0cm9rZWQtYnV0dG9uIGNsYXNzPSd1c2VyLWxpc3QtaXRlbS1tYXJnaW4nXG4gICAgICAgICAgICBbZGlzYWJsZWRdPSdmb3JtQ29udHJvbC5kaXNhYmxlZCdcbiAgICAgICAgICAgIGNvbG9yPSdwcmltYXJ5J1xuICAgICAgICAgICAgKGNsaWNrKT0nc2VsZWN0VXNlcigpJz5cbiAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9hZGQ8L21hdC1pY29uPlxuICAgICAgICB7eydkYXRhRmllbGQudXNlci5zZWxlY3RVc2VyJyB8IHRyYW5zbGF0ZX19XG4gICAgPC9idXR0b24+XG4gICAgPGJ1dHRvbiAqbmdJZj0nIWZvcm1Db250cm9sLmRpc2FibGVkICYmIGRhdGFGaWVsZD8udmFsdWU/LnVzZXJWYWx1ZXM/LnNpemUgPiAwJyBtYXQtc3Ryb2tlZC1idXR0b24gY2xhc3M9J3VzZXItbGlzdC1pdGVtLW1hcmdpbidcbiAgICAgICAgICAgIFtkaXNhYmxlZF09J2Zvcm1Db250cm9sLmRpc2FibGVkJ1xuICAgICAgICAgICAgY29sb3I9J3dhcm4nXG4gICAgICAgICAgICAoY2xpY2spPSdkZWxldGVBbGwoKSdcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQudXNlci5kZWxldGVBbGwnIHwgdHJhbnNsYXRlXCI+XG4gICAgICAgIDxtYXQtaWNvbj5kZWxldGVfb3V0bGluZTwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPHNwYW4gKm5nSWY9J2RhdGFGaWVsZD8udmFsdWU/LnVzZXJWYWx1ZXM/LnNpemUgPiAwJz5cbiAgICAgICAgPHNwYW4gKm5nRm9yPSdsZXQgdXNlciBvZiBkYXRhRmllbGQudmFsdWUudXNlclZhbHVlcyB8IGtleXZhbHVlJyBjbGFzcz0ndXNlci1saXN0LWl0ZW0tbWFyZ2luJz5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LXN0cm9rZWQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09J2Zvcm1Db250cm9sLmRpc2FibGVkJ1xuICAgICAgICAgICAgICAgICAgICBjb2xvcj0ncHJpbWFyeSc+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmhvd190b19yZWc8L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIHt7dXNlci52YWx1ZS5mdWxsTmFtZX19XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uIChjbGljayk9J2RlbGV0ZVVzZXIodXNlci5rZXkpJyBjb2xvcj0nd2FybicgKm5nSWY9JyFmb3JtQ29udHJvbC5kaXNhYmxlZCc+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L3NwYW4+XG4gICAgPG1hdC1lcnJvciAqbmdJZj0nZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbCknPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|