ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change troop-number and troop-allegiance references to just number and allegiance

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:29 -07:00
parent 714b08a8ee
commit 5eadfa0c87
5 changed files with 63 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/index.html
View File

@ -194,49 +194,49 @@
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br> <!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
17th Kestral Mechanized Infantry --> 17th Kestral Mechanized Infantry -->
</p> </p>
<div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span>
<span slot="primary-weapon-type">Rifle</span> <span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span> <span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span> <span slot="primary-weapon-range-long">28-75</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="2" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span>
<span slot="primary-weapon-type">Rifle</span> <span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span> <span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span> <span slot="primary-weapon-range-long">28-75</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="3" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="4" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="5" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="6" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="davion"> <div is="soldier-record-block" class="soldier-record" data-number="7" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span>
<span slot="primary-weapon-type">Blazer</span> <span slot="primary-weapon-type">Blazer</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>
@ -258,49 +258,49 @@
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br> <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
Aldebaran Home Guard --> Aldebaran Home Guard -->
</p> </p>
<div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span>
<span slot="primary-weapon-type">Rifle</span> <span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span> <span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span> <span slot="primary-weapon-range-long">28-75</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="2" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span>
<span slot="primary-weapon-type">Rifle</span> <span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span> <span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span> <span slot="primary-weapon-range-long">28-75</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="3" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="4" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="5" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="6" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span>
<span slot="primary-weapon-type">SMG</span> <span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span> <span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span> <span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span> <span slot="primary-weapon-range-long">16-25</span>
</div> </div>
<div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="liao"> <div is="soldier-record-block" class="soldier-record" data-number="7" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span> <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span>
<span slot="primary-weapon-type">Blazer</span> <span slot="primary-weapon-type">Blazer</span>
<span slot="primary-weapon-damage">4L</span> <span slot="primary-weapon-damage">4L</span>

28
public/style.css
View File

@ -245,11 +245,11 @@ g#points g.hover use.counter:not(.clone) {
/* stroke-width: 2px; */ /* stroke-width: 2px; */
} }
g#points use.counter[data-troop-allegiance="davion"] { g#points use.counter[data-allegiance="davion"] {
fill: red; fill: red;
} }
g#points use.counter[data-troop-allegiance="liao"] { g#points use.counter[data-allegiance="liao"] {
fill: green; fill: green;
} }
@ -259,11 +259,11 @@ g#points use.clone {
stroke-dasharray: 1; stroke-dasharray: 1;
} }
g#points use[data-troop-allegiance="davion"].clone { g#points use[data-allegiance="davion"].clone {
fill: rgb(255, 126, 126); fill: rgb(255, 126, 126);
} }
g#points use[data-troop-allegiance="liao"].clone { g#points use[data-allegiance="liao"].clone {
fill: rgb(130, 190, 130); fill: rgb(130, 190, 130);
} }
@ -284,11 +284,11 @@ g#counters use:hover {
r: 8px; r: 8px;
} */ } */
/* g#counters use[data-troop-allegiance="davion"] { /* g#counters use[data-allegiance="davion"] {
fill: red; fill: red;
} }
g#counters use[data-troop-allegiance="liao"] { g#counters use[data-allegiance="liao"] {
fill: green; fill: green;
} */ } */
@ -298,11 +298,11 @@ g#counters use[data-troop-allegiance="liao"] {
stroke-dasharray: 1; stroke-dasharray: 1;
} }
g#counters use[data-troop-allegiance="davion"].clone { g#counters use[data-allegiance="davion"].clone {
fill: rgb(255, 126, 126); fill: rgb(255, 126, 126);
} }
g#counters use[data-troop-allegiance="liao"].clone { g#counters use[data-allegiance="liao"].clone {
fill: rgb(130, 190, 130); fill: rgb(130, 190, 130);
} */ } */
@ -321,11 +321,11 @@ text.counter, #troop-counter text {
user-select: none; user-select: none;
} }
polygon.firing-arc[data-troop-allegiance="davion"] { polygon.firing-arc[data-allegiance="davion"] {
fill: red; fill: red;
} }
polygon.firing-arc[data-troop-allegiance="liao"] { polygon.firing-arc[data-allegiance="liao"] {
fill: green; fill: green;
} }
@ -360,11 +360,11 @@ button.set-firing-arc img {
background-color: white; background-color: white;
} }
.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] svg { .soldier-record[data-allegiance="liao"] [slot="troop-number"] svg {
fill: green; fill: green;
} }
.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] svg { .soldier-record[data-allegiance="davion"] [slot="troop-number"] svg {
fill: red; fill: red;
} }
@ -384,11 +384,11 @@ button.set-firing-arc img {
font-family: monospace; font-family: monospace;
} }
.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] img { .soldier-record[data-allegiance="davion"] [slot="troop-number"] img {
fill: red; fill: red;
} }
.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] img { .soldier-record[data-allegiance="liao"] [slot="troop-number"] img {
fill: green; fill: green;
} }

12
src/index.js
View File

@ -18,7 +18,7 @@ const RecordSheet = new function () {
this.select = function (data) { this.select = function (data) {
this.unSelect(); this.unSelect();
document.querySelector(`#record-sheet .soldier-record[data-troop-number="${data.number}"][data-troop-allegiance="${data.allegiance}"]`).classList.add('selected'); document.querySelector(`#record-sheet .soldier-record[data-number="${data.number}"][data-allegiance="${data.allegiance}"]`).classList.add('selected');
document.getElementById('toggle-prone-counter').checked = data.prone; document.getElementById('toggle-prone-counter').checked = data.prone;
}; };
@ -121,8 +121,7 @@ window.addEventListener('load', () => {
game.unSelect(); game.unSelect();
RecordSheet.unSelect(); RecordSheet.unSelect();
} else { } else {
const { troopAllegiance: allegiance, troopNumber: number } = el.dataset; game.select(el);
game.select({ dataset: { allegiance, number }});
} }
}) })
); );
@ -134,7 +133,7 @@ window.addEventListener('load', () => {
document.querySelectorAll('.end-turn').forEach(el => document.querySelectorAll('.end-turn').forEach(el =>
el.addEventListener('click', ({ target: { dataset: { allegiance }}}) => { el.addEventListener('click', ({ target: { dataset: { allegiance }}}) => {
let dataSelector = `[data-troop-allegiance="${allegiance}"]`, let dataSelector = `[data-allegiance="${allegiance}"]`,
records = Array.from(document.querySelectorAll(`.soldier-record${dataSelector}`)), records = Array.from(document.querySelectorAll(`.soldier-record${dataSelector}`)),
turnCounter = document.getElementById('turn-count'), turnCounter = document.getElementById('turn-count'),
{ textContent: count, dataset: { update }} = turnCounter; { textContent: count, dataset: { update }} = turnCounter;
@ -153,12 +152,11 @@ window.addEventListener('load', () => {
} }
records records
.sort((el1, el2) => el1.dataset.troopNumber > el2.dataset.troopNumber) .sort((el1, el2) => el1.dataset.number > el2.dataset.number)
.forEach(el => el.classList.remove('movement-ended')); .forEach(el => el.classList.remove('movement-ended'));
game.endTurn(allegiance); game.endTurn(allegiance);
const { troopAllegiance, troopNumber } = records.at(0).dataset; game.select(records.at(0));
game.select({ dataset: { allegiance: troopAllegiance, number: troopNumber }});
}) })
); );

61
src/modules/counter.js
View File

@ -7,12 +7,8 @@ export default class Counter {
this.selectedClass = 'selected'; this.selectedClass = 'selected';
} }
dataSelector(troopNumber, allegiance) { dataSelector({ dataset: { allegiance, number }}) {
return `[data-number="${troopNumber}"][data-allegiance="${allegiance}"]`; return `[data-number="${number}"][data-allegiance="${allegiance}"]`;
}
selector(troopNumber, allegiance) {
return `.counter${this.dataSelector(troopNumber, allegiance)}`;
} }
position(x, y) { position(x, y) {
@ -23,28 +19,24 @@ export default class Counter {
return `.counter[data-x="${x}"][data-x="${y}"]`; return `.counter[data-x="${x}"][data-x="${y}"]`;
} }
traceSelector(troopNumber, allegiance) { traceSelector(counter) {
return `polyline.move-trace${this.dataSelector(troopNumber, allegiance)}`; return `polyline.move-trace${this.dataSelector(counter)}`;
} }
getCounters() { getClones(counter) {
return this.svg.querySelectorAll(`.counter[data-allegiance][data-number]:not(.clone)`); return this.svg.querySelectorAll(`.counter.clone${this.dataSelector(counter)}`);
} }
getClones(al, n) { getCounter(selected) {
return this.svg.querySelectorAll(`.counter.clone[data-allegiance="${al}"][data-number="${n}"]`); return this.svg.querySelector(`.counter${this.dataSelector(selected)}:not(.clone)`);
} }
getCounter(al, n) { getCounterAndClones(counter) {
return this.svg.querySelector(`.counter[data-allegiance="${al}"][data-number="${n}"]:not(.clone)`); return this.svg.querySelectorAll(`.counter${this.dataSelector(counter)}`);
} }
getCounterAndClones(al, n) { getTrace(counter) {
return this.svg.querySelectorAll(`.counter[data-allegiance="${al}"][data-number="${n}"]`); return this.svg.querySelector(this.traceSelector(counter));
}
getTrace({ dataset: { allegiance, number } }) {
return this.svg.querySelector(this.traceSelector(number, allegiance));
} }
getCellPosition(cell) { getCellPosition(cell) {
@ -65,13 +57,13 @@ export default class Counter {
} }
place(selected, cell) { place(selected, cell) {
const { allegiance: troopAllegiance, number: troopNumber } = selected.dataset;
let points, let points,
counterNodeList = this.getCounterAndClones(troopAllegiance, troopNumber); counterNodeList = this.getCounterAndClones(selected);
console.log(selected, counterNodeList);
if (counterNodeList.length > 0 && selected.parentElement.hasAttribute('data-x')) { if (counterNodeList.length > 0 && selected.parentElement.hasAttribute('data-x')) {
let trace = this.svg.querySelector(this.traceSelector(troopNumber, troopAllegiance)); let trace = this.svg.querySelector(this.traceSelector(selected));
let prevCoords = [ let prevCoords = [
selected.parentElement.dataset.x, selected.parentElement.dataset.x,
@ -102,8 +94,8 @@ export default class Counter {
points = `${previous.x},${previous.y} ${current.x},${current.y}`; points = `${previous.x},${previous.y} ${current.x},${current.y}`;
trace.dataset.number = troopNumber; trace.dataset.number = selected.dataset.number;
trace.dataset.allegiance = troopAllegiance; trace.dataset.allegiance = selected.dataset.allegiance;
trace.classList.add('move-trace'); trace.classList.add('move-trace');
this.getBoard().prepend(trace); this.getBoard().prepend(trace);
@ -118,28 +110,25 @@ export default class Counter {
} }
} }
removeClones({ dataset: { allegiance, number }}) { removeClones(counter) {
this.getClones(allegiance, number).forEach(el => { this.getClones(counter).forEach(c => c.remove());
el.remove()
});
} }
endMove(el) { endMove(counter) {
const { number, allegiance } = el.dataset, const trace = this.svg.querySelector(this.traceSelector(counter)),
trace = this.svg.querySelector(this.traceSelector(number, allegiance)), proneCounter = counter.querySelector('[href="#counter-prone"]');
proneCounter = el.querySelector('[href="#counter-prone"]');
if (trace) { if (trace) {
trace.remove(); trace.remove();
} }
delete el.dataset.previous; delete counter.dataset.previous;
if (proneCounter) { if (proneCounter) {
proneCounter.dataset.preexisting = ''; proneCounter.dataset.preexisting = '';
} }
this.removeClones(el); this.removeClones(counter);
} }
hasProne(counter) { hasProne(counter) {

12
src/modules/game.js
View File

@ -50,8 +50,8 @@ export default class Game {
return this.svg.querySelector('line.sight-line'); return this.svg.querySelector('line.sight-line');
} }
getExistingArcs(al, n) { getExistingArcs({ dataset: { allegiance, number }}) {
return this.svg.querySelectorAll(`#firing-arcs polygon[data-number="${n}"][data-allegiance="${al}"]`); return this.svg.querySelectorAll(`#firing-arcs polygon[data-number="${number}"][data-allegiance="${allegiance}"]`);
} }
getUnclippedFiringArcs() { getUnclippedFiringArcs() {
@ -99,14 +99,14 @@ export default class Game {
} }
} }
select({ dataset: { allegiance, number } }) { select(selected) {
const counter = this.counter.getCounter(allegiance, number); const counter = this.counter.getCounter(selected);
if (counter) { if (counter) {
this.unSelect(); this.unSelect();
this.placing.push(counter); this.placing.push(counter);
counter.classList.add(this.counter.selectedClass); counter.classList.add(this.counter.selectedClass);
this.getExistingArcs(allegiance, number).forEach(el => el.removeAttribute('clip-path')); this.getExistingArcs(counter).forEach(el => el.removeAttribute('clip-path'));
this.selectCallback({ prone: this.counter.hasProne(counter), ...counter.dataset }); this.selectCallback({ prone: this.counter.hasProne(counter), ...counter.dataset });
} }
} }
@ -185,8 +185,6 @@ export default class Game {
contents: this.getCellContents(cell) contents: this.getCellContents(cell)
}; };
console.log(state);
let toPlace = this.placing.pop(); let toPlace = this.placing.pop();
if (isGrenade(toPlace)) { if (isGrenade(toPlace)) {