From b4bb97225e7dd8906484b09b4f736395e779eead Mon Sep 17 00:00:00 2001
From: CDN <git@cdn0x12.dev>
Date: Sat, 1 Mar 2025 18:41:32 +0800
Subject: [PATCH] [feature/frontend] use localized time string in status & poll
 info page (#3821)

---
 web/source/frontend/index.js  | 20 ++++++++++++++++++++
 web/template/status_info.tmpl |  4 ++--
 web/template/status_poll.tmpl |  4 ++--
 3 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/web/source/frontend/index.js b/web/source/frontend/index.js
index b88c64680..9ea10a477 100644
--- a/web/source/frontend/index.js
+++ b/web/source/frontend/index.js
@@ -181,3 +181,23 @@ Array.from(document.getElementsByClassName("plyr-video")).forEach((video) => {
 	video._player = player;
 	video._plyrContainer = player.elements.container;
 });
+
+document.addEventListener('DOMContentLoaded', () => {
+	const timeTags = document.getElementsByTagName('time');
+	Array.from(timeTags).forEach(timeTag => {
+		const datetime = timeTag.getAttribute('datetime');
+		const currentText = timeTag.textContent.trim();
+		// Only format if current text contains precise time
+		if (currentText.match(/\d{2}:\d{2}/)) {
+			const date = new Date(datetime);
+			timeTag.textContent = date.toLocaleString(undefined, {
+				year: 'numeric',
+				month: 'short',
+				day: '2-digit',
+				hour: '2-digit',
+				minute: '2-digit',
+				hour12: false
+			});
+		}
+	});
+});
diff --git a/web/template/status_info.tmpl b/web/template/status_info.tmpl
index a66ca05c4..7ac81a78a 100644
--- a/web/template/status_info.tmpl
+++ b/web/template/status_info.tmpl
@@ -23,14 +23,14 @@
         <div class="stats-item published-at text-cutoff">
             <dt class="sr-only">Published</dt>
             <dd>
-                <time datetime="{{- .CreatedAt -}}">{{- .CreatedAt | timestampPrecise -}}</time>
+                <time datetime="{{- .CreatedAt -}}">{{- .CreatedAt -}}</time>
             </dd>
         </div>
         {{- if .EditedAt -}}
         <div class="stats-item edited-at text-cutoff">
             <dt class="sr-only">Edited</dt>
             <dd>
-                (edited <time datetime="{{- .EditedAt -}}">{{- .EditedAt | timestampPrecise -}}</time>)
+                (edited <time datetime="{{- .EditedAt -}}">{{- .EditedAt -}}</time>)
             </dd>
         </div>
         {{ end }}
diff --git a/web/template/status_poll.tmpl b/web/template/status_poll.tmpl
index 9c2d29166..8b3f0c60a 100644
--- a/web/template/status_poll.tmpl
+++ b/web/template/status_poll.tmpl
@@ -40,9 +40,9 @@
             Poll&nbsp;
             {{- end -}}
             {{- if .Poll.Expired -}}
-            closed <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
+            closed <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt -}}</time>
             {{- else if .Poll.ExpiresAt -}}
-            open until <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt | timestampPrecise -}}</time>
+            open until <time datetime="{{- .Poll.ExpiresAt -}}">{{- .Poll.ExpiresAt -}}</time>
             {{- else -}}
             open forever
             {{- end -}}