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

Extract armor setup into function

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc 2025-06-16 22:41:33 -07:00
parent 93a88e067f
commit e79922c6fb
1 changed files with 41 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

83
src/modules/record_sheet.js
View File

@ -128,6 +128,46 @@ function deactivationHandler(e) {
} }
} }
function configArmor(unit, record) {
const s = `damage-block:nth-of-type(n + 1):nth-of-type(-n + ${unit.dataset.armor})`;
const armorBlocks = record.shadowRoot.querySelectorAll(s);
armorBlocks.forEach(el => el.classList.add('armor'));
const ls = 'damage-block:nth-child(1 of .armor):not(:first-child)';
const rs = 'damage-block:nth-last-child(1 of .armor):not(:last-child)';
const moveArmorEl = record.shadowRoot.querySelectorAll(`${ls}, ${rs}`);
function moveArmorHandler(e) {
e.stopPropagation();
this.removeEventListener('click', moveArmorHandler);
if (!this.previousElementSibling.classList.contains('armor')) {
this.previousElementSibling.classList.add('armor');
this.previousElementSibling.addEventListener('click', moveArmorHandler);
let current = this.nextElementSibling;
while (current.nextElementSibling && current.nextElementSibling.classList.contains('armor')) {
current = current.nextElementSibling;
}
current.classList.remove('armor');
current.removeEventListener('click', moveArmorHandler);
current.previousElementSibling.addEventListener('click', moveArmorHandler);
} else if (!this.nextElementSibling.classList.contains('armor')) {
this.nextElementSibling.classList.add('armor');
this.nextElementSibling.addEventListener('click', moveArmorHandler);
let current = this.previousElementSibling;
while (current.previousElementSibling && current.previousElementSibling.classList.contains('armor')) {
current = current.previousElementSibling;
}
current.classList.remove('armor');
current.removeEventListener('click', moveArmorHandler);
current.nextElementSibling.addEventListener('click', moveArmorHandler);
}
}
moveArmorEl.forEach(el => el.addEventListener('click', moveArmorHandler));
}
function createRecord(unit) { function createRecord(unit) {
const { dataset: { allegiance, number, squad }} = unit, const { dataset: { allegiance, number, squad }} = unit,
@ -166,48 +206,7 @@ function createRecord(unit) {
spans.forEach(el => div.appendChild(el)); spans.forEach(el => div.appendChild(el));
if (unit.dataset.armor) { if (unit.dataset.armor) configArmor(unit, div);
const s = `damage-block:nth-of-type(n + 1):nth-of-type(-n + ${unit.dataset.armor})`;
const armorBlocks = div.shadowRoot.querySelectorAll(s);
armorBlocks.forEach(el => {
el.classList.add('armor');
});
const ls = 'damage-block:nth-child(1 of .armor):not(:first-child)';
const rs = 'damage-block:nth-last-child(1 of .armor):not(:last-child)';
const moveArmorEl = div.shadowRoot.querySelectorAll(`${ls}, ${rs}`);
function moveArmorHandler(e) {
e.stopPropagation();
this.removeEventListener('click', moveArmorHandler);
if (!this.previousElementSibling.classList.contains('armor')) {
this.previousElementSibling.classList.add('armor');
this.previousElementSibling.addEventListener('click', moveArmorHandler);
let current = this.nextElementSibling;
while (current.nextElementSibling && current.nextElementSibling.classList.contains('armor')) {
current = current.nextElementSibling;
}
current.classList.remove('armor');
current.removeEventListener('click', moveArmorHandler);
current.previousElementSibling.addEventListener('click', moveArmorHandler);
} else if (!this.nextElementSibling.classList.contains('armor')) {
this.nextElementSibling.classList.add('armor');
this.nextElementSibling.addEventListener('click', moveArmorHandler);
let current = this.previousElementSibling;
while (current.previousElementSibling && current.previousElementSibling.classList.contains('armor')) {
current = current.previousElementSibling;
}
current.classList.remove('armor');
current.removeEventListener('click', moveArmorHandler);
current.nextElementSibling.addEventListener('click', moveArmorHandler);
}
}
moveArmorEl.forEach(el => el.addEventListener('click', moveArmorHandler));
}
div.addEventListener('contextmenu', deactivationHandler); div.addEventListener('contextmenu', deactivationHandler);
return div; return div;