« get me outta code hell

hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js')
-rw-r--r--src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js47
1 files changed, 47 insertions, 0 deletions
diff --git a/src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js b/src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js
new file mode 100644
index 00000000..df42598d
--- /dev/null
+++ b/src/content/dependencies/generateGroupInfoPageAlbumsListByDate.js
@@ -0,0 +1,47 @@
+import {sortChronologically} from '#sort';
+
+export default {
+  contentDependencies: ['generateGroupInfoPageAlbumsListItem'],
+
+  extraDependencies: ['html'],
+
+  query: (group) => ({
+    // Typically, a latestFirst: false (default) chronological sort would be
+    // appropriate here, but navigation between adjacent albums in a group is a
+    // rather "essential" movement or relationship in the wiki, and we consider
+    // the sorting order of a group's gallery page (latestFirst: true) to be
+    // "canonical" in this regard. We exactly match its sort here, but reverse
+    // it, to still present earlier albums preceding later ones.
+    albums:
+      sortChronologically(group.albums.slice(), {latestFirst: true})
+        .reverse(),
+  }),
+
+  relations: (relation, query, group) => ({
+    items:
+      query.albums
+        .map(album =>
+          relation('generateGroupInfoPageAlbumsListItem',
+            album,
+            group)),
+  }),
+
+  slots: {
+    hidden: {
+      type: 'boolean',
+      default: false,
+    },
+  },
+
+  generate: (relations, slots, {html}) =>
+    html.tag('ul',
+      {id: 'group-album-list-by-date'},
+
+      slots.hidden && {style: 'display: none'},
+
+      {[html.onlyIfContent]: true},
+
+      relations.items
+        .map(item =>
+          item.slot('accentMode', 'groups'))),
+};