Web Dev Solutions

Catalin Mititiuc

From 16843364d3302339b67d19738d3201589da6b4e9 Mon Sep 17 00:00:00 2001 From: Catalin Mititiuc Date: Mon, 25 Mar 2024 10:44:28 -0700 Subject: Add physical status track to soldier records --- index.js | 38 ++++++++++++++++++-------------------- 1 file changed, 18 insertions(+), 20 deletions(-) (limited to 'index.js') diff --git a/index.js b/index.js index 695eae5..15764a1 100644 --- a/index.js +++ b/index.js @@ -8,29 +8,29 @@ class SoldierRecordBlock extends HTMLDivElement { const shadowRoot = this.attachShadow({ mode: "open" }); shadowRoot.appendChild(templateContent.cloneNode(true)); - customElements.define( - 'damage-block', - class extends HTMLSpanElement { - constructor() { - super(); - - let template = document.getElementById('damage-block'); - let templateContent = template.content; - - const shadowRoot = this.attachShadow({ mode: "open" }); - shadowRoot.appendChild(templateContent.cloneNode(true)); - } - }, - { extends: 'span' } - ); - this.shadowRoot - .querySelector('input[type="number"]') - .addEventListener('click', e => e.stopPropagation()) + .querySelectorAll('p:has(input[type="number"]), .physical-status-track') + .forEach(el => el.addEventListener('click', e => e.stopPropagation())) ; } } +customElements.define( + 'damage-block', + class extends HTMLSpanElement { + constructor() { + super(); + + let template = document.getElementById('damage-block'); + let templateContent = template.content; + + const shadowRoot = this.attachShadow({ mode: "open" }); + shadowRoot.appendChild(templateContent.cloneNode(true)); + } + }, + { extends: 'span' } +); + customElements.define( 'soldier-record-block', SoldierRecordBlock, @@ -313,8 +313,6 @@ document.querySelectorAll('.soldier-record').forEach(el => }) ); -document.querySelectorAll('#record-sheet .damage').forEach(el => el.addEventListener('click', e => e.stopPropagation())); - document.querySelectorAll('.set-firing-arc').forEach(el => el.addEventListener('click', e => { let selectedSoldier = document.querySelector('.soldier-record.selected'); -- cgit v1.2.3