diff options
Diffstat (limited to 'src/page/listing.js')
-rw-r--r-- | src/page/listing.js | 321 |
1 files changed, 173 insertions, 148 deletions
diff --git a/src/page/listing.js b/src/page/listing.js index 447a0c8f..5db6c916 100644 --- a/src/page/listing.js +++ b/src/page/listing.js @@ -1,3 +1,5 @@ +/** @format */ + // Listing page specification. // // The targets here are a bit different than for most pages: rather than data @@ -14,189 +16,212 @@ import fixWS from 'fix-whitespace'; import * as html from '../util/html.js'; -import { - getTotalDuration -} from '../util/wiki-data.js'; +import {getTotalDuration} from '../util/wiki-data.js'; // Page exports export function condition({wikiData}) { - return wikiData.wikiInfo.enableListings; + return wikiData.wikiInfo.enableListings; } export function targets({wikiData}) { - return wikiData.listingSpec; + return wikiData.listingSpec; } export function write(listing, {wikiData}) { - if (listing.condition && !listing.condition({wikiData})) { - return null; - } - - const { wikiInfo } = wikiData; + if (listing.condition && !listing.condition({wikiData})) { + return null; + } - const data = (listing.data - ? listing.data({wikiData}) - : null); + const data = listing.data ? listing.data({wikiData}) : null; - const page = { - type: 'page', - path: ['listing', listing.directory], - page: opts => { - const { getLinkThemeString, link, language } = opts; - const titleKey = `listingPage.${listing.stringsKey}.title`; + const page = { + type: 'page', + path: ['listing', listing.directory], + page: (opts) => { + const {getLinkThemeString, link, language} = opts; + const titleKey = `listingPage.${listing.stringsKey}.title`; - return { - title: language.$(titleKey), + return { + title: language.$(titleKey), - main: { - content: fixWS` + main: { + content: fixWS` <h1>${language.$(titleKey)}</h1> - ${listing.html && (listing.data + ${ + listing.html && + (listing.data ? listing.html(data, opts) - : listing.html(opts))} - ${listing.row && fixWS` + : listing.html(opts)) + } + ${ + listing.row && + fixWS` <ul> - ${(data - .map(item => listing.row(item, opts)) - .map(row => `<li>${row}</li>`) - .join('\n'))} + ${data + .map((item) => listing.row(item, opts)) + .map((row) => `<li>${row}</li>`) + .join('\n')} </ul> - `} - ` - }, - - sidebarLeft: { - content: generateSidebarForListings(listing, { - getLinkThemeString, - link, - language, - wikiData - }) - }, - - nav: { - linkContainerClasses: ['nav-links-hierarchy'], - links: [ - {toHome: true}, - { - path: ['localized.listingIndex'], - title: language.$('listingIndex.title') - }, - {toCurrentPage: true} - ] - } - }; - } - }; - - return [page]; + ` + } + `, + }, + + sidebarLeft: { + content: generateSidebarForListings(listing, { + getLinkThemeString, + link, + language, + wikiData, + }), + }, + + nav: { + linkContainerClasses: ['nav-links-hierarchy'], + links: [ + {toHome: true}, + { + path: ['localized.listingIndex'], + title: language.$('listingIndex.title'), + }, + {toCurrentPage: true}, + ], + }, + }; + }, + }; + + return [page]; } export function writeTargetless({wikiData}) { - const { albumData, trackData, wikiInfo } = wikiData; + const {albumData, trackData, wikiInfo} = wikiData; - const totalDuration = getTotalDuration(trackData); + const totalDuration = getTotalDuration(trackData); - const page = { - type: 'page', - path: ['listingIndex'], - page: ({ - getLinkThemeString, - language, - link - }) => ({ - title: language.$('listingIndex.title'), + const page = { + type: 'page', + path: ['listingIndex'], + page: ({getLinkThemeString, language, link}) => ({ + title: language.$('listingIndex.title'), - main: { - content: fixWS` + main: { + content: fixWS` <h1>${language.$('listingIndex.title')}</h1> <p>${language.$('listingIndex.infoLine', { - wiki: wikiInfo.name, - tracks: `<b>${language.countTracks(trackData.length, {unit: true})}</b>`, - albums: `<b>${language.countAlbums(albumData.length, {unit: true})}</b>`, - duration: `<b>${language.formatDuration(totalDuration, {approximate: true, unit: true})}</b>` + wiki: wikiInfo.name, + tracks: `<b>${language.countTracks(trackData.length, { + unit: true, + })}</b>`, + albums: `<b>${language.countAlbums(albumData.length, { + unit: true, + })}</b>`, + duration: `<b>${language.formatDuration(totalDuration, { + approximate: true, + unit: true, + })}</b>`, })}</p> <hr> <p>${language.$('listingIndex.exploreList')}</p> - ${generateLinkIndexForListings(null, false, {link, language, wikiData})} - ` - }, - - sidebarLeft: { - content: generateSidebarForListings(null, { - getLinkThemeString, - link, - language, - wikiData - }) - }, - - nav: {simple: true} - }) - }; - - return [page]; -}; + ${generateLinkIndexForListings(null, false, { + link, + language, + wikiData, + })} + `, + }, + + sidebarLeft: { + content: generateSidebarForListings(null, { + getLinkThemeString, + link, + language, + wikiData, + }), + }, + + nav: {simple: true}, + }), + }; + + return [page]; +} // Utility functions -function generateSidebarForListings(currentListing, { - getLinkThemeString, - link, - language, - wikiData -}) { - return fixWS` - <h1>${link.listingIndex('', {text: language.$('listingIndex.title')})}</h1> +function generateSidebarForListings( + currentListing, + {getLinkThemeString, link, language, wikiData} +) { + return fixWS` + <h1>${link.listingIndex('', { + text: language.$('listingIndex.title'), + })}</h1> ${generateLinkIndexForListings(currentListing, true, { - getLinkThemeString, - link, - language, - wikiData + getLinkThemeString, + link, + language, + wikiData, })} `; } -function generateLinkIndexForListings(currentListing, forSidebar, { - getLinkThemeString, - link, - language, - wikiData -}) { - const { listingTargetSpec, wikiInfo } = wikiData; - - const filteredByCondition = listingTargetSpec - .map(({ listings, ...rest }) => ({ - ...rest, - listings: listings.filter(({ condition: c }) => !c || c({wikiData})) - })) - .filter(({ listings }) => listings.length > 0); - - 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`)}) - ))); - - if (forSidebar) { - return filteredByCondition.map(({ title, listings }) => - html.tag('details', { - open: !forSidebar || 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) - ])).join('\n'); - } else { - return html.tag('dl', - filteredByCondition.flatMap(({ title, listings }) => [ - html.tag('dt', title({language})), - html.tag('dd', genUL(listings)) - ])); - } +function generateLinkIndexForListings( + currentListing, + forSidebar, + {getLinkThemeString, link, language, wikiData} +) { + const {listingTargetSpec, wikiInfo} = wikiData; + + const filteredByCondition = listingTargetSpec + .map(({listings, ...rest}) => ({ + ...rest, + listings: listings.filter(({condition: c}) => !c || c({wikiData})), + })) + .filter(({listings}) => listings.length > 0); + + 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`), + }) + ) + ) + ); + + if (forSidebar) { + return filteredByCondition + .map(({title, listings}) => + html.tag( + 'details', + { + open: !forSidebar || 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), + ] + ) + ) + .join('\n'); + } else { + return html.tag( + 'dl', + filteredByCondition.flatMap(({title, listings}) => [ + html.tag('dt', title({language})), + html.tag('dd', genUL(listings)), + ]) + ); + } } |