From ccda85b004f946ea5b65641a29558f694cf79e6d Mon Sep 17 00:00:00 2001
From: ladeak <ladeak87@windowslive.com>
Date: Tue, 31 Mar 2026 21:47:45 +0200
Subject: [PATCH] Force time localization with in-app navigation

---
 src/apireview.net/App.razor                  |  1 +
 src/apireview.net/Pages/Schedule.razor       | 37 +--------------
 src/apireview.net/wwwroot/js/localizeTime.js | 50 ++++++++++++++++++++
 3 files changed, 52 insertions(+), 36 deletions(-)
 create mode 100644 src/apireview.net/wwwroot/js/localizeTime.js

diff --git a/src/apireview.net/App.razor b/src/apireview.net/App.razor
index 9b2a471..413d05e 100644
--- a/src/apireview.net/App.razor
+++ b/src/apireview.net/App.razor
@@ -44,5 +44,6 @@
     <script src="_framework/blazor.web.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
     <script src="js/bootstrap.bundle.min.js"></script>
+    <script src="js/localizeTime.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/src/apireview.net/Pages/Schedule.razor b/src/apireview.net/Pages/Schedule.razor
index 075e969..2d710ac 100644
--- a/src/apireview.net/Pages/Schedule.razor
+++ b/src/apireview.net/Pages/Schedule.razor
@@ -51,39 +51,4 @@
 <p class="mt-3 text-muted">
     Videos are streamed to the <a href="https://www.youtube.com/@@NETFoundation/streams">.NET Foundation YouTube channel</a>.
     This calendar is available <a href="@CalendarService.Url">as an .ics file</a> you can add to your favorite calendar app.
-</p>
-
-<script>
-    (function () {
-        // Update <time> elements to user's local time,
-        // but if the date would differ keep Pacific time and show PST/PDT
-        document.querySelectorAll('time[datetime]').forEach(function (el) {
-            var isoStr = el.getAttribute('datetime');
-            var dt = new Date(isoStr);
-            var cell = el.closest('[data-date]');
-            var cellDate = cell ? cell.getAttribute('data-date') : null;
-            var localDate = dt.getFullYear() + '-' +
-                String(dt.getMonth() + 1).padStart(2, '0') + '-' +
-                String(dt.getDate()).padStart(2, '0');
-            if (cellDate && localDate !== cellDate) {
-                // Date would change — keep Pacific time; label it PST or PDT from the offset
-                var offsetMatch = isoStr.match(/([+-]\d{2}):\d{2}$/);
-                var tzLabel = (offsetMatch && offsetMatch[1] === '-07') ? 'PDT' : 'PST';
-                el.textContent = el.textContent + '\u00a0' + tzLabel;
-            } else {
-                el.textContent = dt.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
-            }
-        });
-
-        // Re-highlight today/past cells using the user's local date
-        var now = new Date();
-        var todayStr = now.getFullYear() + '-' +
-            String(now.getMonth() + 1).padStart(2, '0') + '-' +
-            String(now.getDate()).padStart(2, '0');
-        document.querySelectorAll('[data-date]').forEach(function (el) {
-            var d = el.getAttribute('data-date');
-            el.classList.toggle('today', d === todayStr);
-            el.classList.toggle('past', d < todayStr);
-        });
-    })();
-</script>
+</p>
\ No newline at end of file
diff --git a/src/apireview.net/wwwroot/js/localizeTime.js b/src/apireview.net/wwwroot/js/localizeTime.js
new file mode 100644
index 0000000..2dbf390
--- /dev/null
+++ b/src/apireview.net/wwwroot/js/localizeTime.js
@@ -0,0 +1,50 @@
+function localizeTime() {
+    // Update <time> elements to user's local time,
+    // but if the date would differ keep Pacific time and show PST/PDT
+    document.querySelectorAll('time[datetime]').forEach(function (el) {
+        var isoStr = el.getAttribute('datetime');
+        var dt = new Date(isoStr);
+        var cell = el.closest('[data-date]');
+        var cellDate = cell ? cell.getAttribute('data-date') : null;
+        var localDate = dt.getFullYear() + '-' +
+            String(dt.getMonth() + 1).padStart(2, '0') + '-' +
+            String(dt.getDate()).padStart(2, '0');
+        if (cellDate && localDate !== cellDate) {
+            // Date would change — keep Pacific time; label it PST or PDT from the offset
+            var offsetMatch = isoStr.match(/([+-]\d{2}):\d{2}$/);
+            var tzLabel = (offsetMatch && offsetMatch[1] === '-07') ? 'PDT' : 'PST';
+            el.textContent = el.textContent + '\u00a0' + tzLabel;
+        } else {
+            el.textContent = dt.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+        }
+    });
+
+    // Re-highlight today/past cells using the user's local date
+    var now = new Date();
+    var todayStr = now.getFullYear() + '-' +
+        String(now.getMonth() + 1).padStart(2, '0') + '-' +
+        String(now.getDate()).padStart(2, '0');
+    document.querySelectorAll('[data-date]').forEach(function (el) {
+        var d = el.getAttribute('data-date');
+        el.classList.toggle('today', d === todayStr);
+        el.classList.toggle('past', d < todayStr);
+    });
+}
+
+const observeUrlChange = () => {
+    if (document.location.href.includes("/schedule")) {
+        localizeTime();
+    }
+    let oldHref = document.location.href;
+    const body = document.querySelector("body");
+    const observer = new MutationObserver(mutations => {
+        if (oldHref !== document.location.href) {
+            oldHref = document.location.href;
+            if (document.location.href.includes("/schedule")) {
+                localizeTime();
+            }
+        }
+    });
+    observer.observe(body, { childList: true, subtree: true });
+};
+window.onload = observeUrlChange;
\ No newline at end of file