Show number of held cards.

3 files changed, 12 insertions, 1 deletions

diff --git a/play.html b/play.html
index b9d0ed3..f4674b6 100644
--- a/play.html
+++ b/play.html
@@ -20,7 +20,7 @@ header.your_turn { background-color: orange; }
 #role_Teutons .role_name { background-color: #e1e6e8; }
 #role_Russians .role_name { background-color: #e1d6c1; }
 #turn_info { background-color: gainsboro; }
-.role_supply { float: right; }
+.role_held { float: right; }
 
 #log { background-color: whitesmoke; }
 #log .h1 { background-color: silver; font-weight: bold; padding-top:2px; padding-bottom:2px; text-align: center; }
@@ -1240,12 +1240,14 @@ body.shift .mustered_vassals {
 		<div class="role" id="role_Teutons">
 			<div class="role_name">
 				Teutons
+				<div class="role_held">0 Held</div>
 				<div class="role_user">-</div>
 			</div>
 		</div>
 		<div class="role" id="role_Russians">
 			<div class="role_name">
 				Russians
+				<div class="role_held">0 Held</div>
 				<div class="role_user">-</div>
 			</div>
 		</div>
diff --git a/play.js b/play.js
index f4d8215..079999c 100644
--- a/play.js
+++ b/play.js
@@ -567,6 +567,9 @@ const ui = {
 	hand_panel: document.getElementById("hand_panel"),
 	hand: document.getElementById("hand"),
 
+	held1: document.querySelector("#role_Teutons .role_held"),
+	held2: document.querySelector("#role_Russians .role_held"),
+
 	capabilities1: document.getElementById("capabilities1"),
 	capabilities2: document.getElementById("capabilities2"),
 	command: document.getElementById("command"),
@@ -1736,6 +1739,9 @@ function on_update() {
 	else
 		ui.elr2.classList = `marker circle enemy_lords_removed russian hide`
 
+	ui.held1.textContent = `${view.held1} Held`
+	ui.held2.textContent = `${view.held2} Held`
+
 	update_plan()
 	update_cards()
 
diff --git a/rules.js b/rules.js
index 7e7d8e2..6fb0136 100644
--- a/rules.js
+++ b/rules.js
@@ -10579,6 +10579,9 @@ exports.view = function (state, current) {
 		pieces: game.pieces,
 		battle: game.battle,
 
+		held1: game.hand1.length,
+		held2: game.hand2.length,
+
 		command: game.command,
 		hand: null,
 		plan: null,