« get me outta code hell

generateFlashActGalleryPage.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/generateFlashActGalleryPage.js
blob: 8eea58bbdcb27aafb6ef718c58a3404a7a85b63f (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
import {stitchArrays} from '#sugar';

export default {
  contentDependencies: [
    'generateCoverGrid',
    'generateFlashActNavAccent',
    'generateFlashActSidebar',
    'generatePageLayout',
    'image',
    'linkFlash',
    'linkFlashIndex',
  ],

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

  relations: (relation, act) => ({
    layout:
      relation('generatePageLayout'),

    flashIndexLink:
      relation('linkFlashIndex'),

    flashActNavAccent:
      relation('generateFlashActNavAccent', act),

    sidebar:
      relation('generateFlashActSidebar', act, null),

    coverGrid:
      relation('generateCoverGrid'),

    coverGridImages:
      act.flashes
        .map(_flash => relation('image')),

    flashLinks:
      act.flashes
        .map(flash => relation('linkFlash', flash)),
  }),

  data: (act) => ({
    name: act.name,
    color: act.color,

    flashNames:
      act.flashes.map(flash => flash.name),

    flashCoverPaths:
      act.flashes.map(flash =>
        ['media.flashArt', flash.directory, flash.coverArtFileExtension])
  }),

  generate(data, relations, {html, language}) {
    return relations.layout.slots({
      title:
        language.$('flashPage.title', {
          flash: new html.Tag(null, null, data.name),
        }),

      color: data.color,
      headingMode: 'static',

      mainClasses: ['flash-index'],
      mainContent: [
        relations.coverGrid.slots({
          links: relations.flashLinks,
          names: data.flashNames,
          lazy: 6,

          images:
            stitchArrays({
              image: relations.coverGridImages,
              path: data.flashCoverPaths,
            }).map(({image, path}) =>
                image.slot('path', path)),
        }),
      ],

      navLinkStyle: 'hierarchical',
      navLinks: [
        {auto: 'home'},
        {html: relations.flashIndexLink},
        {auto: 'current'},
      ],

      navBottomRowContent: relations.flashActNavAccent,

      ...relations.sidebar,
    });
  },
};