M_Viper/Minecraft-BungeeCord-Status
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Upload via Git Manager GUI

Browse Source
This commit is contained in:
Git Manager GUI
2026-05-22 11:16:15 +02:00
parent 166bfad1d4
commit de04e58242
1 changed files with 96 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
BungeeCord-Chrome/popup.html
View File

@@ -8,58 +8,88 @@
</head> </head>
<body> <body>
<div class="root"> <div class="root">
<header> <header>
<h1>Bungee Status</h1> <h1>Bungee Status</h1>
<div class="actions"> <div class="actions">
<button id="btnRefresh" title="Jetzt aktualisieren">↻</button> <button id="btnRefresh" title="Jetzt aktualisieren">↻</button>
<button id="btnToggleSettings">⚙</button> <button id="btnToggleSettings" title="Einstellungen">⚙</button>
</div> </div>
</header> </header>
<section class="main"> <div class="main">
<aside class="server-list">
<div class="add-form" id="settingsForm"> <div id="settingsForm" class="settings-panel hidden">
<input id="inputName" placeholder="Name (z. B. Lobby)" /> <input id="inputName" placeholder="Name (z. B. Lobby)" />
<input id="inputUrl" placeholder="URL (127.0.0.1:9191)" /> <input id="inputUrl" placeholder="URL (z. B. 192.168.1.1:9191)" />
<input id="inputWpSite" placeholder="WP Site" /> <input id="inputWpSite" placeholder="WP Site" />
<input id="inputWpServerId" placeholder="WP Server ID" /> <input id="inputWpServerId" placeholder="WP Server ID" />
<button id="btnAddServer">Hinzufügen</button> <button id="btnAddServer">Hinzufügen</button>
</div> </div>
<div id="serverListPanel" class="server-list-panel hidden">
<ul id="serversContainer"></ul> <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>
<div class="status-wrapper">
<div id="detailPulse" class="pulsing-dot"></div> <div class="detail-panel">
<span id="detailStatus"></span>
<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>
</div> </div>
<div class="detail-stats"> <!-- MOTD -->
<div><strong>Spieler:</strong> <span id="detailPlayers"></span></div> <div id="motdBar" class="motd-bar hidden"></div>
<div><strong>Version:</strong> <span id="detailVersion"></span></div>
<div><strong>Ping:</strong> <span id="detailPing">-</span></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> </div>
<h3>Online Spieler</h3> <!-- Sub-Server -->
<ul id="detailPlayerList" class="playerList"></ul> <div id="backendSection" class="hidden">
<div class="section-label">Sub-Server</div>
<div class="sub-servers" id="backendServersList"></div>
</div>
<div class="detailButtons"> <!-- 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="btnEdit">Bearbeiten</button>
<button id="btnDelete">Löschen</button> <button id="btnDelete">Löschen</button>
</div> </div>
</div> </div>
</div> </div>
</section>
</div>
</div> </div>
<script src="popup.js"></script> <script src="popup.js"></script>
</body> </body>