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
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
|
import {accumulateSum, empty} from '#sugar';
export default {
contentDependencies: [
'generateReleaseInfoContributionsLine',
'linkExternal',
],
extraDependencies: ['html', 'language'],
relations(relation, album) {
const relations = {};
relations.artistContributionsLine =
relation('generateReleaseInfoContributionsLine', album.artistContribs);
relations.coverArtistContributionsLine =
relation('generateReleaseInfoContributionsLine', album.coverArtistContribs);
relations.wallpaperArtistContributionsLine =
relation('generateReleaseInfoContributionsLine', album.wallpaperArtistContribs);
relations.bannerArtistContributionsLine =
relation('generateReleaseInfoContributionsLine', album.bannerArtistContribs);
if (!empty(album.urls)) {
relations.externalLinks =
album.urls.map(url =>
relation('linkExternal', url));
}
return relations;
},
data(album) {
const data = {};
if (album.date) {
data.date = album.date;
}
if (album.coverArtDate && +album.coverArtDate !== +album.date) {
data.coverArtDate = album.coverArtDate;
}
data.duration = accumulateSum(album.tracks, track => track.duration);
data.durationApproximate = album.tracks.length > 1;
data.numTracks = album.tracks.length;
return data;
},
generate(data, relations, {html, language}) {
return html.tags([
html.tag('p',
{[html.onlyIfContent]: true},
{[html.joinChildren]: html.tag('br')},
[
relations.artistContributionsLine
.slots({stringKey: 'releaseInfo.by'}),
relations.coverArtistContributionsLine
.slots({stringKey: 'releaseInfo.coverArtBy'}),
relations.wallpaperArtistContributionsLine
.slots({stringKey: 'releaseInfo.wallpaperArtBy'}),
relations.bannerArtistContributionsLine
.slots({stringKey: 'releaseInfo.bannerArtBy'}),
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, {
approximate: data.durationApproximate,
}),
}),
]),
relations.externalLinks &&
html.tag('p',
language.$('releaseInfo.listenOn', {
links:
language.formatDisjunctionList(
relations.externalLinks
.map(link =>
link.slot('context', [
'album',
(data.numTracks === 0
? 'albumNoTracks'
: data.numTracks === 1
? 'albumOneTrack'
: 'albumMultipleTracks'),
]))),
})),
]);
},
};
|
