From 71f972142b37e4bbe6062ae84272ba1790b415ad Mon Sep 17 00:00:00 2001
From: Catalin Mititiuc
Date: Tue, 4 Jun 2024 15:55:37 -0700
Subject: Don't use custom built-in elements because they are not supported in
webkit
---
src/index.js | 1 -
src/modules/record_sheet.js | 2 +-
src/soldier_record_block.js | 6 ++----
3 files changed, 3 insertions(+), 6 deletions(-)
(limited to 'src')
diff --git a/src/index.js b/src/index.js
index 7f914d4..87c9bfb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -11,7 +11,6 @@ const mapPlaceholder = document.querySelector('.map-placeholder'),
distanceOutput = document.getElementById('status'),
proneToggle = document.getElementById('toggle-prone-counter'),
contentVisToggleEl = document.querySelector('#content input[type="checkbox"].visible'),
- // fileName = localStorage.getItem('map') || (env === 'test' ? 'test_map' : 'map1'),
fileName = localStorage.getItem('map') || 'scenario-side_show',
map = scenarios[fileName]?.hashed || `assets/images/${fileName}.svg`,
fileInputEl = document.querySelector('input[type="file"]'),
diff --git a/src/modules/record_sheet.js b/src/modules/record_sheet.js
index 53f6d83..f786112 100644
--- a/src/modules/record_sheet.js
+++ b/src/modules/record_sheet.js
@@ -82,7 +82,7 @@ function createRecord(unit) {
const { dataset: { allegiance, number, squad }} = unit,
primaryWeapon = unit.querySelector('.primary-weapon'),
pw = primaryWeapon.getAttributeNS(null, 'href').split('#').pop() || 'rifle',
- div = document.createElement('div', { is: 'soldier-record-block' }),
+ div = document.createElement('soldier-record-block'),
spans = Array(6).fill('span').map(t => document.createElement(t)),
[tn, sn, pwt, pwd, pwrs, pwrl] = spans;
diff --git a/src/soldier_record_block.js b/src/soldier_record_block.js
index 3931649..120b3bc 100644
--- a/src/soldier_record_block.js
+++ b/src/soldier_record_block.js
@@ -1,6 +1,6 @@
customElements.define(
'damage-block',
- class extends HTMLSpanElement {
+ class extends HTMLElement {
constructor() {
super();
@@ -32,12 +32,11 @@ customElements.define(
}
}
},
- { extends: 'span' }
);
customElements.define(
'soldier-record-block',
- class extends HTMLDivElement {
+ class extends HTMLElement {
constructor() {
super();
@@ -52,5 +51,4 @@ customElements.define(
this.shadowRoot.querySelector('.grenades').addEventListener('click', e => e.stopPropagation());
}
},
- { extends: 'div' }
);
--
cgit v1.2.3