Stylized member cards with static fields

This commit is contained in:
2025-11-27 02:44:52 -05:00
parent 317442b8ea
commit 7cf882959b
9 changed files with 435 additions and 165 deletions

View File

@@ -6,38 +6,38 @@
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<div class="container">
<!-- Top bar: Title + Refresh Interval -->
<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>
</div>
<div class="container">
<!-- Faction row -->
<div class="faction-row">
<!-- Friendly Faction -->
<div class="faction-card">
<h2>Friendly Faction</h2>
<input type="number" id="friendly-id" placeholder="Faction ID">
<button id="friendly-populate-btn">Populate Friendly</button>
<button id="friendly-status-btn">Start Refresh</button>
<div id="friendly-container" class="members-container"></div>
</div>
<div class="top-bar">
<h1>War Dashboard</h1>
<div class="interval-box">
<label for="refreshInterval">Refresh Interval (sec)</label>
<input type="number" id="refreshInterval" placeholder="e.g., 30">
<!-- Enemy Faction -->
<div class="faction-card">
<h2>Enemy Faction</h2>
<input type="number" id="enemy-id" placeholder="Faction ID">
<button id="enemy-populate-btn">Populate Enemy</button>
<button id="enemy-status-btn">Start Refresh</button>
<div id="enemy-container" class="members-container"></div>
</div>
</div>
</div>
<div class="faction-row">
<!-- Enemy -->
<div class="faction-card">
<h2>Enemy Faction</h2>
<input type="number" id="enemyId" placeholder="Enemy Faction ID">
<button onclick="updateEnemy()">Start Enemy Refresh</button>
</div>
<!-- Friendly -->
<div class="faction-card">
<h2>Friendly Faction</h2>
<input type="number" id="friendlyId" placeholder="Friendly Faction ID">
<button onclick="updateFriendly()">Start Friendly Refresh</button>
</div>
</div>
</div>
<script src="/static/dashboard.js"></script>
<script src="/static/dashboard.js"></script>
</body>
</html>