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

[ADF-1052] remove mdl tab (#2213)

Browse Source
This commit is contained in:
Eugenio Romano 2017-08-14 16:57:05 +01:00 committed by Mario Romano
parent 95a881b87a
commit 4e4c22389c
2 changed files with 207 additions and 225 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,21 +1,5 @@
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header"> <md-tab-group>
<md-tab id="tasks-header" href="#tasks" (click)="activeTab = 'tasks'" label="{{'PS-TAB.TASKS-TAB' | translate}}">
<header class="mdl-layout__header">
<!-- TABS -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a id="tasks-header" href="#tasks" class="mdl-layout__tab" [class.is-active]="activeTab === 'tasks'" (click)="activeTab = 'tasks'">TASKS</a>
<a id="processes-header" href="#processes" class="mdl-layout__tab" [class.is-active]="activeTab === 'processes'" (click)="activeTab = 'processes'">PROCESSES</a>
<a id="report-header" href="#report" class="mdl-layout__tab" [class.is-active]="activeTab === 'reports'" (click)="activeTab = 'reports'">REPORTS</a>
</div>
</header>
<main class="mdl-layout__content activiti">
<!-- TASKS COMPONENT -->
<section class="mdl-layout__tab-panel" [class.is-active]="activeTab === 'tasks'" id="tasks">
<div class="page-content"> <div class="page-content">
<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">
@ -26,7 +10,8 @@
</button> </button>
</div> </div>
<adf-accordion> <adf-accordion>
<adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assignment'"> <adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true"
[headingIcon]="'assignment'">
<activiti-filters <activiti-filters
[filterParam]="{name:'MY tasks'}" [filterParam]="{name:'MY tasks'}"
[appId]="appId" [appId]="appId"
@ -38,7 +23,8 @@
</adf-accordion-group> </adf-accordion-group>
</adf-accordion> </adf-accordion>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp" *ngIf="taskFilter && !isStartTaskMode()"> <div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp"
*ngIf="taskFilter && !isStartTaskMode()">
<activiti-tasklist <activiti-tasklist
[appId]="taskFilter?.appId" [appId]="taskFilter?.appId"
[processDefinitionKey]="taskFilter?.filter?.processDefinitionKey" [processDefinitionKey]="taskFilter?.filter?.processDefinitionKey"
@ -82,7 +68,7 @@
adf-task-audit adf-task-audit
[task-id]="currentTaskId" [task-id]="currentTaskId"
[download]="true" [download]="true"
md-icon-button (clicked)="onAuditClick($event)" (error)="onAuditError($event)" > md-icon-button (clicked)="onAuditClick($event)" (error)="onAuditError($event)">
<md-icon>assignment_ind</md-icon> <md-icon>assignment_ind</md-icon>
</button> </button>
<hr> <hr>
@ -104,13 +90,9 @@
</div> </div>
</div> </div>
</div> </div>
</section> </md-tab>
<md-tab id="processes-header" href="#processes" (click)="activeTab = 'processes'"
label="{{'PS-TAB.PROCESSES-TAB' | translate}}">
<!-- PROCESS COMPONENT -->
<section class="mdl-layout__tab-panel" [class.is-active]="activeTab === 'processes'" id="processes">
<div class="page-content" *ngIf="activeTab === 'processes'">
<div class="page-content"> <div class="page-content">
<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">
@ -124,7 +106,8 @@
</button> </button>
</div> </div>
<adf-accordion> <adf-accordion>
<adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assessment'"> <adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true"
[headingIcon]="'assessment'">
<activiti-process-instance-filters <activiti-process-instance-filters
[filterParam]="{index: 0}" [filterParam]="{index: 0}"
[appId]="appId" [appId]="appId"
@ -134,7 +117,8 @@
</adf-accordion-group> </adf-accordion-group>
</adf-accordion> </adf-accordion>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp" *ngIf="processFilter && !isStartProcessMode()"> <div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp"
*ngIf="processFilter && !isStartProcessMode()">
<activiti-process-instance-list <activiti-process-instance-list
*ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId" *ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId"
[processDefinitionKey]="processFilter.filter.processDefinitionKey" [processDefinitionKey]="processFilter.filter.processDefinitionKey"
@ -183,7 +167,8 @@
</md-card-content> </md-card-content>
</md-card> </md-card>
</div> </div>
<div class="mdl-cell mdl-cell--10-col task-column mdl-shadow--2dp" *ngIf="isStartProcessMode()"> <div class="mdl-cell mdl-cell--10-col task-column mdl-shadow--2dp"
*ngIf="isStartProcessMode()">
<adf-start-process <adf-start-process
[appId]="appId" [appId]="appId"
(start)="onStartProcessInstance($event)" (start)="onStartProcessInstance($event)"
@ -192,14 +177,9 @@
</div> </div>
</div> </div>
</div> </div>
</div> </md-tab>
</section> <md-tab id="report-header" href="#report" (click)="activeTab = 'reports'"
label="{{'PS-TAB.REPORTS-TAB' | translate}}">
<!-- ANALYTICS COMPONENT -->
<section class="mdl-layout__tab-panel" [class.is-active]="activeTab === 'reports'" id="report">
<div class="page-content" *ngIf="activeTab === 'reports'">
<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">
<span><h5>Report List</h5></span> <span><h5>Report List</h5></span>
@ -226,11 +206,8 @@
</div> </div>
</div> </div>
</div> </div>
</div> </md-tab>
</section> </md-tab-group>
</main>
</div>
<div *ngIf="fileShowed"> <div *ngIf="fileShowed">
<alfresco-viewer <alfresco-viewer

5
demo-shell-ng2/resources/i18n/en.json
View File

@ -25,5 +25,10 @@
}, },
"ANALYTICS_REPORT":{ "ANALYTICS_REPORT":{
"NO_REPORT_MESSAGE":"No report selected. Choose a report from the list" "NO_REPORT_MESSAGE":"No report selected. Choose a report from the list"
},
"PS-TAB":{
"TASKS-TAB":"Tasks",
"PROCESSES-TAB":"Process",
"REPORTS-TAB":"Reports"
} }
} }