From b192fc0790a4815703afa6ccc782f2b573c64722 Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Thu, 11 Apr 2024 12:46:26 -0700
Subject: Import map svg in an object; add a dev server
---
public/soldier_record_block.js | 40 ++++++++++++++++++++++++++++++++++++++++
1 file changed, 40 insertions(+)
create mode 100644 public/soldier_record_block.js
(limited to 'public/soldier_record_block.js')
diff --git a/public/soldier_record_block.js b/public/soldier_record_block.js
new file mode 100644
index 0000000..b2465ab
--- /dev/null
+++ b/public/soldier_record_block.js
@@ -0,0 +1,40 @@
+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'}
+);
\ No newline at end of file
--
cgit v1.2.3