Provide an url to filter by appId

This commit is contained in:
mauriziovitale84
2016-09-08 16:27:30 +01:00
parent de099e505e
commit 638a52dc25
3 changed files with 17 additions and 2 deletions

View File

@@ -40,6 +40,7 @@ export const routes: RouterConfig = [
{ path: 'login', component: LoginDemoComponent }, { path: 'login', component: LoginDemoComponent },
{ path: 'search', component: SearchComponent }, { path: 'search', component: SearchComponent },
{ path: 'activiti', component: ActivitiDemoComponent }, { path: 'activiti', component: ActivitiDemoComponent },
{ path: 'activiti/appId/:appId', component: ActivitiDemoComponent },
{ path: 'activiti/tasks/:id', component: FormViewer }, { path: 'activiti/tasks/:id', component: FormViewer },
{ path: 'activiti/tasksnode/:id', component: FormNodeViewer }, { path: 'activiti/tasksnode/:id', component: FormNodeViewer },
{ path: 'webscript', component: WebscriptComponent }, { path: 'webscript', component: WebscriptComponent },

View File

@@ -13,7 +13,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 (filterClick)="onTaskFilterClick($event)"></activiti-filters> <activiti-filters [appId]="appId" (filterClick)="onTaskFilterClick($event)"></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>

View File

@@ -19,6 +19,8 @@ import { Component, AfterViewChecked, ViewChild, Input } from '@angular/core';
import { ALFRESCO_TASKLIST_DIRECTIVES } from 'ng2-activiti-tasklist'; import { ALFRESCO_TASKLIST_DIRECTIVES } 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 { Subscription } from 'rxjs/Rx';
declare let __moduleName: string; declare let __moduleName: string;
declare var componentHandler; declare var componentHandler;
@@ -55,6 +57,8 @@ export class ActivitiDemoComponent implements AfterViewChecked {
taskFilter: any; taskFilter: any;
processFilter: any; processFilter: any;
private sub: Subscription;
@Input() @Input()
appId: string; appId: string;
@@ -70,7 +74,7 @@ export class ActivitiDemoComponent implements AfterViewChecked {
return this.currentChoice === 'task-list'; return this.currentChoice === 'task-list';
} }
constructor() { constructor(private route: ActivatedRoute) {
this.taskSchemaColumns = [ this.taskSchemaColumns = [
{type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true} {type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true}
// {type: 'text', key: 'created', title: 'Created', sortable: true} // {type: 'text', key: 'created', title: 'Created', sortable: true}
@@ -80,6 +84,16 @@ export class ActivitiDemoComponent implements AfterViewChecked {
]; ];
} }
ngOnInit() {
this.sub = this.route.params.subscribe(params => {
this.appId = params['appId'];
});
}
ngOnDestroy() {
this.sub.unsubscribe();
}
onTaskFilterClick(event: any) { onTaskFilterClick(event: any) {
this.taskFilter = event; this.taskFilter = event;
this.activititasklist.load(this.taskFilter.filter); this.activititasklist.load(this.taskFilter.filter);