From 3e521e2f64809edc47f50f7215a6a05dd32b69dc Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Sun, 28 Apr 2024 16:46:25 -0700
Subject: Rename element class 'board' to 'gameboard'
---
src/map.js | 13 ++++++++-----
src/modules/game/soldier.js | 2 +-
src/modules/gameboard.js | 2 +-
3 files changed, 10 insertions(+), 7 deletions(-)
(limited to 'src')
diff --git a/src/map.js b/src/map.js
index 7a04626..06b6ce6 100644
--- a/src/map.js
+++ b/src/map.js
@@ -1,18 +1,21 @@
const svgns = "http://www.w3.org/2000/svg";
+const dataset = document.currentScript.dataset;
const svg = document.querySelector('svg');
-const cellTemplate = svg.querySelector('#hex');
const gb = svg.querySelector('.gameboard');
const bg = svg.querySelector('#background');
const imageMaps = svg.querySelector('#image-maps');
-const grid = gb.querySelector('.grid');
-const dataset = document.currentScript.dataset;
+
if ('cols' in dataset && 'rows' in dataset) {
+ const cellTemplate = svg.querySelector('#hex');
+ const grid = gb.querySelector('.grid');
+
createCells(grid, dataset, cellTemplate.id);
- setElAttrs(bg, calcComputedBboxFor(imageMaps));
- svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb)));
}
+setElAttrs(bg, calcComputedBboxFor(imageMaps));
+svg.setAttribute('viewBox', formatForViewBox(calcComputedBboxFor(gb)));
+
function setElAttrs(el, attrs) {
for (key in attrs) {
el.setAttributeNS(null, key, attrs[key]);
diff --git a/src/modules/game/soldier.js b/src/modules/game/soldier.js
index 0d75fc6..922faca 100644
--- a/src/modules/game/soldier.js
+++ b/src/modules/game/soldier.js
@@ -77,7 +77,7 @@ export function place(svg, selected, cell) {
trace.dataset.allegiance = selected.dataset.allegiance;
trace.classList.add('move-trace');
- svg.querySelector('.board').prepend(trace);
+ svg.querySelector('.gameboard').prepend(trace);
} else {
points = `${trace.getAttribute('points')} ${current.x},${current.y}`;
}
diff --git a/src/modules/gameboard.js b/src/modules/gameboard.js
index 7623a31..9d054d0 100644
--- a/src/modules/gameboard.js
+++ b/src/modules/gameboard.js
@@ -105,7 +105,7 @@ function drawSightLine(sourceCell, targetCell) {
const hexes = svg.querySelectorAll(selector);
sightLine.setHexes(hexes);
const line = sightLine.create(getCellPosition(sourceCell), getCellPosition(targetCell));
- svg.querySelector('.board').appendChild(line);
+ svg.querySelector('.gameboard').appendChild(line);
distanceCallback && distanceCallback(hexes.length - 1);
}
--
cgit v1.2.3