patternplate-client
Version:
Universal javascript client application for patternplate
137 lines (119 loc) • 9.45 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _extends2 = require('babel-runtime/helpers/extends');
var _extends3 = _interopRequireDefault(_extends2);
exports.default = NavigationToolbar;
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactRouter = require('@marionebl/react-router');
var _icon = require('../common/icon');
var _icon2 = _interopRequireDefault(_icon);
var _navigationToggle = require('./navigation-toggle');
var _navigationToggle2 = _interopRequireDefault(_navigationToggle);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function NavigationToolbar(props) {
// const {data} = props;
var issue = {
pathname: props.pathname,
query: (0, _extends3.default)({}, props.query, {
issue: true
})
};
var cheatsheet = {
pathname: props.pathname,
query: (0, _extends3.default)({}, props.query, {
lightbox: 'shortcuts'
})
};
var targetTheme = props.theme === 'dark' ? 'light' : 'dark';
var handleThemeChange = function handleThemeChange() {
return props.onThemeChange(targetTheme);
};
var styles = {
light: { display: targetTheme === 'light' ? 'block' : 'none' },
dark: { display: targetTheme === 'dark' ? 'block' : 'none' }
};
return _react2.default.createElement(
'div',
{ className: 'navigation-toolbar' },
_react2.default.createElement(
'div',
{ className: 'navigation-toolbar__container' },
_react2.default.createElement(
'ul',
{ className: 'navigation-toolbar__links' },
_react2.default.createElement(
'li',
{ className: 'navigation-toolbar__link' },
_react2.default.createElement(
_reactRouter.Link,
{
className: 'button',
title: 'Report an issue [ctrl+i]',
to: issue
},
_react2.default.createElement(_icon2.default, { symbol: 'issue' })
)
),
_react2.default.createElement(
'li',
{ className: 'navigation-toolbar__link' },
_react2.default.createElement(
_reactRouter.Link,
{
className: 'button',
title: 'Show keyboard shortcuts [ctrl+k]',
to: cheatsheet
},
_react2.default.createElement(_icon2.default, { symbol: 'command' })
)
),
_react2.default.createElement(
'li',
{ className: 'navigation-toolbar__link' },
_react2.default.createElement(
'button',
{
className: 'button',
type: 'button',
onClick: handleThemeChange,
title: 'Switch to ' + targetTheme + ' theme [ctrl+t]'
},
_react2.default.createElement(
_icon2.default,
{
base: props.base,
symbol: 'light',
style: styles.light
},
'Light'
),
_react2.default.createElement(
_icon2.default,
{
base: props.base,
symbol: 'dark',
style: styles.dark
},
'Dark'
)
)
)
)
),
_react2.default.createElement(
'div',
{ className: 'navigation-toolbar__action' },
_react2.default.createElement(_navigationToggle2.default, {
base: props.base,
expanded: props.expanded,
pathname: props.pathname,
query: props.query
})
)
);
}
module.exports = exports['default'];
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NvdXJjZS9hcHBsaWNhdGlvbi9jb21wb25lbnRzL25hdmlnYXRpb24vbmF2aWdhdGlvbi10b29sYmFyLmpzIl0sIm5hbWVzIjpbIk5hdmlnYXRpb25Ub29sYmFyIiwicHJvcHMiLCJpc3N1ZSIsInBhdGhuYW1lIiwicXVlcnkiLCJjaGVhdHNoZWV0IiwibGlnaHRib3giLCJ0YXJnZXRUaGVtZSIsInRoZW1lIiwiaGFuZGxlVGhlbWVDaGFuZ2UiLCJvblRoZW1lQ2hhbmdlIiwic3R5bGVzIiwibGlnaHQiLCJkaXNwbGF5IiwiZGFyayIsImJhc2UiLCJleHBhbmRlZCJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztrQkFNd0JBLGlCOztBQU54Qjs7OztBQUNBOztBQUVBOzs7O0FBQ0E7Ozs7OztBQUVlLFNBQVNBLGlCQUFULENBQTJCQyxLQUEzQixFQUFrQztBQUNoRDtBQUNBLEtBQU1DLFFBQVE7QUFDYkMsWUFBVUYsTUFBTUUsUUFESDtBQUViQyxvQ0FDSUgsTUFBTUcsS0FEVjtBQUVDRixVQUFPO0FBRlI7QUFGYSxFQUFkOztBQVFBLEtBQU1HLGFBQWE7QUFDbEJGLFlBQVVGLE1BQU1FLFFBREU7QUFFbEJDLG9DQUNJSCxNQUFNRyxLQURWO0FBRUNFLGFBQVU7QUFGWDtBQUZrQixFQUFuQjs7QUFRQSxLQUFNQyxjQUFjTixNQUFNTyxLQUFOLEtBQWdCLE1BQWhCLEdBQXlCLE9BQXpCLEdBQW1DLE1BQXZEO0FBQ0EsS0FBTUMsb0JBQW9CLFNBQXBCQSxpQkFBb0I7QUFBQSxTQUFNUixNQUFNUyxhQUFOLENBQW9CSCxXQUFwQixDQUFOO0FBQUEsRUFBMUI7O0FBRUEsS0FBTUksU0FBUztBQUNkQyxTQUFPLEVBQUNDLFNBQVNOLGdCQUFnQixPQUFoQixHQUEwQixPQUExQixHQUFvQyxNQUE5QyxFQURPO0FBRWRPLFFBQU0sRUFBQ0QsU0FBU04sZ0JBQWdCLE1BQWhCLEdBQXlCLE9BQXpCLEdBQW1DLE1BQTdDO0FBRlEsRUFBZjs7QUFLQSxRQUNDO0FBQUE7QUFBQSxJQUFLLFdBQVUsb0JBQWY7QUFDQztBQUFBO0FBQUEsS0FBSyxXQUFVLCtCQUFmO0FBQ0M7QUFBQTtBQUFBLE1BQUksV0FBVSwyQkFBZDtBQUNDO0FBQUE7QUFBQSxPQUFJLFdBQVUsMEJBQWQ7QUFDQztBQUFBO0FBQUE7QUFDQyxrQkFBVSxRQURYO0FBRUMsY0FBTSwwQkFGUDtBQUdDLFdBQUlMO0FBSEw7QUFLQyxzREFBTSxRQUFPLE9BQWI7QUFMRDtBQURELEtBREQ7QUFVQztBQUFBO0FBQUEsT0FBSSxXQUFVLDBCQUFkO0FBQ0M7QUFBQTtBQUFBO0FBQ0Msa0JBQVUsUUFEWDtBQUVDLGNBQU0sa0NBRlA7QUFHQyxXQUFJRztBQUhMO0FBS0Msc0RBQU0sUUFBTyxTQUFiO0FBTEQ7QUFERCxLQVZEO0FBbUJDO0FBQUE7QUFBQSxPQUFJLFdBQVUsMEJBQWQ7QUFDQztBQUFBO0FBQUE7QUFDQyxrQkFBVSxRQURYO0FBRUMsYUFBSyxRQUZOO0FBR0MsZ0JBQVNJLGlCQUhWO0FBSUMsNkJBQW9CRixXQUFwQjtBQUpEO0FBTUM7QUFBQTtBQUFBO0FBQ0MsY0FBTU4sTUFBTWMsSUFEYjtBQUVDLGdCQUFPLE9BRlI7QUFHQyxlQUFPSixPQUFPQztBQUhmO0FBQUE7QUFBQSxPQU5EO0FBYUM7QUFBQTtBQUFBO0FBQ0MsY0FBTVgsTUFBTWMsSUFEYjtBQUVDLGdCQUFPLE1BRlI7QUFHQyxlQUFPSixPQUFPRztBQUhmO0FBQUE7QUFBQTtBQWJEO0FBREQ7QUFuQkQ7QUFERCxHQUREO0FBOENDO0FBQUE7QUFBQSxLQUFLLFdBQVUsNEJBQWY7QUFDQztBQUNDLFVBQU1iLE1BQU1jLElBRGI7QUFFQyxjQUFVZCxNQUFNZSxRQUZqQjtBQUdDLGNBQVVmLE1BQU1FLFFBSGpCO0FBSUMsV0FBT0YsTUFBTUc7QUFKZDtBQUREO0FBOUNELEVBREQ7QUF5REEiLCJmaWxlIjoibmF2aWdhdGlvbi10b29sYmFyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7UHJvcFR5cGVzIGFzIHR9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7TGlua30gZnJvbSAnQG1hcmlvbmVibC9yZWFjdC1yb3V0ZXInO1xuXG5pbXBvcnQgSWNvbiBmcm9tICcuLi9jb21tb24vaWNvbic7XG5pbXBvcnQgTmF2aWdhdGlvblRvZ2dsZSBmcm9tICcuL25hdmlnYXRpb24tdG9nZ2xlJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gTmF2aWdhdGlvblRvb2xiYXIocHJvcHMpIHtcblx0Ly8gY29uc3Qge2RhdGF9ID0gcHJvcHM7XG5cdGNvbnN0IGlzc3VlID0ge1xuXHRcdHBhdGhuYW1lOiBwcm9wcy5wYXRobmFtZSxcblx0XHRxdWVyeToge1xuXHRcdFx0Li4ucHJvcHMucXVlcnksXG5cdFx0XHRpc3N1ZTogdHJ1ZVxuXHRcdH1cblx0fTtcblxuXHRjb25zdCBjaGVhdHNoZWV0ID0ge1xuXHRcdHBhdGhuYW1lOiBwcm9wcy5wYXRobmFtZSxcblx0XHRxdWVyeToge1xuXHRcdFx0Li4ucHJvcHMucXVlcnksXG5cdFx0XHRsaWdodGJveDogJ3Nob3J0Y3V0cydcblx0XHR9XG5cdH07XG5cblx0Y29uc3QgdGFyZ2V0VGhlbWUgPSBwcm9wcy50aGVtZSA9PT0gJ2RhcmsnID8gJ2xpZ2h0JyA6ICdkYXJrJztcblx0Y29uc3QgaGFuZGxlVGhlbWVDaGFuZ2UgPSAoKSA9PiBwcm9wcy5vblRoZW1lQ2hhbmdlKHRhcmdldFRoZW1lKTtcblxuXHRjb25zdCBzdHlsZXMgPSB7XG5cdFx0bGlnaHQ6IHtkaXNwbGF5OiB0YXJnZXRUaGVtZSA9PT0gJ2xpZ2h0JyA/ICdibG9jaycgOiAnbm9uZSd9LFxuXHRcdGRhcms6IHtkaXNwbGF5OiB0YXJnZXRUaGVtZSA9PT0gJ2RhcmsnID8gJ2Jsb2NrJyA6ICdub25lJ31cblx0fTtcblxuXHRyZXR1cm4gKFxuXHRcdDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi10b29sYmFyXCI+XG5cdFx0XHQ8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tdG9vbGJhcl9fY29udGFpbmVyXCI+XG5cdFx0XHRcdDx1bCBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uLXRvb2xiYXJfX2xpbmtzXCI+XG5cdFx0XHRcdFx0PGxpIGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tdG9vbGJhcl9fbGlua1wiPlxuXHRcdFx0XHRcdFx0PExpbmtcblx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lPVwiYnV0dG9uXCJcblx0XHRcdFx0XHRcdFx0dGl0bGU9XCJSZXBvcnQgYW4gaXNzdWUgW2N0cmwraV1cIlxuXHRcdFx0XHRcdFx0XHR0bz17aXNzdWV9XG5cdFx0XHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdFx0PEljb24gc3ltYm9sPVwiaXNzdWVcIi8+XG5cdFx0XHRcdFx0XHQ8L0xpbms+XG5cdFx0XHRcdFx0PC9saT5cblx0XHRcdFx0XHQ8bGkgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi10b29sYmFyX19saW5rXCI+XG5cdFx0XHRcdFx0XHQ8TGlua1xuXHRcdFx0XHRcdFx0XHRjbGFzc05hbWU9XCJidXR0b25cIlxuXHRcdFx0XHRcdFx0XHR0aXRsZT1cIlNob3cga2V5Ym9hcmQgc2hvcnRjdXRzIFtjdHJsK2tdXCJcblx0XHRcdFx0XHRcdFx0dG89e2NoZWF0c2hlZXR9XG5cdFx0XHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdFx0PEljb24gc3ltYm9sPVwiY29tbWFuZFwiLz5cblx0XHRcdFx0XHRcdDwvTGluaz5cblx0XHRcdFx0XHQ8L2xpPlxuXHRcdFx0XHRcdDxsaSBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uLXRvb2xiYXJfX2xpbmtcIj5cblx0XHRcdFx0XHRcdDxidXR0b25cblx0XHRcdFx0XHRcdFx0Y2xhc3NOYW1lPVwiYnV0dG9uXCJcblx0XHRcdFx0XHRcdFx0dHlwZT1cImJ1dHRvblwiXG5cdFx0XHRcdFx0XHRcdG9uQ2xpY2s9e2hhbmRsZVRoZW1lQ2hhbmdlfVxuXHRcdFx0XHRcdFx0XHR0aXRsZT17YFN3aXRjaCB0byAke3RhcmdldFRoZW1lfSB0aGVtZSBbY3RybCt0XWB9XG5cdFx0XHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdFx0PEljb25cblx0XHRcdFx0XHRcdFx0XHRiYXNlPXtwcm9wcy5iYXNlfVxuXHRcdFx0XHRcdFx0XHRcdHN5bWJvbD1cImxpZ2h0XCJcblx0XHRcdFx0XHRcdFx0XHRzdHlsZT17c3R5bGVzLmxpZ2h0fVxuXHRcdFx0XHRcdFx0XHRcdD5cblx0XHRcdFx0XHRcdFx0XHRMaWdodFxuXHRcdFx0XHRcdFx0XHQ8L0ljb24+XG5cdFx0XHRcdFx0XHRcdDxJY29uXG5cdFx0XHRcdFx0XHRcdFx0YmFzZT17cHJvcHMuYmFzZX1cblx0XHRcdFx0XHRcdFx0XHRzeW1ib2w9XCJkYXJrXCJcblx0XHRcdFx0XHRcdFx0XHRzdHlsZT17c3R5bGVzLmRhcmt9XG5cdFx0XHRcdFx0XHRcdFx0PlxuXHRcdFx0XHRcdFx0XHRcdERhcmtcblx0XHRcdFx0XHRcdFx0PC9JY29uPlxuXHRcdFx0XHRcdFx0PC9idXR0b24+XG5cdFx0XHRcdFx0PC9saT5cblx0XHRcdFx0PC91bD5cblx0XHRcdDwvZGl2PlxuXHRcdFx0PGRpdiBjbGFzc05hbWU9XCJuYXZpZ2F0aW9uLXRvb2xiYXJfX2FjdGlvblwiPlxuXHRcdFx0XHQ8TmF2aWdhdGlvblRvZ2dsZVxuXHRcdFx0XHRcdGJhc2U9e3Byb3BzLmJhc2V9XG5cdFx0XHRcdFx0ZXhwYW5kZWQ9e3Byb3BzLmV4cGFuZGVkfVxuXHRcdFx0XHRcdHBhdGhuYW1lPXtwcm9wcy5wYXRobmFtZX1cblx0XHRcdFx0XHRxdWVyeT17cHJvcHMucXVlcnl9XG5cdFx0XHRcdFx0Lz5cblx0XHRcdDwvZGl2PlxuXHRcdDwvZGl2PlxuXHQpO1xufVxuXG5OYXZpZ2F0aW9uVG9vbGJhci5wcm9wVHlwZXMgPSB7XG5cdGJhc2U6IHQuc3RyaW5nLmlzUmVxdWlyZWQsXG5cdGNoaWxkcmVuOiB0LmFueSxcblx0ZXhwYW5kZWQ6IHQuYm9vbC5pc1JlcXVpcmVkLFxuXHRvblRoZW1lQ2hhbmdlOiB0LmZ1bmMuaXNSZXF1aXJlZCxcblx0cGF0aG5hbWU6IHQuc3RyaW5nLmlzUmVxdWlyZWQsXG5cdHF1ZXJ5OiB0Lm9iamVjdC5pc1JlcXVpcmVkLFxuXHR0aGVtZTogdC5zdHJpbmcuaXNSZXF1aXJlZFxufTtcbiJdfQ==