40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
class SoldierRecordBlock extends HTMLDivElement {
|
|
constructor() {
|
|
super();
|
|
|
|
let template = document.getElementById('soldier-record-block');
|
|
let templateContent = template.content;
|
|
|
|
const shadowRoot = this.attachShadow({ mode: "open" });
|
|
shadowRoot.appendChild(templateContent.cloneNode(true));
|
|
|
|
// console.log(shadowRoot)
|
|
|
|
// this.shadowRoot
|
|
// .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,
|
|
{ extends: 'div'}
|
|
); |