mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-07-24 17:32:15 +00:00
083c9da0d4
* mdl2 transition part form 1 * hyperlink * radio buttons * label * people component * [ADF-852] moved textarea to new angular material * number widget * change error multiline * [ADF-852] added md desgin for dropdown * [ADF-852] removed unused css file * functional widget * error dropdown * [ADF-852] - changed to new md date * remove md-date-time-picker dependency in ng2-alfresco-from * [ADF-852] conversion dynamic table phase 1 * container widget * remove test unused * validation change * [ADF-852] convert dynamic table phase 2 * [ADF-852] improving style and fixing bugs * move custom style for form in form.scss * error footer refactor * fix models and test * [ADF-852]- fixed minor twitch on dynamic table * align fields and fix tests dropdown * disabling button in readonly clean mdl form start process form * align dropdown * [ADF-1048] Upload widget can manage multiple files. (#2134) * [ADF-1048] improving upload widget * [ADF-1048] added ability to upload multiple file on upload widget * [ADF-1048] added multiple upload elements on upload widget * [ADF-1048] - show all the files on the completed form * [ADF-1048] fixed wrong selecion on displya upload * [ADF-1048] removed fdescribe from upload widget * date validation and custom moment data adapter * move content widget in the widget folder * add style fields and theming * color primary radio and checkbox * fix amount widget and colors * change ViewEncapsulation and fix date style button issue * empty form customization 1736 * focus label style * [ADF-224] fix the rendering of custom stencils when form is opened in readonly state. (#2161) * [ADF-224] Fixed rendering of custom stencil in readonly mode * [ADF-224] improved variable name * test fix * container filter in form model creation * show display value correctly * fix change date and test * fix date editor and add some test coverage for date * style minor issue * fix new unused local import rule * fix test date * strict date check * fix analytics failing test * restore null as default in model * unify model diagrams and analytics
Activiti Analytics Components
- Prerequisites
- Install
- Activiti Analytics List Component
- Activiti Analytics Component
- Analytics Generator Component
- Build from sources
- NPM scripts
- Demo
- License
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-analytics
Activiti Analytics List Component
The component shows the list of all the available reports
<analytics-report-list
[layoutType]="'LIST'">
</analytics-report-list>
Properties
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| appId | string | optional | The application id | |
| layoutType | string | required | Define the layout of the apps. There are two possible values: GRID or LIST. LIST is the default value | |
| selectFirst | boolean | optional | false | Change the value to true if you want to select the first item in the list as default |
Events
| Name | Description |
|---|---|
| onSuccess | The event is emitted when the report list is loaded |
| onError | The event is emitted when an error occurs during the loading |
| reportClick | The event is emitted when the report in the list is selected |
Activiti Analytics Component
The component shows the charts related to the reportId passed as input
<adf-analytics
[appId]="1001"
[reportId]="2006">
</adf-analytics>
Properties
| Name | Type | Description |
|---|---|---|
| appId | string | The application id |
| reportId | string | The report id |
| hideParameters | boolean | Toggle the analytics parameters |
| debug | boolean | Toggle debug mode, outputs the Form values in the console log if enabled. |
You can also hide chart parameters UI by setting the hideParameters to true:
<adf-analytics
[appId]="appId"
[reportId]="reportId"
[hideParameters]="true">
</adf-analytics>
Events
| Name | Description |
|---|---|
| onSuccess | The event is emitted when the report parameters are loaded |
| onError | The event is emitted when an error occurs during the loading |
| reportSaved | The event is emitted when a report is saved |
| reportDeleted | The event is emitted when a report is deleted |
Analytics Generator Component
The component generates and shows the charts
<adf-analytics-generator
[reportId]="reportId"
[reportParamQuery]="reportParamQuery">
</adf-analytics>
Properties
| Name | Type | Description |
|---|---|---|
| reportId | string | The report id |
| reportParamQuery | ReportQuery | The object contains all the parameters that the report needs |
Events
| Name | Description |
|---|---|
| onSuccess | Raised when the charts are loaded |
| onError | Raised when an error occurs during the 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