« 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: 9e1b4cdec0566ff43e3cf79182b68cb503244cf6 (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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import {atOffset, empty} from '#sugar';
import {sortChronologically} from '#wiki-data';

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

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

  query(album, group) {
    const query = {};

    if (album.date) {
      const albums =
        group.albums.filter(album => album.date);

      // Sort by latest first. This matches the sorting order used on group
      // gallery pages, ensuring that previous/next matches moving up/down
      // the gallery. Note that this makes the index offsets "backwards"
      // compared to how latest-last chronological lists are accessed.
      sortChronologically(albums, {latestFirst: true});

      const index =
        albums.indexOf(album);

      query.previousAlbum =
        atOffset(albums, index, +1);

      query.nextAlbum =
        atOffset(albums, index, -1);
    }

    return query;
  },

  relations(relation, query, 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 (query.previousAlbum) {
      relations.previousAlbumLink =
        relation('linkAlbum', query.previousAlbum);
    }

    if (query.nextAlbum) {
      relations.nextAlbumLink =
        relation('linkAlbum', query.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
                  .map(link => link.slot('context', 'group'))),
          })),

      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,
          })),
    ]);
  },
};