Files
alfresco-ng2-components/ng2-components/ng2-activiti-diagrams
Eugenio Romano 29ca8b5c5e [ADF-859] add codelyzer in core and datatable (#2056)
* add codelyzer in core and datatable

* add codelyzer in the main build

* order imports

* fix import in test

* fix import test

* import reorder form

* tasklist and processlist import reorder
2017-08-01 11:25:32 +01:00
..
2016-12-14 15:49:08 +00:00
2017-08-01 11:25:32 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00
2017-06-29 15:57:37 +01:00

Activiti Diagrams Component

Prerequisites

Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration, see this page.

If you plan using this component with projects generated by Angular CLI, please refer to the following article: 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>

Or 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 the 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 element are loaded
onError Raised when the an error occur during the loading

Build from sources

You can build component from sources with the following commands:

npm install
npm run build

The build task 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

License

Apache Version 2.0