Minor changes

diff --git a/frontend/js/aliases.js b/frontend/js/aliases.js
index aaeb1246a2b7de97ea826076ffcdfdbbed36736e..7f1f31ef727cfd931aee6de6049c90905467e10d 100644 (file)
--- 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 36e7c9ecc9ad3f24a19b1f97573d6ab43d8e179e..f142b43a4883ab09e8ea2f3d6b5645164afece70 100644 (file)
--- 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 52166a2ba5a8f56837eac60c0c5cf710cd838362..81ae6ad5391423bd457944b9d9273125f82edd80 100644 (file)
--- 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);
         }