blob: bf62c10d4e4dc89769cdcd4c350d1c972743ab37 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
/**
* `<vevent-description />`
A text representation of a VEvent. Used as the summary tab of our
popup windows, and in the sidebar.
When redrawn, it looks for an HTML-tag inside its template having the
attribute `data-property` matching the properties name. If one is
found, it looks in the `formatters` table
({@link formatters}), for a field matching the property value, and
defaults to the key `default`.
*
* @category Web Components
* @mergeTarget components
* @module
*/
export { ComponentDescription }
import { VEvent } from '../vevent'
import { ComponentVEvent } from './vevent'
import { format } from '../formatters'
/*
<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;
format(el, data, el.dataset.property!);
}
let repeating = body.getElementsByClassName('repeating')[0] as HTMLElement
if (data.getProperty('rrule')) {
repeating.classList.remove('hidden');
} else {
repeating.classList.add('hidden');
}
this.replaceChildren(body);
}
}
|