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
|
import {compareArrays} from '../../util/sugar.js';
export default {
contentDependencies: [
'generateContributionLinks',
'linkTrack',
],
extraDependencies: [
'getColors',
'html',
'language',
],
relations(relation, track) {
const relations = {};
relations.contributionLinks =
relation('generateContributionLinks', track.artistContribs, {
showContribution: false,
showIcons: false,
});
relations.trackLink =
relation('linkTrack', track);
return relations;
},
data(track, album) {
const data = {};
data.color = track.color;
data.duration = track.duration ?? 0;
data.showArtists =
!compareArrays(
track.artistContribs.map(c => c.who),
album.artistContribs.map(c => c.who),
{checkOrder: false});
return data;
},
generate(data, relations, {
getColors,
html,
language,
}) {
const stringOpts = {
duration: language.formatDuration(data.duration),
track: relations.trackLink,
};
let style;
if (data.color) {
const {primary} = getColors(data.color);
style = `--primary-color: ${primary}`;
}
return html.tag('li',
{style},
(!data.showArtists
? language.$('trackList.item.withDuration', stringOpts)
: language.$('trackList.item.withDuration.withArtists', {
...stringOpts,
by:
html.tag('span', {class: 'by'},
language.$('trackList.item.withArtists.by', {
artists: relations.contributionLinks,
})),
})));
},
};
|
