mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
d563dbbd77
* [ADF-2451] Reviewed tasklist docs * [ADF-2451] Reviewed docs for content node components * [ADF-2451] Fixed tslint error * [ADF-2463] Moved core components to subfolder (#3062) * [ADF-2443] renaming getDifferentPageSize to getDefaultPageSize (#3060) * [ADF-2443] renaming getDifferentPageSize to getDefaultPageSize * [ADF-2443] fixed method call for demo shell * Add data-automation-id to an error message displayed on the Tag Page. (#3064) * Update upload-drag-area.component.md (#3067) * [ADF-2443] fixed documentation (#3066) * [ADF-2451] Reviewed tasklist docs * [ADF-2451] Reviewed docs for content node components * [ADF-2451] Fixed tslint error
65 lines
3.3 KiB
Markdown
65 lines
3.3 KiB
Markdown
---
|
|
Added: v2.1.0
|
|
Status: Active
|
|
Last reviewed: 2018-03-12
|
|
---
|
|
|
|
# Content Node Selector Panel component
|
|
|
|
Opens a [Content Node Selector](content-node-selector.component.md) in its own dialog window.
|
|
|
|
|
|
|
|
## Basic Usage
|
|
|
|
```html
|
|
<adf-content-node-selector-panel
|
|
[currentFolderId]="currentFolderId"
|
|
[dropdownHideMyFiles]="dropdownHideMyFiles"
|
|
[dropdownSiteList]="dropdownSiteList"
|
|
[rowFilter]="rowFilter"
|
|
[imageResolver]="imageResolver"
|
|
(select)="onSelect($event)">
|
|
</adf-content-node-selector-panel>
|
|
```
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| ---- | ---- | ------------- | ----------- |
|
|
| currentFolderId | `string` | `null` | Node ID of the folder currently listed. |
|
|
| dropdownHideMyFiles | `boolean` | `false` | Hide the "My Files" option added to the site list by default. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
|
|
| dropdownSiteList | `SitePaging` | `null` | Custom site for site dropdown same as siteList. See the [Sites Dropdown component](sites-dropdown.component.md) for more information. |
|
|
| rowFilter | `RowFilter` | `null` | Custom row filter function. See the [Document List component](document-list.component.md#custom-row-filter) for more information. |
|
|
| imageResolver | `ImageResolver` | `null` | Custom image resolver function. See the [Document List component](document-list.component.md#custom-row-filter) for more information. |
|
|
| pageSize | `number` | | Number of items shown per page in the list. |
|
|
| isSelectionValid | `ValidationFunction` | `defaultValidation` | Function used to decide if the selected node has permission to be selected. Default value is a function that always returns true. |
|
|
| breadcrumbTransform | `(node: any) => any` | | Transformation to be performed on the chosen/folder node before building the breadcrumb UI. Can be useful when custom formatting is needed for the breadcrumb. You can change the path elements from the node that are used to build the breadcrumb using this function. |
|
|
|
|
### Events
|
|
|
|
| Name | Type | Description |
|
|
| ---- | ---- | ----------- |
|
|
| select | `EventEmitter<MinimalNodeEntryEntity[]>` | Emitted when the user has chosen an item. |
|
|
|
|
## Details
|
|
|
|
This component opens a _content node selector_ in its own dialog window. This behaves a lot like the
|
|
standard file open/save dialogs used by applications to choose files. Full details are given in the
|
|
[Content Node Selector component](content-node-selector.component.md) page (this is similar but does
|
|
not manage the dialog window for you). Also, the
|
|
[Content Node Dialog service](content-node-dialog.service.md) has several methods that give you
|
|
finer control over the behavior of the dialog.
|
|
|
|
### Using the breadcrumbTransform function
|
|
|
|
The `breadcrumbTransform` property lets you modify the Node object that is used to generate the
|
|
list of breadcrumbs. You can use this, for example, to remove path elements that are not
|
|
relevant to the use case. See the [Breadcrumb component](breadcrumb.component.md) page for an
|
|
example of how to use this function.
|
|
|
|
## See also
|
|
|
|
- [Content Node Selector component](content-node-selector.component.md)
|
|
- [Content Node Dialog service](content-node-dialog.service.md)
|