From a3bf726e40fe4ed529bdefa83c977af4b72791a9 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Tue, 30 Apr 2024 21:10:11 -0700
Subject: Allow placing a counter that doesn't already exist
---
src/modules/game/soldier.js | 12 ++++++++++++
src/modules/gameboard.js | 14 +++++++++-----
src/modules/record_sheet.js | 13 +++++++++----
3 files changed, 30 insertions(+), 9 deletions(-)
(limited to 'src')
diff --git a/src/modules/game/soldier.js b/src/modules/game/soldier.js
index 8e2725d..1555c19 100644
--- a/src/modules/game/soldier.js
+++ b/src/modules/game/soldier.js
@@ -63,6 +63,18 @@ function createTrace(previous, current, selected) {
return trace;
}
+export function createCounter(selected) {
+ const use = document.createElementNS(svgns, 'use');
+ const g = document.createElementNS(svgns, 'g');
+ use.setAttributeNS(null, 'href', `#t-${selected.dataset.number}`);
+ g.classList.add('counter');
+ g.dataset.allegiance = selected.dataset.allegiance;
+ g.dataset.number = selected.dataset.number;
+ g.appendChild(use);
+
+ return g;
+}
+
export function handleTrace(svg, selected, clone, current) {
let trace = getTrace(svg, selected);
diff --git a/src/modules/gameboard.js b/src/modules/gameboard.js
index 3482ce7..2df5b36 100644
--- a/src/modules/gameboard.js
+++ b/src/modules/gameboard.js
@@ -234,6 +234,7 @@ export function start(el) {
selector = `[data-allegiance="${allegiance}"][data-number="${number}"]`;
svg.querySelectorAll(selector).forEach(el => el.remove());
+ selectCallback();
}
});
@@ -272,15 +273,18 @@ export function start(el) {
}
export function select(selected) {
- const counter = soldier.getCounter(svg, selected);
+ unSelect();
+ let counter = soldier.getCounter(svg, selected);
if (counter) {
- unSelect();
- placing.push(counter);
- counter.classList.add(soldier.getSelectedClass());
firingArc.get(svg, counter).forEach(el => el.removeAttribute('clip-path'));
- selectCallback && selectCallback({ prone: soldier.hasProne(counter), ...counter.dataset });
+ } else {
+ counter = soldier.createCounter(selected);
}
+
+ placing.push(counter);
+ counter.classList.add(soldier.getSelectedClass());
+ selectCallback && selectCallback({ prone: soldier.hasProne(counter), ...counter.dataset });
}
export function unSelect() {
diff --git a/src/modules/record_sheet.js b/src/modules/record_sheet.js
index 736ffb2..6909249 100644
--- a/src/modules/record_sheet.js
+++ b/src/modules/record_sheet.js
@@ -94,12 +94,17 @@ export function getSelected() {
}
export function select(data) {
- const selector =
- `#record-sheet .soldier-record[data-number="${data.number}"][data-allegiance="${data.allegiance}"]`
-
unSelect();
+
+ if (!data) {
+ return;
+ }
+
+ const { allegiance: al, number: n } = data,
+ selector = `.soldier-record[data-number="${n}"][data-allegiance="${al}"]`;
+
document.querySelector(selector).classList.add('selected');
- document.getElementById('toggle-prone-counter').checked = data.prone;
+ document.querySelector('#toggle-prone-counter').checked = data.prone;
}
export function endMove() {
--
cgit v1.2.3