@memberjunction/ng-entity-permissions 0.9.10 → 0.9.11
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.
|
@@ -16,9 +16,10 @@ import * as i2 from "@angular/forms";
|
|
|
16
16
|
import * as i3 from "@memberjunction/ng-container-directives";
|
|
17
17
|
import * as i4 from "@progress/kendo-angular-buttons";
|
|
18
18
|
import * as i5 from "@progress/kendo-angular-icons";
|
|
19
|
+
import * as i6 from "@progress/kendo-angular-indicators";
|
|
19
20
|
function EntityPermissionsGridComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
20
21
|
i0.ɵɵelementStart(0, "div");
|
|
21
|
-
i0.ɵɵ
|
|
22
|
+
i0.ɵɵelement(1, "kendo-loader");
|
|
22
23
|
i0.ɵɵelementEnd();
|
|
23
24
|
} }
|
|
24
25
|
function EntityPermissionsGridComponent_table_6_th_3_Template(rf, ctx) { if (rf & 1) {
|
|
@@ -422,10 +423,10 @@ EntityPermissionsGridComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ ty
|
|
|
422
423
|
i0.ɵɵproperty("disabled", ctx.NumDirtyPermissions === 0);
|
|
423
424
|
i0.ɵɵadvance(2);
|
|
424
425
|
i0.ɵɵproperty("ngIf", !ctx.isLoading);
|
|
425
|
-
} }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.FillContainer, i4.ButtonComponent, i5.SVGIconComponent], styles: ["\n\r\ntable[_ngcontent-%COMP%] {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n border-collapse: collapse; \n\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n width: 125px;\r\n}\r\n \r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\r\n background-color: #f2f2f2; \n\r\n color: black; \n\r\n font-weight: bold; \n\r\n cursor: pointer;\r\n}\r\n\r\n.permission-left-col[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%], table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\r\n border: 1px solid gray; \n\r\n height: 36px; \n\r\n text-align: center;\r\n padding: 0 8px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child, table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child {\r\n min-width: 150px; \n\r\n text-align: left;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:not(:first-child), table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:not(:first-child) {\r\n width: 100px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(odd) {\r\n background-color: white; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even) {\r\n background-color: #e7f4ff; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%] tr.dirty-row[_ngcontent-%COMP%] {\r\n font-style: italic;\r\n background-color: #ffcccc;\r\n}"] });
|
|
426
|
+
} }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i2.CheckboxControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.FillContainer, i4.ButtonComponent, i5.SVGIconComponent, i6.LoaderComponent], styles: ["\n\r\ntable[_ngcontent-%COMP%] {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n border-collapse: collapse; \n\r\n}\r\n\r\nbutton[_ngcontent-%COMP%] {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n width: 125px;\r\n}\r\n \r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%] {\r\n background-color: #f2f2f2; \n\r\n color: black; \n\r\n font-weight: bold; \n\r\n cursor: pointer;\r\n}\r\n\r\n.permission-left-col[_ngcontent-%COMP%] {\r\n cursor: pointer;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%], table[_ngcontent-%COMP%] td[_ngcontent-%COMP%] {\r\n border: 1px solid gray; \n\r\n height: 36px; \n\r\n text-align: center;\r\n padding: 0 8px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:first-child, table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:first-child {\r\n min-width: 150px; \n\r\n text-align: left;\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] th[_ngcontent-%COMP%]:not(:first-child), table[_ngcontent-%COMP%] td[_ngcontent-%COMP%]:not(:first-child) {\r\n width: 100px; \n\r\n}\r\n\r\n\n\r\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(odd) {\r\n background-color: white; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%] tr[_ngcontent-%COMP%]:nth-child(even) {\r\n background-color: #e7f4ff; \n\r\n}\r\n\r\ntable[_ngcontent-%COMP%] tr.dirty-row[_ngcontent-%COMP%] {\r\n font-style: italic;\r\n background-color: #ffcccc;\r\n}"] });
|
|
426
427
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionsGridComponent, [{
|
|
427
428
|
type: Component,
|
|
428
|
-
args: [{ selector: 'mj-entity-permissions-grid', template: "<div mjFillContainer>\r\n <div *ngIf=\"isLoading\"
|
|
429
|
+
args: [{ selector: 'mj-entity-permissions-grid', template: "<div mjFillContainer>\r\n <div *ngIf=\"isLoading\"><kendo-loader></kendo-loader></div>\r\n <button [disabled]=\"NumDirtyPermissions === 0\" kendoButton (click)=\"savePermissions()\">Save</button>\r\n <button [disabled]=\"NumDirtyPermissions === 0\" kendoButton (click)=\"cancelEdit()\">Cancel</button>\r\n <table *ngIf=\"!isLoading\" class=\"grid\">\r\n <thead>\r\n <tr>\r\n <th *ngIf=\"this.Mode==='Entity'\">Role</th>\r\n <th *ngIf=\"this.Mode==='Role'\">Entity</th>\r\n <th (click)=\"flipAllPermissions('Read')\">Read</th>\r\n <th (click)=\"flipAllPermissions('Create')\">Create</th>\r\n <th (click)=\"flipAllPermissions('Update')\">Update</th>\r\n <th (click)=\"flipAllPermissions('Delete')\">Delete</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n <tr *ngFor=\"let permission of permissions\" [ngClass]=\"IsPermissionReallyDirty(permission) ? 'dirty-row' : ''\">\r\n <td class=\"permission-left-col\" (click)=\"flipRow(permission)\">\r\n <span *ngIf=\"this.Mode==='Entity'\">\r\n {{ permission.RoleName }}\r\n </span>\r\n <span *ngIf=\"this.Mode==='Role'\">\r\n {{ permission.Entity }}\r\n </span>\r\n <kendo-svgicon *ngIf=\"IsPermissionReallyDirty(permission)\" \r\n [icon]=\"kendoSVGIcon('arrowRotateCcwSmallIcon')\" \r\n (click)=\"revertRow($event, permission)\"></kendo-svgicon></td>\r\n <td (click)=\"flipPermission($event, permission, 'Read', true)\">\r\n <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanRead\" (click)=\"flipPermission($event, permission, 'Read', false)\">\r\n </td>\r\n <td (click)=\"flipPermission($event, permission, 'Create', true)\">\r\n <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanCreate\" (click)=\"flipPermission($event, permission, 'Create', false)\">\r\n </td>\r\n <td (click)=\"flipPermission($event, permission, 'Update', true)\">\r\n <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanUpdate\" (click)=\"flipPermission($event, permission, 'Update', false)\">\r\n </td>\r\n <td (click)=\"flipPermission($event, permission, 'Delete', true)\">\r\n <input type=\"checkbox\" kendoCheckBox [(ngModel)]=\"permission.CanDelete\" (click)=\"flipPermission($event, permission, 'Delete', false)\">\r\n </td>\r\n </tr>\r\n </tbody>\r\n </table>\r\n</div>\r\n ", styles: ["/* Style for the whole table */\r\ntable {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n border-collapse: collapse; /* Ensures border collapse for a cleaner look */\r\n}\r\n\r\nbutton {\r\n margin-left: 5px;\r\n margin-top: 5px;\r\n width: 125px;\r\n}\r\n \r\ntable th {\r\n background-color: #f2f2f2; /* Light gray background for headers */\r\n color: black; /* Black text color for headers */\r\n font-weight: bold; /* Bold font weight for headers */\r\n cursor: pointer;\r\n}\r\n\r\n.permission-left-col {\r\n cursor: pointer;\r\n}\r\n\r\n/* Style for all table cells */\r\ntable th, table td {\r\n border: 1px solid gray; /* Gray border for cells */\r\n height: 36px; /* Fixed height for all rows */\r\n text-align: center;\r\n padding: 0 8px; /* Add some padding inside cells */\r\n}\r\n\r\n/* Specific styles for the first column */\r\ntable th:first-child, table td:first-child {\r\n min-width: 150px; /* Set width for the first column */\r\n text-align: left;\r\n}\r\n\r\n/* Specific styles for the \"Can\" columns */\r\ntable th:not(:first-child), table td:not(:first-child) {\r\n width: 100px; /* Set width for \"Can\" columns */\r\n}\r\n\r\n/* Alternating row background colors */\r\ntable tr:nth-child(odd) {\r\n background-color: white; /* Light color for odd rows */\r\n}\r\n\r\ntable tr:nth-child(even) {\r\n background-color: #e7f4ff; /* Light blue for even rows */\r\n}\r\n\r\ntable tr.dirty-row {\r\n font-style: italic;\r\n background-color: #ffcccc;\r\n}\r\n\r\n"] }]
|
|
429
430
|
}], () => [], { Mode: [{
|
|
430
431
|
type: Input
|
|
431
432
|
}], EntityName: [{
|
package/dist/lib/module.d.ts
CHANGED
|
@@ -11,9 +11,10 @@ import * as i9 from "@memberjunction/ng-container-directives";
|
|
|
11
11
|
import * as i10 from "@progress/kendo-angular-buttons";
|
|
12
12
|
import * as i11 from "@progress/kendo-angular-icons";
|
|
13
13
|
import * as i12 from "@progress/kendo-angular-dropdowns";
|
|
14
|
+
import * as i13 from "@progress/kendo-angular-indicators";
|
|
14
15
|
export declare class EntityPermissionsModule {
|
|
15
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<EntityPermissionsModule, never>;
|
|
16
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<EntityPermissionsModule, [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent], [typeof i3.CommonModule, typeof i4.GridModule, typeof i5.FormsModule, typeof i6.DialogsModule, typeof i7.ExcelExportModule, typeof i8.CompareRecordsModule, typeof i9.ContainerDirectivesModule, typeof i10.ButtonsModule, typeof i11.IconsModule, typeof i12.DropDownsModule], [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent]>;
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<EntityPermissionsModule, [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent], [typeof i3.CommonModule, typeof i4.GridModule, typeof i5.FormsModule, typeof i6.DialogsModule, typeof i7.ExcelExportModule, typeof i8.CompareRecordsModule, typeof i9.ContainerDirectivesModule, typeof i10.ButtonsModule, typeof i11.IconsModule, typeof i12.DropDownsModule, typeof i13.IndicatorsModule], [typeof i1.EntityPermissionsGridComponent, typeof i2.EntityPermissionsSelectorWithGridComponent]>;
|
|
17
18
|
static ɵinj: i0.ɵɵInjectorDeclaration<EntityPermissionsModule>;
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=module.d.ts.map
|
package/dist/lib/module.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAkBA,qBAuBa,uBAAuB;yCAAvB,uBAAuB;0CAAvB,uBAAuB;0CAAvB,uBAAuB;CAAI"}
|
package/dist/lib/module.js
CHANGED
|
@@ -12,6 +12,7 @@ import { ContainerDirectivesModule } from '@memberjunction/ng-container-directiv
|
|
|
12
12
|
import { FormsModule } from '@angular/forms';
|
|
13
13
|
import { EntityPermissionsSelectorWithGridComponent } from './entity-selector-with-grid/entity-selector-with-grid.component';
|
|
14
14
|
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
|
|
15
|
+
import { IndicatorsModule } from '@progress/kendo-angular-indicators';
|
|
15
16
|
import * as i0 from "@angular/core";
|
|
16
17
|
export class EntityPermissionsModule {
|
|
17
18
|
}
|
|
@@ -26,7 +27,8 @@ EntityPermissionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [
|
|
|
26
27
|
ContainerDirectivesModule,
|
|
27
28
|
ButtonsModule,
|
|
28
29
|
IconsModule,
|
|
29
|
-
DropDownsModule
|
|
30
|
+
DropDownsModule,
|
|
31
|
+
IndicatorsModule] });
|
|
30
32
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EntityPermissionsModule, [{
|
|
31
33
|
type: NgModule,
|
|
32
34
|
args: [{
|
|
@@ -44,7 +46,8 @@ EntityPermissionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [
|
|
|
44
46
|
ContainerDirectivesModule,
|
|
45
47
|
ButtonsModule,
|
|
46
48
|
IconsModule,
|
|
47
|
-
DropDownsModule
|
|
49
|
+
DropDownsModule,
|
|
50
|
+
IndicatorsModule
|
|
48
51
|
],
|
|
49
52
|
exports: [
|
|
50
53
|
EntityPermissionsGridComponent,
|
|
@@ -62,5 +65,6 @@ EntityPermissionsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [
|
|
|
62
65
|
ContainerDirectivesModule,
|
|
63
66
|
ButtonsModule,
|
|
64
67
|
IconsModule,
|
|
65
|
-
DropDownsModule
|
|
68
|
+
DropDownsModule,
|
|
69
|
+
IndicatorsModule], exports: [EntityPermissionsGridComponent,
|
|
66
70
|
EntityPermissionsSelectorWithGridComponent] }); })();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-entity-permissions",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.11",
|
|
4
4
|
"description": "MemberJunction: Angular components for displaying/editing permissions for an entity, and related components.",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -25,15 +25,16 @@
|
|
|
25
25
|
"@angular/router": "~17.2.2"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@memberjunction/core-entities": "^0.9.
|
|
28
|
+
"@memberjunction/core-entities": "^0.9.166",
|
|
29
29
|
"@memberjunction/global": "^0.9.156",
|
|
30
30
|
"@memberjunction/core": "^0.9.177",
|
|
31
31
|
"@memberjunction/ng-container-directives": "^0.9.141",
|
|
32
|
-
"@memberjunction/ng-shared": "^0.9.
|
|
32
|
+
"@memberjunction/ng-shared": "^0.9.34",
|
|
33
33
|
"@progress/kendo-angular-dropdowns": "~15.1.0",
|
|
34
34
|
"@progress/kendo-angular-grid": "~15.1.0",
|
|
35
35
|
"@progress/kendo-angular-buttons": "~15.1.0",
|
|
36
36
|
"@progress/kendo-angular-dialog": "~15.1.0",
|
|
37
|
+
"@progress/kendo-angular-indicators": "~15.1.0",
|
|
37
38
|
"tslib": "^2.3.0"
|
|
38
39
|
},
|
|
39
40
|
"sideEffects": false
|