@netgrif/components 6.3.0 → 6.4.0-beta.2
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/admin/ldap-group-role-assignment/ldap-group-role-assignment.component.mjs +5 -5
- package/esm2020/lib/admin/role-assignment/role-assignment.component.mjs +5 -5
- package/esm2020/lib/admin/user-invite/user-invite.component.mjs +3 -3
- package/esm2020/lib/data-fields/boolean-field/boolean-default-field/boolean-default-field.component.mjs +28 -0
- package/esm2020/lib/data-fields/boolean-field/boolean-field.component.mjs +13 -22
- package/esm2020/lib/data-fields/button-field/button-default-field/button-default-field.component.mjs +40 -0
- package/esm2020/lib/data-fields/button-field/button-field.component.mjs +12 -30
- package/esm2020/lib/data-fields/case-ref-field/case-ref-default/case-ref-default.component.mjs +22 -0
- package/esm2020/lib/data-fields/data-field-template/data-field-template.component.mjs +8 -7
- package/esm2020/lib/data-fields/data-fields.module.mjs +87 -39
- package/esm2020/lib/data-fields/date-field/date-default-field/date-default-field.component.mjs +33 -0
- package/esm2020/lib/data-fields/date-field/date-field.component.mjs +12 -14
- package/esm2020/lib/data-fields/date-time-field/date-time-default-field/date-time-default-field.component.mjs +34 -0
- package/esm2020/lib/data-fields/date-time-field/date-time-field.component.mjs +12 -15
- package/esm2020/lib/data-fields/enumeration-field/enumeration-autocomplete-dynamic-field/enumeration-autocomplete-dynamic-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/enumeration-field/enumeration-autocomplete-select-field/enumeration-autocomplete-select-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/enumeration-field/enumeration-field.component.mjs +7 -10
- package/esm2020/lib/data-fields/enumeration-field/enumeration-icon-field/enumeration-icon-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/enumeration-field/enumeration-list-field/enumeration-list-field.component.mjs +17 -11
- package/esm2020/lib/data-fields/enumeration-field/enumeration-select-field/enumeration-select-field.component.mjs +16 -10
- package/esm2020/lib/data-fields/enumeration-field/enumeration-stepper-field/enumeration-stepper-field.component.mjs +17 -12
- package/esm2020/lib/data-fields/file-field/file-default-field/file-default-field.component.mjs +50 -0
- package/esm2020/lib/data-fields/file-field/file-field.component.mjs +14 -40
- package/esm2020/lib/data-fields/file-list-field/file-list-default-field/file-list-default-field.component.mjs +32 -0
- package/esm2020/lib/data-fields/file-list-field/file-list-field.component.mjs +25 -0
- package/esm2020/lib/data-fields/filter-field/filter-default-field/filter-default-field.component.mjs +30 -0
- package/esm2020/lib/data-fields/filter-field/filter-field.component.mjs +11 -17
- package/esm2020/lib/data-fields/filter-field/tab-view-filter-field/filter-field-tab-view-content.component.mjs +3 -3
- package/esm2020/lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/i18n-field/i18n-field.component.mjs +7 -6
- package/esm2020/lib/data-fields/i18n-field/i18n-text-field/i18n-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/multichoice-field/multichoice-autocomplete-field/multichoice-autocomplete-field.component.mjs +16 -10
- package/esm2020/lib/data-fields/multichoice-field/multichoice-field.component.mjs +7 -7
- package/esm2020/lib/data-fields/multichoice-field/multichoice-list-field/multichoice-list-field.component.mjs +16 -10
- package/esm2020/lib/data-fields/multichoice-field/multichoice-select-field/multichoice-select-field.component.mjs +17 -8
- package/esm2020/lib/data-fields/number-field/number-currency-field/number-currency-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/number-field/number-default-field/number-default-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/number-field/number-field.component.mjs +7 -6
- package/esm2020/lib/data-fields/public-api.mjs +1 -16
- package/esm2020/lib/data-fields/required-label/required-label.component.mjs +3 -3
- package/esm2020/lib/data-fields/task-ref-field/task-ref-dashboard-field/task-ref-dashboard-field.component.mjs +38 -0
- package/esm2020/lib/data-fields/task-ref-field/task-ref-field.component.mjs +12 -23
- package/esm2020/lib/data-fields/task-ref-field/task-ref-list-field/task-ref-list-field.component.mjs +22 -0
- package/esm2020/lib/data-fields/text-field/dashboard-bar-chart-text-field/dashboard-bar-chart-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/text-field/dashboard-iframe-text-field/dashboard-iframe-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/text-field/dashboard-line-chart-text-field/dashboard-line-chart-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/text-field/dashboard-pie-chart-text-field/dashboard-pie-chart-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/text-field/dashboard-portal-text-field/dashboard-portal-text-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/text-field/html-textarea-field/html-textarea-field.component.mjs +19 -14
- package/esm2020/lib/data-fields/text-field/password-text-field/password-text-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/text-field/rich-textarea-field/rich-textarea-field.component.mjs +17 -12
- package/esm2020/lib/data-fields/text-field/simple-text-field/simple-text-field.component.mjs +15 -9
- package/esm2020/lib/data-fields/text-field/text-field.component.mjs +8 -16
- package/esm2020/lib/data-fields/text-field/textarea-field/textarea-field.component.mjs +14 -9
- package/esm2020/lib/data-fields/user-field/user-default-field/user-default-field.component.mjs +35 -0
- package/esm2020/lib/data-fields/user-field/user-field.component.mjs +12 -19
- package/esm2020/lib/data-fields/user-list-field/user-list-default-field/user-list-default-field.component.mjs +39 -0
- package/esm2020/lib/data-fields/user-list-field/user-list-field.component.mjs +13 -23
- package/esm2020/lib/dialog/admin-impersonate-dialog/admin-impersonate-dialog.component.mjs +77 -0
- package/esm2020/lib/dialog/dialog.module.mjs +159 -0
- package/esm2020/lib/dialog/filter-selector-dialog/filter-selector-dialog.component.mjs +164 -0
- package/esm2020/lib/dialog/import-net-dialog/import-net-dialog.component.mjs +151 -0
- package/esm2020/lib/dialog/load-filter-dialog/load-filter-dialog.component.mjs +98 -0
- package/esm2020/lib/dialog/multi-user-assign-dialog/multi-user-assign-dialog.component.mjs +70 -0
- package/esm2020/lib/dialog/new-case-dialog/new-case-dialog.component.mjs +251 -0
- package/esm2020/lib/dialog/public-api.mjs +11 -0
- package/esm2020/lib/dialog/save-filter-dialog/save-filter-dialog.component.mjs +83 -0
- package/esm2020/lib/dialog/user-assign-dialog/user-assign-dialog.component.mjs +73 -0
- package/esm2020/lib/dialog/user-impersonate-dialog/user-impersonate-dialog.component.mjs +98 -0
- package/esm2020/lib/filter-field-content/filter-field-tab-view/filter-field-tab-view.component.mjs +3 -3
- package/esm2020/lib/forms/login/login-form.component.mjs +3 -3
- package/esm2020/lib/header/header-modes/edit-mode/edit-mode.component.mjs +3 -3
- package/esm2020/lib/header/header-modes/search-mode/search-mode.component.mjs +3 -3
- package/esm2020/lib/header/header-modes/sort-mode/sort-mode.component.mjs +3 -3
- package/esm2020/lib/header/header.component.mjs +3 -3
- package/esm2020/lib/navigation/breadcrumbs/breadcrumbs.component.mjs +2 -2
- package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-case-ref-list-view/default-case-ref-list-view.component.mjs +105 -0
- package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-simple-task-view/default-simple-task-view.component.mjs +7 -8
- package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-case-view/default-tabbed-case-view.component.mjs +6 -4
- package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-tabbed-task-view/default-tabbed-task-view.component.mjs +7 -8
- package/esm2020/lib/navigation/group-navigation-component-resolver/default-components/default-task-view/default-task-view.component.mjs +63 -0
- package/esm2020/lib/navigation/navigation-double-drawer/navigation-double-drawer.component.mjs +3 -3
- package/esm2020/lib/navigation/navigation.module.mjs +9 -3
- package/esm2020/lib/navigation/public-api.mjs +2 -1
- package/esm2020/lib/panel/panel-item/panel-item.component.mjs +3 -3
- package/esm2020/lib/panel/panel.component.mjs +3 -3
- package/esm2020/lib/panel/task-panel/task-panel.component.mjs +3 -3
- package/esm2020/lib/panel/task-panel-list/task-list.component.mjs +5 -4
- package/esm2020/lib/panel/task-panel-list-pagination/task-list-pagination.component.mjs +3 -3
- package/esm2020/lib/panel/task-panel-single/single-task.component.mjs +2 -2
- package/esm2020/lib/panel/workflow-panel/workflow-panel.component.mjs +9 -10
- package/esm2020/lib/search/advanced-search/advanced-search-component/advanced-search.component.mjs +3 -3
- package/esm2020/lib/search/advanced-search/search-clause-component/search-clause.component.mjs +3 -3
- package/esm2020/lib/search/advanced-search/search-predicate-component/search-predicate.component.mjs +8 -8
- package/esm2020/lib/search/fulltext-search-component/fulltext-search.component.mjs +8 -6
- package/esm2020/lib/search/search-component/search.component.mjs +11 -10
- package/esm2020/lib/search/search.module.mjs +9 -3
- package/esm2020/lib/side-menu/content-components/admin-impersonate/side-menu-admin-impersonate-component.module.mjs +3 -3
- package/esm2020/lib/side-menu/content-components/filter-selector/side-menu-filter-selector-component.module.mjs +4 -2
- package/esm2020/lib/side-menu/content-components/multi-user-assign/side-menu-multi-user-assign-component.module.mjs +3 -3
- package/esm2020/lib/side-menu/content-components/public-api.mjs +5 -1
- package/esm2020/lib/side-menu/content-components/user-assign/side-menu-user-assign-component.module.mjs +3 -3
- package/esm2020/lib/tabs/tab-view/tab-view.component.mjs +7 -6
- package/esm2020/lib/task-content/field-component-resolver/field-component-resolver.component.mjs +18 -27
- package/esm2020/lib/task-content/task-content/task-content.component.mjs +3 -3
- package/esm2020/lib/user/profile/profile.component.mjs +2 -2
- package/esm2020/lib/view/case-view/components/case-list/case-list.component.mjs +3 -3
- package/esm2020/lib/view/case-view/components/case-list-paginator/case-list-paginator.component.mjs +3 -3
- package/esm2020/lib/view/case-view/components/create-case-button/create-case-button.component.mjs +10 -4
- package/esm2020/lib/view/workflow-view/workflow-view.component.mjs +22 -21
- package/esm2020/public-api.mjs +2 -1
- package/fesm2015/netgrif-components.mjs +3848 -2122
- package/fesm2015/netgrif-components.mjs.map +1 -1
- package/fesm2020/netgrif-components.mjs +3761 -2128
- package/fesm2020/netgrif-components.mjs.map +1 -1
- package/lib/data-fields/boolean-field/boolean-default-field/boolean-default-field.component.d.ts +8 -0
- package/lib/data-fields/boolean-field/boolean-field.component.d.ts +5 -5
- package/lib/data-fields/button-field/button-default-field/button-default-field.component.d.ts +12 -0
- package/lib/data-fields/button-field/button-field.component.d.ts +7 -8
- package/lib/data-fields/case-ref-field/case-ref-default/case-ref-default.component.d.ts +8 -0
- package/lib/data-fields/data-field-template/data-field-template.component.d.ts +3 -2
- package/lib/data-fields/data-fields.module.d.ts +34 -20
- package/lib/data-fields/date-field/date-default-field/date-default-field.component.d.ts +9 -0
- package/lib/data-fields/date-field/date-field.component.d.ts +5 -3
- package/lib/data-fields/date-time-field/date-time-default-field/date-time-default-field.component.d.ts +9 -0
- package/lib/data-fields/date-time-field/date-time-field.component.d.ts +5 -3
- package/lib/data-fields/enumeration-field/enumeration-autocomplete-dynamic-field/enumeration-autocomplete-dynamic-field.component.d.ts +3 -3
- package/lib/data-fields/enumeration-field/enumeration-autocomplete-select-field/enumeration-autocomplete-select-field.component.d.ts +3 -3
- package/lib/data-fields/enumeration-field/enumeration-field.component.d.ts +3 -0
- package/lib/data-fields/enumeration-field/enumeration-icon-field/enumeration-icon-field.component.d.ts +3 -3
- package/lib/data-fields/enumeration-field/enumeration-list-field/enumeration-list-field.component.d.ts +3 -3
- package/lib/data-fields/enumeration-field/enumeration-select-field/enumeration-select-field.component.d.ts +3 -3
- package/lib/data-fields/enumeration-field/enumeration-stepper-field/enumeration-stepper-field.component.d.ts +3 -3
- package/lib/data-fields/file-field/file-default-field/file-default-field.component.d.ts +13 -0
- package/lib/data-fields/file-field/file-field.component.d.ts +6 -9
- package/lib/data-fields/file-list-field/file-list-default-field/file-list-default-field.component.d.ts +8 -0
- package/lib/data-fields/file-list-field/file-list-field.component.d.ts +10 -0
- package/lib/data-fields/filter-field/filter-default-field/filter-default-field.component.d.ts +10 -0
- package/lib/data-fields/filter-field/filter-field.component.d.ts +6 -6
- package/lib/data-fields/filter-field/tab-view-filter-field/filter-field-tab-view-content.component.d.ts +2 -2
- package/lib/data-fields/i18n-field/i18n-divider-field/i18n-divider-field.component.d.ts +3 -3
- package/lib/data-fields/i18n-field/i18n-field.component.d.ts +3 -0
- package/lib/data-fields/i18n-field/i18n-text-field/i18n-text-field.component.d.ts +3 -3
- package/lib/data-fields/multichoice-field/multichoice-autocomplete-field/multichoice-autocomplete-field.component.d.ts +3 -3
- package/lib/data-fields/multichoice-field/multichoice-field.component.d.ts +3 -0
- package/lib/data-fields/multichoice-field/multichoice-list-field/multichoice-list-field.component.d.ts +3 -3
- package/lib/data-fields/multichoice-field/multichoice-select-field/multichoice-select-field.component.d.ts +3 -2
- package/lib/data-fields/number-field/number-currency-field/number-currency-field.component.d.ts +3 -3
- package/lib/data-fields/number-field/number-default-field/number-default-field.component.d.ts +3 -3
- package/lib/data-fields/number-field/number-field.component.d.ts +3 -0
- package/lib/data-fields/public-api.d.ts +0 -15
- package/lib/data-fields/task-ref-field/task-ref-dashboard-field/task-ref-dashboard-field.component.d.ts +13 -0
- package/lib/data-fields/task-ref-field/task-ref-field.component.d.ts +6 -7
- package/lib/data-fields/task-ref-field/task-ref-list-field/task-ref-list-field.component.d.ts +8 -0
- package/lib/data-fields/text-field/dashboard-bar-chart-text-field/dashboard-bar-chart-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/dashboard-iframe-text-field/dashboard-iframe-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/dashboard-line-chart-text-field/dashboard-line-chart-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/dashboard-pie-chart-text-field/dashboard-pie-chart-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/dashboard-portal-text-field/dashboard-portal-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/html-textarea-field/html-textarea-field.component.d.ts +5 -5
- package/lib/data-fields/text-field/password-text-field/password-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/rich-textarea-field/rich-textarea-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/simple-text-field/simple-text-field.component.d.ts +3 -3
- package/lib/data-fields/text-field/text-field.component.d.ts +4 -2
- package/lib/data-fields/text-field/textarea-field/textarea-field.component.d.ts +3 -3
- package/lib/data-fields/user-field/user-default-field/user-default-field.component.d.ts +10 -0
- package/lib/data-fields/user-field/user-field.component.d.ts +6 -5
- package/lib/data-fields/user-list-field/user-list-default-field/user-list-default-field.component.d.ts +11 -0
- package/lib/data-fields/user-list-field/user-list-field.component.d.ts +6 -6
- package/lib/dialog/admin-impersonate-dialog/admin-impersonate-dialog.component.d.ts +42 -0
- package/lib/dialog/dialog.module.d.ts +31 -0
- package/lib/dialog/filter-selector-dialog/filter-selector-dialog.component.d.ts +96 -0
- package/lib/dialog/import-net-dialog/import-net-dialog.component.d.ts +36 -0
- package/lib/dialog/load-filter-dialog/load-filter-dialog.component.d.ts +18 -0
- package/lib/dialog/multi-user-assign-dialog/multi-user-assign-dialog.component.d.ts +24 -0
- package/lib/dialog/new-case-dialog/new-case-dialog.component.d.ts +66 -0
- package/lib/dialog/public-api.d.ts +10 -0
- package/lib/dialog/save-filter-dialog/save-filter-dialog.component.d.ts +16 -0
- package/lib/dialog/user-assign-dialog/user-assign-dialog.component.d.ts +42 -0
- package/lib/dialog/user-impersonate-dialog/user-impersonate-dialog.component.d.ts +16 -0
- package/lib/filter-field-content/filter-field-tab-view/filter-field-tab-view.component.d.ts +2 -2
- package/lib/navigation/group-navigation-component-resolver/default-components/default-case-ref-list-view/default-case-ref-list-view.component.d.ts +19 -0
- package/lib/navigation/group-navigation-component-resolver/default-components/default-task-view/default-task-view.component.d.ts +12 -0
- package/lib/navigation/navigation.module.d.ts +17 -15
- package/lib/navigation/public-api.d.ts +1 -0
- package/lib/search/search.module.d.ts +4 -0
- package/lib/side-menu/content-components/admin-impersonate/side-menu-admin-impersonate-component.module.d.ts +1 -1
- package/lib/side-menu/content-components/filter-selector/side-menu-filter-selector-component.module.d.ts +1 -1
- package/lib/side-menu/content-components/multi-user-assign/side-menu-multi-user-assign-component.module.d.ts +1 -1
- package/lib/side-menu/content-components/public-api.d.ts +4 -0
- package/lib/side-menu/content-components/user-assign/side-menu-user-assign-component.module.d.ts +1 -1
- package/lib/task-content/field-component-resolver/field-component-resolver.component.d.ts +2 -2
- package/lib/view/case-view/components/create-case-button/create-case-button.component.d.ts +3 -1
- package/lib/view/workflow-view/workflow-view.component.d.ts +4 -3
- package/nae-theme.scss +8 -2
- package/nae-typography.scss +1 -1
- package/package.json +2 -2
- package/public-api.d.ts +1 -0
- package/src/lib/admin/ldap-group-role-assignment/ldap-group-role-assignment.component.theme.scss +2 -2
- package/src/lib/admin/role-assignment/role-assignment.component.theme.scss +16 -0
- package/src/lib/data-fields/data-field.theme.scss +217 -18
- package/src/lib/dialog/dialog.theme.scss +40 -2
- package/src/lib/header/header.theme.scss +0 -9
- package/src/lib/navigation/navigation.theme.scss +20 -3
- package/src/lib/panel/panel.theme.scss +50 -4
- package/src/lib/search/advanced-search/advanced-search-component/advanced-search.component.theme.scss +9 -0
- package/src/lib/search/advanced-search/search-predicate-component/search-predicate.component.theme.scss +7 -0
- package/src/lib/search/search-component/search.component-theme.scss +21 -0
- package/src/lib/side-menu/side-menu.theme.scss +1 -1
- package/src/lib/tabs/tabs.theme.scss +15 -1
- package/esm2020/lib/data-fields/file-field-list/file-list-field.component.mjs +0 -33
- package/lib/data-fields/file-field-list/file-list-field.component.d.ts +0 -8
package/esm2020/lib/data-fields/text-field/simple-text-field/simple-text-field.component.mjs
CHANGED
|
@@ -1,21 +1,27 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { AbstractSimpleTextFieldComponent } from '@netgrif/components-core';
|
|
1
|
+
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
+
import { AbstractSimpleTextFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@ngx-translate/core";
|
|
5
5
|
import * as i2 from "@angular/material/form-field";
|
|
6
6
|
import * as i3 from "@angular/common";
|
|
7
7
|
import * as i4 from "@angular/material/input";
|
|
8
8
|
import * as i5 from "@angular/forms";
|
|
9
|
+
import * as i6 from "@angular/flex-layout/extended";
|
|
9
10
|
export class SimpleTextFieldComponent extends AbstractSimpleTextFieldComponent {
|
|
10
|
-
constructor(_translate) {
|
|
11
|
-
super(_translate);
|
|
11
|
+
constructor(_translate, dataFieldPortalData) {
|
|
12
|
+
super(_translate, dataFieldPortalData);
|
|
12
13
|
this._translate = _translate;
|
|
13
14
|
}
|
|
14
15
|
}
|
|
15
|
-
SimpleTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SimpleTextFieldComponent, deps: [{ token: i1.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
|
|
16
|
-
SimpleTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SimpleTextFieldComponent, selector: "nc-simple-text-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"
|
|
16
|
+
SimpleTextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SimpleTextFieldComponent, deps: [{ token: i1.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
SimpleTextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: SimpleTextFieldComponent, selector: "nc-simple-text-field", usesInheritance: true, ngImport: i0, template: "<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 [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [formControl]=\"formControlRef\">\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.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: i5.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: i5.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i5.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i6.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
17
18
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: SimpleTextFieldComponent, decorators: [{
|
|
18
19
|
type: Component,
|
|
19
|
-
args: [{ selector: 'nc-simple-text-field', template: "<mat-form-field [appearance]=\"
|
|
20
|
-
}], ctorParameters: function () { return [{ type: i1.TranslateService }
|
|
21
|
-
|
|
20
|
+
args: [{ selector: 'nc-simple-text-field', template: "<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 [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [formControl]=\"formControlRef\">\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
21
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: undefined, decorators: [{
|
|
22
|
+
type: Optional
|
|
23
|
+
}, {
|
|
24
|
+
type: Inject,
|
|
25
|
+
args: [DATA_FIELD_PORTAL_DATA]
|
|
26
|
+
}] }]; } });
|
|
27
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC9zaW1wbGUtdGV4dC1maWVsZC9zaW1wbGUtdGV4dC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkL3NpbXBsZS10ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQ0gsZ0NBQWdDLEVBQ2hDLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7OztBQVFsQyxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsZ0NBQWdDO0lBQzFFLFlBQXNCLFVBQTRCLEVBQ00sbUJBQW1EO1FBQ3ZHLEtBQUssQ0FBQyxVQUFVLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztRQUZyQixlQUFVLEdBQVYsVUFBVSxDQUFrQjtJQUdsRCxDQUFDOztzSEFKUSx3QkFBd0Isa0RBRUQsc0JBQXNCOzBHQUY3Qyx3QkFBd0IsbUZDZHJDLDRrQkFTQTs0RkRLYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0ksc0JBQXNCOzswQkFNbkIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBPcHRpb25hbH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0U2ltcGxlVGV4dEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBUZXh0RmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtc2ltcGxlLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zaW1wbGUtdGV4dC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc2ltcGxlLXRleHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVUZXh0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFNpbXBsZVRleHRGaWVsZENvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJvdGVjdGVkIF90cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFRleHRGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8aW5wdXQgbWF0SW5wdXRcbiAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImRhdGFGaWVsZC5wbGFjZWhvbGRlclwiXG4gICAgICAgICAgIFtyZXF1aXJlZF09XCJkYXRhRmllbGQuYmVoYXZpb3IucmVxdWlyZWRcIlxuICAgICAgICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
|
|
@@ -1,33 +1,25 @@
|
|
|
1
1
|
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
-
import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA
|
|
2
|
+
import { AbstractTextFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "../data-field-template/data-field-template.component";
|
|
5
|
-
import * as i2 from "
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
import * as i6 from "./dashboard-line-chart-text-field/dashboard-line-chart-text-field.component";
|
|
10
|
-
import * as i7 from "./dashboard-pie-chart-text-field/dashboard-pie-chart-text-field.component";
|
|
11
|
-
import * as i8 from "./dashboard-bar-chart-text-field/dashboard-bar-chart-text-field.component";
|
|
12
|
-
import * as i9 from "./dashboard-iframe-text-field/dashboard-iframe-text-field.component";
|
|
13
|
-
import * as i10 from "./dashboard-portal-text-field/dashboard-portal-text-field.component";
|
|
14
|
-
import * as i11 from "./simple-text-field/simple-text-field.component";
|
|
15
|
-
import * as i12 from "@angular/common";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated
|
|
8
|
+
* */
|
|
16
9
|
export class TextFieldComponent extends AbstractTextFieldComponent {
|
|
17
10
|
constructor(informAboutInvalidData) {
|
|
18
11
|
super(informAboutInvalidData);
|
|
19
|
-
this.textFieldComponentEnum = TextFieldComponentEnum;
|
|
20
12
|
}
|
|
21
13
|
}
|
|
22
14
|
TextFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextFieldComponent, selector: "nc-text-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [
|
|
15
|
+
TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextFieldComponent, selector: "nc-text-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<!--<ng-template #textFieldTemplate let-showLargeLayout=\"showLargeLayout\">-->\n<!-- <div [ngSwitch]=\"dataField.getComponentType()\">-->\n<!--<!– <nc-password-text-field *ngSwitchCase=\"textFieldComponentEnum.PASSWORD\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"–>-->\n<!--<!– [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>–>-->\n<!-- <nc-textarea-field *ngSwitchCase=\"textFieldComponentEnum.TEXT_AREA\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>-->\n<!-- <nc-textarea-field *ngSwitchCase=\"'area'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>-->\n<!-- <nc-rich-textarea-field *ngSwitchCase=\"textFieldComponentEnum.RICH_TEXT_AREA\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>-->\n<!-- <nc-rich-textarea-field *ngSwitchCase=\"'editor'\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>-->\n<!-- <nc-html-textarea-field *ngSwitchCase=\"textFieldComponentEnum.HTML_TEXT_AREA\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>-->\n<!-- <nc-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>-->\n<!-- <nc-dashboard-line-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_LINE_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-line-chart-text-field>-->\n<!-- <nc-dashboard-pie-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PIE_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-pie-chart-text-field>-->\n<!-- <nc-dashboard-bar-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_BAR_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-bar-chart-text-field>-->\n<!-- <nc-dashboard-iframe-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_IFRAME\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-iframe-text-field>-->\n<!-- <nc-dashboard-portal-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PORTAL\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-portal-text-field>-->\n<!-- <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>-->\n<!-- </div>-->\n<!--</ng-template>-->\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
24
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
25
17
|
type: Component,
|
|
26
|
-
args: [{ selector: 'nc-text-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [
|
|
18
|
+
args: [{ selector: 'nc-text-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n\n<!--<ng-template #textFieldTemplate let-showLargeLayout=\"showLargeLayout\">-->\n<!-- <div [ngSwitch]=\"dataField.getComponentType()\">-->\n<!--<!– <nc-password-text-field *ngSwitchCase=\"textFieldComponentEnum.PASSWORD\" [passwordTextField]=\"dataField\" [formControlRef]=\"formControl\"–>-->\n<!--<!– [showLargeLayout]=\"showLargeLayout\"></nc-password-text-field>–>-->\n<!-- <nc-textarea-field *ngSwitchCase=\"textFieldComponentEnum.TEXT_AREA\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>-->\n<!-- <nc-textarea-field *ngSwitchCase=\"'area'\" [textAreaField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-textarea-field>-->\n<!-- <nc-rich-textarea-field *ngSwitchCase=\"textFieldComponentEnum.RICH_TEXT_AREA\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>-->\n<!-- <nc-rich-textarea-field *ngSwitchCase=\"'editor'\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-rich-textarea-field>-->\n<!-- <nc-html-textarea-field *ngSwitchCase=\"textFieldComponentEnum.HTML_TEXT_AREA\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>-->\n<!-- <nc-html-textarea-field *ngSwitchCase=\"'htmlEditor'\" [textAreaField]=\"dataField\"-->\n<!-- [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-html-textarea-field>-->\n<!-- <nc-dashboard-line-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_LINE_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-line-chart-text-field>-->\n<!-- <nc-dashboard-pie-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PIE_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-pie-chart-text-field>-->\n<!-- <nc-dashboard-bar-chart-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_BAR_CHART\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-bar-chart-text-field>-->\n<!-- <nc-dashboard-iframe-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_IFRAME\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-iframe-text-field>-->\n<!-- <nc-dashboard-portal-text-field *ngSwitchCase=\"textFieldComponentEnum.DASHBOARD_PORTAL\"-->\n<!-- [textField]=\"dataField\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"-->\n<!-- [formControlRef]=\"formControl\"></nc-dashboard-portal-text-field>-->\n<!-- <nc-simple-text-field *ngSwitchDefault [textField]=\"dataField\" [formControlRef]=\"formControl\"-->\n<!-- [showLargeLayout]=\"showLargeLayout\"></nc-simple-text-field>-->\n<!-- </div>-->\n<!--</ng-template>-->\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
27
19
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
28
20
|
type: Optional
|
|
29
21
|
}, {
|
|
30
22
|
type: Inject,
|
|
31
23
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
32
24
|
}] }]; } });
|
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHQtZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O2dIQUpRLGtCQUFrQixrQkFFSyw2QkFBNkI7b0dBRnBELGtCQUFrQiw0RUNYL0IsbTRJQWlEQTs0RkR0Q2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFRleHRGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHQtZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi90ZXh0LWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dEZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RUZXh0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cblxuPCEtLTxuZy10ZW1wbGF0ZSAjdGV4dEZpZWxkVGVtcGxhdGUgbGV0LXNob3dMYXJnZUxheW91dD1cInNob3dMYXJnZUxheW91dFwiPi0tPlxuPCEtLSAgICA8ZGl2IFtuZ1N3aXRjaF09XCJkYXRhRmllbGQuZ2V0Q29tcG9uZW50VHlwZSgpXCI+LS0+XG48IS0tJmx0OyEmbmRhc2g7ICAgICAgICA8bmMtcGFzc3dvcmQtdGV4dC1maWVsZCAqbmdTd2l0Y2hDYXNlPVwidGV4dEZpZWxkQ29tcG9uZW50RW51bS5QQVNTV09SRFwiIFtwYXNzd29yZFRleHRGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIiZuZGFzaDsmZ3Q7LS0+XG48IS0tJmx0OyEmbmRhc2g7ICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtcGFzc3dvcmQtdGV4dC1maWVsZD4mbmRhc2g7Jmd0Oy0tPlxuPCEtLSAgICAgICAgPG5jLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJ0ZXh0RmllbGRDb21wb25lbnRFbnVtLlRFWFRfQVJFQVwiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXRleHRhcmVhLWZpZWxkPi0tPlxuPCEtLSAgICAgICAgPG5jLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInYXJlYSdcIiBbdGV4dEFyZWFGaWVsZF09XCJkYXRhRmllbGRcIiBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCI+PC9uYy10ZXh0YXJlYS1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1yaWNoLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCJ0ZXh0RmllbGRDb21wb25lbnRFbnVtLlJJQ0hfVEVYVF9BUkVBXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtcmljaC10ZXh0YXJlYS1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1yaWNoLXRleHRhcmVhLWZpZWxkICpuZ1N3aXRjaENhc2U9XCInZWRpdG9yJ1wiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLXJpY2gtdGV4dGFyZWEtZmllbGQ+LS0+XG48IS0tICAgICAgICA8bmMtaHRtbC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwidGV4dEZpZWxkQ29tcG9uZW50RW51bS5IVE1MX1RFWFRfQVJFQVwiIFt0ZXh0QXJlYUZpZWxkXT1cImRhdGFGaWVsZFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIj48L25jLWh0bWwtdGV4dGFyZWEtZmllbGQ+LS0+XG48IS0tICAgICAgICA8bmMtaHRtbC10ZXh0YXJlYS1maWVsZCAqbmdTd2l0Y2hDYXNlPVwiJ2h0bWxFZGl0b3InXCIgW3RleHRBcmVhRmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtaHRtbC10ZXh0YXJlYS1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1kYXNoYm9hcmQtbGluZS1jaGFydC10ZXh0LWZpZWxkICpuZ1N3aXRjaENhc2U9XCJ0ZXh0RmllbGRDb21wb25lbnRFbnVtLkRBU0hCT0FSRF9MSU5FX0NIQVJUXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzaG93TGFyZ2VMYXlvdXRdPVwic2hvd0xhcmdlTGF5b3V0XCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtmb3JtQ29udHJvbFJlZl09XCJmb3JtQ29udHJvbFwiPjwvbmMtZGFzaGJvYXJkLWxpbmUtY2hhcnQtdGV4dC1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1kYXNoYm9hcmQtcGllLWNoYXJ0LXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX1BJRV9DSEFSVFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1waWUtY2hhcnQtdGV4dC1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1kYXNoYm9hcmQtYmFyLWNoYXJ0LXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX0JBUl9DSEFSVFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1iYXItY2hhcnQtdGV4dC1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1kYXNoYm9hcmQtaWZyYW1lLXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX0lGUkFNRVwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1pZnJhbWUtdGV4dC1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1kYXNoYm9hcmQtcG9ydGFsLXRleHQtZmllbGQgKm5nU3dpdGNoQ2FzZT1cInRleHRGaWVsZENvbXBvbmVudEVudW0uREFTSEJPQVJEX1BPUlRBTFwiLS0+XG48IS0tICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3Nob3dMYXJnZUxheW91dF09XCJzaG93TGFyZ2VMYXlvdXRcIi0tPlxuPCEtLSAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZm9ybUNvbnRyb2xSZWZdPVwiZm9ybUNvbnRyb2xcIj48L25jLWRhc2hib2FyZC1wb3J0YWwtdGV4dC1maWVsZD4tLT5cbjwhLS0gICAgICAgIDxuYy1zaW1wbGUtdGV4dC1maWVsZCAqbmdTd2l0Y2hEZWZhdWx0IFt0ZXh0RmllbGRdPVwiZGF0YUZpZWxkXCIgW2Zvcm1Db250cm9sUmVmXT1cImZvcm1Db250cm9sXCItLT5cbjwhLS0gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc2hvd0xhcmdlTGF5b3V0XT1cInNob3dMYXJnZUxheW91dFwiPjwvbmMtc2ltcGxlLXRleHQtZmllbGQ+LS0+XG48IS0tICAgIDwvZGl2Pi0tPlxuPCEtLTwvbmctdGVtcGxhdGU+LS0+XG4iXX0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import { AbstractTextareaFieldComponent } from '@netgrif/components-core';
|
|
1
|
+
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
+
import { AbstractTextareaFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
import * as i1 from "@ngx-translate/core";
|
|
5
5
|
import * as i2 from "@angular/material/form-field";
|
|
@@ -9,16 +9,21 @@ import * as i5 from "@angular/cdk/text-field";
|
|
|
9
9
|
import * as i6 from "@angular/forms";
|
|
10
10
|
import * as i7 from "@angular/flex-layout/extended";
|
|
11
11
|
export class TextareaFieldComponent extends AbstractTextareaFieldComponent {
|
|
12
|
-
constructor(_translate, _ngZone) {
|
|
13
|
-
super(_translate, _ngZone);
|
|
12
|
+
constructor(_translate, _ngZone, dataFieldPortalData) {
|
|
13
|
+
super(_translate, _ngZone, dataFieldPortalData);
|
|
14
14
|
this._translate = _translate;
|
|
15
15
|
this._ngZone = _ngZone;
|
|
16
16
|
}
|
|
17
17
|
}
|
|
18
|
-
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
-
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextareaFieldComponent, selector: "nc-textarea-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"
|
|
18
|
+
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextareaFieldComponent, deps: [{ token: i1.TranslateService }, { token: i0.NgZone }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
19
|
+
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: TextareaFieldComponent, selector: "nc-textarea-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\"\n floatLabel=\"always\"\n class=\"full-width\"\n color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <textarea matInput\n #textArea\n [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [formControl]=\"formControlRef\"\n [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n #dynamicTextArea=\"cdkTextareaAutosize\"\n cdkTextareaAutosize\n cdkAutosizeMinRows=\"1\"></textarea>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.MatLabel, selector: "mat-label" }, { type: i4.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: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i6.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: i6.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i7.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.MatError, selector: "mat-error", inputs: ["id"] }] });
|
|
20
20
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: TextareaFieldComponent, decorators: [{
|
|
21
21
|
type: Component,
|
|
22
|
-
args: [{ selector: 'nc-textarea-field', template: "<mat-form-field [appearance]=\"
|
|
23
|
-
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.NgZone }
|
|
24
|
-
|
|
22
|
+
args: [{ selector: 'nc-textarea-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\"\n floatLabel=\"always\"\n class=\"full-width\"\n color=\"primary\">\n <mat-label *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <textarea matInput\n #textArea\n [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [formControl]=\"formControlRef\"\n [ngStyle]=\"{'min-height': getHeight()+'px', 'height': getHeight()+'px'}\"\n #dynamicTextArea=\"cdkTextareaAutosize\"\n cdkTextareaAutosize\n cdkAutosizeMinRows=\"1\"></textarea>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf=\"dataField.isInvalid(formControlRef)\">{{getErrorMessage()}}</mat-error>\n</mat-form-field>\n\n\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
23
|
+
}], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i0.NgZone }, { type: undefined, decorators: [{
|
|
24
|
+
type: Optional
|
|
25
|
+
}, {
|
|
26
|
+
type: Inject,
|
|
27
|
+
args: [DATA_FIELD_PORTAL_DATA]
|
|
28
|
+
}] }]; } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdGV4dC1maWVsZC90ZXh0YXJlYS1maWVsZC90ZXh0YXJlYS1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy90ZXh0LWZpZWxkL3RleHRhcmVhLWZpZWxkL3RleHRhcmVhLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFVLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUVsRSxPQUFPLEVBQ0gsOEJBQThCLEVBQzlCLHNCQUFzQixFQUd6QixNQUFNLDBCQUEwQixDQUFDOzs7Ozs7Ozs7QUFPbEMsTUFBTSxPQUFPLHNCQUF1QixTQUFRLDhCQUE4QjtJQUV0RSxZQUFzQixVQUE0QixFQUFZLE9BQWUsRUFDckIsbUJBQXVEO1FBQzNHLEtBQUssQ0FBQyxVQUFVLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixDQUFDLENBQUM7UUFGOUIsZUFBVSxHQUFWLFVBQVUsQ0FBa0I7UUFBWSxZQUFPLEdBQVAsT0FBTyxDQUFRO0lBRzdFLENBQUM7O29IQUxRLHNCQUFzQix3RUFHQyxzQkFBc0I7d0dBSDdDLHNCQUFzQixnRkNkbkMsczZCQW1CQTs0RkRMYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksbUJBQW1COzswQkFPaEIsUUFBUTs7MEJBQUksTUFBTTsyQkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBOZ1pvbmUsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQge1xuICAgIEFic3RyYWN0VGV4dGFyZWFGaWVsZENvbXBvbmVudCxcbiAgICBEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBLFxuICAgIERhdGFGaWVsZFBvcnRhbERhdGEsXG4gICAgVGV4dEFyZWFGaWVsZFxufSBmcm9tICdAbmV0Z3JpZi9jb21wb25lbnRzLWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXRleHRhcmVhLWZpZWxkJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGV4dGFyZWEtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RleHRhcmVhLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VGV4dGFyZWFGaWVsZENvbXBvbmVudCB7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgX3RyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSwgcHJvdGVjdGVkIF9uZ1pvbmU6IE5nWm9uZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VGV4dEFyZWFGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoX3RyYW5zbGF0ZSwgX25nWm9uZSwgZGF0YUZpZWxkUG9ydGFsRGF0YSk7XG4gICAgfVxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIlxuICAgICAgICAgICAgICAgIGZsb2F0TGFiZWw9XCJhbHdheXNcIlxuICAgICAgICAgICAgICAgIGNsYXNzPVwiZnVsbC13aWR0aFwiXG4gICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCI+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cIiFzaG93TGFyZ2VMYXlvdXQudmFsdWVcIj57e2RhdGFGaWVsZC50aXRsZX19PC9tYXQtbGFiZWw+XG4gICAgPHRleHRhcmVhIG1hdElucHV0XG4gICAgICAgICAgICAgICN0ZXh0QXJlYVxuICAgICAgICAgICAgICBbcGxhY2Vob2xkZXJdPVwiZGF0YUZpZWxkLnBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAgICAgW3JlcXVpcmVkXT1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFJlZlwiXG4gICAgICAgICAgICAgIFtuZ1N0eWxlXT1cInsnbWluLWhlaWdodCc6IGdldEhlaWdodCgpKydweCcsICdoZWlnaHQnOiBnZXRIZWlnaHQoKSsncHgnfVwiXG4gICAgICAgICAgICAgICNkeW5hbWljVGV4dEFyZWE9XCJjZGtUZXh0YXJlYUF1dG9zaXplXCJcbiAgICAgICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxuICAgICAgICAgICAgICBjZGtBdXRvc2l6ZU1pblJvd3M9XCIxXCI+PC90ZXh0YXJlYT5cbiAgICA8bWF0LWhpbnQgW25nQ2xhc3NdPVwieydtYXQtaGludC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiPnt7ZGF0YUZpZWxkLmRlc2NyaXB0aW9ufX08L21hdC1oaW50PlxuICAgIDxtYXQtZXJyb3IgKm5nSWY9XCJkYXRhRmllbGQuaXNJbnZhbGlkKGZvcm1Db250cm9sUmVmKVwiPnt7Z2V0RXJyb3JNZXNzYWdlKCl9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cblxuXG4iXX0=
|
package/esm2020/lib/data-fields/user-field/user-default-field/user-default-field.component.mjs
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
+
import { DATA_FIELD_PORTAL_DATA, AbstractUserDefaultFieldComponent } from '@netgrif/components-core';
|
|
3
|
+
import { UserAssignDialogComponent } from '../../../dialog/user-assign-dialog/user-assign-dialog.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/material/dialog";
|
|
6
|
+
import * as i2 from "@netgrif/components-core";
|
|
7
|
+
import * as i3 from "@ngx-translate/core";
|
|
8
|
+
import * as i4 from "../../required-label/required-label.component";
|
|
9
|
+
import * as i5 from "@angular/material/button";
|
|
10
|
+
import * as i6 from "@angular/material/icon";
|
|
11
|
+
import * as i7 from "@angular/flex-layout/flex";
|
|
12
|
+
import * as i8 from "@angular/common";
|
|
13
|
+
import * as i9 from "@angular/flex-layout/extended";
|
|
14
|
+
import * as i10 from "@angular/material/tooltip";
|
|
15
|
+
import * as i11 from "@angular/material/form-field";
|
|
16
|
+
export class UserDefaultFieldComponent extends AbstractUserDefaultFieldComponent {
|
|
17
|
+
constructor(dialog, snackbar, translate, dataFieldPortalData) {
|
|
18
|
+
super(dialog, snackbar, translate, dataFieldPortalData);
|
|
19
|
+
}
|
|
20
|
+
selectUser() {
|
|
21
|
+
super.selectAbstractUser(UserAssignDialogComponent);
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
UserDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserDefaultFieldComponent, deps: [{ token: i1.MatDialog }, { token: i2.SnackBarService }, { token: i3.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
+
UserDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserDefaultFieldComponent, selector: "nc-user-default-field", usesInheritance: true, ngImport: i0, template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n <div fxFlex=\"100\" class=\"netgrif-user-padding\">\n <div #userLabel class=\"user-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n {{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n </div>\n <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n [ngStyle]=\"{\n '-webkit-clip-path': getCutProperty(userLabel),\n 'clip-path': getCutProperty(userLabel)\n }\">\n <button mat-icon-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>how_to_reg</mat-icon>\n </button>\n <button mat-icon-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>person_add</mat-icon>\n </button>\n <span fxFlex class=\"input-name-ellipsis\" [ngClass]=\"{'input-placeholder': !!dataField.value, 'no-cursor': !!dataField.value && formControlRef.disabled}\">\n {{!!dataField.value ? dataField.value.fullName : 'dataField.user.selectUser' | translate}}</span>\n </div>\n <mat-hint class=\"user-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n <mat-error class=\"user-hint-error\"\n *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n</div>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"], components: [{ 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.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i7.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i9.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i11.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i11.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe } });
|
|
26
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserDefaultFieldComponent, decorators: [{
|
|
27
|
+
type: Component,
|
|
28
|
+
args: [{ selector: 'nc-user-default-field', template: "<div fxLayoutAlign=\"center center\" fxLayout=\"row\">\n <div fxFlex=\"100\" class=\"netgrif-user-padding\">\n <div #userLabel class=\"user-field-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\">\n {{dataField.title}}\n <nc-required-label *ngIf=\"dataField.behavior.required\" [isIn]=\"!dataField.disabled\"></nc-required-label>\n </div>\n <div class=\"form-input button-icon-input full-width\" fxLayout=\"row\" fxLayoutAlign=\"start center\"\n [ngClass]=\"{'form-input-disabled': formControlRef.disabled, 'form-input-error': dataField.isInvalid(formControlRef)}\"\n [ngStyle]=\"{\n '-webkit-clip-path': getCutProperty(userLabel),\n 'clip-path': getCutProperty(userLabel)\n }\">\n <button mat-icon-button\n *ngIf=\"!!dataField.value\"\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>how_to_reg</mat-icon>\n </button>\n <button mat-icon-button\n *ngIf=\"!dataField.value\"\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.file.clickToUpload' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>person_add</mat-icon>\n </button>\n <span fxFlex class=\"input-name-ellipsis\" [ngClass]=\"{'input-placeholder': !!dataField.value, 'no-cursor': !!dataField.value && formControlRef.disabled}\">\n {{!!dataField.value ? dataField.value.fullName : 'dataField.user.selectUser' | translate}}</span>\n </div>\n <mat-hint class=\"user-hint-error\" [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\"\n *ngIf=\"!dataField.isInvalid(formControlRef) && hasHint()\">{{dataField.description}}</mat-hint>\n <mat-error class=\"user-hint-error\"\n *ngIf=\"dataField.isInvalid(formControlRef)\">{{'dataField.validations.required' | translate}}</mat-error>\n </div>\n</div>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"] }]
|
|
29
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.SnackBarService }, { type: i3.TranslateService }, { type: undefined, decorators: [{
|
|
30
|
+
type: Optional
|
|
31
|
+
}, {
|
|
32
|
+
type: Inject,
|
|
33
|
+
args: [DATA_FIELD_PORTAL_DATA]
|
|
34
|
+
}] }]; } });
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItZmllbGQvdXNlci1kZWZhdWx0LWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZGVmYXVsdC1maWVsZC91c2VyLWRlZmF1bHQtZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTFELE9BQU8sRUFDSCxzQkFBc0IsRUFJdEIsaUNBQWlDLEVBQ3BDLE1BQU0sMEJBQTBCLENBQUM7QUFDbEMsT0FBTyxFQUFDLHlCQUF5QixFQUFDLE1BQU0saUVBQWlFLENBQUM7Ozs7Ozs7Ozs7Ozs7QUFRMUcsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGlDQUFpQztJQUU1RSxZQUFZLE1BQWlCLEVBQ2pCLFFBQXlCLEVBQ3pCLFNBQTJCLEVBQ2lCLG1CQUFtRDtRQUN2RyxLQUFLLENBQUMsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVTtRQUNiLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQ3hELENBQUM7O3VIQVhRLHlCQUF5QiwwR0FLRixzQkFBc0I7MkdBTDdDLHlCQUF5QixvRkNqQnRDLHc1RUF1Q0E7NEZEdEJhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDRSx1QkFBdUI7OzBCQVNsQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VHJhbnNsYXRlU2VydmljZX0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7XG4gICAgREFUQV9GSUVMRF9QT1JUQUxfREFUQSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBVc2VyRmllbGQsXG4gICAgQWJzdHJhY3RVc2VyRGVmYXVsdEZpZWxkQ29tcG9uZW50XG59IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5pbXBvcnQge1VzZXJBc3NpZ25EaWFsb2dDb21wb25lbnR9IGZyb20gJy4uLy4uLy4uL2RpYWxvZy91c2VyLWFzc2lnbi1kaWFsb2cvdXNlci1hc3NpZ24tZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQge01hdERpYWxvZ30gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmMtdXNlci1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3VzZXItZGVmYXVsdC1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdFVzZXJEZWZhdWx0RmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoZGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgICAgICAgICAgc25hY2tiYXI6IFNuYWNrQmFyU2VydmljZSxcbiAgICAgICAgICAgICAgICB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICAgICAgICAgICAgICAgQE9wdGlvbmFsKCkgQEluamVjdChEQVRBX0ZJRUxEX1BPUlRBTF9EQVRBKSBkYXRhRmllbGRQb3J0YWxEYXRhOiBEYXRhRmllbGRQb3J0YWxEYXRhPFVzZXJGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgc3VwZXIuc2VsZWN0QWJzdHJhY3RVc2VyKFVzZXJBc3NpZ25EaWFsb2dDb21wb25lbnQpO1xuICAgIH1cblxufVxuIiwiPGRpdiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCI+XG4gICAgPGRpdiBmeEZsZXg9XCIxMDBcIiBjbGFzcz1cIm5ldGdyaWYtdXNlci1wYWRkaW5nXCI+XG4gICAgICAgIDxkaXYgI3VzZXJMYWJlbCBjbGFzcz1cInVzZXItZmllbGQtbGFiZWxcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtbGFiZWwtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIj5cbiAgICAgICAgICAgIHt7ZGF0YUZpZWxkLnRpdGxlfX1cbiAgICAgICAgICAgIDxuYy1yZXF1aXJlZC1sYWJlbCAqbmdJZj1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiIFtpc0luXT1cIiFkYXRhRmllbGQuZGlzYWJsZWRcIj48L25jLXJlcXVpcmVkLWxhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZvcm0taW5wdXQgYnV0dG9uLWljb24taW5wdXQgZnVsbC13aWR0aFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiXG4gICAgICAgICAgICAgW25nQ2xhc3NdPVwieydmb3JtLWlucHV0LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWQsICdmb3JtLWlucHV0LWVycm9yJzogZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZil9XCJcbiAgICAgICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgICAgICAgICAgICctd2Via2l0LWNsaXAtcGF0aCc6IGdldEN1dFByb3BlcnR5KHVzZXJMYWJlbCksXG4gICAgICAgICAgICAgICAgICAgICdjbGlwLXBhdGgnOiBnZXRDdXRQcm9wZXJ0eSh1c2VyTGFiZWwpXG4gICAgICAgICAgICB9XCI+XG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiEhZGF0YUZpZWxkLnZhbHVlXCJcbiAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFVzZXIoKVwiXG4gICAgICAgICAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidkYXRhRmllbGQuZmlsZS5jbGlja1RvVXBsb2FkJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtjbGFzcy5kby1ub3QtY2xpY2tdPVwiZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWRcIj5cbiAgICAgICAgICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWRhdGFGaWVsZC52YWx1ZVwiXG4gICAgICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzZWxlY3RVc2VyKClcIlxuICAgICAgICAgICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLmZpbGUuY2xpY2tUb1VwbG9hZCcgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICBbY2xhc3MuZG8tbm90LWNsaWNrXT1cImZvcm1Db250cm9sUmVmLmRpc2FibGVkXCI+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPnBlcnNvbl9hZGQ8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgICA8c3BhbiBmeEZsZXggY2xhc3M9XCJpbnB1dC1uYW1lLWVsbGlwc2lzXCIgW25nQ2xhc3NdPVwieydpbnB1dC1wbGFjZWhvbGRlcic6ICEhZGF0YUZpZWxkLnZhbHVlLCAnbm8tY3Vyc29yJzogISFkYXRhRmllbGQudmFsdWUgJiYgZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7ISFkYXRhRmllbGQudmFsdWUgPyBkYXRhRmllbGQudmFsdWUuZnVsbE5hbWUgOiAnZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGV9fTwvc3Bhbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxtYXQtaGludCBjbGFzcz1cInVzZXItaGludC1lcnJvclwiIFtuZ0NsYXNzXT1cInsnbWF0LWhpbnQtZGlzYWJsZWQnOiBmb3JtQ29udHJvbFJlZi5kaXNhYmxlZH1cIlxuICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZikgJiYgaGFzSGludCgpXCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgICAgIDxtYXQtZXJyb3IgY2xhc3M9XCJ1c2VyLWhpbnQtZXJyb3JcIlxuICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZilcIj57eydkYXRhRmllbGQudmFsaWRhdGlvbnMucmVxdWlyZWQnIHwgdHJhbnNsYXRlfX08L21hdC1lcnJvcj5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,32 +1,25 @@
|
|
|
1
1
|
import { Component, Inject, Optional } from '@angular/core';
|
|
2
2
|
import { AbstractUserFieldComponent, NAE_INFORM_ABOUT_INVALID_DATA } from '@netgrif/components-core';
|
|
3
|
-
import { UserAssignComponent } from '../../side-menu/content-components/user-assign/user-assign.component';
|
|
4
3
|
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "
|
|
6
|
-
import * as i2 from "@
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
import * as i6 from "@angular/material/icon";
|
|
11
|
-
import * as i7 from "@angular/common";
|
|
12
|
-
import * as i8 from "@angular/material/form-field";
|
|
4
|
+
import * as i1 from "../data-field-template/data-field-template.component";
|
|
5
|
+
import * as i2 from "@angular/common";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated
|
|
8
|
+
* */
|
|
13
9
|
export class UserFieldComponent extends AbstractUserFieldComponent {
|
|
14
|
-
constructor(
|
|
15
|
-
super(
|
|
16
|
-
}
|
|
17
|
-
selectUser() {
|
|
18
|
-
this.selectAbstractUser(UserAssignComponent);
|
|
10
|
+
constructor(informAboutInvalidData) {
|
|
11
|
+
super(informAboutInvalidData);
|
|
19
12
|
}
|
|
20
13
|
}
|
|
21
|
-
UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token:
|
|
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 [
|
|
14
|
+
UserFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, deps: [{ token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
15
|
+
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 [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"], components: [{ type: i1.DataFieldTemplateComponent, selector: "nc-data-field-template" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
23
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserFieldComponent, decorators: [{
|
|
24
17
|
type: Component,
|
|
25
|
-
args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [
|
|
26
|
-
}], ctorParameters: function () { return [{ type:
|
|
18
|
+
args: [{ selector: 'nc-user-field', template: "<nc-data-field-template *ngIf=\"!dataField.behavior.hidden\"\n [dataField]=\"dataField\"\n [offset]=\"taskOffset\">\n</nc-data-field-template>\n", styles: [".do-not-click:hover{cursor:not-allowed}.input-name-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-placeholder{color:#64748b}.button-icon-input{padding:2px!important}.full-width{width:100%;min-width:100%}.form-input{background:#FFFFFF;color:#64748b;outline:none;border:1px solid #64748B;text-align:left;font-size:14px;line-height:20px;border-radius:6px;min-width:5px;padding:8px 15px;box-sizing:border-box;height:44px}.form-input:hover{border-width:2px;padding-left:1px!important}.form-input-disabled{background:transparent!important;border-color:#cbd5e1!important}.form-input-disabled:hover{border-width:1px;padding:2px!important}.user-hint-error{font-size:75%;padding:0 1em;width:unset;position:absolute;margin-top:.5em;top:calc(100% - 2em)}.image-preview{width:auto;height:auto;cursor:pointer}.no-cursor{cursor:default!important;color:#64748b}.border-default{border-width:1px;border-style:solid;border-color:#000}@media only screen and (max-width: 959.99px){.input-name-ellipsis{word-break:break-word;white-space:normal;overflow-y:auto;max-height:40px}}.user-field-label{transform:translate(.4em,-.45em) scale(.75);transform-origin:left;color:#64748b;background:transparent;width:-moz-fit-content;width:fit-content;padding:0 .5em;z-index:5;height:0;position:relative}.netgrif-user-padding{padding-bottom:13px;position:relative}\n"] }]
|
|
19
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
27
20
|
type: Optional
|
|
28
21
|
}, {
|
|
29
22
|
type: Inject,
|
|
30
23
|
args: [NAE_INFORM_ABOUT_INVALID_DATA]
|
|
31
24
|
}] }]; } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1maWVsZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy91c2VyLWZpZWxkL3VzZXItZmllbGQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1maWVsZC91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUMxRCxPQUFPLEVBQUMsMEJBQTBCLEVBQUUsNkJBQTZCLEVBQUMsTUFBTSwwQkFBMEIsQ0FBQzs7OztBQUVuRzs7S0FFSztBQU1MLE1BQU0sT0FBTyxrQkFBbUIsU0FBUSwwQkFBMEI7SUFFOUQsWUFBK0Qsc0JBQXNDO1FBQ2pHLEtBQUssQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDO0lBQ2xDLENBQUM7O2dIQUpRLGtCQUFrQixrQkFFSyw2QkFBNkI7b0dBRnBELGtCQUFrQiw0RUNYL0IsZ01BSUE7NEZET2Esa0JBQWtCO2tCQUw5QixTQUFTOytCQUNJLGVBQWU7OzBCQU1aLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsNkJBQTZCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBYnN0cmFjdFVzZXJGaWVsZENvbXBvbmVudCwgTkFFX0lORk9STV9BQk9VVF9JTlZBTElEX0RBVEF9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbi8qKlxuICogQGRlcHJlY2F0ZWRcbiAqICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25jLXVzZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi91c2VyLWZpZWxkLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVXNlckZpZWxkQ29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RVc2VyRmllbGRDb21wb25lbnQge1xuXG4gICAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQEluamVjdChOQUVfSU5GT1JNX0FCT1VUX0lOVkFMSURfREFUQSkgaW5mb3JtQWJvdXRJbnZhbGlkRGF0YTogYm9vbGVhbiB8IG51bGwpIHtcbiAgICAgICAgc3VwZXIoaW5mb3JtQWJvdXRJbnZhbGlkRGF0YSk7XG4gICAgfVxufVxuIiwiPG5jLWRhdGEtZmllbGQtdGVtcGxhdGUgKm5nSWY9XCIhZGF0YUZpZWxkLmJlaGF2aW9yLmhpZGRlblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbZGF0YUZpZWxkXT1cImRhdGFGaWVsZFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbb2Zmc2V0XT1cInRhc2tPZmZzZXRcIj5cbjwvbmMtZGF0YS1maWVsZC10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { Component, Inject, Optional } from '@angular/core';
|
|
2
|
+
import { AbstractUserListDefaultFieldComponent, DATA_FIELD_PORTAL_DATA } from "@netgrif/components-core";
|
|
3
|
+
import { MultiUserAssignDialogComponent } from '../../../dialog/multi-user-assign-dialog/multi-user-assign-dialog.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/material/dialog";
|
|
6
|
+
import * as i2 from "@netgrif/components-core";
|
|
7
|
+
import * as i3 from "@ngx-translate/core";
|
|
8
|
+
import * as i4 from "@angular/material/form-field";
|
|
9
|
+
import * as i5 from "@angular/material/button";
|
|
10
|
+
import * as i6 from "@angular/material/icon";
|
|
11
|
+
import * as i7 from "@angular/material/chips";
|
|
12
|
+
import * as i8 from "@angular/common";
|
|
13
|
+
import * as i9 from "@angular/flex-layout/extended";
|
|
14
|
+
import * as i10 from "@angular/material/tooltip";
|
|
15
|
+
import * as i11 from "@angular/forms";
|
|
16
|
+
import * as i12 from "@angular/material/input";
|
|
17
|
+
export class UserListDefaultFieldComponent extends AbstractUserListDefaultFieldComponent {
|
|
18
|
+
constructor(dialog, snackbar, translate, dataFieldPortalData) {
|
|
19
|
+
super(dialog, snackbar, translate, dataFieldPortalData);
|
|
20
|
+
}
|
|
21
|
+
selectUser() {
|
|
22
|
+
this.selectAbstractUser(MultiUserAssignDialogComponent);
|
|
23
|
+
}
|
|
24
|
+
deleteUser(userId) {
|
|
25
|
+
this.removeAbstractUser(userId);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
UserListDefaultFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListDefaultFieldComponent, deps: [{ token: i1.MatDialog }, { token: i2.SnackBarService }, { token: i3.TranslateService }, { token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
29
|
+
UserListDefaultFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListDefaultFieldComponent, selector: "nc-user-list-default-field", usesInheritance: true, ngImport: i0, template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" [ngClass]=\"{'netgrif-chip-fix' : dataField.value?.userValues?.size > 0}\" color=\"primary\">\n <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <button mat-icon-button matPrefix\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.user.selectUser' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>how_to_reg</mat-icon>\n </button>\n <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n <mat-chip\n *ngFor='let user of dataField.value.userValues | keyvalue' (removed)=\"deleteUser(user.key)\">\n {{user.value.fullName}}\n <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip>\n <input\n aria-label=\"Autocomplete\"\n matInput\n #input\n [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [matChipInputFor]=\"chipList\">\n </mat-chip-list>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf='dataField.isInvalid(formControlRef)'>{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"], components: [{ type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { 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"] }, { type: i7.MatChipList, selector: "mat-chip-list", inputs: ["errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }], directives: [{ type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i9.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.MatLabel, selector: "mat-label" }, { type: i4.MatPrefix, selector: "[matPrefix]" }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i11.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { type: i7.MatChipRemove, selector: "[matChipRemove]" }, { type: i12.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: i7.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i4.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i3.TranslatePipe, "keyvalue": i8.KeyValuePipe } });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListDefaultFieldComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{ selector: 'nc-user-list-default-field', template: "<mat-form-field [appearance]=\"dataField.materialAppearance\" class=\"full-width\" [ngClass]=\"{'netgrif-chip-fix' : dataField.value?.userValues?.size > 0}\" color=\"primary\">\n <mat-label class=\"netgrif-label\" [ngClass]=\"{'netgrif-label-disabled': formControlRef.disabled}\" *ngIf=\"!showLargeLayout.value\">{{dataField.title}}</mat-label>\n <button mat-icon-button matPrefix\n [disabled]=\"formControlRef.disabled\"\n color=\"primary\"\n (click)=\"selectUser()\"\n [matTooltip]=\"'dataField.user.selectUser' | translate\"\n [class.do-not-click]=\"formControlRef.disabled\">\n <mat-icon>how_to_reg</mat-icon>\n </button>\n <mat-chip-list #chipList aria-label=\"Autocomplete\" [formControl]=\"formControlRef\">\n <mat-chip\n *ngFor='let user of dataField.value.userValues | keyvalue' (removed)=\"deleteUser(user.key)\">\n {{user.value.fullName}}\n <button *ngIf=\"!formControlRef.disabled\" matChipRemove>\n <mat-icon>cancel</mat-icon>\n </button>\n </mat-chip>\n <input\n aria-label=\"Autocomplete\"\n matInput\n #input\n [placeholder]=\"dataField.placeholder\"\n [required]=\"dataField.behavior.required\"\n [matChipInputFor]=\"chipList\">\n </mat-chip-list>\n <mat-hint [ngClass]=\"{'mat-hint-disabled': formControlRef.disabled}\">{{dataField.description}}</mat-hint>\n <mat-error *ngIf='dataField.isInvalid(formControlRef)'>{{'dataField.validations.required' | translate}}</mat-error>\n</mat-form-field>\n", styles: [".full-width{display:block;margin:0 auto;width:100%}\n"] }]
|
|
33
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialog }, { type: i2.SnackBarService }, { type: i3.TranslateService }, { type: undefined, decorators: [{
|
|
34
|
+
type: Optional
|
|
35
|
+
}, {
|
|
36
|
+
type: Inject,
|
|
37
|
+
args: [DATA_FIELD_PORTAL_DATA]
|
|
38
|
+
}] }]; } });
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmV0Z3JpZi1jb21wb25lbnRzL3NyYy9saWIvZGF0YS1maWVsZHMvdXNlci1saXN0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL3VzZXItbGlzdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC91c2VyLWxpc3QtZGVmYXVsdC1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDMUQsT0FBTyxFQUNILHFDQUFxQyxFQUNyQyxzQkFBc0IsRUFJekIsTUFBTSwwQkFBMEIsQ0FBQztBQUVsQyxPQUFPLEVBQ0gsOEJBQThCLEVBQ2pDLE1BQU0sNkVBQTZFLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBUXJGLE1BQU0sT0FBTyw2QkFBOEIsU0FBUSxxQ0FBcUM7SUFFcEYsWUFBWSxNQUFpQixFQUNqQixRQUF5QixFQUN6QixTQUEyQixFQUNpQixtQkFBdUQ7UUFDM0csS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixDQUFDLENBQUM7SUFDNUQsQ0FBQztJQUVNLFVBQVU7UUFDYixJQUFJLENBQUMsa0JBQWtCLENBQUMsOEJBQThCLENBQUMsQ0FBQztJQUM1RCxDQUFDO0lBRU0sVUFBVSxDQUFDLE1BQWM7UUFDNUIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3BDLENBQUM7OzJIQWZRLDZCQUE2QiwwR0FLTixzQkFBc0I7K0dBTDdDLDZCQUE2Qix5RkNuQjFDLDRtREE2QkE7NEZEVmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLDRCQUE0Qjs7MEJBU3ZCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYnN0cmFjdFVzZXJMaXN0RGVmYXVsdEZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBTbmFja0JhclNlcnZpY2UsXG4gICAgVXNlckxpc3RGaWVsZFxufSBmcm9tIFwiQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlXCI7XG5pbXBvcnQge1RyYW5zbGF0ZVNlcnZpY2V9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQge1xuICAgIE11bHRpVXNlckFzc2lnbkRpYWxvZ0NvbXBvbmVudFxufSBmcm9tICcuLi8uLi8uLi9kaWFsb2cvbXVsdGktdXNlci1hc3NpZ24tZGlhbG9nL211bHRpLXVzZXItYXNzaWduLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtNYXREaWFsb2d9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25jLXVzZXItbGlzdC1kZWZhdWx0LWZpZWxkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3VzZXItbGlzdC1kZWZhdWx0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdXNlci1saXN0LWRlZmF1bHQtZmllbGQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBVc2VyTGlzdERlZmF1bHRGaWVsZENvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0VXNlckxpc3REZWZhdWx0RmllbGRDb21wb25lbnR7XG5cbiAgICBjb25zdHJ1Y3RvcihkaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgICAgICAgICBzbmFja2JhcjogU25hY2tCYXJTZXJ2aWNlLFxuICAgICAgICAgICAgICAgIHRyYW5zbGF0ZTogVHJhbnNsYXRlU2VydmljZSxcbiAgICAgICAgICAgICAgICBAT3B0aW9uYWwoKSBASW5qZWN0KERBVEFfRklFTERfUE9SVEFMX0RBVEEpIGRhdGFGaWVsZFBvcnRhbERhdGE6IERhdGFGaWVsZFBvcnRhbERhdGE8VXNlckxpc3RGaWVsZD4pIHtcbiAgICAgICAgc3VwZXIoZGlhbG9nLCBzbmFja2JhciwgdHJhbnNsYXRlLCBkYXRhRmllbGRQb3J0YWxEYXRhKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgc2VsZWN0VXNlcigpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RBYnN0cmFjdFVzZXIoTXVsdGlVc2VyQXNzaWduRGlhbG9nQ29tcG9uZW50KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgZGVsZXRlVXNlcih1c2VySWQ6IHN0cmluZykge1xuICAgICAgICB0aGlzLnJlbW92ZUFic3RyYWN0VXNlcih1c2VySWQpO1xuICAgIH1cblxufVxuIiwiPG1hdC1mb3JtLWZpZWxkIFthcHBlYXJhbmNlXT1cImRhdGFGaWVsZC5tYXRlcmlhbEFwcGVhcmFuY2VcIiBjbGFzcz1cImZ1bGwtd2lkdGhcIiBbbmdDbGFzc109XCJ7J25ldGdyaWYtY2hpcC1maXgnIDogZGF0YUZpZWxkLnZhbHVlPy51c2VyVmFsdWVzPy5zaXplID4gMH1cIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPVwibmV0Z3JpZi1sYWJlbFwiIFtuZ0NsYXNzXT1cInsnbmV0Z3JpZi1sYWJlbC1kaXNhYmxlZCc6IGZvcm1Db250cm9sUmVmLmRpc2FibGVkfVwiICpuZ0lmPVwiIXNob3dMYXJnZUxheW91dC52YWx1ZVwiPnt7ZGF0YUZpZWxkLnRpdGxlfX08L21hdC1sYWJlbD5cbiAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBtYXRQcmVmaXhcbiAgICAgICAgICAgIFtkaXNhYmxlZF09XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiXG4gICAgICAgICAgICBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgKGNsaWNrKT1cInNlbGVjdFVzZXIoKVwiXG4gICAgICAgICAgICBbbWF0VG9vbHRpcF09XCInZGF0YUZpZWxkLnVzZXIuc2VsZWN0VXNlcicgfCB0cmFuc2xhdGVcIlxuICAgICAgICAgICAgW2NsYXNzLmRvLW5vdC1jbGlja109XCJmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiPlxuICAgICAgICA8bWF0LWljb24+aG93X3RvX3JlZzwvbWF0LWljb24+XG4gICAgPC9idXR0b24+XG4gICAgPG1hdC1jaGlwLWxpc3QgI2NoaXBMaXN0IGFyaWEtbGFiZWw9XCJBdXRvY29tcGxldGVcIiBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xSZWZcIj5cbiAgICAgICAgPG1hdC1jaGlwXG4gICAgICAgICAgICAqbmdGb3I9J2xldCB1c2VyIG9mIGRhdGFGaWVsZC52YWx1ZS51c2VyVmFsdWVzIHwga2V5dmFsdWUnIChyZW1vdmVkKT1cImRlbGV0ZVVzZXIodXNlci5rZXkpXCI+XG4gICAgICAgICAgICB7e3VzZXIudmFsdWUuZnVsbE5hbWV9fVxuICAgICAgICAgICAgPGJ1dHRvbiAqbmdJZj1cIiFmb3JtQ29udHJvbFJlZi5kaXNhYmxlZFwiIG1hdENoaXBSZW1vdmU+XG4gICAgICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgPC9tYXQtY2hpcD5cbiAgICAgICAgPGlucHV0XG4gICAgICAgICAgICBhcmlhLWxhYmVsPVwiQXV0b2NvbXBsZXRlXCJcbiAgICAgICAgICAgIG1hdElucHV0XG4gICAgICAgICAgICAjaW5wdXRcbiAgICAgICAgICAgIFtwbGFjZWhvbGRlcl09XCJkYXRhRmllbGQucGxhY2Vob2xkZXJcIlxuICAgICAgICAgICAgW3JlcXVpcmVkXT1cImRhdGFGaWVsZC5iZWhhdmlvci5yZXF1aXJlZFwiXG4gICAgICAgICAgICBbbWF0Q2hpcElucHV0Rm9yXT1cImNoaXBMaXN0XCI+XG4gICAgPC9tYXQtY2hpcC1saXN0PlxuICAgIDxtYXQtaGludCBbbmdDbGFzc109XCJ7J21hdC1oaW50LWRpc2FibGVkJzogZm9ybUNvbnRyb2xSZWYuZGlzYWJsZWR9XCI+e3tkYXRhRmllbGQuZGVzY3JpcHRpb259fTwvbWF0LWhpbnQ+XG4gICAgPG1hdC1lcnJvciAqbmdJZj0nZGF0YUZpZWxkLmlzSW52YWxpZChmb3JtQ29udHJvbFJlZiknPnt7J2RhdGFGaWVsZC52YWxpZGF0aW9ucy5yZXF1aXJlZCcgfCB0cmFuc2xhdGV9fTwvbWF0LWVycm9yPlxuPC9tYXQtZm9ybS1maWVsZD5cbiJdfQ==
|