From 80ce35b133ad4d7d87fe305d1c6b551fb9109bdc Mon Sep 17 00:00:00 2001
From: Khanh Ngo <k@ndk.name>
Date: Fri, 12 Nov 2021 14:29:52 +0100
Subject: [PATCH] Adjust datetime format in UI (#117)

---
 custom/js/helper.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/custom/js/helper.js b/custom/js/helper.js
index c386ca0..c9ecefe 100644
--- a/custom/js/helper.js
+++ b/custom/js/helper.js
@@ -43,9 +43,9 @@ function renderClientList(data) {
                                 <span class="info-box-text"><i class="fas fa-user"></i> ${obj.Client.name}</span>
                                 <span class="info-box-text"><i class="fas fa-envelope"></i> ${obj.Client.email}</span>
                                 <span class="info-box-text"><i class="fas fa-clock"></i>
-                                    ${obj.Client.created_at}</span>
+                                    ${prettyDateTime(obj.Client.created_at)}</span>
                                 <span class="info-box-text"><i class="fas fa-history"></i>
-                                    ${obj.Client.updated_at}</span>
+                                    ${prettyDateTime(obj.Client.updated_at)}</span>
                                 <span class="info-box-text"><i class="fas fa-server" style="${obj.Client.use_server_dns ? "opacity: 1.0" : "opacity: 0.5"}"></i>
                                     ${obj.Client.use_server_dns ? 'DNS enabled' : 'DNS disabled'}</span>
                                 <span class="info-box-text"><strong>IP Allocation</strong></span>`
@@ -60,3 +60,10 @@ function renderClientList(data) {
         $('#client-list').append(html);
     });
 }
+
+function prettyDateTime(timeStr) {
+    const dt = new Date(timeStr);
+    const offsetMs = dt.getTimezoneOffset() * 60 * 1000;
+    const dateLocal = new Date(dt.getTime() - offsetMs);
+    return dateLocal.toISOString().slice(0, 19).replace(/-/g, "/").replace("T", " ");
+}