jerick/faction_war_dispatch_bot
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Persistent Storage on reload, Start and Stop buttons

Browse Source
This commit is contained in:
jerick
2025-11-28 12:19:30 -05:00
parent 441ae31eb6
commit 4b0038a4b7
4 changed files with 129 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
templates/dashboard.html
View File

@@ -7,17 +7,27 @@
</head>
<body>
<div class="container">
<!-- Top bar: Title + interval + Reset button -->
<div class="top-bar">
<h1>War Dashboard</h1>
<div class="interval-box">
<label for="refresh-interval">Refresh Interval (seconds)</label>
<input type="number" id="refresh-interval" value="10" min="1" />
<div class="top-controls">
<button id="reset-groups-btn" class="reset-btn">Reset Groups</button>
<div class="interval-box">
<label for="refresh-interval">Refresh Interval (seconds)</label>
<input type="number" id="refresh-interval" value="10" min="1" />
</div>
</div>
</div>
<div class="main-row">
<!-- LEFT: faction lists stacked vertically -->
<!-- LEFT COLUMN -->
<div class="left-col">
<!-- FRIENDLY -->
<div class="faction-card small">
<h2>Friendly Faction</h2>
<div class="controls">
@@ -25,9 +35,13 @@
<button id="friendly-populate-btn">Populate</button>
<button id="friendly-status-btn">Start Refresh</button>
</div>
<div id="friendly-container" class="member-list" aria-label="Friendly members"></div>
<div id="friendly-container"
class="member-list friendly-zone"
aria-label="Friendly members"></div>
</div>
<!-- ENEMY -->
<div class="faction-card small">
<h2>Enemy Faction</h2>
<div class="controls">
@@ -35,15 +49,19 @@
<button id="enemy-populate-btn">Populate</button>
<button id="enemy-status-btn">Start Refresh</button>
</div>
<div id="enemy-container" class="member-list" aria-label="Enemy members"></div>
<div id="enemy-container"
class="member-list enemy-zone"
aria-label="Enemy members"></div>
</div>
</div>
<!-- RIGHT: 5 groups, each with friendly + enemy drop zones -->
<!-- RIGHT COLUMN: BATTLE GROUPS -->
<div class="right-col">
<div class="groups-grid">
<!-- Generate 5 groups -->
<div class="group" id="group-1">
<!-- Group 1 -->
<div class="group" id="group-1" data-id="1">
<div class="group-title">Group 1</div>
<div class="group-zones">
<div class="drop-zone friendly-zone" data-zone="friendly" data-group="1" id="group-1-friendly">
@@ -55,7 +73,8 @@
</div>
</div>
<div class="group" id="group-2">
<!-- Group 2 -->
<div class="group" id="group-2" data-id="2">
<div class="group-title">Group 2</div>
<div class="group-zones">
<div class="drop-zone friendly-zone" data-zone="friendly" data-group="2" id="group-2-friendly">
@@ -67,7 +86,8 @@
</div>
</div>
<div class="group" id="group-3">
<!-- Group 3 -->
<div class="group" id="group-3" data-id="3">
<div class="group-title">Group 3</div>
<div class="group-zones">
<div class="drop-zone friendly-zone" data-zone="friendly" data-group="3" id="group-3-friendly">
@@ -79,7 +99,8 @@
</div>
</div>
<div class="group" id="group-4">
<!-- Group 4 -->
<div class="group" id="group-4" data-id="4">
<div class="group-title">Group 4</div>
<div class="group-zones">
<div class="drop-zone friendly-zone" data-zone="friendly" data-group="4" id="group-4-friendly">
@@ -91,7 +112,8 @@
</div>
</div>
<div class="group" id="group-5">
<!-- Group 5 -->
<div class="group" id="group-5" data-id="5">
<div class="group-title">Group 5</div>
<div class="group-zones">
<div class="drop-zone friendly-zone" data-zone="friendly" data-group="5" id="group-5-friendly">
@@ -102,10 +124,11 @@
</div>
</div>
</div>
</div> <!-- groups-grid -->
</div> <!-- right-col -->
</div> <!-- main-row -->
</div> <!-- container -->
</div>
</div>
</div>
</div>
<script src="/static/dashboard.js"></script>
</body>