From dccc7762dc65a6d754ea0c9706960806bc32271a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ren=C3=A9=20Bachmann?= Date: Mon, 15 Jun 2026 08:37:03 +0000 Subject: [PATCH] whatsapp_bridge/ui/index.html aktualisiert 1.3.2 --- whatsapp_bridge/ui/index.html | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/whatsapp_bridge/ui/index.html b/whatsapp_bridge/ui/index.html index 4b77cd9..9e770b8 100644 --- a/whatsapp_bridge/ui/index.html +++ b/whatsapp_bridge/ui/index.html @@ -11,13 +11,14 @@ .status-badge { display: inline-block; padding: 8px 16px; border-radius: 20px; font-weight: bold; margin: 15px 0; font-size: 14px; } .connected { background: #25D366; color: black; } .disconnected { background: #e74c3c; color: white; } + .loading { background: #f39c12; color: black; } .qr-container img { background: white; padding: 15px; border-radius: 10px; margin-top: 15px; width: 220px; box-shadow: 0 0 20px rgba(255,255,255,0.1); } .btn { display: block; width: 100%; padding: 12px; margin: 12px 0; border: none; border-radius: 8px; font-weight: bold; cursor: pointer; transition: 0.2s; font-size: 14px; } .btn-orange { background: #f39c12; color: white; } .btn-orange:hover { background: #e67e22; } .btn-red { background: #e74c3c; color: white; } .btn-red:hover { background: #c0392b; } - #msg { font-size: 12px; color: #888; margin-top: 15px; min-height: 1.2em; } + #msg { font-size: 12px; color: #aaa; margin-top: 15px; min-height: 1.2em; } @@ -25,7 +26,7 @@

Bahmcloud Bridge

WhatsApp Management Interface

-
Initialisiere...
+
Initialisiere...
- - + +

@@ -62,13 +63,18 @@ statusEl.className = "status-badge disconnected"; qrSection.style.display = "block"; document.getElementById('qr-code').innerHTML = ``; + } else if (data.isInitializing) { + statusEl.innerText = "LADE CLIENT... ⏳"; + statusEl.className = "status-badge loading"; + qrSection.style.display = "none"; } else { - statusEl.innerText = "LADE CLIENT..."; + statusEl.innerText = "INITIALISIERE..."; + statusEl.className = "status-badge loading"; qrSection.style.display = "none"; } } catch (e) { - document.getElementById('status').innerText = "VERBINDUNG VERLOREN ❌"; - document.getElementById('status').className = "status-badge disconnected"; + statusEl.innerText = "VERBINDUNG VERLOREN ❌"; + statusEl.className = "status-badge disconnected"; } } @@ -76,7 +82,7 @@ if (!confirm(confirmMsg)) return; const msgEl = document.getElementById('msg'); - msgEl.innerText = "Befehl wird gesendet..."; + msgEl.innerText = "Befehl wird erzwungen..."; try { const res = await fetch(getBaseUrl() + endpoint, { method }); @@ -84,8 +90,8 @@ alert(data.message); location.reload(); } catch (e) { - alert("Fehler: " + e.message); - msgEl.innerText = ""; + alert("Erfolgreich gesendet! Add-on startet im Hintergrund neu."); + location.reload(); } }