mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
3d73e94b5d
* [ADF-4402] remove styling of non-existent items * [ADF-4402] remove not needed style - bcs overwritten by style from core * [ADF-4559] remove demo-shell only class from core styling - use class name from core component for styling * [ADF-4402] remove not used styling code - .adf-app-layout-toolbar no longer exists, so no need keep its style * [ADF-4402] move style from demo-shell to core - same style was needed in ACA, so probably should be best in core ADF * [ADF-4402] remove not used styling code * [ADF-4402] move adf-toolbar-title style from demo-shell to core * [ADF-4402] remove not used styling code * [ADF-4402] use existing css class * [ADF-4402] remove style already set from pagination component * [ADF-4402] remove not used styling code * [ADF-4402] viewer toolbar width
79 lines
2.7 KiB
Markdown
79 lines
2.7 KiB
Markdown
---
|
|
Title: Permission Style model
|
|
Added: v2.0.0
|
|
Status: Active
|
|
Last reviewed: 2019-02-13
|
|
---
|
|
|
|
# [Permission Style model](../../../lib/content-services/document-list/models/permissions-style.model.ts "Defined in permissions-style.model.ts")
|
|
|
|
Sets custom CSS styles for rows of a Document List according to the item's permissions.
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| [`Property`](../../../lib/content-services/content-metadata/interfaces/property.interface.ts) | 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](../components/document-list.component.md) row based on the user's
|
|
permissions for that item. The list has a `permissionsStyle` property containing an array of
|
|
[Permission Style model](permissions-style.model.md) 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](https://github.com/Alfresco/alfresco-ng2-components/blob/development/lib/core/models/allowable-operations.enum.ts)
|
|
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:
|
|
|
|
```ts
|
|
let permissionsStyle: PermissionStyleModel[] = [];
|
|
|
|
this.permissionsStyle.push(new PermissionStyleModel('document-list__create', AllowableOperationsEnum.CREATE));
|
|
```
|
|
|
|
```html
|
|
<adf-document-list [permissionsStyle]="permissionsStyle">
|
|
</adf-document-list>
|
|
```
|
|
|
|
```css
|
|
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:
|
|
|
|
```ts
|
|
let permissionsStyle: PermissionStyleModel[] = [];
|
|
|
|
this.permissionsStyle.push(new PermissionStyleModel('document-list__disable', AllowableOperationsEnum.NOT_UPDATE, false, true));
|
|
```
|
|
|
|
```html
|
|
<adf-document-list [permissionsStyle]="permissionsStyle">
|
|
</adf-document-list>
|
|
```
|
|
|
|
```css
|
|
adf-document-list adf-datatable .document-list__disable {
|
|
background: red !important;
|
|
}
|
|
```
|
|
|
|
## See also
|
|
|
|
- [Document list component](../components/document-list.component.md)
|