From a3038bb02207c968357418947c03322d8ea8bf55 Mon Sep 17 00:00:00 2001
From: Giorgio Ravera <giorgio.ravera@gmail.com>
Date: Fri, 22 May 2026 18:17:22 +0200
Subject: [PATCH] Minor changes

---
 frontend/js/aliases.js |  7 ++++---
 frontend/js/hosts.js   |  7 ++++---
 frontend/js/leases.js  | 31 ++++++++++++++++---------------
 3 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/frontend/js/aliases.js b/frontend/js/aliases.js
index aaeb124..7f1f31e 100644
--- a/frontend/js/aliases.js
+++ b/frontend/js/aliases.js
@@ -91,6 +91,8 @@ async function loadAliases() {
     const frag = document.createDocumentFragment();
 
     aliases.forEach(h => {
+
+        const id = Number(h.id);
         const tr = document.createElement("tr");
 
         // Name
@@ -186,9 +188,7 @@ async function loadAliases() {
             td.style.textAlign = "center";
             td.style.verticalAlign = "middle";
 
-            const id = Number(h.id);
-
-            // Usa elementi reali invece di innerHTML con entity
+            // Edit Button
             const editSpan = document.createElement("span");
             editSpan.className = "action-icon";
             editSpan.setAttribute("role", "button");
@@ -206,6 +206,7 @@ async function loadAliases() {
                 editSpan.appendChild(i);
             }
 
+            // Delete Button
             const delSpan = document.createElement("span");
             delSpan.className = "action-icon";
             delSpan.setAttribute("role", "button");
diff --git a/frontend/js/hosts.js b/frontend/js/hosts.js
index 36e7c9e..f142b43 100644
--- a/frontend/js/hosts.js
+++ b/frontend/js/hosts.js
@@ -91,6 +91,8 @@ async function loadHosts() {
     const frag = document.createDocumentFragment();
 
     hosts.forEach(h => {
+
+        const id = Number(h.id);
         const tr = document.createElement("tr");
 
         // Name
@@ -196,9 +198,7 @@ async function loadHosts() {
             td.style.textAlign = "center";
             td.style.verticalAlign = "middle";
 
-            const id = Number(h.id);
-
-            // Usa elementi reali invece di innerHTML con entity
+            // Edit Button
             const editSpan = document.createElement("span");
             editSpan.className = "action-icon";
             editSpan.setAttribute("role", "button");
@@ -216,6 +216,7 @@ async function loadHosts() {
                 editSpan.appendChild(i);
             }
 
+            // Delete Button
             const delSpan = document.createElement("span");
             delSpan.className = "action-icon";
             delSpan.setAttribute("role", "button");
diff --git a/frontend/js/leases.js b/frontend/js/leases.js
index 52166a2..81ae6ad 100644
--- a/frontend/js/leases.js
+++ b/frontend/js/leases.js
@@ -90,6 +90,8 @@ async function loadLeases() {
     const frag = document.createDocumentFragment();
 
     leases.forEach(l => {
+
+        const id = Number(l.id);
         const tr = document.createElement("tr");
 
         // IP Address
@@ -211,26 +213,25 @@ async function loadLeases() {
             td.style.textAlign = "center";
             td.style.verticalAlign = "middle";
 
-            const id = Number(l.id);
-
-            // Usa elementi reali invece di innerHTML con entity
-            const editSpan = document.createElement("span");
-            editSpan.className = "action-icon";
-            editSpan.setAttribute("role", "button");
-            editSpan.tabIndex = 0;
-            editSpan.title = "Add static lease";
-            editSpan.setAttribute("aria-label", "Add static lease");
-            editSpan.setAttribute("data-bs-toggle", "modal");
-            editSpan.setAttribute("data-bs-target", "#addHostModal");
-            editSpan.setAttribute("data-action", "add");
-            editSpan.setAttribute("data-lease-id", String(id));
+            // Add Button
+            const addSpan = document.createElement("span");
+            addSpan.className = "action-icon";
+            addSpan.setAttribute("role", "button");
+            addSpan.tabIndex = 0;
+            addSpan.title = "Add static lease";
+            addSpan.setAttribute("aria-label", "Add static lease");
+            addSpan.setAttribute("data-bs-toggle", "modal");
+            addSpan.setAttribute("data-bs-target", "#addHostModal");
+            addSpan.setAttribute("data-action", "add");
+            addSpan.setAttribute("data-lease-id", String(id));
             {
                 const i = document.createElement("i");
                 i.className = "bi bi-plus-circle icon icon-action";
                 i.setAttribute("aria-hidden", "true");
-                editSpan.appendChild(i);
+                addSpan.appendChild(i);
             }
 
+            // Delete Button
             const delSpan = document.createElement("span");
             delSpan.className = "action-icon";
             delSpan.setAttribute("role", "button");
@@ -246,7 +247,7 @@ async function loadLeases() {
                 delSpan.appendChild(i);
             }
 
-            td.appendChild(editSpan);
+            td.appendChild(addSpan);
             td.appendChild(delSpan);
             tr.appendChild(td);
         }
-- 
2.47.3