diff options
Diffstat (limited to 'src/page/listing.js')
| -rw-r--r-- | src/page/listing.js | 252 |
1 files changed, 27 insertions, 225 deletions
diff --git a/src/page/listing.js b/src/page/listing.js index fc643b1..bb22c21 100644 --- a/src/page/listing.js +++ b/src/page/listing.js @@ -1,239 +1,41 @@ -// Listing page specification. -// +export const description = `wiki-wide listing pages & index`; + // The targets here are a bit different than for most pages: rather than data // objects loaded from text files in the wiki data directory, they're hard- -// coded specifications, with various JS functions for processing wiki data -// and turning it into user-readable HTML listings. +// coded specifications, each directly identifying the hard-coded content +// function used to generate that listing. // // Individual listing specs are described in src/listing-spec.js, but are // provided via wikiData like other (normal) data objects. - -import {empty} from '../util/sugar.js'; - -import {getTotalDuration} from '../util/wiki-data.js'; - -export function condition({wikiData}) { - return wikiData.wikiInfo.enableListings; -} - +// export function targets({wikiData}) { - return wikiData.listingSpec; -} - -export function write(listing, {wikiData}) { - if (listing.condition && !listing.condition({wikiData})) { - return null; - } - - const data = listing.data ? listing.data({wikiData}) : null; - - const page = { - type: 'page', - path: ['listing', listing.directory], - page: (opts) => { - const { - generateStickyHeadingContainer, - getLinkThemeString, - html, - language, - link, - } = opts; - - const titleKey = `listingPage.${listing.stringsKey}.title`; - - return { - title: language.$(titleKey), - - main: { - content: [ - generateStickyHeadingContainer( - language.$(titleKey)), - - ...html.fragment( - listing.html && - (listing.data - ? listing.html(data, opts) - : listing.html(opts))), - - listing.row && - html.tag('ul', - data.map((item) => - html.tag('li', - listing.row(item, opts)))), - ], - }, - - sidebarLeft: { - content: generateSidebarForListings(listing, { - getLinkThemeString, - html, - language, - link, - wikiData, - }), - }, - - nav: { - linkContainerClasses: ['nav-links-hierarchy'], - links: [ - {toHome: true}, - { - path: ['localized.listingIndex'], - title: language.$('listingIndex.title'), - }, - {toCurrentPage: true}, - ], - }, - }; - }, - }; - - return [page]; + return ( + wikiData.listingSpec + .filter(listing => listing.contentFunction) + .filter(listing => + !listing.featureFlag || + wikiData.wikiInfo[listing.featureFlag])); } -export function writeTargetless({wikiData}) { - const {albumData, trackData, wikiInfo} = wikiData; - - const totalDuration = getTotalDuration(trackData); - - const page = { - type: 'page', - path: ['listingIndex'], - page: ({ - getLinkThemeString, - html, - language, - link, - }) => ({ - title: language.$('listingIndex.title'), - - main: { - content: [ - html.tag('h1', - language.$('listingIndex.title')), - - html.tag('p', - language.$('listingIndex.infoLine', { - wiki: wikiInfo.name, - tracks: html.tag('b', - language.countTracks(trackData.length, { - unit: true, - })), - albums: html.tag('b', - language.countAlbums(albumData.length, { - unit: true, - })), - duration: html.tag('b', - language.formatDuration(totalDuration, { - approximate: true, - unit: true, - })), - })), - - html.tag('hr'), - - html.tag('p', - language.$('listingIndex.exploreList')), - - ...html.fragment( - generateLinkIndexForListings(null, false, { - html, - link, - language, - wikiData, - })), - ], - }, - - sidebarLeft: { - content: generateSidebarForListings(null, { - getLinkThemeString, - html, - language, - link, - wikiData, - }), +export function pathsForTarget(listing) { + return [ + { + type: 'page', + path: ['listing', listing.directory], + contentFunction: { + name: listing.contentFunction, + args: [listing], }, - - nav: {simple: true}, - }), - }; - - return [page]; + }, + ]; } -// Utility functions - -function generateSidebarForListings(currentListing, { - getLinkThemeString, - html, - language, - link, - wikiData, -}) { +export function pathsTargetless() { return [ - html.tag('h1', - link.listingIndex('', { - text: language.$('listingIndex.title'), - })), - - ...html.fragment( - generateLinkIndexForListings(currentListing, true, { - getLinkThemeString, - html, - language, - link, - wikiData, - })), + { + type: 'page', + path: ['listingIndex'], + contentFunction: {name: 'generateListingsIndexPage'}, + }, ]; } - -function generateLinkIndexForListings(currentListing, forSidebar, { - getLinkThemeString, - html, - language, - link, - wikiData, -}) { - const {listingTargetSpec, wikiInfo} = wikiData; - - const filteredByCondition = listingTargetSpec - .map(({listings, ...rest}) => ({ - ...rest, - listings: listings.filter(({condition: c}) => !c || c({wikiData})), - })) - .filter(({listings}) => !empty(listings)); - - const genUL = (listings) => - html.tag('ul', - listings.map((listing) => - html.tag('li', - {class: [listing === currentListing && 'current']}, - link.listing(listing, { - text: language.$(`listingPage.${listing.stringsKey}.title.short`), - })))); - - return forSidebar - ? filteredByCondition.map(({title, listings}) => - html.tag('details', - { - open: listings.includes(currentListing), - class: listings.includes(currentListing) && 'current', - }, - [ - html.tag('summary', - {style: getLinkThemeString(wikiInfo.color)}, - html.tag('span', - {class: 'group-name'}, - title({language}))), - genUL(listings), - ])) - : html.tag('dl', - filteredByCondition.flatMap(({title, listings}) => [ - html.tag('dt', - {class: ['content-heading']}, - title({language})), - html.tag('dd', - genUL(listings)), - ])); -} |