aggiunto e testato quasar apps

2026-03-01 20:42:27 +01:00
parent cdcacadb5f
commit 66a3cc7cdb
73 changed files with 1559 additions and 389 deletions
--- a/web/static/vendor/theme.js
+++ b/web/static/vendor/theme.js
@@ -0,0 +1,62 @@
+(function () {
+  var STORAGE_KEY = 'theme';
+  var isAuthenticated = !!window.__TC_IS_AUTHENTICATED;
+  var serverTheme = (window.__TC_SERVER_THEME || '').toLowerCase();
+  var hasStoredTheme = false;
+
+  function getPreferredTheme() {
+    var stored = localStorage.getItem(STORAGE_KEY);
+    hasStoredTheme = stored === 'dark' || stored === 'light';
+    if (hasStoredTheme) return stored;
+    if (serverTheme === 'dark' || serverTheme === 'light') return serverTheme;
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+  }
+
+  function applyTheme(theme) {
+    var isDark = theme === 'dark';
+    document.documentElement.classList.toggle('dark', isDark);
+    var button = document.getElementById('themeToggle');
+    if (button) {
+      button.setAttribute('aria-pressed', isDark ? 'true' : 'false');
+      button.textContent = isDark ? 'Light mode' : 'Dark mode';
+    }
+  }
+
+  function persistTheme(theme) {
+    localStorage.setItem(STORAGE_KEY, theme);
+    hasStoredTheme = true;
+  }
+
+  function sendThemeToServer(theme) {
+    if (!isAuthenticated) return;
+    fetch('/preferences/theme', {
+      method: 'POST',
+      credentials: 'same-origin',
+      headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
+      body: 'theme=' + encodeURIComponent(theme),
+    }).catch(function () {});
+  }
+
+  window.toggleTheme = function toggleTheme() {
+    var currentIsDark = document.documentElement.classList.contains('dark');
+    var nextTheme = currentIsDark ? 'light' : 'dark';
+    applyTheme(nextTheme);
+    persistTheme(nextTheme);
+    sendThemeToServer(nextTheme);
+  };
+
+  window.initThemeToggle = function initThemeToggle() {
+    applyTheme(document.documentElement.classList.contains('dark') ? 'dark' : 'light');
+  };
+
+  var initialTheme = getPreferredTheme();
+  applyTheme(initialTheme);
+
+  var mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+  if (typeof mediaQuery.addEventListener === 'function') {
+    mediaQuery.addEventListener('change', function (event) {
+      if (hasStoredTheme) return;
+      applyTheme(event.matches ? 'dark' : 'light');
+    });
+  }
+})();