Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory :  /home/gositeme/domains/brickabois.com/public_html/assets/js/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/**
 * Quebec Regional Maps Page JavaScript
 */

(function() {
    'use strict';

    function initMapsPage() {
        const mapsGrid = document.getElementById('mapsGrid');
        if (!mapsGrid) return;

        // Get all maps
        const maps = window.getAllMaps ? window.getAllMaps() : [];
        const lang = document.documentElement.lang || 'en';

        if (maps.length === 0) {
            mapsGrid.innerHTML = `<p style="text-align: center; color: var(--color-text-secondary);">${lang === 'fr' ? 'Aucune carte disponible' : 'No maps available'}</p>`;
            return;
        }

        // Sort maps by region code
        maps.sort((a, b) => parseInt(a.code) - parseInt(b.code));

        // Generate map cards
        mapsGrid.innerHTML = maps.map(map => {
            const regionName = lang === 'fr' ? map.nameFr : map.name;
            const downloadText = lang === 'fr' ? 'Télécharger' : 'Download';
            const viewText = lang === 'fr' ? 'Voir' : 'View';
            const sizeText = lang === 'fr' ? 'Taille' : 'Size';

            return `
                <div class="map-card">
                    <div class="map-card-header">
                        <div class="map-region-code">${map.code}</div>
                        <div class="map-region-name">
                            <h3>${regionName}</h3>
                            <p>${lang === 'fr' ? 'Région Administrative' : 'Administrative Region'}</p>
                        </div>
                    </div>
                    <div class="map-card-body">
                        <div class="map-info">
                            <span class="map-info-label">${sizeText}:</span>
                            <span class="map-info-value">${map.size}</span>
                        </div>
                    </div>
                    <div class="map-card-footer">
                        <a href="${map.pdfUrl}" target="_blank" rel="noopener noreferrer" class="map-btn">
                            <span class="map-icon">📥</span>
                            ${downloadText}
                        </a>
                        <a href="${map.pdfUrl}" target="_blank" rel="noopener noreferrer" class="map-btn map-btn-secondary">
                            <span class="map-icon">👁️</span>
                            ${viewText}
                        </a>
                    </div>
                </div>
            `;
        }).join('');
    }

    // Initialize when DOM is ready
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initMapsPage);
    } else {
        initMapsPage();
    }
})();