Disable upload attachment when the task is completed (#1987)

demo-shell-ng2/app/components/activiti/activiti-demo.component.html

@@ -72,10 +72,11 @@
                             (taskDeleted)="onTaskDeleted($event)">
                         </activiti-task-details>
                         <hr>
+                        <div id="attachment-task-list" *ngIf="currentTaskId">
                             <h5>Attachments</h5>
                             <div class="adf-no-form-container">
                                 <div class="action-header">
-                                <button class="mdl-button mdl-js-button" (click)="toggleCreateTakAttach()">
+                                    <button [attr.disabled]="isTaskCompleted()" class="mdl-button mdl-js-button" (click)="toggleCreateTakAttach()">
                                         Attach Document
                                         <i class="material-icons">add</i>
                                     </button>
@@ -95,6 +96,7 @@
                         </div>
                     </div>
                 </div>
+            </div>
         </section>
 
 
@@ -154,6 +156,7 @@
                                 (taskClick)="onProcessDetailsTaskClick($event)">
                             </activiti-process-instance-details>
                             <hr>
+                            <div id="attachment-process-list" *ngIf="currentProcessInstanceId">
                             <h5>Attachments</h5>
                                 <div class="action-header">
                                     <button id="show_process_attach" class="mdl-button mdl-js-button" (click)="toggleCreateProcessAttach()">
@@ -172,6 +175,7 @@
                                     </adf-create-process-attachment>
                                 </div>
                             </div>
+                        </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>

demo-shell-ng2/app/components/activiti/activiti-demo.component.ts

@@ -20,6 +20,7 @@ import {
     ActivitiApps,
     ActivitiFilters,
     ActivitiTaskList,
+    ActivitiTaskDetails,
     FilterRepresentationModel,
     TaskDetailsEvent,
     TaskAttachmentListComponent
@@ -74,6 +75,9 @@ export class ActivitiDemoComponent implements AfterViewInit {
     @ViewChild(ActivitiProcessInstanceDetails)
     activitiprocessdetails: ActivitiProcessInstanceDetails;
 
+    @ViewChild(ActivitiTaskDetails)
+    activitidetails: ActivitiTaskDetails;
+
     @ViewChild(ActivitiProcessAttachmentListComponent)
     processAttachList: ActivitiProcessAttachmentListComponent;
 
@@ -361,4 +365,8 @@ export class ActivitiDemoComponent implements AfterViewInit {
     isCreateProcessAttachVisible(): boolean {
         return this.createProcessAttach;
     }
+
+    isTaskCompleted(): boolean {
+        return this.activitidetails.isCompletedTask();
+    }
 }

ng2-components/ng2-activiti-tasklist/src/components/activiti-task-details.component.ts

@@ -296,4 +296,8 @@ export class ActivitiTaskDetails implements OnInit, OnChanges {
     toggleHeaderContent() {
         this.showHeaderContent = !this.showHeaderContent;
     }
+
+    isCompletedTask(): boolean {
+        return this.taskDetails && this.taskDetails.endDate ? true : undefined;
+    }
 }