mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
Merge branch 'development' into next-release-3.2.0
This commit is contained in:
@@ -32,14 +32,15 @@ Defining properties from Typescript:
|
||||
key: 'name',
|
||||
default: 'default bar' ,
|
||||
multiline: false,
|
||||
icon: 'icon';
|
||||
icon: 'icon',
|
||||
clickCallBack : ()=>{ myClickImplementation()}
|
||||
}),
|
||||
new CardViewMapItemModel({
|
||||
label: 'My map',
|
||||
value: new Map([['999', 'My Value']]),
|
||||
key: 'map',
|
||||
default: 'default map value' ,
|
||||
clickable: true
|
||||
clickable: true,
|
||||
}),
|
||||
new CardViewDateItemModel({
|
||||
label: 'Date of birth',
|
||||
@@ -173,6 +174,7 @@ const textItemProperty = new CardViewTextItemModel(options);
|
||||
| displayValue\* | string | | The value to display |
|
||||
| editable | boolean | false | Toggles whether the item is editable |
|
||||
| clickable | boolean | false | Toggles whether the property responds to clicks |
|
||||
| clickableCallBack | function | null | Function to execute when click the element |
|
||||
| icon | string | | The material icon to show beside the item if it is clickable |
|
||||
| multiline | boolean | false | Single or multiline text |
|
||||
| pipes | [`CardViewTextItemPipeProperty`](../../../lib/core/card-view/interfaces/card-view-textitem-pipe-property.interface.ts)\[] | \[] | Pipes to be applied to the text before display |
|
||||
|
@@ -18,27 +18,28 @@ Render a tab with label:
|
||||
```html
|
||||
<adf-info-drawer>
|
||||
|
||||
<adf-info-drawer-tab [label]="'Tab1'">
|
||||
<div> Tab1 content</div>
|
||||
<adf-info-drawer-tab label="Tab1">
|
||||
<div>Tab1 content</div>
|
||||
</adf-info-drawer-tab>
|
||||
|
||||
<adf-info-drawer-tab [label]="'Tab2'">
|
||||
<div> Tab2 content</div>
|
||||
<adf-info-drawer-tab label="Tab2">
|
||||
<div>Tab2 content</div>
|
||||
</adf-info-drawer-tab>
|
||||
|
||||
</adf-info-drawer>
|
||||
```
|
||||
|
||||
Render tab with icon instead of labels:
|
||||
Render tab with icons instead of labels:
|
||||
|
||||
```html
|
||||
<adf-info-drawer>
|
||||
|
||||
<adf-info-drawer-tab [label]="'Tab1'" icon="comment">
|
||||
<div> Tab1 content</div>
|
||||
<adf-info-drawer-tab icon="comment">
|
||||
<div>Tab1 content</div>
|
||||
</adf-info-drawer-tab>
|
||||
|
||||
<adf-info-drawer-tab [label]="'Tab2'" icon="people">
|
||||
<div> Tab2 content</div>
|
||||
<adf-info-drawer-tab icon="people">
|
||||
<div>Tab2 content</div>
|
||||
</adf-info-drawer-tab>
|
||||
|
||||
</adf-info-drawer>
|
||||
@@ -46,6 +47,8 @@ Render tab with icon instead of labels:
|
||||
|
||||

|
||||
|
||||
You can also combine `icon` and `label` properties.
|
||||
|
||||
## Class members
|
||||
|
||||
### Properties
|
||||
|
@@ -111,8 +111,8 @@ modification dates, etc. Also, the `id` and `parentId` properties contain the no
|
||||
ID strings for the current node and its enclosing folder.
|
||||
|
||||
Sometimes, a [`MinimalNode`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeMinimalEntry.md) is provided directly, for example, the `folderNode` property
|
||||
of a [Document List component](../../content-services/document-list.component.md) or the data context of a
|
||||
[Document List row](../../content-services/document-list.component.md#underlying-node-object). In these cases,
|
||||
of a [Document List component](../../content-services/components/document-list.component.md) or the data context of a
|
||||
[Document List row](../../content-services/components/document-list.component.md#underlying-node-object). In these cases,
|
||||
you might pass the `id` or `parentId` as a [route parameter](https://angular.io/guide/router)
|
||||
to a page describing the node in full detail. The component receiving the node ID can
|
||||
use the [Nodes Api service](nodes-api.service.md) to "decode" the ID string into a [`MinimalNode`](https://github.com/Alfresco/alfresco-js-api/blob/master/src/alfresco-core-rest-api/docs/NodeMinimalEntry.md):
|
||||
@@ -188,5 +188,5 @@ pages in the Alfresco JS API for further details and options. Note that you can
|
||||
## See also
|
||||
|
||||
- [Deleted nodes api service](deleted-nodes-api.service.md)
|
||||
- [Document list component](../../content-services/document-list.component.md)
|
||||
- [Document list component](../../content-services/components/document-list.component.md)
|
||||
- [Node service](node.service.md)
|
||||
|
Reference in New Issue
Block a user