From ec6f214d9626fc5834c65ea3d761e009ae700e18 Mon Sep 17 00:00:00 2001
From: kicap <kicap@Kicap-Hackintosh.local>
Date: Wed, 16 Jul 2025 20:22:18 +0800
Subject: [PATCH] change timestamp

---
 templates/index.html | 36 +++++++++++++++++++++---------------
 1 file changed, 21 insertions(+), 15 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 3f743ba..063d8e5 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -80,21 +80,27 @@
 
     <script>
 
-        const utcString = "Wed, 16 Jul 2025 20:17:45 GMT";
-        const date = new Date(utcString);
+        function formatToMakassar(utcStr) {
+            const options = {
+                timeZone: 'Asia/Makassar',
+                year: 'numeric',
+                month: 'short',
+                day: '2-digit',
+                hour: '2-digit',
+                minute: '2-digit',
+                second: '2-digit',
+                weekday: 'short',
+                hour12: false,
+            };
 
-        // Format to Asia/Makassar timezone
-        const formatter = new Intl.DateTimeFormat('en-US', {
-            timeZone: 'Asia/Makassar',
-            year: 'numeric',
-            month: 'short',
-            day: '2-digit',
-            hour: '2-digit',
-            minute: '2-digit',
-            second: '2-digit',
-            weekday: 'short',
-            hour12: false,
-        });
+            const date = new Date(utcStr);
+            const formatter = new Intl.DateTimeFormat('en-US', options);
+            const parts = formatter.formatToParts(date);
+
+            const get = (type) => parts.find(p => p.type === type)?.value;
+
+            return `${get('weekday')}, ${get('day')} ${get('month')} ${get('year')} ${get('hour')}:${get('minute')}:${get('second')} GMT+8`;
+        }
         async function loadData() {
             try {
                 const response = await fetch('/get_video');
@@ -114,7 +120,7 @@
                         <td>${entry.id}</td>
                         <td>${entry.vehicle_id}</td>
                         <td>${entry.direction}</td>
-                        <td>${formatter.format(entry.timestamp)}</td>
+                        <td>${formatToMakassar(entry.timestamp)}</td>
                         <td>${entry.speed.toFixed(1)}</td>
                     `;
                     tbody.appendChild(row);