« get me outta code hell

generateAlbumSidebarGroupBox.js « dependencies « content « src - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateAlbumSidebarGroupBox.js
blob: 331ddaba6684eb17407ab3380a3d644fe3ac5d2d (plain)
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
import {empty} from '#sugar';

export default {
  contentDependencies: [
    'linkAlbum',
    'linkExternal',
    'linkGroup',
    'transformContent',
  ],

  extraDependencies: ['html', 'language'],

  relations(relation, album, group) {
    const relations = {};

    relations.groupLink =
      relation('linkGroup', group);

    relations.externalLinks =
      group.urls.map(url =>
        relation('linkExternal', url));

    if (group.descriptionShort) {
      relations.description =
        relation('transformContent', group.descriptionShort);
    }

    if (album.date) {
      const albums = group.albums.filter(album => album.date);
      const index = albums.indexOf(album);
      const previousAlbum = (index > 0) && albums[index - 1];
      const nextAlbum = (index < albums.length - 1) && albums[index + 1];

      if (previousAlbum) {
        relations.previousAlbumLink =
          relation('linkAlbum', previousAlbum);
      }

      if (nextAlbum) {
        relations.nextAlbumLink =
          relation('linkAlbum', nextAlbum);
      }
    }

    return relations;
  },

  slots: {
    mode: {
      validate: v => v.is('album', 'track'),
      default: 'track',
    },
  },

  generate(relations, slots, {html, language}) {
    return html.tags([
      html.tag('h1',
        language.$('albumSidebar.groupBox.title', {
          group: relations.groupLink,
        })),

      slots.mode === 'album' &&
        relations.description
          ?.slot('mode', 'multiline'),

      !empty(relations.externalLinks) &&
        html.tag('p',
          language.$('releaseInfo.visitOn', {
            links: language.formatDisjunctionList(relations.externalLinks),
          })),

      slots.mode === 'album' &&
      relations.nextAlbumLink &&
        html.tag('p', {class: 'group-chronology-link'},
          language.$('albumSidebar.groupBox.next', {
            album: relations.nextAlbumLink,
          })),

      slots.mode === 'album' &&
      relations.previousAlbumLink &&
        html.tag('p', {class: 'group-chronology-link'},
          language.$('albumSidebar.groupBox.previous', {
            album: relations.previousAlbumLink,
          })),
    ]);
  },
};