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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
|
export default {
contentDependencies: ['generateTextWithTooltip', 'generateTooltip'],
extraDependencies: ['html', 'language'],
relations: (relation, _entry) => ({
textWithTooltip:
relation('generateTextWithTooltip'),
tooltip:
relation('generateTooltip'),
}),
data: (entry) => ({
date: entry.date,
secondDate: entry.secondDate,
dateKind: entry.dateKind,
accessDate: entry.accessDate,
accessKind: entry.accessKind,
}),
generate: (data, relations, {html, language}) =>
language.encapsulate('misc.artistCommentary.entry.title', titleCapsule =>
relations.textWithTooltip.slots({
attributes: {class: 'commentary-date'},
customInteractionCue: true,
text:
html.tag('time',
{class: 'text-with-tooltip-interaction-cue'},
{[html.onlyIfContent]: true},
language.encapsulate(titleCapsule, 'date', workingCapsule => {
const workingOptions = {};
if (!data.date) {
return html.blank();
}
const rangeNeeded =
data.dateKind === 'sometime' ||
data.dateKind === 'throughout';
if (rangeNeeded && !data.secondDate) {
workingOptions.date = language.formatDate(data.date);
return language.$(workingCapsule, workingOptions);
}
if (data.dateKind) {
workingCapsule += '.' + data.dateKind;
}
if (data.secondDate) {
workingCapsule += '.range';
workingOptions.dateRange =
language.formatDateRange(data.date, data.secondDate);
} else {
workingOptions.date =
language.formatDate(data.date);
}
return language.$(workingCapsule, workingOptions);
})),
tooltip:
data.accessKind &&
relations.tooltip.slots({
attributes: {class: 'commentary-date-tooltip'},
content:
language.$(titleCapsule, 'date', data.accessKind, {
date:
language.formatDate(data.accessDate),
}),
}),
})),
}
|
