[ADF-3676] Task Header - Expose task properties out of the box (#3883)

* #3878 Add support for end date in TaskHeaderComponent

* add duration and parentTaskId

lib/process-services/i18n/en.json

@@ -27,6 +27,8 @@
     "PROPERTIES": {
       "TASK_NAME": "Task",
       "THUMBNAIL": "Thumbnail",
+      "DURATION": "Duration",
+      "PARENT_TASK_ID": "Parent task id",
       "NAME": "Name",
       "ASSIGNEE": "Assignee",
       "ASSIGNEE_DEFAULT": "No assignee",
@@ -40,6 +42,7 @@
       "PARENT_NAME_DEFAULT": "No parent",
       "CREATED_BY": "Created By",
       "CREATED": "Created",
+      "END_DATE": "End date",
       "ID": "ID",
       "DESCRIPTION": "Description",
       "DESCRIPTION_DEFAULT": "No description",

lib/process-services/task-list/components/task-header.component.ts

@@ -16,15 +16,17 @@
  */
 
 import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
-import { BpmUserService,
+import {
-         CardViewDateItemModel,
+    BpmUserService,
-         CardViewItem,
+    CardViewDateItemModel,
-         CardViewMapItemModel,
+    CardViewItem,
-         CardViewTextItemModel,
+    CardViewMapItemModel,
-         CardViewBaseItemModel,
+    CardViewTextItemModel,
-         LogService,
+    CardViewBaseItemModel,
-         TranslationService,
+    LogService,
-         AppConfigService } from '@alfresco/adf-core';
+    TranslationService,
+    AppConfigService
+} from '@alfresco/adf-core';
 import { TaskDetailsModel } from '../models/task-details.model';
 import { TaskListService } from './../services/tasklist.service';
 
@@ -75,12 +77,12 @@ export class TaskHeaderComponent implements OnChanges, OnInit {
         return [
             new CardViewTextItemModel(
                 {
-                 label: 'ADF_TASK_LIST.PROPERTIES.ASSIGNEE',
+                    label: 'ADF_TASK_LIST.PROPERTIES.ASSIGNEE',
-                 value: this.taskDetails.getFullName(),
+                    value: this.taskDetails.getFullName(),
-                 key: 'assignee',
+                    key: 'assignee',
-                 default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.ASSIGNEE_DEFAULT'),
+                    default: this.translationService.instant('ADF_TASK_LIST.PROPERTIES.ASSIGNEE_DEFAULT'),
-                 clickable: !this.isCompleted(),
+                    clickable: !this.isCompleted(),
-                 icon: 'create'
+                    icon: 'create'
                 }
             ),
             new CardViewTextItemModel(
@@ -131,6 +133,41 @@ export class TaskHeaderComponent implements OnChanges, OnInit {
                     key: 'created'
                 }
             ),
+            new CardViewDateItemModel(
+                {
+                    label: 'ADF_TASK_LIST.PROPERTIES.END_DATE',
+                    value: this.taskDetails.endDate,
+                    key: 'endDate'
+                }
+            ),
+            new CardViewTextItemModel(
+                {
+                    label: 'ADF_TASK_LIST.PROPERTIES.PARENT_NAME',
+                    value: this.taskDetails.parentName,
+                    key: 'parentName'
+                }
+            ),
+            new CardViewTextItemModel(
+                {
+                    label: 'ADF_TASK_LIST.PROPERTIES.DURATION',
+                    value: `${this.taskDetails.duration} ms`,
+                    key: 'duration'
+                }
+            ),
+            new CardViewTextItemModel(
+                {
+                    label: 'ADF_TASK_LIST.PROPERTIES.PARENT_TASK_ID',
+                    value: this.taskDetails.parentTaskId,
+                    key: 'parentTaskId'
+                }
+            ),
+            new CardViewDateItemModel(
+                {
+                    label: 'ADF_TASK_LIST.PROPERTIES.END_DATE',
+                    value: this.taskDetails.endDate,
+                    key: 'endDate'
+                }
+            ),
             new CardViewTextItemModel(
                 {
                     label: 'ADF_TASK_LIST.PROPERTIES.ID',

lib/process-services/task-list/models/task-details.model.ts

@@ -31,6 +31,7 @@ export class TaskDetailsModel implements TaskRepresentation {
     category: string;
     created: Date;
     description: string;
+    parentName: string;
     dueDate: Date;
     duration: number;
     endDate: Date;