Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'public/soldier_record_block.js')
-rw-r--r--public/soldier_record_block.js56
1 files changed, 0 insertions, 56 deletions
diff --git a/public/soldier_record_block.js b/public/soldier_record_block.js
deleted file mode 100644
index 3931649..0000000
--- a/public/soldier_record_block.js
+++ /dev/null
@@ -1,56 +0,0 @@
-customElements.define(
- 'damage-block',
- class extends HTMLSpanElement {
- constructor() {
- super();
-
- const template = document.querySelector('#damage-block'),
- templateContent = template.content,
- shadowRoot = this.attachShadow({ mode: "open" });
-
- shadowRoot.appendChild(templateContent.cloneNode(true));
- }
-
- connectedCallback() {
- const el = this.shadowRoot.querySelector('.damage-effect-indicator');
-
- el.addEventListener('click', e => {
- e.stopPropagation()
-
- this.#cycleThroughDamageStates(el);
- });
- }
-
- #cycleThroughDamageStates(el) {
- if (el.classList.contains('bruise')) {
- el.classList.remove('bruise');
- el.classList.add('lethal');
- } else if (el.classList.contains('lethal')) {
- el.classList.remove('lethal');
- } else {
- el.classList.add('bruise');
- }
- }
- },
- { extends: 'span' }
-);
-
-customElements.define(
- 'soldier-record-block',
- class extends HTMLDivElement {
- constructor() {
- super();
-
- const template = document.querySelector('#soldier-record-block'),
- templateContent = template.content,
- shadowRoot = this.attachShadow({ mode: "open" });
-
- shadowRoot.appendChild(templateContent.cloneNode(true));
- }
-
- connectedCallback() {
- this.shadowRoot.querySelector('.grenades').addEventListener('click', e => e.stopPropagation());
- }
- },
- { extends: 'div' }
-);