From 2993505a47238c0f1169fc904725fb21a120cb0d Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Sat, 9 Sep 2023 15:34:43 +0100
Subject: [PATCH] Add times to the log

---
 web/static/css/style.css         | 16 ++++++++++++++++
 web/static/js/reminder_errors.js | 28 +++++++++++++++++++---------
 2 files changed, 35 insertions(+), 9 deletions(-)

diff --git a/web/static/css/style.css b/web/static/css/style.css
index 90cd5bf..0bb3d1b 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -740,6 +740,22 @@ div.reminderError .errorHead .reminderName {
     flex-direction: column;
     justify-content: center;
     color: rgb(54, 54, 54);
+    flex-grow: 1;
+}
+
+div.reminderError .errorHead .reminderTime {
+    font-size: 1rem;
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 1;
+    justify-content: center;
+    color: rgb(54, 54, 54);
+    background-color: #ffffff;
+    padding: 8px;
+    border-radius: 4px;
+    border-color: #e5e5e5;
+    border-width: 1px;
+    border-style: solid;
 }
 
 /* other stuff */
diff --git a/web/static/js/reminder_errors.js b/web/static/js/reminder_errors.js
index 373f1e4..4d941ac 100644
--- a/web/static/js/reminder_errors.js
+++ b/web/static/js/reminder_errors.js
@@ -14,16 +14,26 @@ document.addEventListener("paneLoad", (ev) => {
     const template = document.getElementById("reminderError");
     const container = document.getElementById("reminderLog");
 
-    loadErrors().then((res) => {
-        for (const reminder of res) {
-            const newRow = template.content.cloneNode(true);
+    loadErrors()
+        .then((res) => {
+            for (const reminder of res) {
+                const newRow = template.content.cloneNode(true);
 
-            newRow.querySelector(".reminderName").textContent = reminder.name;
-            newRow.querySelector(".reminderError").dataset["case"] = reminder.status;
+                newRow.querySelector(".reminderError").dataset["case"] = reminder.status;
 
-            container.appendChild(newRow);
-        }
-    });
+                const statusTime = new luxon.DateTime.fromISO(
+                    reminder.status_change_time,
+                    { zone: "UTC" }
+                );
+                newRow.querySelector(".reminderName").textContent = reminder.name;
+                newRow.querySelector(".reminderTime").textContent = statusTime
+                    .toLocal()
+                    .toLocaleString(luxon.DateTime.DATETIME_MED);
 
-    $loader.classList.add("is-hidden");
+                container.appendChild(newRow);
+            }
+        })
+        .finally(() => {
+            $loader.classList.add("is-hidden");
+        });
 });