mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
79 lines
4.8 KiB
HTML
79 lines
4.8 KiB
HTML
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
|
|
<header class="mdl-layout__header">
|
|
<!-- Tabs -->
|
|
<div class="mdl-layout__tab-bar mdl-js-ripple-effect" #tabheader>
|
|
<a id="apps-header" href="#apps" class="mdl-layout__tab is-active">APPS</a>
|
|
<a id="tasks-header" href="#tasks" class="mdl-layout__tab">TASK LIST</a>
|
|
<a id="processes-header" href="#processes" class="mdl-layout__tab">PROCESS LIST</a>
|
|
<a id="report-header" href="#report" class="mdl-layout__tab">ANALYTICS</a>
|
|
</div>
|
|
</header>
|
|
<main class="mdl-layout__content activiti" #tabmain>
|
|
<section class="mdl-layout__tab-panel is-active" id="apps">
|
|
<div class="page-content">
|
|
<activiti-apps [layoutType]="layoutType" (appClick)="onAppClick($event)" #activitiapps></activiti-apps>
|
|
</div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="tasks">
|
|
<div class="page-content">
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp">
|
|
<span>Task Filters</span>
|
|
<activiti-start-task [appId]="appId" (onSuccess)="onStartTaskSuccess($event)"></activiti-start-task>
|
|
<activiti-filters [appId]="appId" (filterClick)="onTaskFilterClick($event)" (onSuccess)="onSuccessTaskFilterList($event)"
|
|
#activitifilter></activiti-filters>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp">
|
|
<span>Task List</span>
|
|
<activiti-tasklist [taskFilter]="taskFilter" [data]="dataTasks"
|
|
(rowClick)="onTaskRowClick($event)" (onSuccess)="onSuccessTaskList($event)"
|
|
#activititasklist></activiti-tasklist>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--7-col task-column mdl-shadow--2dp">
|
|
<span>Task Details</span>
|
|
<activiti-task-details [taskId]="currentTaskId" (formCompleted)="onFormCompleted($event)"
|
|
#activitidetails></activiti-task-details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="processes">
|
|
<div class="page-content">
|
|
<div class="page-content">
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--2-col task-column">
|
|
<span>Process Filters</span>
|
|
<activiti-start-process-instance [appId]="appId"></activiti-start-process-instance>
|
|
<activiti-process-instance-filters [appId]="appId"
|
|
(filterClick)="onProcessFilterClick($event)" (onSuccess)="onSuccessProcessFilterList($event)"
|
|
#activitiprocessfilter></activiti-process-instance-filters>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column">
|
|
<span>Process List</span>
|
|
<activiti-process-instance-list [filter]="processFilter" [data]="dataProcesses"
|
|
(rowClick)="onProcessRowClick($event)" (onSuccess)="onSuccessProcessList($event)"
|
|
#activitiprocesslist></activiti-process-instance-list>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--7-col task-column">
|
|
<span>Process Details</span>
|
|
<activiti-process-instance-details [processInstanceId]="currentProcessInstanceId" (taskFormCompleted)="taskFormCompleted()" (processCancelled)="processCancelled()" #activitiprocessdetails></activiti-process-instance-details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="report">
|
|
<div class="page-content">
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--4-col task-column mdl-shadow--2dp">
|
|
<analytics-report-list (reportClick)="onReportClick($event)"></analytics-report-list>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--8-col task-column mdl-shadow--2dp">
|
|
<activiti-analytics [appId]="appId" *ngIf="report" [reportId]="report.id"></activiti-analytics>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
</div>
|