Fix datePipe exception

#1019

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-header.component.html

@@ -6,7 +6,7 @@
         </div>
         <div class="mdl-cell mdl-cell--4-col">
             <span class="activiti-label">{{ 'DETAILS.LABELS.STARTED' | translate }}</span>:
-            {{getStartedDate() | date:'medium'}}
+            {{getFormatDate(processInstance.started, 'medium')}}
         </div>
         <div class="mdl-cell mdl-cell--4-col">
             <button type="button" (click)="cancelProcess()" class="mdl-button">{{ 'DETAILS.BUTTON.CANCEL' | translate }}</button>

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-header.component.ts

@@ -19,6 +19,7 @@ import { Component, Input, Output, EventEmitter } from '@angular/core';
 import { AlfrescoTranslationService } from 'ng2-alfresco-core';
 import { ProcessInstance } from '../models/process-instance';
 import { ActivitiProcessService } from './../services/activiti-process.service';
+import { DatePipe } from '@angular/common';
 
 declare let componentHandler: any;
 
@@ -53,8 +54,13 @@ export class ActivitiProcessInstanceHeader {
         return '';
     }
 
-    getStartedDate() {
+    getFormatDate(value, format: string) {
-        return this.processInstance ? new Date(this.processInstance.started) : null;
+        let datePipe = new DatePipe('en-US');
+        try {
+            return datePipe.transform(value, format);
+        } catch (err) {
+            console.error(`ProcessListInstanceHeader: error parsing date ${value} to format ${format}`);
+        }
     }
 
     cancelProcess() {

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html

@@ -32,7 +32,8 @@
             <span class="mdl-list__item-primary-content" (click)="clickTask($event, task)">
                 <i class="material-icons mdl-list__item-icon">assignment</i>
                 <span>{{task.name}}</span>
-                <span class="mdl-list__item-sub-title">{{ 'DETAILS.LABELS.TASK_SUBTITLE' | translate:{user: getUserFullName(task.assignee), created: task.created | date:'mediumDate' } }}</span>
+                <span class="mdl-list__item-sub-title">{{ 'DETAILS.LABELS.TASK_SUBTITLE' | translate:{user:
+                    getUserFullName(task.assignee), created: getFormatDate(task.created, 'mediumDate') } }}</span>
             </span>
         </li>
     </ul>

ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.ts

@@ -20,6 +20,7 @@ import { AlfrescoTranslationService } from 'ng2-alfresco-core';
 import { ActivitiProcessService } from './../services/activiti-process.service';
 import { TaskDetailsModel } from '../models/task-details.model';
 import { Observable, Observer } from 'rxjs/Rx';
+import { DatePipe } from '@angular/common';
 
 declare let componentHandler: any;
 
@@ -132,6 +133,15 @@ export class ActivitiProcessInstanceTasks implements OnInit {
         return '';
     }
 
+    getFormatDate(value, format: string) {
+        let datePipe = new DatePipe('en-US');
+        try {
+            return datePipe.transform(value, format);
+        } catch (err) {
+            console.error(`ProcessListInstanceTask: error parsing date ${value} to format ${format}`);
+        }
+    }
+
     public clickTask($event: any, task: TaskDetailsModel) {
         this.selectedTaskId = task.id;
         this.taskdetails.loadDetails(task.id);