move scripts

fsinfuhh · Jul 16, 2024 · 3b4c6cf · 3b4c6cf
1 parent 253822a
commit 3b4c6cf
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 36 deletions.
diff --git a/src/vinywaji/gui/static/base.js b/src/vinywaji/gui/static/base.js
@@ -19,3 +19,39 @@ document.querySelectorAll("form.js-submit")
         form.reset()
         location.reload()
     }));
+
+let mode = localStorage.theme ?? 'system';
+
+function updateMode() {
+    if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
+        document.documentElement.classList.add('dark')
+    } else {
+        document.documentElement.classList.remove('dark')
+    }
+
+    document.querySelector('#modeSwitch > [data-icon]').dataset.icon = mode;
+}
+
+updateMode();
+
+function switchMode() {
+    switch (mode) {
+        case 'light':
+            localStorage.theme = 'dark';
+            mode = 'dark';
+            break;
+        case 'dark':
+            localStorage.removeItem('theme')
+            mode = 'system';
+            break;
+        case 'system':
+            localStorage.theme = 'light';
+            mode = 'light';
+            break;
+    }
+    updateMode();
+}
+
+document.querySelector('#modeSwitch').addEventListener('click', (e) => {
+    switchMode();
+})
diff --git a/src/vinywaji/gui/templates/base.html b/src/vinywaji/gui/templates/base.html
@@ -44,42 +44,6 @@
     {% include "components/footer.html" %}
     {% block scripts %}
         <script type="application/javascript" src="{% static 'base.js' %}"></script>
-        <script>
-        let mode = localStorage.theme ?? 'system';
-
-        function updateMode() {
-            if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
-                document.documentElement.classList.add('dark')
-            } else {
-                document.documentElement.classList.remove('dark')
-            }
-
-            document.querySelector('#modeSwitch > [data-icon]').dataset.icon = mode;
-        }
-        updateMode();
-
-        function switchMode() {
-            switch (mode) {
-                case 'light':
-                    localStorage.theme = 'dark';
-                    mode = 'dark';
-                    break;
-                case 'dark':
-                    localStorage.removeItem('theme')
-                    mode = 'system';
-                    break;
-                case 'system':
-                    localStorage.theme = 'light';
-                    mode = 'light';
-                    break;
-            }
-            updateMode();
-        }
-
-        document.querySelector('#modeSwitch').addEventListener('click', (e) => {
-            switchMode();
-        })
-    </script>
         {% block scripts-extra %}{% endblock %}
     {% endblock %}
 {% endblock %}