console

2026-03-07 23:58:40 +01:00
parent 766eab12e7
commit 12c2ce4817
10 changed files with 652 additions and 96 deletions
--- a/modules/pi_control/assets/hosts.js
+++ b/modules/pi_control/assets/hosts.js
@@ -0,0 +1,56 @@
+(() => {
+  const form = document.querySelector('[data-host-form]');
+  if (!form) return;
+
+  const idInput = form.querySelector('input[name="id"]');
+  const nameInput = form.querySelector('input[name="name"]');
+  const hostInput = form.querySelector('input[name="host"]');
+  const portInput = form.querySelector('input[name="port"]');
+  const userInput = form.querySelector('input[name="username"]');
+  const authSelect = form.querySelector('select[name="auth_type"]');
+  const keyInput = form.querySelector('input[name="key_path"]');
+  const passInput = form.querySelector('input[name="password"]');
+  const imageInput = form.querySelector('input[name="image_url"]');
+  const submitBtn = form.querySelector('[data-host-submit]');
+  const cancelBtn = form.querySelector('[data-host-cancel]');
+
+  const resetForm = () => {
+    if (idInput) idInput.value = '';
+    if (nameInput) nameInput.value = '';
+    if (hostInput) hostInput.value = '';
+    if (portInput) portInput.value = '22';
+    if (userInput) userInput.value = '';
+    if (authSelect) authSelect.value = 'key';
+    if (keyInput) keyInput.value = '';
+    if (passInput) passInput.value = '';
+    if (imageInput) imageInput.value = '';
+    if (submitBtn) submitBtn.textContent = 'Speichern';
+  };
+
+  document.querySelectorAll('[data-host-edit]').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const card = btn.closest('.host-card');
+      if (!card) return;
+      if (idInput) idInput.value = card.dataset.hostId || '';
+      if (nameInput) nameInput.value = card.dataset.name || '';
+      if (hostInput) hostInput.value = card.dataset.host || '';
+      if (portInput) portInput.value = card.dataset.port || '22';
+      if (userInput) userInput.value = card.dataset.username || '';
+      if (authSelect) authSelect.value = card.dataset.auth || 'key';
+      if (keyInput) keyInput.value = card.dataset.keyPath || '';
+      if (passInput) passInput.value = '';
+      if (imageInput) imageInput.value = card.dataset.imageUrl || '';
+      if (submitBtn) submitBtn.textContent = 'Aktualisieren';
+      const details = btn.closest('details');
+      if (details) details.removeAttribute('open');
+      form.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    });
+  });
+
+  if (cancelBtn) {
+    cancelBtn.addEventListener('click', (e) => {
+      e.preventDefault();
+      resetForm();
+    });
+  }
+})();