From 68b9e2fec15a81a14d80ecc4bf886a05888ee9f9 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sat, 24 Jun 2023 11:49:24 -0300 Subject: content: listings stub (listAlbumsByName) --- src/content/dependencies/generateListingPage.js | 44 +++++++++++++++++++++++ src/content/dependencies/listAlbumsByName.js | 46 +++++++++++++++++++++++++ 2 files changed, 90 insertions(+) create mode 100644 src/content/dependencies/generateListingPage.js create mode 100644 src/content/dependencies/listAlbumsByName.js (limited to 'src/content/dependencies') diff --git a/src/content/dependencies/generateListingPage.js b/src/content/dependencies/generateListingPage.js new file mode 100644 index 00000000..ae186d28 --- /dev/null +++ b/src/content/dependencies/generateListingPage.js @@ -0,0 +1,44 @@ +export default { + contentDependencies: ['generatePageLayout', 'linkListingIndex'], + extraDependencies: ['html'], + + relations(relation) { + return { + layout: relation('generatePageLayout'), + listingsIndexLink: relation('linkListingIndex'), + }; + }, + + slots: { + title: {type: 'string'}, + + type: { + validate: v => v.is('rows'), + }, + + rows: { + validate: v => v.arrayOf(v.isHTML), + }, + }, + + generate(relations, slots, {html}) { + return relations.layout.slots({ + title: slots.title, + headingMode: 'sticky', + + mainContent: [ + slots.type === 'rows' && + html.tag('ul', + slots.rows + .map(row => html.tag('li', row))), + ], + + navLinkStyle: 'hierarchical', + navLinks: [ + {auto: 'home'}, + {html: relations.listingsIndexLink}, + {auto: 'current'}, + ], + }); + }, +}; diff --git a/src/content/dependencies/listAlbumsByName.js b/src/content/dependencies/listAlbumsByName.js new file mode 100644 index 00000000..2182efa5 --- /dev/null +++ b/src/content/dependencies/listAlbumsByName.js @@ -0,0 +1,46 @@ +import {stitchArrays} from '../../util/sugar.js'; +import {sortAlphabetically} from '../../util/wiki-data.js'; + +export default { + contentDependencies: ['generateListingPage', 'linkAlbum'], + extraDependencies: ['language', 'wikiData'], + + sprawl({albumData}) { + return {albumData}; + }, + + query({albumData}) { + return { + albums: sortAlphabetically(albumData.slice()), + }; + }, + + relations(relation, query) { + return { + page: relation('generateListingPage'), + links: query.albums.map(album => relation('linkAlbum', album)), + }; + }, + + data(query) { + return { + numTracks: query.albums.map(album => album.tracks.length), + }; + }, + + generate(data, relations, {language}) { + return relations.page.slots({ + title: language.$('listingPage.listAlbums.byName.title'), + type: 'rows', + rows: + stitchArrays({ + link: relations.links, + numTracks: data.numTracks, + }).map(({link, numTracks}) => + language.$('listingPage.listAlbums.byName.item', { + album: link, + tracks: language.countTracks(numTracks, {unit: true}), + })), + }); + }, +}; -- cgit 1.3.0-6-gf8a5