From d9a7e1e6415a8af10628230335369610cec98f44 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Sun, 10 Dec 2023 19:43:59 +0100
Subject: New player list.

---
 play.css  | 12 ++++--------
 play.html |  4 ----
 play.js   | 18 +-----------------
 3 files changed, 5 insertions(+), 29 deletions(-)

diff --git a/play.css b/play.css
index 4ac26a8..aaf7621 100644
--- a/play.css
+++ b/play.css
@@ -2,10 +2,6 @@ body { background-color: dimgray; }
 #roles { background-color: gray; }
 header { background-color: silver; }
 header.your_turn { background-color: orange; }
-#role_Red .role_name { background-color: salmon; }
-#role_Blue .role_name { background-color: skyblue; }
-#role_Yellow .role_name { background-color: khaki; }
-#role_Green .role_name { background-color: darkseagreen; }
 #turn_info { background-color: gainsboro; }
 .role_vp { float: right; }
 
@@ -21,10 +17,10 @@ body.Observer #hand_panel, body.Observer #draw_panel, body.Observer #discard_pan
 	display: none;
 }
 
-#role_Red .role_name { background-color: hsl(354,85%,67%) }
-#role_Blue .role_name { background-color: hsl(207,67%,78%) }
-#role_Yellow .role_name { background-color: hsl(47,100%,73%) }
-#role_Green .role_name { background-color: hsl(99,36%,60%) }
+#role_Red { background-color: hsl(354,85%,67%) }
+#role_Blue { background-color: hsl(207,67%,78%) }
+#role_Yellow { background-color: hsl(47,100%,73%) }
+#role_Green { background-color: hsl(99,36%,60%) }
 
 body.Red .your_turn { background-color: hsl(354,85%,72%) }
 body.Blue .your_turn { background-color: hsl(207,67%,83%) }
diff --git a/play.html b/play.html
index b016733..e8fe18f 100644
--- a/play.html
+++ b/play.html
@@ -36,10 +36,6 @@
 
 <aside>
 	<div id="roles">
-		<div class="role" id="role_Red"><div class="role_name">Red<div class="role_vp"></div><div class="role_user">-</div></div></div>
-		<div class="role" id="role_Blue"><div class="role_name">Blue<div class="role_vp"></div><div class="role_user">-</div></div></div>
-		<div class="role" id="role_Yellow"><div class="role_name">Yellow<div class="role_vp"></div><div class="role_user">-</div></div></div>
-		<div class="role" id="role_Green"><div class="role_name">Green<div class="role_vp"></div><div class="role_user">-</div></div></div>
 	</div>
 	<div id="log"></div>
 </aside>
diff --git a/play.js b/play.js
index f051aa5..f58fbe9 100644
--- a/play.js
+++ b/play.js
@@ -706,12 +706,6 @@ let ui = {
 	played: document.getElementById("played"),
 	market: document.getElementById("market"),
 	pieces: document.getElementById("pieces"),
-	player_info: [
-		document.querySelector("#role_Red .role_vp"),
-		document.querySelector("#role_Blue .role_vp"),
-		document.querySelector("#role_Yellow .role_vp"),
-		document.querySelector("#role_Green .role_vp"),
-	],
 	legacy: [
 		document.getElementById("red_legacy"),
 		document.getElementById("blue_legacy"),
@@ -1110,23 +1104,13 @@ function on_update() {
 		let t = view.legacy[p] + " (" + view.emperor_turns[p] + ")"
 		if (p === view.first)
 			t = "\u2756 " + t
-		ui.player_info[p].textContent = t
+		roles[PLAYER_NAME[p]].stat.textContent = t
 	}
 
 	ui.body.classList.toggle("p2", player_count === 2)
 	ui.body.classList.toggle("p3", player_count === 3)
 	ui.body.classList.toggle("p4", player_count === 4)
 
-	if (player_count < 4)
-		hide(document.getElementById("role_Green"))
-	else
-		show(document.getElementById("role_Green"))
-
-	if (player_count < 3)
-		hide(document.getElementById("role_Yellow"))
-	else
-		show(document.getElementById("role_Yellow"))
-
 	combat_width = BATTLE_MIN
 
 	for (let pi = 0; pi < player_count; ++pi) {
-- 
cgit v1.2.3