mirror of
https://github.com/GoodStartLabs/AI_Diplomacy.git
synced 2026-04-23 16:59:10 +00:00
256c3b67c3
Shows when run in debug mode and includes tools to look at game state while the game is running and inspect behaviour interactively
69 lines
2.3 KiB
HTML
69 lines
2.3 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Diplomacy Map (Fallback-Only)</title>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app"></div>
|
||
<script type="module" src="/src/main.ts"></script>
|
||
|
||
<div class="container">
|
||
<div class="top-controls">
|
||
<div>
|
||
<button id="load-btn">Load Game</button>
|
||
<button id="standings-btn">📊 Leaderboard</button>
|
||
<button id="prev-btn" disabled>← Prev</button>
|
||
<button id="next-btn" disabled>Next →</button>
|
||
<button id="play-btn" disabled>▶ Play</button>
|
||
<select id="speed-selector" disabled>
|
||
<option value="1000">Slow</option>
|
||
<option value="500" selected>Medium</option>
|
||
<option value="200">Fast</option>
|
||
</select>
|
||
<span id="phase-display">No game loaded</span>
|
||
</div>
|
||
<span id="game-id-display">Game: --</span>
|
||
</div>
|
||
<div id="map-view" class="map-view"></div>
|
||
<input type="file" id="file-input" accept=".json">
|
||
<div id="info-panel"></div>
|
||
<!-- New leaderboard element -->
|
||
<div id="leaderboard"></div>
|
||
<!-- Chat windows container -->
|
||
<div id="chat-container"></div>
|
||
<!-- Add this after the info-panel div -->
|
||
<div id="news-banner">
|
||
<div id="news-banner-content">Diplomatic actions unfolding...</div>
|
||
</div>
|
||
<!-- Debug Menu -->
|
||
<div id="debug-menu" style="display: none;">
|
||
<button id="debug-toggle-btn">🔧 Debug</button>
|
||
<div id="debug-panel" class="debug-panel-collapsed">
|
||
<div class="debug-header">
|
||
<h3>Debug Tools</h3>
|
||
<button id="debug-close-btn">×</button>
|
||
</div>
|
||
<div class="debug-content">
|
||
<div class="debug-section">
|
||
<h4>Province Highlighting</h4>
|
||
<div class="debug-tool">
|
||
<input type="text" id="province-input" placeholder="Enter province name (e.g., PAR, LON, BER)" />
|
||
<button id="highlight-province-btn">Highlight</button>
|
||
</div>
|
||
</div>
|
||
<!-- Future debug tools will go here -->
|
||
<div class="debug-section">
|
||
<h4>Future Tools</h4>
|
||
<p class="debug-placeholder">More debug tools will be added here...</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|