content, css: generateMusicVideoDateLine

1 files changed, 41 insertions, 0 deletions

diff --git a/src/content/dependencies/generateMusicVideoArtistsLine.js b/src/content/dependencies/generateMusicVideoArtistsLine.js
new file mode 100644
index 00000000..959d3648
--- /dev/null
+++ b/src/content/dependencies/generateMusicVideoArtistsLine.js
@@ -0,0 +1,41 @@
+export default {
+  relations: (relation, musicVideo) => ({
+    artistCredit:
+      relation('generateArtistCredit', musicVideo.artistContribs, []),
+  }),
+
+  data: (musicVideo) => ({
+    label:
+      (musicVideo.label !== 'Music video'
+        ? musicVideo.label
+        : null),
+  }),
+
+  generate(data, relations, {html, language}) {
+    const {artistCredit} = relations;
+    const capsule = language.encapsulate('misc.musicVideo');
+
+    let artistsLineCapsule = language.encapsulate(capsule, 'artistsLine');
+    let artistsLineOptions = {[language.onlyIfOptions]: ['credit']};
+
+    if (data.label) {
+      artistsLineCapsule += '.customLabel';
+      artistsLineOptions.label = data.label;
+    }
+
+    artistsLineOptions.credit =
+      html.tag('span', {class: 'by'},
+        {[html.onlyIfContent]: true},
+
+        artistCredit.slots({
+          normalStringKey: language.encapsulate(capsule, 'artistsLine.credit'),
+
+          showAnnotation: true,
+          showChronology: true,
+
+          chronologyKind: 'musicVideo',
+        }));
+
+    return language.$(artistsLineCapsule, artistsLineOptions);
+  },
+}