mirror of
https://github.com/GoodStartLabs/AI_Diplomacy.git
synced 2026-04-19 12:58:09 +00:00
5177d761eb
Reintroducing the fix for the bug in tween.js (issue 677) that causes the map to jump at the end of the tween. Leaderboard name was used twice in the code base, once for the modal at the beginning of games, and also for the rotating display in the bottom left. I've removed the modal at the beggining of the game as its data is stale and not updated yet. I've renamed the bottom left to 'rotatingDisplay' and the bottom right to 'leaderboard'.
67 lines
2.2 KiB
HTML
67 lines
2.2 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="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="leaderboard"></div>
|
||
<div id="rotating-display"></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>
|