meteor-interface
Version:
Simple Content Management System to generate your administration interface for Meteor and React.
81 lines (69 loc) • 2.81 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _semanticUiReact = require("semantic-ui-react");
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _templateObject() {
var data = _taggedTemplateLiteral(["\n.menu {\n background-color: #EFF0F4!important;\n}\n"]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var MainMenu = function MainMenu(_ref) {
var location = _ref.location,
history = _ref.history,
permissions = _ref.permissions,
root = _ref.root,
config = _ref.config;
return _react.default.createElement(MenuStyle, null, _react.default.createElement(_semanticUiReact.Menu, {
pointing: true,
secondary: true,
fixed: "top",
color: "green"
}, _react.default.createElement(_semanticUiReact.Container, null, _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "website",
onClick: function onClick() {
return history.push('/');
}
}), _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "home",
active: location.pathname === root,
onClick: function onClick() {
return history.push(root);
}
}), _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "content",
active: location.pathname.indexOf("".concat(root, "/collections")) > -1,
onClick: function onClick() {
return history.push("".concat(root, "/collections"));
}
}), _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "media",
active: location.pathname.indexOf("".concat(root, "/media")) > -1,
onClick: function onClick() {
return history.push("".concat(root, "/media"));
}
}), permissions[config.roles[0]] && _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "settings",
active: location.pathname.indexOf("".concat(root, "/settings")) > -1,
onClick: function onClick() {
return history.push("".concat(root, "/settings"));
}
}), _react.default.createElement(_semanticUiReact.Menu.Item, {
name: "profile",
active: location.pathname.indexOf("".concat(root, "/profile")) > -1,
onClick: function onClick() {
return history.push("".concat(root, "/profile"));
},
position: "right"
}))));
};
var _default = MainMenu;
exports.default = _default;
var MenuStyle = _styledComponents.default.div(_templateObject());