From 82eb5b913aec93198fccc20b4534d6f03fd6b0a2 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Mon, 6 Jan 2025 10:47:44 +0100
Subject: [PATCH] Added date-times

---
 .../Synchronization/SynchronizationDetails.vue      | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/views/Synchronization/SynchronizationDetails.vue b/src/views/Synchronization/SynchronizationDetails.vue
index 04badd1..f5bf104 100644
--- a/src/views/Synchronization/SynchronizationDetails.vue
+++ b/src/views/Synchronization/SynchronizationDetails.vue
@@ -100,15 +100,15 @@ import { synchronizationStore, navigationStore, logStore } from '../../store/sto
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Source Last Changed:</b>
-						<p>{{ synchronizationStore.synchronizationItem.sourceLastChanged || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.sourceLastChanged) ? new Date(synchronizationStore.synchronizationItem.sourceLastChanged).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Source Last Checked:</b>
-						<p>{{ synchronizationStore.synchronizationItem.sourceLastChecked || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.sourceLastChecked) ? new Date(synchronizationStore.synchronizationItem.sourceLastChecked).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Source Last Synced:</b>
-						<p>{{ synchronizationStore.synchronizationItem.sourceLastSynced || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.sourceLastSynced) ? new Date(synchronizationStore.synchronizationItem.sourceLastSynced).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Source Target Mapping:</b>
@@ -128,15 +128,15 @@ import { synchronizationStore, navigationStore, logStore } from '../../store/sto
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Target Last Changed:</b>
-						<p>{{ synchronizationStore.synchronizationItem.targetLastChanged || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.targetLastChanged) ? new Date(synchronizationStore.synchronizationItem.targetLastChanged).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Target Last Checked:</b>
-						<p>{{ synchronizationStore.synchronizationItem.targetLastChecked || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.targetLastChecked) ? new Date(synchronizationStore.synchronizationItem.targetLastChecked).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Target Last Synced:</b>
-						<p>{{ synchronizationStore.synchronizationItem.targetLastSynced || 'N/A' }}</p>
+						<p>{{ getValidISOstring(synchronizationStore.synchronizationItem.targetLastSynced) ? new Date(synchronizationStore.synchronizationItem.targetLastSynced).toLocaleString() : 'N/A' }}</p>
 					</div>
 					<div class="gridContent gridFullWidth">
 						<b>Target Source Mapping:</b>
@@ -298,6 +298,7 @@ import EyeOutline from 'vue-material-design-icons/EyeOutline.vue'
 import DatabaseSettingsOutline from 'vue-material-design-icons/DatabaseSettingsOutline.vue'
 import CardBulletedSettingsOutline from 'vue-material-design-icons/CardBulletedSettingsOutline.vue'
 import Play from 'vue-material-design-icons/Play.vue'
+import getValidISOstring from '../../services/getValidISOstring.js'
 
 export default {
 	name: 'SynchronizationDetails',