UI config

2025-12-19 08:33:42 -05:00
parent 0149f45893
commit ac29b6e929
7 changed files with 134 additions and 8 deletions
--- a/web/admin.html
+++ b/web/admin.html
@@ -10,7 +10,7 @@
 <body>
    <div class="top-bar">
        <div class="title">
-            <h1>✈️ Swansea Tower</h1>
+            <h1 id="tower-title">✈️ Swansea Tower</h1>
        </div>
        <div class="menu-buttons">
            <div class="dropdown">
@@ -1129,11 +1129,41 @@
        let currentUserId = null;
        let currentChangePasswordUserId = null;

-        // ==================== GENERIC MODAL HELPER ====================
-        function closeModal(modalId, additionalCleanup = null) {
-            document.getElementById(modalId).style.display = 'none';
-            if (additionalCleanup) {
-                additionalCleanup();
+        // Load UI configuration from API
+        async function loadUIConfig() {
+            try {
+                const response = await fetch('/api/v1/public/config');
+                if (response.ok) {
+                    const config = await response.json();
+                    
+                    // Update tower title
+                    const titleElement = document.getElementById('tower-title');
+                    if (titleElement && config.tag) {
+                        titleElement.innerHTML = `✈️ Tower Ops ${config.tag}`;
+                    }
+                    
+                    // Update top bar gradient
+                    const topBar = document.querySelector('.top-bar');
+                    if (topBar && config.top_bar_gradient_start && config.top_bar_gradient_end) {
+                        topBar.style.background = `linear-gradient(135deg, ${config.top_bar_gradient_start}, ${config.top_bar_gradient_end})`;
+                    }
+                    
+                    // Update footer color
+                    const footerBar = document.querySelector('.footer-bar');
+                    if (footerBar && config.footer_color) {
+                        footerBar.style.background = config.footer_color;
+                    }
+                    
+                    // Optionally indicate environment (e.g., add to title if not production)
+                    if (config.environment && config.environment !== 'production') {
+                        const envIndicator = ` (${config.environment.toUpperCase()})`;
+                        if (titleElement) {
+                            titleElement.innerHTML += envIndicator;
+                        }
+                    }
+                }
+            } catch (error) {
+                console.warn('Failed to load UI config:', error);
            }
        }

@@ -4748,6 +4778,7 @@

        // Initialize the page when DOM is loaded
        document.addEventListener('DOMContentLoaded', function() {
+            loadUIConfig(); // Load UI configuration first
            setupLoginForm();
            setupKeyboardShortcuts();
            initializeTimeDropdowns(); // Initialize time dropdowns