mediawiki-skins-MinervaNeue/stories/footer.stories.js
jdlrobson 1200cb5279 Storybook added to MinervaNeue
For now just adding story entries for footer element and last modified.

Bug: T244106
Change-Id: Ib36f22f9b9d805f87fc074d12473497cfaf91b79
2020-03-03 15:22:34 +00:00

50 lines
1.3 KiB
JavaScript

/* eslint-disable no-restricted-properties */
import mustache from 'mustache';
import template from '!!raw-loader!../includes/skins/footer.mustache';
import { lastModifiedBar, lastModifiedBarActive } from './lastModifiedBar.stories';
import { placeholder } from './utils';
import './footer.less';
export default {
title: 'Footer'
};
const FOOTER_TEMPLATE_DATA = {
headinghtml: 'Site title OR Logo',
licensehtml: 'Content is available under <a rel="nofollow" href="#">Reading Web 3.0 License</a> unless otherwise noted.',
dataAfterContent: placeholder( 'Extensions can add here e.g. Related Articles.' ),
footer: true,
lists: [
{
name: 'places',
items: [
{
category: 'places',
name: 'terms-use',
linkhtml: '<a href="#">Terms of Use</a>'
},
{
category: 'places',
name: 'privacy',
linkhtml: '<a href="#">Privacy</a>'
},
{
category: 'places',
name: 'desktop-toggle',
linkhtml: '<a href="#">Desktop</a>'
}
]
}
]
};
export const footer = () =>
mustache.render( template, Object.assign( FOOTER_TEMPLATE_DATA, {
lastmodified: lastModifiedBar()
} ) );
export const footerRecentEdit = () =>
mustache.render( template, Object.assign( FOOTER_TEMPLATE_DATA, {
lastmodified: lastModifiedBarActive()
} ) );