From: Giorgio Ravera Date: Tue, 9 Jun 2026 14:52:32 +0000 (+0200) Subject: Updated hamburger menu X-Git-Tag: v0.0.2~17 X-Git-Url: http://git.giorgioravera.it/?a=commitdiff_plain;h=111ed829bb90e4eb8922040dedba4442fe8d7d63;p=network-manager.git Updated hamburger menu --- diff --git a/frontend/css/layout.css b/frontend/css/layout.css index cd67a28..83403ba 100644 --- a/frontend/css/layout.css +++ b/frontend/css/layout.css @@ -364,7 +364,7 @@ i.bi { position: relative; margin: 20px; width: calc(100% - 40px); - max-height: calc(100vh - 185px); + max-height: calc(100vh - 174px); overflow-x: auto; overflow-y: auto; border-radius: 10px; diff --git a/frontend/devices.html b/frontend/devices.html index 0009357..2826b2c 100644 --- a/frontend/devices.html +++ b/frontend/devices.html @@ -36,26 +36,51 @@ Network Manager - -
- - + + +
+ +
+
Network Manager
+ + +
+ +
+
+ Hosts + Alias + DHCP Leases + Devices + Settings + +
+
+
@@ -104,7 +129,7 @@ -
+
-
+
@@ -135,7 +160,7 @@ aria-label="Reload DHCP" data-action="reloadDhcp"> - Reload DHCP + Reload DHCP diff --git a/frontend/hosts.html b/frontend/hosts.html index 15a2875..d637dd4 100644 --- a/frontend/hosts.html +++ b/frontend/hosts.html @@ -36,26 +36,51 @@ Network Manager - -
- - + + +
+ +
+
Network Manager
+ + +
+ +
+
+ Hosts + Alias + DHCP Leases + Devices + Settings + +
+
+
@@ -104,7 +129,7 @@ -
+
-
+
@@ -135,7 +160,7 @@ aria-label="Reload DHCP" data-action="reloadDhcp"> - Reload DHCP + Reload DHCP @@ -178,7 +203,7 @@ - Actions + Actions diff --git a/frontend/index.html b/frontend/index.html index 6c71f99..7616bcb 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -36,22 +36,43 @@ Network Manager - -
- - + + +
+ +
+
Network Manager
+ + +
+ +
+
+ + +
+
+
@@ -62,6 +83,7 @@
+

diff --git a/frontend/js/aliases.js b/frontend/js/aliases.js index 042d0b1..f3eb2e1 100644 --- a/frontend/js/aliases.js +++ b/frontend/js/aliases.js @@ -35,9 +35,11 @@ async function fetchAliases () { allAliases = []; viewAliases = []; // hide loader and show table - loader.style.display = "none"; tableWrapper.classList.remove("d-none"); } + finally { + loader.style.display = "none"; + } } // ----------------------------- @@ -61,7 +63,7 @@ function updateTable () { if (!viewAliases.length) { const trEmpty = document.createElement("tr"); const tdEmpty = document.createElement("td"); - tdEmpty.colSpan = 7; + tdEmpty.colSpan = 5; tdEmpty.textContent = "No alias available."; tdEmpty.style.textAlign = "center"; trEmpty.appendChild(tdEmpty); @@ -234,7 +236,7 @@ function updateTable () { const term = document.getElementById('searchInput')?.value || document.getElementById('searchInputMobile')?.value; - if (term) { + if (term?.trim()) { handleSearch(term); } } @@ -533,7 +535,7 @@ function initModalLifecycle() { showToast(err?.message || "Error loading alias", false); // Close modal modalEl.addEventListener('shown.bs.modal', () => { - closeAddAliasModal(lastTriggerEl); + closeAddAliasModal(); }, { once: true }); } } else { diff --git a/frontend/js/devices.js b/frontend/js/devices.js index d8273e3..9748598 100644 --- a/frontend/js/devices.js +++ b/frontend/js/devices.js @@ -35,9 +35,11 @@ async function fetchDevices () { allDevices = []; viewDevices = []; // hide loader and show table - loader.style.display = "none"; tableWrapper.classList.remove("d-none"); } + finally { + loader.style.display = "none"; + } } // ----------------------------- @@ -295,7 +297,7 @@ function updateTable () { const term = document.getElementById('searchInput')?.value || document.getElementById('searchInputMobile')?.value; - if (term) { + if (term?.trim()) { handleSearch(term, filterTable); } } @@ -662,7 +664,7 @@ function initModalLifecycle() { showToast(err?.message || "Error loading host", false); // Close modal modalEl.addEventListener('shown.bs.modal', () => { - closeAddHostModal(lastTriggerEl); + closeAddHostModal(); }, { once: true }); } } else { diff --git a/frontend/js/hosts.js b/frontend/js/hosts.js index daf4569..788350a 100644 --- a/frontend/js/hosts.js +++ b/frontend/js/hosts.js @@ -35,9 +35,11 @@ async function fetchHosts () { allHosts = []; viewHosts = []; // hide loader and show table - loader.style.display = "none"; tableWrapper.classList.remove("d-none"); } + finally { + loader.style.display = "none"; + } } // ----------------------------- @@ -61,7 +63,7 @@ function updateTable () { if (!viewHosts.length) { const trEmpty = document.createElement("tr"); const tdEmpty = document.createElement("td"); - tdEmpty.colSpan = 7; + tdEmpty.colSpan = 6; tdEmpty.textContent = "No hosts available."; tdEmpty.style.textAlign = "center"; trEmpty.appendChild(tdEmpty); @@ -244,7 +246,7 @@ function updateTable () { const term = document.getElementById('searchInput')?.value || document.getElementById('searchInputMobile')?.value; - if (term) { + if (term?.trim()) { handleSearch(term, filterTable); } } @@ -558,7 +560,7 @@ function initModalLifecycle() { showToast(err?.message || "Error loading host", false); // Close modal modalEl.addEventListener('shown.bs.modal', () => { - closeAddHostModal(lastTriggerEl); + closeAddHostModal(); }, { once: true }); } } else { diff --git a/frontend/js/index.js b/frontend/js/index.js index f8bed2a..9903780 100644 --- a/frontend/js/index.js +++ b/frontend/js/index.js @@ -42,18 +42,23 @@ function closeBackupModal() { // Manage Backup List Rendering (usa fetchData() con apiMap.backups) // ------------------------------------------------------- export async function serviceCheckAbout() { - const pill = document.getElementById('api-pill'); - if (!pill) return; + const pills = document.querySelectorAll('.btn-api'); + + if (!pills.length) return; const ok = await serviceIsAlive(); - if (ok) { - pill.textContent = 'API OK'; - pill.classList.remove('btn-outline-primary'); - pill.classList.add('btn-primary'); - } else { - pill.textContent = 'API OFFLINE'; - } + pills.forEach(pill => { + + if (ok) { + pill.textContent = 'API OK'; + pill.classList.remove('btn-outline-primary'); + pill.classList.add('btn-primary'); + + } else { + pill.textContent = 'API OFFLINE'; + } + }); return ok; } diff --git a/frontend/js/leases.js b/frontend/js/leases.js index 77504e1..3e139e6 100644 --- a/frontend/js/leases.js +++ b/frontend/js/leases.js @@ -34,9 +34,11 @@ async function fetchLeases () { allLeases = []; viewLeases = []; // hide loader and show table - loader.style.display = "none"; tableWrapper.classList.remove("d-none"); } + finally { + loader.style.display = "none"; + } } // ----------------------------- @@ -259,7 +261,7 @@ function updateTable () { const term = document.getElementById('searchInput')?.value || document.getElementById('searchInputMobile')?.value; - if (term) { + if (term?.trim()) { handleSearch(term, filterTable); } } @@ -557,7 +559,7 @@ function initModalLifecycle() { showToast(err?.message || "Error loading host", false); // Close modal modalEl.addEventListener('shown.bs.modal', () => { - closeAddHostModal(lastTriggerEl); + closeAddHostModal(); }, { once: true }); } } diff --git a/frontend/js/session.js b/frontend/js/session.js index e85e776..7d55217 100644 --- a/frontend/js/session.js +++ b/frontend/js/session.js @@ -14,8 +14,7 @@ async function handleLogout() { // DOMContentLoaded: initialize everything // ----------------------------- document.addEventListener("DOMContentLoaded", () => { - const logoutBtn = document.getElementById("logoutBtn"); - if (logoutBtn) { - logoutBtn.addEventListener("click", handleLogout); - } + document.querySelectorAll(".btn-logout").forEach(btn => { + btn.addEventListener("click", handleLogout); + }); }); diff --git a/frontend/js/settings.js b/frontend/js/settings.js index 59d2def..d0b7345 100644 --- a/frontend/js/settings.js +++ b/frontend/js/settings.js @@ -76,9 +76,11 @@ async function fetchConfigs () { allConfigs = []; viewConfigs = []; // hide loader and show table - loader.style.display = "none"; tableWrapper.classList.remove("d-none"); } + finally { + loader.style.display = "none"; + } } // ----------------------------- @@ -245,7 +247,7 @@ function updateTable (filter = null) { if (!viewConfigs.length) { const trEmpty = document.createElement("tr"); const tdEmpty = document.createElement("td"); - tdEmpty.colSpan = 7; + tdEmpty.colSpan = 4; tdEmpty.textContent = "No configs available."; tdEmpty.style.textAlign = "center"; trEmpty.appendChild(tdEmpty); @@ -786,7 +788,7 @@ function initModalLifecycle() { showToast(err?.message || "Error loading config", false); // Close modal modalEl.addEventListener('shown.bs.modal', () => { - closeEditConfigModal(lastTriggerEl); + closeEditConfigModal(); }, { once: true }); } } else { diff --git a/frontend/leases.html b/frontend/leases.html index 31afc21..5a809f4 100644 --- a/frontend/leases.html +++ b/frontend/leases.html @@ -36,26 +36,51 @@ Network Manager - -
- - + + +
+ +
+
Network Manager
+ + +
+ +
+
+ Hosts + Alias + DHCP Leases + Devices + Settings + +
+
+

@@ -104,7 +129,7 @@
-
+
-
+
@@ -135,7 +160,7 @@ aria-label="Reload DHCP" data-action="reloadDhcp"> - Reload DHCP + Reload DHCP
diff --git a/frontend/settings.html b/frontend/settings.html index 98df7d2..b34c911 100644 --- a/frontend/settings.html +++ b/frontend/settings.html @@ -36,26 +36,51 @@ Network Manager - -
- - + + +
+ +
+
Network Manager
+ + +
+ +
+
+ Hosts + Alias + DHCP Leases + Devices + Settings + +
+
+
@@ -104,7 +129,7 @@ -
+
@@ -121,11 +146,11 @@ title="Collapse all groups" aria-label="Collapse all groups"> - Collapse + Collapse -
+