inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-31 17:38:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

#1107 Fixes demo and documentation

Browse Source
This commit is contained in:
mauriziovitale84
2016-11-18 16:36:54 +00:00
committed by Mario Romano
parent 1501e2c2cc
commit e127837bcc
6 changed files with 43 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
demo-shell-ng2/app/components/activiti/activiti-demo.component.html
View File

@@ -36,8 +36,8 @@
</div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp">
<span>Task List</span>
<activiti-tasklist *ngIf="taskFilter && taskFilter.hasFilter()" [appId]="taskFilter.appId"
[processDefinitionId]="taskFilter.filter.processDefinitionId"
<activiti-tasklist *ngIf="taskFilter?.hasFilter()" [appId]="taskFilter.appId"
[processDefinitionKey]="taskFilter.filter.processDefinitionKey"
[name]="taskFilter.filter.name"
[assignment]="taskFilter.filter.assignment"
[state]="taskFilter.filter.state"
@@ -71,7 +71,12 @@
</div>
<div class="mdl-cell mdl-cell--3-col task-column">
<span>Process List</span>
<activiti-process-instance-list [filter]="processFilter" [data]="dataProcesses"
<activiti-process-instance-list *ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId"
[processDefinitionKey]="processFilter.filter.processDefinitionKey"
[name]="processFilter.filter.name"
[state]="processFilter.filter.state"
[sort]="processFilter.filter.sort"
[data]="dataProcesses"
(rowClick)="onProcessRowClick($event)" (onSuccess)="onSuccessProcessList($event)"
#activitiprocesslist></activiti-process-instance-list>
</div>

15
demo-shell-ng2/app/components/activiti/activiti-demo.component.ts
View File

@@ -81,9 +81,9 @@ export class ActivitiDemoComponent implements AfterViewChecked {
taskSchemaColumns: any [] = [];
processSchemaColumns: any [] = [];
taskFilter: any;
taskFilter: FilterRepresentationModel;
report: any;
processFilter: any;
processFilter: FilterRepresentationModel;
sub: Subscription;
@@ -103,11 +103,10 @@ export class ActivitiDemoComponent implements AfterViewChecked {
this.dataProcesses = new ObjectDataTableAdapter(
[],
[
{type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true},
{type: 'text', key: 'started', title: 'Started', cssClass: 'hidden', sortable: true}
{type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column'},
{type: 'text', key: 'started', title: 'Started', cssClass: 'hidden'}
]
);
this.dataProcesses.setSorting(new DataSorting('started', 'desc'));
// Uncomment this line to replace all 'text' field editors with custom component
// formRenderingService.setComponentTypeResolver('text', () => CustomEditorComponent, true);
@@ -163,10 +162,10 @@ export class ActivitiDemoComponent implements AfterViewChecked {
}
onSuccessTaskList(event: FilterRepresentationModel) {
this.currentTaskId = this.activititasklist.getCurrentTaskId();
this.currentTaskId = this.activititasklist.getCurrentId();
}
onProcessFilterClick(event: any) {
onProcessFilterClick(event: FilterRepresentationModel) {
this.processFilter = event;
}
@@ -175,7 +174,7 @@ export class ActivitiDemoComponent implements AfterViewChecked {
}
onSuccessProcessList(event: any) {
this.currentProcessInstanceId = this.activitiprocesslist.getCurrentProcessId();
this.currentProcessInstanceId = this.activitiprocesslist.getCurrentId();
}
onTaskRowClick(taskId) {

15
ng2-components/ng2-activiti-processlist/README.md
View File

@@ -108,10 +108,10 @@ Follow the 3 steps below:
### Activiti Process Instance List
This component renders a list containing all the process instances matched by the filter specified.
This component renders a list containing all the process instances matched by the parameters specified.
```html
<activiti-process-instance-list [filter]="processFilterModel"></activiti-tasklist>
<activiti-process-instance-list [appId]="'1'" [state]="'open'"></activiti-tasklist>
```
Usage example of this component :
@@ -130,14 +130,16 @@ import { ObjectDataTableAdapter, DataSorting } from 'ng2-alfresco-datatable';
@Component({
selector: 'alfresco-app-demo',
template: `<activiti-process-instance-list [filter]="filterRepresentationModel" [data]="dataProcesses"
template: `<activiti-process-instance-list [appId]="appId" [state]="state" [data]="dataProcesses"
#activitiprocesslist></activiti-process-instance-list>`
})
class MyDemoApp {
dataProcesses: ObjectDataTableAdapter;
filterRepresentationModel: FilterRepresentationModel;
appId: string = '1';
state: string = 'open';
constructor(private authService: AlfrescoAuthenticationService, private settingsService: AlfrescoSettingsService) {
settingsService.bpmHost = 'http://localhost:9999';
@@ -190,7 +192,10 @@ platformBrowserDynamic().bootstrapModule(AppModule);
| Name | Description |
| --- | --- |
|`filter`| { UserProcessInstanceFilterRepresentationModel } (required) UserProcessInstanceFilterRepresentationModel object that is passed to the process instance list API to filter the returned list. |
|`appId`| { appId } The id of the app. |
|`processDefinitionKey`| { processDefinitionKey } The processDefinitionKey of the process. |
|`state`| { state } Define state of the processes. Possible values are running, completed and all |
|`sort`| { sort } Define sort of the processes. Possible values are created-desc, created-asc, ended-desc, ended-asc |
Example:

9
ng2-components/ng2-activiti-processlist/demo/src/main.ts
View File

@@ -22,7 +22,7 @@ import { AppDefinitionRepresentationModel, ActivitiTaskListModule } from 'ng2-ac
import { CoreModule } from 'ng2-alfresco-core';
import { ActivitiProcessListModule } from 'ng2-activiti-processlist';
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
import { ObjectDataTableAdapter, DataSorting } from 'ng2-alfresco-datatable';
import { ObjectDataTableAdapter } from 'ng2-alfresco-datatable';
@Component({
selector: 'alfresco-app-demo',
@@ -144,11 +144,12 @@ class MyDemoApp implements OnInit {
this.dataProcesses = new ObjectDataTableAdapter(
[],
[
{type: 'text', key: 'id', title: 'Id'},
{type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true},
{type: 'text', key: 'started', title: 'Started', cssClass: 'hidden', sortable: true}
{type: 'text', key: 'started', title: 'Started', sortable: true},
{type: 'text', key: 'startedBy.email', title: 'Started By', sortable: true}
]
);
this.dataProcesses.setSorting(new DataSorting('started', 'desc'));
}
public updateTicket(): void {
@@ -195,7 +196,7 @@ class MyDemoApp implements OnInit {
}
onSuccessProcessList(event: any) {
this.currentProcessInstanceId = this.activitiprocesslist.getCurrentProcessId();
this.currentProcessInstanceId = this.activitiprocesslist.getCurrentId();
}
onProcessRowClick(processInstanceId) {

28
ng2-components/ng2-activiti-tasklist/README.md
View File

@@ -137,7 +137,7 @@ Follow the 3 steps below:
## Basic usage example Activiti Task List
The component shows the list of all the tasks filter by the FilterParamRepresentationModel passed in input.
This component renders a list containing all the tasks matched by the parameters specified.
```html
<activiti-tasklist [appId]="'1'" [state]="'open'" [assignment]="'assignee'"></activiti-tasklist>
@@ -218,22 +218,16 @@ platformBrowserDynamic().bootstrapModule(AppModule);
| Name | Description |
| --- | --- |
| `taskFilter` | { FilterParamRepresentationModel } required) FilterParamRepresentationModel object that is passed to the task list API to filter the task list. |
Example:
```json
{
appId: '3003',
filter:{
processDefinitionKey: null,
name:null,
assignment: 'involved',
state:'running',
sort: 'created-desc'
}
}
```
|`appId`| { appId } The id of the app. |
|`processDefinitionKey`| { processDefinitionKey } The processDefinitionKey of the process. |
|`assignment`| { assignment } The assignment of the process.
Possible values are:
assignee : where the current user is the assignee
candidate: where the current user is a task candidate
group_x: where the task is assigned to a group where the current user is a member of. The groups can be fetched through the profile REST endpoint
no value: where the current user is involved |
|`state`| { state } Define state of the processes. Possible values are: completed, active |
|`sort`| { sort } Define the sort of the processes. Possible values are created-desc, created-asc, due-desc, due-asc |
| Name | Description |
| --- | --- |

5
ng2-components/ng2-activiti-tasklist/demo/src/main.ts
View File

@@ -27,7 +27,7 @@ import {
} from 'ng2-activiti-tasklist';
import { CoreModule } from 'ng2-alfresco-core';
import { AlfrescoAuthenticationService, AlfrescoSettingsService } from 'ng2-alfresco-core';
import { ObjectDataTableAdapter, DataSorting } from 'ng2-alfresco-datatable';
import { ObjectDataTableAdapter } from 'ng2-alfresco-datatable';
@Component({
selector: 'alfresco-app-demo',
@@ -159,7 +159,6 @@ class MyDemoApp implements OnInit {
{type: 'text', key: 'started', title: 'Started', cssClass: 'hidden', sortable: true}
]
);
this.dataTasks.setSorting(new DataSorting('started', 'desc'));
}
public updateTicket(): void {
@@ -209,7 +208,7 @@ class MyDemoApp implements OnInit {
onSuccessTaskList(event: FilterRepresentationModel) {
this.currentTaskId = this.activititasklist.getCurrentId();
}
main
onTaskRowClick(taskId) {
this.currentTaskId = taskId;
}