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

[ADF-1442] added selectedIndex managing for tab group on activiti demo (#2275)

Browse Source 
* [ADF-1442] added selectedIndex managing for tab group on activiti demo

* [ADF-1442] removed old tab click managing
This commit is contained in:
Vito
2017-09-01 09:18:44 -07:00
committed by Mario Romano
parent cbe7db7ed2
commit 53d8aa4a6f
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,5 @@
<md-tab-group> <md-tab-group [(selectedIndex)]="activeTab">
<md-tab id="tasks-header" href="#tasks" (click)="activeTab = 'tasks'" label="{{'PS-TAB.TASKS-TAB' | translate}}"> <md-tab id="tasks-header" href="#tasks" label="{{'PS-TAB.TASKS-TAB' | translate}}">
<div class="page-content"> <div class="page-content">
<div class="activiti-demo-grid"> <div class="activiti-demo-grid">
<div class="activiti-demo-grid-item activiti-demo-tasks-menu"> <div class="activiti-demo-grid-item activiti-demo-tasks-menu">
@@ -102,7 +102,7 @@
</div> </div>
</div> </div>
</md-tab> </md-tab>
<md-tab id="processes-header" href="#processes" (click)="activeTab = 'processes'" <md-tab id="processes-header" href="#processes"
label="{{'PS-TAB.PROCESSES-TAB' | translate}}"> label="{{'PS-TAB.PROCESSES-TAB' | translate}}">
<div class="page-content"> <div class="page-content">
<div class="mdl-grid"> <div class="mdl-grid">
@@ -189,7 +189,7 @@
</div> </div>
</div> </div>
</md-tab> </md-tab>
<md-tab id="report-header" href="#report" (click)="activeTab = 'reports'" <md-tab id="report-header" href="#report"
label="{{'PS-TAB.REPORTS-TAB' | translate}}"> label="{{'PS-TAB.REPORTS-TAB' | translate}}">
<div class="mdl-grid"> <div class="mdl-grid">
<div class="mdl-cell mdl-cell--4-col task-column mdl-shadow--2dp"> <div class="mdl-cell mdl-cell--4-col task-column mdl-shadow--2dp">

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

@@ -90,6 +90,8 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
fileShowed: boolean = false; fileShowed: boolean = false;
selectFirstReport: boolean = false; selectFirstReport: boolean = false;
private tabs = { tasks : 0 , processes : 1, reports: 2};
content: Blob; content: Blob;
contentName: string; contentName: string;
@@ -106,7 +108,7 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
taskPage: number = 0; taskPage: number = 0;
processSchemaColumns: any [] = []; processSchemaColumns: any [] = [];
activeTab: string = 'tasks'; // tasks|processes|reports activeTab: number = this.tabs.tasks; // tasks|processes|reports
taskFilter: FilterRepresentationModel; taskFilter: FilterRepresentationModel;
report: any; report: any;
@@ -204,7 +206,7 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
}); });
if (this.router.url.includes('processes') ) { if (this.router.url.includes('processes') ) {
this.activeTab = 'processes'; this.activeTab = this.tabs.processes;
} }
this.sub = this.route.params.subscribe(params => { this.sub = this.route.params.subscribe(params => {
let applicationId = params['appId']; let applicationId = params['appId'];
@@ -392,7 +394,7 @@ export class ActivitiDemoComponent implements AfterViewInit, OnDestroy, OnInit {
onProcessDetailsTaskClick(event: TaskDetailsEvent): void { onProcessDetailsTaskClick(event: TaskDetailsEvent): void {
event.preventDefault(); event.preventDefault();
this.activeTab = 'tasks'; this.activeTab = this.tabs.tasks;
const taskId = event.value.id; const taskId = event.value.id;
const processTaskDataRow = new ObjectDataRow({ const processTaskDataRow = new ObjectDataRow({