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
79
80
81
82
83
84
85
86
87
88
89
90
|
import {empty} from '#sugar';
export default {
contentDependencies: [
'generateReleaseInfoContributionsLine',
'linkExternal',
],
extraDependencies: ['html', 'language'],
relations(relation, track) {
const relations = {};
relations.artistContributionLinks =
relation('generateReleaseInfoContributionsLine', track.artistContribs);
if (track.hasUniqueCoverArt) {
relations.coverArtistContributionsLine =
relation('generateReleaseInfoContributionsLine', track.coverArtistContribs);
}
if (!empty(track.urls)) {
relations.externalLinks =
track.urls.map(url =>
relation('linkExternal', url));
}
return relations;
},
data(track) {
const data = {};
data.name = track.name;
data.date = track.date;
data.duration = track.duration;
if (
track.hasUniqueCoverArt &&
track.coverArtDate &&
+track.coverArtDate !== +track.date
) {
data.coverArtDate = track.coverArtDate;
}
return data;
},
generate(data, relations, {html, language}) {
return html.tags([
html.tag('p', {
[html.onlyIfContent]: true,
[html.joinChildren]: html.tag('br'),
}, [
relations.artistContributionLinks
.slots({stringKey: 'releaseInfo.by'}),
relations.coverArtistContributionsLine
?.slots({stringKey: 'releaseInfo.coverArtBy'}),
data.date &&
language.$('releaseInfo.released', {
date: language.formatDate(data.date),
}),
data.coverArtDate &&
language.$('releaseInfo.artReleased', {
date: language.formatDate(data.coverArtDate),
}),
data.duration &&
language.$('releaseInfo.duration', {
duration: language.formatDuration(data.duration),
}),
]),
html.tag('p',
(relations.externalLinks
? language.$('releaseInfo.listenOn', {
links:
language.formatDisjunctionList(
relations.externalLinks
.map(link => link.slot('context', 'track'))),
})
: language.$('releaseInfo.listenOn.noLinks', {
name: html.tag('i', data.name),
}))),
]);
},
};
|
