From 8655307858c10c487abf8f93fe27fb5fc2050a07 Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Mon, 25 Jan 2021 21:11:20 +0100
Subject: [PATCH] Fix date

---
 .../selected-item-temporal.component.html         |  2 +-
 .../selected-item-temporal.component.ts           | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
index d5e32f1..29efd90 100644
--- a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
+++ b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.html
@@ -9,7 +9,7 @@
       </div>
       <div class="legend-container" *ngIf="item?.data.layers;let layers">
         <div class="card menu-card">
-          <h5>Date image: {{item.dataDate | date:'shortDate'}}</h5>
+          <h5><span>Date</span>: {{selectedDate()}}</h5>
           <div class="d-flex justify-content-between">
             <div>
               <button  *ngIf="hasPrevious()" type="button" class="btn btn-link p-0" (click)="handlePreviousTemporal($event)">
diff --git a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.ts b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.ts
index ccc4571..9a4f46d 100644
--- a/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.ts
+++ b/projects/common-map/src/fm-map/components/selected-item-temporal/selected-item-temporal.component.ts
@@ -32,6 +32,21 @@ export class SelectedItemTemporalComponent extends AbstractSelectedItemComponent
     return temporalItemLayer && temporalItemLayer.nextItemLayer != null;
   }
 
+  selectedDate():string {
+    let temporalItemLayer = this.itemLayer as  ITemporalItemLayer;
+    if(temporalItemLayer.selectedItemLayer) {
+      if(temporalItemLayer.selectedItemLayer.item.dataDate && temporalItemLayer.selectedItemLayer.item.dataEndDate) {
+        let sd = new Date(Date.parse(temporalItemLayer.selectedItemLayer.item.dataDate));
+        let ed = new Date(Date.parse(temporalItemLayer.selectedItemLayer.item.dataEndDate));
+        return this.timespanService$.getCaption(sd,ed);
+      } else {
+        let d = new Date(Date.parse(temporalItemLayer.selectedItemLayer.item.dataDate));
+        return this.datePipe$.transform(d, "shortDate");  
+      }
+    }
+    return "";
+  }
+
   nextDate():string {
     let temporalItemLayer = this.itemLayer as  ITemporalItemLayer;
     if(temporalItemLayer.nextItemLayer.item) {