crusader: Show turn info and player roles as other games.

3 files changed, 19 insertions, 9 deletions

diff --git a/play.html b/play.html
index ce2faf2..0128af5 100644
--- a/play.html
+++ b/play.html
@@ -427,7 +427,7 @@ X#FR { background-image: linear-gradient(182deg, tan 30%, olivedrab 35%); }
 		<div class="image_button" onclick="toggle_log()"><img src="/images/scroll-quill.svg"></div>
 		<div class="image_button chat_button" onclick="toggle_chat()"><img src="/images/chat-bubble.svg"></div>
 
-		<div id="prompt" class="prompt">$PROMPT</div>
+		<div id="prompt" class="prompt">Connecting...</div>
 
 		<button id="eliminate_button" class="hide" onclick="on_button_eliminate()">Eliminate</button>
 		<button id="winter_campaign_button" class="hide" onclick="on_button_winter_campaign()">Winter campaign</button>
@@ -449,18 +449,24 @@ X#FR { background-image: linear-gradient(182deg, tan 30%, olivedrab 35%); }
 	<div class="grid_role">
 
 		<div class="role one">
-			<div class="role_vp" id="frank_vp"></div>
-			<div class="role_name">Franks (<span class="role_user">$USER</span>)</div>
+			<div class="role_name">
+				Franks
+				<div class="role_vp" id="frank_vp"></div>
+				<div class="role_user">-</div>
+			</div>
 			<div class="role_info"><div class="small_card card_back" id="frank_card"></div></div>
 		</div>
 
 		<div class="role two">
-			<div class="role_vp" id="saracen_vp"></div>
-			<div class="role_name">Saracens (<span class="role_user">$USER</span>)</div>
+			<div class="role_name">
+				Saracens
+				<div class="role_vp" id="saracen_vp"></div>
+				<div class="role_user">-</div>
+			</div>
 			<div class="role_info"><div class="small_card card_back" id="saracen_card"></div></div>
 		</div>
 
-		<div id="turn">$TURN</div>
+		<div class="turn_info">-</div>
 
 	</div>
 
diff --git a/rules.js b/rules.js
index e379fb2..d0b370c 100644
--- a/rules.js
+++ b/rules.js
@@ -3385,6 +3385,7 @@ states.game_over = {
 function setup_game() {
 	reset_blocks();
 	game.year = 1187;
+	game.turn = 0;
 	for (let b in BLOCKS) {
 		if (block_owner(b) == FRANKS) {
 			switch (block_type(b)) {
diff --git a/ui.js b/ui.js
index d9d55e6..90c8ac0 100644
--- a/ui.js
+++ b/ui.js
@@ -568,11 +568,14 @@ function update_map() {
 	document.getElementById("frank_vp").textContent = game.f_vp + " VP";
 	document.getElementById("saracen_vp").textContent = game.s_vp + " VP";
 	document.getElementById("timeline").className = "year_" + game.year;
-	if (game.turn < 6)
-		document.getElementById("turn").textContent =
+	if (game.turn < 1)
+		document.querySelector(".turn_info").textContent =
+			"Year " + game.year;
+	else if (game.turn < 6)
+		document.querySelector(".turn_info").textContent =
 			"Turn " + game.turn + " of Year " + game.year;
 	else
-		document.getElementById("turn").textContent =
+		document.querySelector(".turn_info").textContent =
 			"Winter Turn of Year " + game.year;
 
 	for (let town in TOWNS)