« get me outta code hell

generateContentHeading.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/generateContentHeading.js
blob: 1c7ef1f1dc585088bc432242d3a78f56ea18b7d2 (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
export default {
  extraDependencies: ['html'],
  contentDependencies: ['generateColorStyleAttribute'],

  relations: (relation) => ({
    colorStyle: relation('generateColorStyleAttribute'),
  }),

  slots: {
    title: {type: 'html'},
    accent: {type: 'html'},

    color: {validate: v => v.isColor},

    id: {type: 'string'},
    tag: {type: 'string', default: 'p'},
  },

  generate: (relations, slots, {html}) =>
    html.tag(slots.tag, {class: 'content-heading'},
      {tabindex: '0'},

      slots.id &&
        {id: slots.id},

      slots.color &&
        relations.colorStyle.slot('color', slots.color),

      [
        html.tag('span', {class: 'content-heading-main-title'},
          {[html.onlyIfContent]: true},
          slots.title),

        html.tag('span', {class: 'content-heading-accent'},
          {[html.onlyIfContent]: true},
          slots.accent),
      ]),
}