Show correct labels for execution date in workflow editor modal

Author: tkleinke

desktop/src/app/components/resources/actions/edit-workflow/workflow-editor-modal.component.ts

@@ -2,7 +2,7 @@ import { Component } from '@angular/core';
 import { NgbActiveModal, NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { set } from 'tsfun';
 import { CategoryForm, FieldDocument, Document, RelationsManager, Relation, Resource, Datastore, Labels,
-    ProjectConfiguration } from 'idai-field-core';
+    ProjectConfiguration, DateSpecification } from 'idai-field-core';
 import { Menus } from '../../../../services/menus';
 import { MenuContext } from '../../../../services/menu-context';
 import { DoceditComponent } from '../../../docedit/docedit.component';
@@ -11,6 +11,8 @@ import { M } from '../../../messages/m';
 import { AngularUtility } from '../../../../angular/angular-utility';
 import { sortWorkflowSteps } from './sort-workflow-steps';
 import { DeleteWorkflowStepModalComponent } from './delete/delete-workflow-step-modal.component';
+import { getSystemTimezone } from '../../../../util/timezones';
+import { Settings } from '../../../../services/settings/settings';
 
 
 @Component({
@@ -45,7 +47,7 @@ export class WorkflowEditorModalComponent {
 
     public getShortDescriptionLabel = (workflowStep: Document) =>
         Resource.getShortDescriptionLabel(workflowStep.resource, this.labels, this.projectConfiguration);
-    
+        
     public cancel = () => this.activeModal.close();
 
 
@@ -149,6 +151,21 @@ export class WorkflowEditorModalComponent {
     }
 
 
+    public getExecutionDateLabel(workflowStep: Document): string {
+
+        if (!workflowStep.resource.executionDate) return '';
+
+        const timeSuffix: string = $localize `:@@revisionLabel.timeSuffix:Uhr`;
+
+        return DateSpecification.generateLabel(
+            workflowStep.resource.executionDate,
+            getSystemTimezone(),
+            timeSuffix,
+            Settings.getLocale()
+        );
+    }
+
+
     private async setRelation(workflowStep: Document) {
 
         const oldVersion: Document = Document.clone(workflowStep);

desktop/src/app/components/resources/actions/edit-workflow/workflow-editor-modal.html

@@ -28,7 +28,7 @@
                                         [mandatory]="true"
                                         (onChanges)="updateWorkflowSteps()"></workflow-relations>
                 </div>
-                <div class="workflow-step-execution-date">{{workflowStep.resource.executionDate}}</div>
+                <div class="workflow-step-execution-date">{{getExecutionDateLabel(workflowStep)}}</div>
                 <div class="workflow-step-category">{{getCategoryLabel(workflowStep)}}</div>
                 <div class="workflow-step-short-description">{{getShortDescriptionLabel(workflowStep)}}</div>
                 <div *ngIf="isResultsInRelationAvailable(workflowStep)" class="workflow-step-results-in">

desktop/src/app/components/resources/actions/edit-workflow/workflow-editor-modal.scss

@@ -53,7 +53,11 @@
       }
 
       .workflow-step-execution-date {
-        flex: 0 0 102px;
+        flex: 0 0 230px;
+        display: flex;
+        align-items: center;
+        line-height: 17px;
+        white-space: break-spaces;
       }
 
       .workflow-step-category {