From 4040674c4bd153d855b58a38fe1a2e2721eb441d Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 28 Mar 2025 18:48:33 +0100
Subject: Show hero point pool on board.

---
 play.css  | 13 +++++++++++++
 play.html |  4 ++--
 play.js   |  7 ++++---
 3 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/play.css b/play.css
index 2d668a9..1d8b63a 100644
--- a/play.css
+++ b/play.css
@@ -166,6 +166,19 @@ body.Observer #toggle_trash {
 
 /* CONTAINERS */
 
+#hero_point_pool {
+	position: absolute;
+	top: 150px;
+	left: 26px;
+	height: 780px;
+	gap: 6px;
+	display: flex;
+	justify-content: left;
+	align-items: start;
+	flex-direction: column;
+	flex-wrap: wrap;
+}
+
 .front_container {
 	position: absolute;
 	display: flex;
diff --git a/play.html b/play.html
index 3d94fd1..19634c8 100644
--- a/play.html
+++ b/play.html
@@ -44,8 +44,8 @@
 <main>
 	<div id="mapwrap">
 		<div id="map">
-			<div id="pieces">
-			</div>
+			<div id="hero_point_pool"></div>
+			<div id="pieces"></div>
 		</div>
 	</div>
 
diff --git a/play.js b/play.js
index 0c3cb28..281a5fd 100644
--- a/play.js
+++ b/play.js
@@ -2,9 +2,6 @@
 
 /* global view, action_button, send_action */
 
-// TODO: pool for hero points to animate ?
-// TODO: pool for faction markers to animate ?
-
 const ui = {
 	header: document.querySelector("header"),
 	status: document.getElementById("status"),
@@ -37,6 +34,7 @@ const ui = {
 		document.getElementById("tokens_c"),
 		document.getElementById("tokens_m"),
 	],
+	hero_point_pool: document.getElementById("hero_point_pool"),
 	bag_of_glory: document.getElementById("bag_of_glory"),
 
 	// spaces
@@ -557,6 +555,9 @@ function on_update() { // eslint-disable-line no-unused-vars
 	update_hero_points(ui.tokens[1], view.hero_points[1])
 	update_hero_points(ui.tokens[2], view.hero_points[2])
 
+	ui.hero_point_pool.replaceChildren()
+	update_hero_points(ui.hero_point_pool, view.hero_points[3])
+
 	update_front(ui.status_fronts[0], ui.str_fronts[0], ui.con_fronts[0], view.fronts[0], "a")
 	update_front(ui.status_fronts[1], ui.str_fronts[1], ui.con_fronts[1], view.fronts[1], "m")
 	update_front(ui.status_fronts[2], ui.str_fronts[2], ui.con_fronts[2], view.fronts[2], "n")
-- 
cgit v1.2.3