3.4 KiB
Title, Added, Status, Last reviewed
| Title | Added | Status | Last reviewed |
|---|---|---|---|
| Permission Style model | v2.0.0 | Active | 2019-02-13 |
Permission Style model
Sets custom CSS styles for rows of a Document List according to the item's permissions.
Class members
Properties
Property |
Type | Description |
|---|---|---|
| isFile | boolean | Does this style apply to files? |
| isFolder | boolean | Does this style apply to folders? |
| permission | Permissions | An enum value defining the permissions that this style applies to (see below) |
| css | string | The name of the CSS class to add |
Details
You can customize the style of a Document List row based on the user's
permissions for that item. The list has a permissionsStyle property containing an array of
Permission Style model objects. These objects associate a particular CSS style with a permission level
and can be applied separately to files and folders by setting isFile and isFolder appropriately.
Permissions enum
The Allowable Operations enum contains all the valid permissions for which you can apply custom styles: DELETE, UPDATE, CREATE, UPDATEPERMISSIONS, NOT_DELETE, NOT_UPDATE, NOT_CREATE, NOT_UPDATEPERMISSIONS.
Examples
If you want to change the style on rows where the user can create content:
let permissionsStyle: PermissionStyleModel[] = [];
this.permissionsStyle.push(new PermissionStyleModel('document-list__create', AllowableOperationsEnum.CREATE));
<adf-document-list [permissionsStyle]="permissionsStyle">
</adf-document-list>
adf-document-list adf-datatable .document-list__create {
background: green !important;
}
If you want to change the style on the folders where the user doesn't have the permission to update:
let permissionsStyle: PermissionStyleModel[] = [];
this.permissionsStyle.push(new PermissionStyleModel('document-list__disable', AllowableOperationsEnum.NOT_UPDATE, false, true));
<adf-document-list [permissionsStyle]="permissionsStyle">
</adf-document-list>
adf-document-list adf-datatable .document-list__disable {
background: red !important;
}