c593b152e8
Ajoute la version firmware sous le nom du capteur dans la sidebar, visible sur toutes les pages. Permet d'identifier d'un coup d'oeil le chemin de mise a jour disponible (online git pull vs offline ZIP upload >= v1.4.0). - launcher.php: get_config_sqlite injecte firmware_version (lu depuis VERSION) - sidebar.html: ajout d'un <small> sous sideBar_sensorName (statique) - topbar-logo.js: peuple .sideBar_firmwareVersion via le fetch existant + MutationObserver (aucun nouveau fetch -> respecte la limite 6 connexions) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
|
|
/**
|
|
* Global configuration handler for UI elements
|
|
* - Updates Topbar Logo based on device type
|
|
* - Shows/Hides "Screen" sidebar tab based on device type
|
|
*/
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
let config = null;
|
|
|
|
// Fetch config once
|
|
fetch('launcher.php?type=get_config_sqlite')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
config = data;
|
|
applyConfig(); // Apply immediately if elements are ready
|
|
})
|
|
.catch(error => console.error('Error loading config:', error));
|
|
|
|
// Observe DOM changes to handle dynamically loaded elements (sidebar, topbar)
|
|
const observer = new MutationObserver(() => {
|
|
if (config) applyConfig();
|
|
});
|
|
|
|
observer.observe(document.body, { childList: true, subtree: true });
|
|
|
|
function applyConfig() {
|
|
if (!config) return;
|
|
|
|
const isModuleAirPro = (config.device_type === 'moduleair_pro' || config.type === 'moduleair_pro');
|
|
|
|
// 1. Topbar Logo Logic
|
|
const logo = document.getElementById('topbar-logo');
|
|
if (logo && isModuleAirPro) {
|
|
// prevent unnecessary re-assignments
|
|
if (!logo.src.includes('logoModuleAir.png')) {
|
|
logo.src = 'assets/img/logoModuleAir.png';
|
|
}
|
|
}
|
|
|
|
// 2. Sidebar firmware version display
|
|
const versionElements = document.querySelectorAll('.sideBar_firmwareVersion');
|
|
if (versionElements.length > 0 && config.firmware_version) {
|
|
const versionText = 'v' + config.firmware_version;
|
|
versionElements.forEach(el => {
|
|
if (el.textContent !== versionText) {
|
|
el.textContent = versionText;
|
|
}
|
|
});
|
|
}
|
|
|
|
// 3. Sidebar Screen Tab Logic - Use class since ID might be duplicated (desktop/mobile)
|
|
const navScreenElements = document.querySelectorAll('.nav-screen-item');
|
|
if (navScreenElements.length > 0) {
|
|
navScreenElements.forEach(navScreen => {
|
|
if (isModuleAirPro) {
|
|
// Ensure it's visible (bootstrap nav-link usually block or flex)
|
|
if (navScreen.style.display === 'none') {
|
|
navScreen.style.display = 'flex';
|
|
}
|
|
} else {
|
|
// Hide if not pro
|
|
if (navScreen.style.display !== 'none') {
|
|
navScreen.style.display = 'none';
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
});
|