inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add activiti apps component in the demo shell

Browse Source
This commit is contained in:
mauriziovitale84 2016-09-15 11:16:00 +01:00
parent e86b7dec84
commit 4df6a763f9
2 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,5 @@
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<activiti-apps (appClick)="onAppClick($event)"></activiti-apps>
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<!-- Tabs --> <!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect"> <div class="mdl-layout__tab-bar mdl-js-ripple-effect">
@ -13,7 +14,7 @@
<div class="mdl-grid"> <div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp"> <div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp">
<span>Task Filters</span> <span>Task Filters</span>
<activiti-filters [appId]="appId" (filterClick)="onTaskFilterClick($event)"></activiti-filters> <activiti-filters [appId]="appId" (filterClick)="onTaskFilterClick($event)" #activitifilter></activiti-filters>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp"> <div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp">
<span>Task List</span> <span>Task List</span>
@ -36,12 +37,14 @@
<div class="mdl-cell mdl-cell--2-col task-column"> <div class="mdl-cell mdl-cell--2-col task-column">
<span>Process Filters</span> <span>Process Filters</span>
<activiti-start-process-instance [appId]="appId"></activiti-start-process-instance> <activiti-start-process-instance [appId]="appId"></activiti-start-process-instance>
<activiti-process-instance-filters (filterClick)="onProcessFilterClick($event)"></activiti-process-instance-filters> <activiti-process-instance-filters [appId]="appId"
(filterClick)="onProcessFilterClick($event)"></activiti-process-instance-filters>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column"> <div class="mdl-cell mdl-cell--3-col task-column">
<span>Process List</span> <span>Process List</span>
<activiti-process-instance-list [filter]="processFilter" [schemaColumn]="processSchemaColumns" <activiti-process-instance-list [filter]="processFilter" [schemaColumn]="processSchemaColumns"
(rowClick)="onProcessRowClick($event)" #activitiprocesslist></activiti-process-instance-list> (rowClick)="onProcessRowClick($event)" (onSuccess)="onSuccessProcessList($event)"
#activitiprocesslist></activiti-process-instance-list>
</div> </div>
<div class="mdl-cell mdl-cell--7-col task-column"> <div class="mdl-cell mdl-cell--7-col task-column">
<span>Process Details</span> <span>Process Details</span>

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

@ -16,7 +16,12 @@
*/ */
import { Component, AfterViewChecked, ViewChild, Input } from '@angular/core'; import { Component, AfterViewChecked, ViewChild, Input } from '@angular/core';
import { ALFRESCO_TASKLIST_DIRECTIVES, TaskQueryRequestRepresentationModel } from 'ng2-activiti-tasklist'; import { ALFRESCO_TASKLIST_DIRECTIVES,
TaskQueryRequestRepresentationModel,
AppDefinitionRepresentationModel,
FilterRepresentationModel,
UserTaskFilterRepresentationModel
} from 'ng2-activiti-tasklist';
import { ACTIVITI_PROCESSLIST_DIRECTIVES } from 'ng2-activiti-processlist'; import { ACTIVITI_PROCESSLIST_DIRECTIVES } from 'ng2-activiti-processlist';
import { ActivitiForm } from 'ng2-activiti-form'; import { ActivitiForm } from 'ng2-activiti-form';
import { ActivatedRoute } from '@angular/router'; import { ActivatedRoute } from '@angular/router';
@ -36,6 +41,9 @@ export class ActivitiDemoComponent implements AfterViewChecked {
currentChoice: string = 'task-list'; currentChoice: string = 'task-list';
@ViewChild('activitifilter')
activitifilter: any;
@ViewChild('activitidetails') @ViewChild('activitidetails')
activitidetails: any; activitidetails: any;
@ -60,7 +68,7 @@ export class ActivitiDemoComponent implements AfterViewChecked {
sub: Subscription; sub: Subscription;
@Input() @Input()
appId: string; appId: number;
setChoice($event) { setChoice($event) {
this.currentChoice = $event.target.value; this.currentChoice = $event.target.value;
@ -94,36 +102,37 @@ export class ActivitiDemoComponent implements AfterViewChecked {
this.sub.unsubscribe(); this.sub.unsubscribe();
} }
onTaskFilterClick(event: any) { onAppClick(app: AppDefinitionRepresentationModel) {
this.taskFilter = event; this.appId = app.id;
let requestNode = {appDefinitionId: this.taskFilter.appId, this.taskFilter = null;
processDefinitionId: this.taskFilter.filter.processDefinitionId, this.currentTaskId = null;
text: this.taskFilter.filter.name,
assignment: this.taskFilter.filter.assignment, this.processFilter = null;
state: this.taskFilter.filter.state, this.currentProcessInstanceId = null;
sort: this.taskFilter.filter.sort
};
this.activititasklist.load(new TaskQueryRequestRepresentationModel(requestNode));
} }
onSuccessTaskList(event: any) { onTaskFilterClick(event: FilterRepresentationModel) {
this.taskFilter = event;
}
onSuccessTaskList(event: UserTaskFilterRepresentationModel) {
this.currentTaskId = this.activititasklist.getCurrentTaskId(); this.currentTaskId = this.activititasklist.getCurrentTaskId();
this.activitidetails.loadDetails(this.currentTaskId);
} }
onProcessFilterClick(event: any) { onProcessFilterClick(event: any) {
this.processFilter = event.filter; this.processFilter = event;
this.activitiprocesslist.load(this.processFilter); }
onSuccessProcessList(event: any) {
this.currentProcessInstanceId = this.activitiprocesslist.getCurrentProcessId();
} }
onTaskRowClick(taskId) { onTaskRowClick(taskId) {
this.currentTaskId = taskId; this.currentTaskId = taskId;
this.activitidetails.loadDetails(this.currentTaskId);
} }
onProcessRowClick(processInstanceId) { onProcessRowClick(processInstanceId) {
this.currentProcessInstanceId = processInstanceId; this.currentProcessInstanceId = processInstanceId;
this.activitiprocessdetails.load(this.currentProcessInstanceId);
} }
processCancelled(data: any) { processCancelled(data: any) {