From 08623ef65d839273cafcfa3b22126bab5ba3050d Mon Sep 17 00:00:00 2001
From: Jeas0001 <jeas0001@edu.mercantec.dk>
Date: Tue, 8 Apr 2025 11:21:26 +0200
Subject: [PATCH] Devices no longer show object object for temperature and date
 but actual values that match our chart

---
 frontend/devices/index.html | 3 ++-
 frontend/scripts/devices.js | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/devices/index.html b/frontend/devices/index.html
index bec2dca..52597ab 100644
--- a/frontend/devices/index.html
+++ b/frontend/devices/index.html
@@ -5,7 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Temperature-Alarm-Web</title>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
-    <link rel="stylesheet" href="/styles/auth.css">
+    <script defer src="https://cdn.jsdelivr.net/npm/luxon"></script>
+        <link rel="stylesheet" href="/styles/auth.css">
     <link rel="stylesheet" href="/styles/devices.css" />
     <script defer type="module" src="/scripts/devices.js"></script>
   </head>
diff --git a/frontend/scripts/devices.js b/frontend/scripts/devices.js
index 57e1b83..f9c8532 100644
--- a/frontend/scripts/devices.js
+++ b/frontend/scripts/devices.js
@@ -29,7 +29,7 @@ function buildTable(data) {
             <td>${device.name}</td>
             <td>${device.tempHigh}</td>
             <td>${device.tempLow}</td>
-            <td>Temperature: ${device.latestLog}°C, Date: ${device.latestLog}</td>
+            <td>Temperature: ${device.latestLog.temperature}°C, Date: ${luxon.DateTime.fromISO(device.latestLog.date, { zone: "UTC" }).setZone("Europe/Copenhagen").toFormat("DD T")}</td>
             <td style="width: 90px;">
                 <img class="editIconbtn tableIcons" src="/img/Edit.png" data-id="${device.id}" data-referenceId="${device.referenceId}" data-name="${device.name}" data-tempHigh="${device.tempHigh}" data-tempLow="${device.tempLow}">
                 <img class="trashBtn tableIcons" src="/img/Trash.png" data-id="${device.id}" data-referenceId="${device.referenceId}">