@indigina/ui-kit 1.1.623 → 1.1.625
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.
|
@@ -19423,7 +19423,8 @@ class KitUserRoleDetailsComponent {
|
|
|
19423
19423
|
kitWhitespaceValidator(),
|
|
19424
19424
|
],
|
|
19425
19425
|
});
|
|
19426
|
-
this.userRoleDetails =
|
|
19426
|
+
this.userRoleDetails = computed(() => this.userRolesState().roleDetails, /* @ts-ignore */
|
|
19427
|
+
...(ngDevMode ? [{ debugName: "userRoleDetails" }] : /* istanbul ignore next */ []));
|
|
19427
19428
|
this.pendingRoleDetails = signal(null, /* @ts-ignore */
|
|
19428
19429
|
...(ngDevMode ? [{ debugName: "pendingRoleDetails" }] : /* istanbul ignore next */ []));
|
|
19429
19430
|
this.crudCategories = computed(() => this.filterCategories(true), /* @ts-ignore */
|
|
@@ -19447,6 +19448,7 @@ class KitUserRoleDetailsComponent {
|
|
|
19447
19448
|
this.canSave = computed(() => this.isDirty() && this.nameStatus() === 'VALID', /* @ts-ignore */
|
|
19448
19449
|
...(ngDevMode ? [{ debugName: "canSave" }] : /* istanbul ignore next */ []));
|
|
19449
19450
|
this.getTextboxState = getTextboxState;
|
|
19451
|
+
this.userRolesState = this.store.selectSignal(KIT_USER_ROLES_STATE_TOKEN);
|
|
19450
19452
|
this.nameStatus = toSignal(this.nameControl.statusChanges, { initialValue: this.nameControl.status });
|
|
19451
19453
|
this.nameValue = toSignal(this.nameControl.valueChanges, { initialValue: this.nameControl.value });
|
|
19452
19454
|
this.cancelAction = {
|
|
@@ -19481,7 +19483,6 @@ class KitUserRoleDetailsComponent {
|
|
|
19481
19483
|
if (!pending) {
|
|
19482
19484
|
return;
|
|
19483
19485
|
}
|
|
19484
|
-
;
|
|
19485
19486
|
const currentTypes = pending.permissions[category] ?? [];
|
|
19486
19487
|
const updatedTypes = selected
|
|
19487
19488
|
? [
|
|
@@ -19502,10 +19503,10 @@ class KitUserRoleDetailsComponent {
|
|
|
19502
19503
|
if (!pending) {
|
|
19503
19504
|
return;
|
|
19504
19505
|
}
|
|
19505
|
-
;
|
|
19506
19506
|
this.updated.emit({ ...pending, name: this.nameControl.value.trim() });
|
|
19507
19507
|
}
|
|
19508
|
-
deleteRole(
|
|
19508
|
+
deleteRole() {
|
|
19509
|
+
const name = this.userRoleDetails().data?.name ?? '';
|
|
19509
19510
|
this.kitDialogService.openDialog({
|
|
19510
19511
|
title: `${this.translateService.instant('kit.common.delete')} ${name}`,
|
|
19511
19512
|
content: `${this.translateService.instant('kit.common.confirmationDelete', { name })}`,
|
|
@@ -19551,7 +19552,7 @@ class KitUserRoleDetailsComponent {
|
|
|
19551
19552
|
});
|
|
19552
19553
|
}
|
|
19553
19554
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitUserRoleDetailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19554
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitUserRoleDetailsComponent, isStandalone: true, selector: "kit-user-role-details", inputs: { roleId: { classPropertyName: "roleId", publicName: "roleId", isSignal: true, isRequired: true, transformFunction: null }, allPermissions: { classPropertyName: "allPermissions", publicName: "allPermissions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { deleted: "deleted", updated: "updated" }, providers: [KitFormErrors], ngImport: i0, template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole(
|
|
19555
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: KitUserRoleDetailsComponent, isStandalone: true, selector: "kit-user-role-details", inputs: { roleId: { classPropertyName: "roleId", publicName: "roleId", isSignal: true, isRequired: true, transformFunction: null }, allPermissions: { classPropertyName: "allPermissions", publicName: "allPermissions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { deleted: "deleted", updated: "updated" }, providers: [KitFormErrors], ngImport: i0, template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole()\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: KitCheckboxComponent, selector: "kit-checkbox", inputs: ["label", "disabled", "checked", "readonly", "state", "messageIcon", "messageText", "indeterminate"], outputs: ["changed"] }, { kind: "component", type: KitEntitySectionContainerComponent, selector: "kit-entity-section-container" }, { kind: "component", type: KitButtonComponent, selector: "kit-button", inputs: ["disabled", "label", "type", "icon", "iconType", "kind", "state", "iconPosition", "buttonClass", "active"], outputs: ["clicked"] }, { kind: "component", type: KitTextboxComponent, selector: "kit-textbox", inputs: ["placeholder", "label", "labelTooltip", "defaultValue", "messageIcon", "messageText", "messageTemplate", "disabled", "maxlength", "state", "size", "icon", "clearButton", "showStateIcon", "readonly", "customStateIcon", "type"], outputs: ["defaultValueChange", "disabledChange", "blured", "focused", "changed"] }, { kind: "component", type: KitSkeletonSectionComponent, selector: "kit-skeleton-section" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
19555
19556
|
}
|
|
19556
19557
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: KitUserRoleDetailsComponent, decorators: [{
|
|
19557
19558
|
type: Component,
|
|
@@ -19563,7 +19564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImpor
|
|
|
19563
19564
|
KitTextboxComponent,
|
|
19564
19565
|
TranslatePipe,
|
|
19565
19566
|
KitSkeletonSectionComponent,
|
|
19566
|
-
], providers: [KitFormErrors], template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole(
|
|
19567
|
+
], providers: [KitFormErrors], template: "@if (userRoleDetails().loading) {\n <kit-skeleton-section />\n} @else if (pendingRoleDetails()) {\n <div class=\"user-role-details\">\n <kit-entity-section-container>\n <ng-container title>\n <div class=\"details-header\">\n <span>{{ \"kit.userRoles.details\" | translate }}</span>\n <div class=\"details-header-actions\">\n <kit-button [label]=\"'kit.common.save' | translate\"\n [kind]=\"kitButtonKind.MEDIUM\"\n [type]=\"kitButtonType.PRIMARY\"\n [disabled]=\"!canSave()\"\n (clicked)=\"saveRole()\" />\n <kit-button [label]=\"'kit.common.delete' | translate\"\n [icon]=\"kitSvgIcon.TRASH\"\n [iconType]=\"kitSvgIconType.STROKE\"\n [iconPosition]=\"kitButtonIconPosition.LEADING\"\n [type]=\"kitButtonType.GHOST\"\n [kind]=\"kitButtonKind.MEDIUM\"\n (clicked)=\"deleteRole()\"/>\n </div>\n </div>\n </ng-container>\n </kit-entity-section-container>\n <div class=\"details-content\">\n <kit-textbox class=\"textbox-name\"\n [label]=\"'kit.common.name' | translate\"\n [showStateIcon]=\"false\"\n [formControl]=\"nameControl\"\n [state]=\"getTextboxState(nameControl)\"\n [messageText]=\"getNameErrorMessages()\" />\n\n <div class=\"permissions\">\n @if (crudCategories().length) {\n <table class=\"permissions-table\">\n <thead>\n <tr>\n <th></th>\n @for (type of crudPermissionTypes; track type) {\n <th>{{ \"Permissions.\" + type | translate }}</th>\n }\n </tr>\n </thead>\n <tbody>\n @for (entry of crudCategories(); track entry.category) {\n <tr>\n <td class=\"permissions-table-category\">\n {{ \"kit.userRoles.permissions.maintain\" | translate }} {{ \"Permissions.\" + entry.category | translate }}\n </td>\n @for (type of crudPermissionTypes; track type) {\n <td class=\"permissions-table-cell\">\n <kit-checkbox [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n </td>\n }\n </tr>\n }\n </tbody>\n </table>\n }\n\n @if (nonCrudCategories().length) {\n <div class=\"non-crud-permissions\">\n @for (entry of nonCrudCategories(); track entry.category) {\n @for (type of $any(entry.types); track type) {\n <kit-checkbox [label]=\"('Permissions.' + entry.category | translate) + ' ' + ('Permissions.' + type | translate)\"\n [checked]=\"isPermissionSelected(pendingRoleDetails()!.permissions, entry.category, type)\"\n (changed)=\"togglePermission(entry.category, type, $event)\"\n />\n }\n }\n </div>\n }\n </div>\n </div>\n </div>\n}\n", styles: [".user-role-details .details-header{display:flex;justify-content:space-between;align-items:center}.user-role-details .details-header-actions{display:flex;gap:10px}.user-role-details .details-content{padding-top:20px}.user-role-details .permissions{margin-top:15px}.user-role-details .permissions-table{width:100%;border-collapse:collapse}.user-role-details .permissions-table thead th{text-align:center;padding:8px 12px;font-weight:600}.user-role-details .permissions-table thead th:first-child{text-align:left}.user-role-details .permissions-table tbody tr:nth-child(odd){background-color:var(--ui-kit-color-white)}.user-role-details .permissions-table .permissions-table-category,.user-role-details .permissions-table .permissions-table-cell{padding:8px 12px}.user-role-details .permissions-table .permissions-table-cell{text-align:center}.user-role-details .non-crud-permissions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;padding:8px 12px;margin-top:15px}.user-role-details ::ng-deep .kit-entity-section-container{padding-bottom:10px;gap:0}.user-role-details ::ng-deep .permissions-table .kit-checkbox-input{margin:auto}\n"] }]
|
|
19567
19568
|
}], ctorParameters: () => [], propDecorators: { roleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "roleId", required: true }] }], allPermissions: [{ type: i0.Input, args: [{ isSignal: true, alias: "allPermissions", required: true }] }], deleted: [{ type: i0.Output, args: ["deleted"] }], updated: [{ type: i0.Output, args: ["updated"] }] } });
|
|
19568
19569
|
|
|
19569
19570
|
const kitUserRolesConfig = new InjectionToken('KitUserRolesConfig', {
|