mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
80 lines
1.9 KiB
Markdown
80 lines
1.9 KiB
Markdown
---
|
|
Added: v2.0.0
|
|
Status: Active
|
|
---
|
|
|
|
# Apps List Component
|
|
|
|
Shows all available apps.
|
|
|
|
|
|
|
|
## Basic Usage
|
|
|
|
```html
|
|
<adf-apps
|
|
[layoutType]="'GRID'">
|
|
</adf-apps>
|
|
```
|
|
|
|
## Passing custom no-apps template
|
|
|
|
If we intend to show a custom template if there are no apps present
|
|
|
|
```html
|
|
<adf-apps
|
|
[layoutType]="'GRID'">
|
|
<adf-empty-list>
|
|
<div adf-empty-list-header class="adf-empty-list-header">No apps present</div>
|
|
</adf-empty-list>
|
|
</adf-apps>
|
|
```
|
|
|
|
## Class members
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Default value | Description |
|
|
| -- | -- | -- | -- |
|
|
| filtersAppId | `any[]` | | Provides a way to filter the apps to show. |
|
|
| layoutType | `string` | [`AppsListComponent`](../process-services/apps-list.component.md).LAYOUT_GRID | (**required**) Defines the layout of the apps. There are two possible values, "GRID" and "LIST". |
|
|
|
|
### Events
|
|
|
|
| Name | Type | Description |
|
|
| -- | -- | -- |
|
|
| appClick | [`EventEmitter<AppDefinitionRepresentationModel>`](../../lib/process-services/task-list/models/filter.model.ts) | Emitted when an app entry is clicked. |
|
|
| error | `EventEmitter<any>` | Emitted when an error occurs. |
|
|
|
|
## Details
|
|
|
|
### How filter the activiti apps
|
|
|
|
If you want to show some specific apps you can specify them through the filtersAppId parameters
|
|
|
|
```html
|
|
<adf-apps
|
|
[filtersAppId]="'[
|
|
{defaultAppId: 'tasks'},
|
|
{deploymentId: '15037'},
|
|
{name : 'my app name'}]'">
|
|
</adf-apps>
|
|
```
|
|
|
|
In this specific case only the Tasks app, the app with deploymentId 15037 and the app with "my app name" will be shown.
|
|
|
|
|
|
|
|
You can use inside the filter one of the following property
|
|
|
|
```json
|
|
{
|
|
"defaultAppId": "string",
|
|
"deploymentId": "string",
|
|
"name": "string",
|
|
"id": "number",
|
|
"modelId": "number",
|
|
"tenantId": "number"
|
|
}
|
|
```
|