Maurizio Vitale 4c9629c2d6 [ADF-3550] Migration - Application List Component (#3902)
* [ADF-3538] start creating new folder for cloud components

* [ADF-3538] added new package to the script and the builds

* [ADF-3538] added some more changes to scripts

* [ADF-3538] - starting the new package

* fix package

* Add a cloud component as example

* Skip the scss style

* remove useless codes

* Add i18n example

* remove useless code

* Simplify the hello component
Fix the wrong path

* add the app-list-cloud-component
add the app-details-cloud-component

* Expose and use the new component

* Consume the new package and component from the demoshell

* Fix unit test app list cloud

* Fix process service cloud path

* Remove useless file

* * Added documentation to the appListcloud component

* Fix failing unit tests
2018-10-18 17:11:32 +01:00

46 lines
1.1 KiB
Markdown

---
Added: v3.0.0
Status: Active
Last reviewed: 2018-18-10
---
# App List Cloud Component
Shows all deployed cloud application instances.
## Basic Usage
```html
<adf-cloud-app-list
[layoutType]="'GRID'">
</adf-cloud-app-list>
```
### [Transclusions](../user-guide/transclusion.md)
You can show custom content when there are no apps available by supplying an
`<adf-empty-custom-content>` section:
```html
<adf-cloud-app-list
[layoutType]="'GRID'">
<adf-empty-custom-content>
No Apps present
</adf-empty-custom-content>
</adf-cloud-app-list>
```
## Class members
### Properties
| Name | Type | Default value | Description |
| ---- | ---- | ------------- | ----------- |
| layoutType | `string` | | (**required**) Defines the layout of the apps. There are two possible values, "GRID" and "LIST". |
### Events
| Name | Type | Description |
| ---- | ---- | ----------- |
| appClick | [`EventEmitter`](https://angular.io/api/core/EventEmitter)`<`[`ApplicationInstanceModel`](../../lib/process-services-cloud/apps-list/models/application-instance.model.ts)`>` | Emitted when an app entry is clicked. |