SignageHTML/public/js/main.js

/**
 * Main application entry point
 * Initializes all components when the DOM is ready
 */

/**
 * Function to ensure content wrapper exists for rotated orientations
 */
function ensureContentWrapper() {
    if (!document.getElementById('content-wrapper')) {
        if (window.logger) {
            window.logger.info('Creating content wrapper');
        } else {
            console.log('Creating content wrapper');
        }
        const wrapper = document.createElement('div');
        wrapper.id = 'content-wrapper';
        
        // Move all body children to the wrapper except excluded elements
        const excludedElements = ['config-button', 'config-modal', 'background-overlay'];
        
        // Create an array of nodes to move (can't modify while iterating)
        const nodesToMove = [];
        for (let i = 0; i < document.body.children.length; i++) {
            const child = document.body.children[i];
            if (!excludedElements.includes(child.id) && child.id !== 'content-wrapper') {
                nodesToMove.push(child);
            }
        }
        
        // Move the nodes to the wrapper
        nodesToMove.forEach(node => {
            wrapper.appendChild(node);
        });
        
        // Add the wrapper back to the body
        document.body.appendChild(wrapper);
    }
}

// Initialize components when the DOM is loaded
document.addEventListener('DOMContentLoaded', async function() {
    if (window.logger) {
        window.logger.info('DOM fully loaded');
    } else {
        console.log('DOM fully loaded');
    }
    
    try {
        // Initialize ConfigManager first
        if (window.logger) {
            window.logger.info('Creating ConfigManager...');
        } else {
            console.log('Creating ConfigManager...');
        }
        window.configManager = new ConfigManager({
            defaultOrientation: 'normal',
            defaultDarkMode: 'auto'
        });
        
        // Note: ConfigManager already creates the config button and modal
        
        // Initialize Clock
        const timezone = window.Constants?.TIMEZONE || 'Europe/Stockholm';
        window.clock = new Clock({
            elementId: 'clock',
            timezone: timezone
        });
        
        // Initialize WeatherManager with location from window config or constants
        const defaultLat = window.DEFAULT_LOCATION?.latitude || 
                          (window.Constants?.DEFAULT_LOCATION?.LATITUDE) || 59.3293;
        const defaultLon = window.DEFAULT_LOCATION?.longitude || 
                          (window.Constants?.DEFAULT_LOCATION?.LONGITUDE) || 18.0686;
        window.weatherManager = new WeatherManager({
            latitude: defaultLat,
            longitude: defaultLon
        });
        
        // Initialize departures - use DeparturesManager
        if (typeof DeparturesManager !== 'undefined') {
            window.departuresManager = new DeparturesManager({
                containerId: 'departures',
                statusId: 'status',
                lastUpdatedId: 'last-updated'
            });
        } else if (typeof initDepartures === 'function') {
            // Fallback to legacy function if DeparturesManager not available
            initDepartures();
        }
        
        // Set up event listeners
        document.addEventListener('darkModeChanged', event => {
            document.body.classList.toggle('dark-mode', event.detail.isDarkMode);
        });
        
        document.addEventListener('configChanged', event => {
            if (['vertical', 'upsidedown', 'vertical-reverse'].includes(event.detail.config.orientation)) {
                ensureContentWrapper();
            }
        });
        
        // Ensure content wrapper exists initially
        ensureContentWrapper();
        
        if (window.logger) {
            window.logger.info('All components initialized successfully');
        } else {
            console.log('All components initialized successfully');
        }
    } catch (error) {
        if (window.logger) {
            window.logger.error('Error during initialization:', error);
        } else {
            console.error('Error during initialization:', error);
        }
        const errorDiv = document.createElement('div');
        errorDiv.className = 'error';
        errorDiv.textContent = `Initialization error: ${error.message}`;
        document.body.appendChild(errorDiv);
    }
});