[feature/frontend] use localized time string in status & poll info page (#3821)

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
+			});
+		}
+	});
+});

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 }}

web/template/status_poll.tmpl

@@ -40,9 +40,9 @@
             Poll 
             {{- 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 -}}