summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat
-rw-r--r--play.css13
-rw-r--r--play.html4
-rw-r--r--play.js7
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")