From de04e582421ce233a3d6fd7777b5071fe1f6d048 Mon Sep 17 00:00:00 2001
From: Git Manager GUI <gui@gitmanager.local>
Date: Fri, 22 May 2026 11:16:15 +0200
Subject: [PATCH] Upload via Git Manager GUI

---
 BungeeCord-Chrome/popup.html | 162 +++++++++++++++++++++--------------
 1 file changed, 96 insertions(+), 66 deletions(-)
diff --git a/BungeeCord-Chrome/popup.html b/BungeeCord-Chrome/popup.html
index d45cf5b..7a25806 100644
--- a/BungeeCord-Chrome/popup.html
+++ b/BungeeCord-Chrome/popup.html
@@ -1,66 +1,96 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-<meta charset="UTF-8" />
-<meta name="viewport" content="width=device-width,initial-scale=1" />
-<title>Bungee Status</title>
-<link rel="stylesheet" href="popup.css">
-</head>
-<body>
-<div class="root">
-  <header>
-    <h1>Bungee Status</h1>
-    <div class="actions">
-      <button id="btnRefresh" title="Jetzt aktualisieren">↻</button>
-      <button id="btnToggleSettings">⚙</button>
-    </div>
-  </header>
-
-  <section class="main">
-    <aside class="server-list">
-      <div class="add-form" id="settingsForm">
-        <input id="inputName" placeholder="Name (z. B. Lobby)" />
-        <input id="inputUrl" placeholder="URL (127.0.0.1:9191)" />
-        <input id="inputWpSite" placeholder="WP Site" />
-        <input id="inputWpServerId" placeholder="WP Server ID" />
-        <button id="btnAddServer">Hinzufügen</button>
-      </div>
-
-      <ul id="serversContainer"></ul>
-    </aside>
-
-    <div class="detail">
-      <div id="noSelection" class="placeholder">Wähle einen Server aus der linken Liste.</div>
-      <div id="detailContent" class="detailContent hidden">
-        
-        <div class="detail-header">
-            <div class="server-identity">
-                <h2 id="detailName"></h2>
-                <span id="detailUrlText" class="server-url"></span>
-            </div>
-            <div class="status-wrapper">
-                <div id="detailPulse" class="pulsing-dot"></div>
-                <span id="detailStatus"></span>
-            </div>
-        </div>
-
-        <div class="detail-stats">
-            <div><strong>Spieler:</strong> <span id="detailPlayers"></span></div>
-            <div><strong>Version:</strong> <span id="detailVersion"></span></div>
-            <div><strong>Ping:</strong> <span id="detailPing">-</span></div>
-        </div>
-
-        <h3>Online Spieler</h3>
-        <ul id="detailPlayerList" class="playerList"></ul>
-
-        <div class="detailButtons">
-          <button id="btnEdit">Bearbeiten</button>
-          <button id="btnDelete">Löschen</button>
-        </div>
-      </div>
-    </div>
-  </section>
-</div>
-<script src="popup.js"></script>
-</body>
-</html>
\ No newline at end of file
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width,initial-scale=1" />
+<title>Bungee Status</title>
+<link rel="stylesheet" href="popup.css">
+</head>
+<body>
+<div class="root">
+
+  <header>
+    <h1>Bungee Status</h1>
+    <div class="actions">
+      <button id="btnRefresh" title="Jetzt aktualisieren">↻</button>
+      <button id="btnToggleSettings" title="Einstellungen">⚙</button>
+    </div>
+  </header>
+
+  <div class="main">
+
+    <div id="settingsForm" class="settings-panel hidden">
+      <input id="inputName" placeholder="Name (z. B. Lobby)" />
+      <input id="inputUrl" placeholder="URL (z. B. 192.168.1.1:9191)" />
+      <input id="inputWpSite" placeholder="WP Site" />
+      <input id="inputWpServerId" placeholder="WP Server ID" />
+      <button id="btnAddServer">Hinzufügen</button>
+    </div>
+
+    <div id="serverListPanel" class="server-list-panel hidden">
+      <ul id="serversContainer"></ul>
+    </div>
+
+    <div class="detail-panel">
+
+      <div id="noSelection" class="placeholder">Noch kein Server ausgewählt.</div>
+
+      <div id="detailContent" class="hidden">
+
+        <!-- Server Name + Status Badge -->
+        <div class="srv-identity">
+          <div>
+            <div class="srv-name" id="detailName"></div>
+            <div class="srv-url" id="detailUrlText"></div>
+          </div>
+          <div class="online-badge offline" id="statusBadge">
+            <div class="pulsing-dot offline" id="detailPulse"></div>
+            <span id="detailStatus">Offline</span>
+          </div>
+        </div>
+
+        <!-- MOTD -->
+        <div id="motdBar" class="motd-bar hidden"></div>
+
+        <!-- Stats: Spieler / Version / Ping -->
+        <div class="stats-row">
+          <div class="stat-card">
+            <div class="stat-label">Spieler</div>
+            <div class="stat-val" id="detailPlayers">-</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-label">Version</div>
+            <div class="stat-val small" id="detailVersion">-</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-label">Ping</div>
+            <div class="stat-val" id="detailPing">-</div>
+          </div>
+        </div>
+
+        <!-- Sub-Server -->
+        <div id="backendSection" class="hidden">
+          <div class="section-label">Sub-Server</div>
+          <div class="sub-servers" id="backendServersList"></div>
+        </div>
+
+        <!-- Online Spieler -->
+        <div>
+          <div class="section-label">Online Spieler</div>
+          <div class="players-grid" id="detailPlayerList"></div>
+        </div>
+
+        <!-- Edit / Delete -->
+        <div class="detail-buttons hidden" id="detailButtons">
+          <button id="btnEdit">Bearbeiten</button>
+          <button id="btnDelete">Löschen</button>
+        </div>
+
+      </div>
+    </div>
+
+  </div>
+</div>
+<script src="popup.js"></script>
+</body>
+</html>
