mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
8b96d5e8aa
- Customize the task list column passing the json schema instead of DataTableAdapter - Add function to add people - Add function to add comments - Add function to add checklist - TaskFilter as a differenct component - Change the layout in the demo shell - Using Tabs instead of dropdown
61 lines
3.0 KiB
HTML
61 lines
3.0 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">
|
|
<a href="#scroll-tab-1" class="mdl-layout__tab is-active">TASK LIST</a>
|
|
<a href="#scroll-tab-2" class="mdl-layout__tab">PROCESS LIST</a>
|
|
<a href="#scroll-tab-3" class="mdl-layout__tab">REPORT</a>
|
|
</div>
|
|
</header>
|
|
<main class="mdl-layout__content activiti">
|
|
<section class="mdl-layout__tab-panel is-active" id="scroll-tab-1">
|
|
<div class="page-content">
|
|
<div class="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--2-col task-column">
|
|
<span>Task Filters</span>
|
|
<activiti-filters (filterClick)="onFilterClick($event)"></activiti-filters>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column">
|
|
<span>Task List</span>
|
|
<activiti-tasklist *ngIf="isTaskListSelected()" [taskFilter]="taskFilter" [schemaColumn]="schemaColumn"
|
|
(rowClick)="onRowClick($event)" #activititasklist></activiti-tasklist>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--7-col task-column">
|
|
<span>Task Details</span>
|
|
<activiti-task-details [taskId]="currentTaskId" #activitidetails></activiti-task-details>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="scroll-tab-2">
|
|
<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>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column">
|
|
<span>Process List</span>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--7-col task-column">
|
|
<span>Process Details</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="scroll-tab-3">
|
|
<div class="page-content"><!-- Your content goes here --></div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="scroll-tab-4">
|
|
<div class="page-content"><!-- Your content goes here --></div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="scroll-tab-5">
|
|
<div class="page-content"><!-- Your content goes here --></div>
|
|
</section>
|
|
<section class="mdl-layout__tab-panel" id="scroll-tab-6">
|
|
<div class="page-content"><!-- Your content goes here --></div>
|
|
</section>
|
|
</main>
|
|
</div>
|