@netgrif/components 6.3.2 → 6.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/data-fields/user-list-field/user-list-field.component.mjs +7 -3
- package/fesm2015/netgrif-components.mjs +5 -2
- package/fesm2015/netgrif-components.mjs.map +1 -1
- package/fesm2020/netgrif-components.mjs +5 -2
- package/fesm2020/netgrif-components.mjs.map +1 -1
- package/lib/data-fields/user-list-field/user-list-field.component.d.ts +1 -0
- package/package.json +2 -2
|
@@ -1637,12 +1637,15 @@ class UserListFieldComponent extends AbstractUserListFieldComponent {
|
|
|
1637
1637
|
deleteUser(userId) {
|
|
1638
1638
|
this.removeAbstractUser(userId);
|
|
1639
1639
|
}
|
|
1640
|
+
deleteAll() {
|
|
1641
|
+
this.removeAll();
|
|
1642
|
+
}
|
|
1640
1643
|
}
|
|
1641
1644
|
UserListFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, deps: [{ token: i1.SideMenuService }, { token: i1.SnackBarService }, { token: i2$1.TranslateService }, { token: NAE_INFORM_ABOUT_INVALID_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1642
|
-
UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i6.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2$1.TranslatePipe, "keyvalue": i5$2.KeyValuePipe } });
|
|
1645
|
+
UserListFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: UserListFieldComponent, selector: "nc-user-list-field", usesInheritance: true, ngImport: i0, template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <button *ngIf='!formControl.disabled && dataField?.value?.userValues?.size > 0' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='warn'\n (click)='deleteAll()'\n [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n <mat-icon>delete_outline</mat-icon>\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"], components: [{ type: DataFieldTemplateComponent, selector: "nc-data-field-template" }, { type: RequiredLabelComponent, selector: "nc-required-label", inputs: ["isIn"] }, { type: i6.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: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i5$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatLabel, selector: "mat-label" }, { type: i15.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i5$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.MatError, selector: "mat-error", inputs: ["id"] }], pipes: { "translate": i2$1.TranslatePipe, "keyvalue": i5$2.KeyValuePipe } });
|
|
1643
1646
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: UserListFieldComponent, decorators: [{
|
|
1644
1647
|
type: Component,
|
|
1645
|
-
args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
|
|
1648
|
+
args: [{ selector: 'nc-user-list-field', template: "<nc-data-field-template *ngIf='!dataField.behavior.hidden'\n [dataField]='dataField'\n [dataFieldTemplate]='dataFieldTemplate'\n [offset]='taskOffset'>\n</nc-data-field-template>\n\n<ng-template #dataFieldTemplate let-showLargeLayout='showLargeLayout'>\n <mat-label class='netgrif-label' *ngIf='!showLargeLayout.value'>{{dataField.title}}\n <nc-required-label *ngIf='dataField.behavior.required' [isIn]='!dataField.disabled'></nc-required-label>\n <br>\n </mat-label>\n <button *ngIf='!formControl.disabled' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='primary'\n (click)='selectUser()'>\n <mat-icon>person_add</mat-icon>\n {{'dataField.user.selectUser' | translate}}\n </button>\n <button *ngIf='!formControl.disabled && dataField?.value?.userValues?.size > 0' mat-stroked-button class='user-list-item-margin'\n [disabled]='formControl.disabled'\n color='warn'\n (click)='deleteAll()'\n [matTooltip]=\"'dataField.user.deleteAll' | translate\">\n <mat-icon>delete_outline</mat-icon>\n </button>\n <span *ngIf='dataField?.value?.userValues?.size > 0'>\n <span *ngFor='let user of dataField.value.userValues | keyvalue' class='user-list-item-margin'>\n <button mat-stroked-button\n [disabled]='formControl.disabled'\n color='primary'>\n <mat-icon>how_to_reg</mat-icon>\n {{user.value.fullName}}\n <mat-icon (click)='deleteUser(user.key)' color='warn' *ngIf='!formControl.disabled'>close</mat-icon>\n </button>\n </span>\n </span>\n <mat-error *ngIf='dataField.isInvalid(formControl)'>{{'dataField.validations.required' | translate}}</mat-error>\n</ng-template>\n", styles: [".user-list-item-margin{margin:0 4px 4px}\n"] }]
|
|
1646
1649
|
}], ctorParameters: function () { return [{ type: i1.SideMenuService }, { type: i1.SnackBarService }, { type: i2$1.TranslateService }, { type: undefined, decorators: [{
|
|
1647
1650
|
type: Optional
|
|
1648
1651
|
}, {
|