mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
49 lines
1.2 KiB
Markdown
49 lines
1.2 KiB
Markdown
# Activiti Diagram Component
|
|
|
|
<!-- markdown-toc start - Don't edit this section. npm run toc to generate it-->
|
|
|
|
<!-- toc -->
|
|
|
|
- [Basic Usage](#basic-usage)
|
|
* [Properties](#properties)
|
|
* [Events](#events)
|
|
|
|
<!-- tocstop -->
|
|
|
|
<!-- markdown-toc end -->
|
|
|
|
## Basic Usage
|
|
|
|
This component shows the diagram of a process.
|
|
|
|
```html
|
|
<adf-diagram
|
|
[processDefinitionId]="processDefinitionId">
|
|
</adf-diagram>
|
|
```
|
|
|
|
The below component shows the diagram of a running process instance with the activities highlighted according to their state (Active/Completed/Pending).
|
|
|
|
```html
|
|
<adf-diagram
|
|
[processInstanceId]="processInstanceId">
|
|
</adf-diagram>
|
|
```
|
|
|
|
### Properties
|
|
|
|
| Name | Type | Description |
|
|
| --- | --- | -- |
|
|
| metricPercentages | any | The array that contains the percentage of time for each element |
|
|
| processInstanceId | any | |
|
|
| metricColor | any | The array that contains the color for each element |
|
|
| metricType | any | The string that specifies the metric type |
|
|
| width | number | |
|
|
| height | number | |
|
|
|
|
### Events
|
|
|
|
| Name | Description |
|
|
| --- | --- |
|
|
| success | Raised when the diagrams elements are loaded |
|
|
| error | Raised when an error occurs during loading | |