mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-31 17:38:48 +00:00
8bb4361645
* [ADF-1095] Date Range picker remains on screen * created date widget component with md datepicker. * [ADF-1095] Date Range picker remains on screen. * Changed mdl date picker to md date picker. * Updated en.josn with new fields. * Added md libraires to spec files . * [ADF-1095] Date Range picker remains on screen * Removed old id's for start and end date inputs. * remove md-date-time-picker * use local MaterialModule in test * [activiti-analytics] remove encapsulation and fix test * remove from vendor md-date-time-picker
Activiti Diagrams Component
Prerequisites
Before you start using this development framework, make sure you have installed all required software and done all the necessary configurations, see this page.
If you plan to use this component with projects generated by Angular CLI, you can read more in Using ADF with Angular CLI
Install
npm install ng2-activiti-diagrams
Activiti Diagram Component
This component shows the diagram of a process.
<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).
<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 |
|---|---|
| onSuccess | Raised when the diagrams elements are loaded |
| onError | Raised when an error occurs during loading |
Build from sources
You can build the component from sources with the following commands:
npm install
npm run build
The
buildtask rebuilds all the code, runs tslint, license checks and other quality check tools before performing unit testing.
NPM scripts
| Command | Description |
|---|---|
| npm run build | Build component |
| npm run test | Run unit tests in the console |
| npm run test-browser | Run unit tests in the browser |
| npm run coverage | Run unit tests and display code coverage report |
Demo
Please check the demo folder for a demo project
cd demo
npm install
npm start