mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
50fef106a8
* Create two different ProcessUpload service on for task one for process because the API are different Move the attachment task list and process list in different component outside the activiti demo component * Move the create task/process attachment in the child component
197 lines
10 KiB
HTML
197 lines
10 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 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="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp">
|
|
<div class="list-buttons">
|
|
<activiti-start-task
|
|
[appId]="appId"
|
|
(onSuccess)="onStartTaskSuccess($event)">
|
|
</activiti-start-task>
|
|
</div>
|
|
<adf-accordion>
|
|
<adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assignment'">
|
|
<activiti-filters
|
|
[filterParam]="{name:'MY tasks'}"
|
|
[appId]="appId"
|
|
[hasIcon]="false"
|
|
(filterClick)="onTaskFilterClick($event)"
|
|
(onSuccess)="onSuccessTaskFilterList($event)"
|
|
#activitifilter>
|
|
</activiti-filters>
|
|
</adf-accordion-group>
|
|
</adf-accordion>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp list-column">
|
|
<activiti-tasklist
|
|
[appId]="taskFilter?.appId"
|
|
[processDefinitionKey]="taskFilter?.filter?.processDefinitionKey"
|
|
[name]="taskFilter?.filter?.name"
|
|
[assignment]="taskFilter?.filter?.assignment"
|
|
[state]="taskFilter?.filter?.state"
|
|
[sort]="taskFilter?.filter?.sort"
|
|
[data]="dataTasks"
|
|
[landingTaskId]="currentTaskId"
|
|
(rowClick)="onTaskRowClick($event)"
|
|
(onSuccess)="onSuccessTaskList($event)"
|
|
(row-click)="onRowClick($event)"
|
|
(row-dblclick)="onRowDblClick($event)"
|
|
#activititasklist>
|
|
<!-- Custom column definition demo -->
|
|
<!--
|
|
<data-columns>
|
|
<data-column key="name" title="NAME" class="full-width name-column"></data-column>
|
|
<data-column key="created" title="Created" class="hidden"></data-column>
|
|
</data-columns>
|
|
-->
|
|
</activiti-tasklist>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--7-col task-column mdl-shadow--2dp">
|
|
<activiti-task-details #activitidetails
|
|
[debugMode]="true"
|
|
[taskId]="currentTaskId"
|
|
(formCompleted)="onFormCompleted($event)"
|
|
(formContentClicked)="onFormContentClick($event)"
|
|
(taskCreated)="onTaskCreated($event)"
|
|
(taskDeleted)="onTaskDeleted($event)">
|
|
</activiti-task-details>
|
|
<hr>
|
|
<activiti-task-attachments
|
|
[taskId]="currentTaskId">
|
|
</activiti-task-attachments>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- 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="mdl-grid">
|
|
<div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp">
|
|
<div class="list-buttons">
|
|
<button
|
|
md-raised-button
|
|
data-automation-id="btn-start-process"
|
|
(click)="navigateStartProcess()">
|
|
<md-icon>add</md-icon>
|
|
<span>START PROCESS</span>
|
|
</button>
|
|
</div>
|
|
<adf-accordion>
|
|
<adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assessment'">
|
|
<activiti-process-instance-filters
|
|
[filterParam]="{index: 0}"
|
|
[appId]="appId"
|
|
(filterClick)="onProcessFilterClick($event)"
|
|
(onSuccess)="onSuccessProcessFilterList($event)">
|
|
</activiti-process-instance-filters>
|
|
</adf-accordion-group>
|
|
</adf-accordion>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--3-col task-column list-column mdl-shadow--2dp" *ngIf="processFilter && !isStartProcessMode()">
|
|
<activiti-process-instance-list
|
|
*ngIf="processFilter?.hasFilter()" [appId]="processFilter.appId"
|
|
[processDefinitionKey]="processFilter.filter.processDefinitionKey"
|
|
[name]="processFilter.filter.name"
|
|
[state]="processFilter.filter.state"
|
|
[sort]="processFilter.filter.sort"
|
|
[data]="dataProcesses"
|
|
(rowClick)="onProcessRowClick($event)"
|
|
(onSuccess)="onSuccessProcessList($event)">
|
|
<!-- Custom column definition demo -->
|
|
<!--
|
|
<data-columns>
|
|
<data-column key="name" title="NAME" class="full-width name-column"></data-column>
|
|
<data-column key="created" title="Created" class="hidden"></data-column>
|
|
</data-columns>
|
|
-->
|
|
</activiti-process-instance-list>
|
|
</div>
|
|
<div class="mdl-cell task-column mdl-shadow--2dp" *ngIf="!isStartProcessMode()"
|
|
[class.mdl-cell--7-col]="processFilter && !isStartProcessMode()"
|
|
[class.mdl-cell--10-col]="!processFilter || isStartProcessMode()">
|
|
<activiti-process-instance-details
|
|
[processInstanceId]="currentProcessInstanceId"
|
|
(processCancelled)="processCancelled()"
|
|
(showProcessDiagram)="onShowProcessDiagram($event)"
|
|
(taskClick)="onProcessDetailsTaskClick($event)">
|
|
</activiti-process-instance-details>
|
|
<hr>
|
|
<activiti-process-attachments
|
|
[processId]="currentProcessInstanceId">
|
|
</activiti-process-attachments>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--10-col task-column mdl-shadow--2dp" *ngIf="isStartProcessMode()">
|
|
<activiti-start-process [appId]="appId" (start)="onStartProcessInstance($event)"></activiti-start-process>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- 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-cell mdl-cell--4-col task-column mdl-shadow--2dp">
|
|
<span><h5>Report List</h5></span>
|
|
<hr>
|
|
<analytics-report-list
|
|
[appId]="appId"
|
|
[selectFirst]="selectFirstReport"
|
|
(reportClick)="onReportClick($event)"
|
|
#analyticsreportlist>
|
|
</analytics-report-list>
|
|
</div>
|
|
<div class="mdl-cell mdl-cell--8-col task-column mdl-shadow--2dp">
|
|
<activiti-analytics
|
|
*ngIf="report"
|
|
[appId]="appId"
|
|
[reportId]="report.id"
|
|
[hideParameters]="false"
|
|
(editReport)="onEditReport($event)"
|
|
(reportSaved)="onReportSaved($event)"
|
|
(reportDeleted)="onReportDeleted()">
|
|
</activiti-analytics>
|
|
<div *ngIf="!report">
|
|
<span>{{'ANALYTICS_REPORT.NO_REPORT_MESSAGE' | translate}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</main>
|
|
</div>
|
|
|
|
<div *ngIf="fileShowed">
|
|
<alfresco-viewer
|
|
[(showViewer)]="fileShowed"
|
|
[blobFile]="content"
|
|
[displayName]="contentName"
|
|
[overlayMode]="true">
|
|
</alfresco-viewer>
|
|
</div>
|