« get me outta code hell

generateGroupSecondaryNav.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/generateGroupSecondaryNav.js
blob: e9c7004da6f34621a3bba65054a380c70a8acf19 (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
import {atOffset} from '#sugar';

export default {
  contentDependencies: [
    'generateColorStyleAttribute',
    'generatePreviousNextLinks',
    'generateSecondaryNav',
    'linkGroupDynamically',
    'linkListing',
  ],

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

  sprawl: ({listingSpec, wikiInfo}) => ({
    groupsByCategoryListing:
      (wikiInfo.enableListings
        ? listingSpec
            .find(l => l.directory === 'groups/by-category')
        : null),
  }),

  query(sprawl, group) {
    const groups = group.category.groups;
    const index = groups.indexOf(group);

    return {
      previousGroup:
        atOffset(groups, index, -1),

      nextGroup:
        atOffset(groups, index, +1),
    };
  },

  relations(relation, query, sprawl, group) {
    const relations = {};

    relations.secondaryNav =
      relation('generateSecondaryNav');

    if (sprawl.groupsByCategoryListing) {
      relations.categoryLink =
        relation('linkListing', sprawl.groupsByCategoryListing);
    }

    relations.colorStyle =
      relation('generateColorStyleAttribute', group.category.color);

    if (query.previousGroup || query.nextGroup) {
      relations.previousNextLinks =
        relation('generatePreviousNextLinks');
    }

    relations.previousGroupLink =
      (query.previousGroup
        ? relation('linkGroupDynamically', query.previousGroup)
        : null);

    relations.nextGroupLink =
      (query.nextGroup
        ? relation('linkGroupDynamically', query.nextGroup)
        : null);

    return relations;
  },

  data: (query, sprawl, group) => ({
    categoryName: group.category.name,
  }),

  generate(data, relations, {html, language}) {
    const {content: previousNextPart} =
      relations.previousNextLinks.slots({
        previousLink: relations.previousGroupLink,
        nextLink: relations.nextGroupLink,
        id: true,
      });

    const {categoryLink} = relations;

    categoryLink?.setSlot('content', data.categoryName);

    return relations.secondaryNav.slots({
      class: 'nav-links-groups',
      content:
        (!relations.previousGroupLink && !relations.nextGroupLink
          ? categoryLink
          : html.tag('span',
              relations.colorStyle,

              [
                categoryLink.slot('color', false),
                `(${language.formatUnitList(previousNextPart)})`,
              ])),
    });
  },
};