Liste sortieren, bearbeiten

public/global.js

@@ -15,6 +15,15 @@ function updateSortArrows() {
     el.style.opacity = currentSort.key === key ? '1' : '0.3';
   });
 }
+
+  // Tab-Wechsel Funktion aus index.pug
+function showTab(tab) {
+  document.getElementById('tabInputContent').style.display = tab === 'input' ? '' : 'none';
+  document.getElementById('tabListContent').style.display = tab === 'list' ? '' : 'none';
+  document.getElementById('tabInput').classList.toggle('active', tab === 'input');
+  document.getElementById('tabList').classList.toggle('active', tab === 'list');
+}
+
 document.addEventListener('DOMContentLoaded', () => {
   const saveBtn = document.getElementById('saveBtn');
   const refreshBtn = document.getElementById('refreshBtn');
@@ -27,6 +36,8 @@ document.addEventListener('DOMContentLoaded', () => {
   const limitInput = document.getElementById('limit');
   const resultDiv = document.getElementById('result');
   const tableBody = document.querySelector('#entriesTable tbody');
+  const tabInput = document.getElementById('tabInput');
+  const tabList = document.getElementById('tabList');
 
   let editId = null;
 
@@ -153,6 +164,7 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   }
 
+
   function clearForm() {
     espIdInput.value = '';
     sensorNumberInput.value = '';
@@ -267,9 +279,20 @@ document.addEventListener('DOMContentLoaded', () => {
             sensorNumberInput.value = item._id;
             nameInput.value = item.chip.name || '';
             descriptionInput.value = item.chip.description || '';
-//            addressInput.value = item.address || '';
+            addressInput.value = '';
             editId = id;
+            try {
+              const rt = await fetch(`api/holAdresse/${item._id}`)
+              const data = await rt.json();
+              console.dir(data)
+              if (!data.error && data.address) {
+                addressInput.value = data.address;
+              }
+            } catch (e) {
+              console.log("Fehler beim Adresse holen", e)
+            }
             saveBtn.textContent = 'Aktualisieren';
+            showTab('input')
           }
         });
       });
@@ -293,8 +316,11 @@ document.addEventListener('DOMContentLoaded', () => {
     }
   }
 
+
   saveBtn.addEventListener('click', saveEntry);
   refreshBtn.addEventListener('click', loadEntries);
+tabInput.addEventListener('click', () => showTab('input'))
+tabList.addEventListener('click', () => showTab('list'))
 
   loadEntries();
 });