diff options
Diffstat (limited to '')
-rw-r--r-- | static/components/tab-element.ts | 28 | ||||
-rw-r--r-- | static/components/vevent.ts | 1 |
2 files changed, 9 insertions, 20 deletions
diff --git a/static/components/tab-element.ts b/static/components/tab-element.ts index 9403a737..9da6c504 100644 --- a/static/components/tab-element.ts +++ b/static/components/tab-element.ts @@ -7,34 +7,22 @@ class TabElement extends HTMLElement { } connectedCallback() { - // this.replaceChildren(template.cloneNode(true)); let template = (document.getElementById('tab-template') as HTMLTemplateElement) .content // const shadowRoot = this.attachShadow({ mode: 'open' }) // .appendChild(template.cloneNode(true)); - // console.log(this); - let label = this.querySelector('[slot="label"]') - let content = this.querySelector('[slot="content"]') - if (!verifySlot(label)) throw "Bad label"; - if (!verifySlot(content)) throw "Bad content"; - /* TODO set label hover title somewhere around here */ + let content = Array.from(this.children, (e) => e.cloneNode(true)) this.replaceChildren(template.cloneNode(true)); - this.querySelector('slot[name="label"]')!.replaceWith(label); - this.querySelector('slot[name="content"]')!.replaceWith(content); - } -} -function verifySlot(el: Node | null): el is HTMLElement { - if (el === null) { - console.error("Element is null"); - return false; - } - if (!(el instanceof HTMLElement)) { - console.error("Node is not an HTMLElement", el); - return false; + let label = this.querySelector('label') + if (!label) throw "Invalid tab" + + label.setAttribute('title', this.getAttribute('label-title') || '') + label.innerText = this.getAttribute('label') || 'T' + + this.querySelector('slot[name="content"]')!.replaceWith(...content); } - return true } diff --git a/static/components/vevent.ts b/static/components/vevent.ts index d957c7c8..23eba0a9 100644 --- a/static/components/vevent.ts +++ b/static/components/vevent.ts @@ -22,6 +22,7 @@ class ComponentVEvent extends HTMLElement { if (uid) real_uid = uid; if (!real_uid) { + console.warn(this.outerHTML); throw `UID required` } |