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
|
export default {
relations: (relation, musicVideo, thing) => ({
datetimestamp:
relation('generateAbsoluteDatetimestamp', musicVideo.date, thing.date),
artistCredit:
relation('generateArtistCredit', musicVideo.artistContribs, []),
}),
data: (data) => ({
label:
(data.label !== 'Music video'
? data.label
: null),
}),
generate(data, relations, {html, language}) {
const {artistCredit, datetimestamp} = relations;
const capsule = language.encapsulate('misc.musicVideo');
datetimestamp.setSlot('style', 'full-difference');
let artistsLineCapsule = language.encapsulate(capsule, 'artistsLine');
let artistsLineOptions = {[language.onlyIfOptions]: ['credit']};
if (data.label) {
artistsLineCapsule += '.customLabel';
artistsLineOptions.label = data.label;
}
if (!html.isBlank(datetimestamp)) {
artistsLineCapsule += '.withDate';
artistsLineOptions.date = datetimestamp;
}
artistsLineOptions.credit =
html.tag('span', {class: 'by'},
{[html.onlyIfContent]: true},
artistCredit.slots({
normalStringKey: language.encapsulate(capsule, 'artistsLine.credit'),
showAnnotation: true,
showChronology: true,
chronologyKind: 'musicVideo',
}));
const artistsLine = language.$(artistsLineCapsule, artistsLineOptions);
if (!html.isBlank(artistsLine)) {
return artistsLine;
}
if (!html.isBlank(datetimestamp)) {
return language.$(capsule, 'date', {date: datetimestamp});
}
return html.blank();
},
}
|
