srv/poe_manager/templates/index.html aktualisiert

srv/poe_manager/templates/index.html

@@ -48,6 +48,7 @@ document.addEventListener("DOMContentLoaded", () => {
     let lastUpdateTime = Date.now();
     let selectedCard = null;
     let selectedMac = null;
+    let selectedName = null;
 
     const deviceModal = new bootstrap.Modal(
         document.getElementById("deviceModal")
@@ -111,6 +112,7 @@ document.addEventListener("DOMContentLoaded", () => {
         card.addEventListener("click", function () {
             selectedCard = this;
             selectedMac = this.dataset.mac;
+            selectedName = this.dataset.name;
             document.getElementById("deviceModalTitle").innerText =
                 this.dataset.name;
             document.getElementById("deviceIp").innerText =
@@ -141,79 +143,54 @@ document.addEventListener("DOMContentLoaded", () => {
      id="deviceModal"
      tabindex="-1"
      aria-hidden="true">
-
     <div class="modal-dialog">
-
         <div class="modal-content">
-
             <div class="modal-header">
-
                 <h5
                     id="deviceModalTitle"
                     class="modal-title">
                 </h5>
-
                 <button
                     type="button"
                     class="btn-close"
                     data-bs-dismiss="modal"
                     aria-label="Schließen">
                 </button>
-
             </div>
-
             <div class="modal-body">
-
                 <table class="table table-sm align-middle mb-0">
-
                     <tr>
                         <th style="width:120px;">IP-Adresse</th>
                         <td id="deviceIp"></td>
                     </tr>
-
                     <tr>
                         <th>Switch</th>
                         <td id="deviceSwitch"></td>
                     </tr>
-
                     <tr>
                         <th>Port</th>
                         <td id="devicePort"></td>
                     </tr>
-
                     <tr>
                         <th>Status</th>
                         <td id="deviceStatus"></td>
                     </tr>
-
                 </table>
-
             </div>
-
             <div class="modal-footer">
-
                 <button
                     id="restartButton"
                     class="btn btn-warning">
-
                     🔄 Neustarten
-
                 </button>
-
                 <button
                     class="btn btn-secondary"
                     data-bs-dismiss="modal">
-
                     Schließen
-
                 </button>
-
             </div>
-
         </div>
-
     </div>
-
 </div>
 
 <!-- ========================================================= -->