1 files changed, 59 insertions, 0 deletions
diff --git a/static/components/vevent-description.ts b/static/components/vevent-description.ts
new file mode 100644
index 00000000..4d81d6b3
--- /dev/null
+++ b/static/components/vevent-description.ts
@@ -0,0 +1,59 @@
+export { ComponentDescription }
+
+import { VEvent } from '../vevent'
+import { ComponentVEvent } from './vevent'
+import { makeElement } from '../lib'
+
+/*
+  <vevent-description />
+*/
+class ComponentDescription extends ComponentVEvent {
+
+    constructor(uid?: string) {
+        super(uid);
+        if (!this.template) {
+            throw 'vevent-description template required';
+        }
+    }
+
+    redraw(data: VEvent) {
+        // update ourselves from template
+
+        let body = (this.template!.content.cloneNode(true) as DocumentFragment).firstElementChild!;
+
+        for (let el of body.querySelectorAll('[data-property]')) {
+            if (!(el instanceof HTMLElement)) continue;
+            let p = el.dataset.property!;
+            let d, fmt;
+            if ((d = data.getProperty(p))) {
+                switch (p.toLowerCase()) {
+                    case 'categories':
+                        for (let item of d) {
+                            let q = encodeURIComponent(
+                                `(member "${item}" (or (prop event (quote CATEGORIES)) (quote ())))`)
+                            el.appendChild(makeElement('a', {
+                                textContent: item,
+                                href: `/search/?q=${q}`,
+                            }))
+                        }
+                        break;
+                    default:
+                        if ((fmt = el.dataset.fmt)) {
+                            el.textContent = d.format(fmt);
+                        } else {
+                            el.textContent = d;
+                        }
+                }
+            }
+        }
+
+        let repeating = body.getElementsByClassName('repeating')[0] as HTMLElement
+        if (data.getProperty('rrule')) {
+            repeating.classList.remove('hidden');
+        } else {
+            repeating.classList.add('hidden');
+        }
+
+        this.replaceChildren(body);
+    }
+}