UNPKG

sws-frontend

Version:

sws frontend project

29 lines 2.1 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var react_bootstrap_1 = require("react-bootstrap"); exports.Sidebar = function (p) { var _a = p.page, page = _a === void 0 ? 0 : _a, _b = p.onSelect, onSelect = _b === void 0 ? null : _b, _c = p.children, children = _c === void 0 ? [] : _c; return (React.createElement("div", { className: "sidebar" }, React.Children.toArray(children).map(function (child, i) { var clone = function (i) { return React.cloneElement(child, { pageindex: i, onClick: function (e) { onSelect(e); child.props.onClick(e); } }); }; return (React.createElement("div", { key: i, className: (page == i + 1 && page != 0) ? 'pageactive' : '' }, clone(i))); }))); }; exports.SideIcon = function (p) { var title = p.title, onClick = p.onClick, name = p.name, _a = p.pageindex, pageindex = _a === void 0 ? 0 : _a, _b = p.onSelect, onSelect = _b === void 0 ? null : _b, className = p.className, style = p.style, _c = p.enabled, enabled = _c === void 0 ? true : _c; var tooltip = (title ? React.createElement(react_bootstrap_1.Tooltip, { id: name }, React.createElement("strong", null, title)) : null); return (enabled ? title ? React.createElement(react_bootstrap_1.OverlayTrigger, { placement: "right", overlay: tooltip }, React.createElement("div", { className: "sidebar-icon theme-" + (pageindex + 1) }, React.createElement("a", { role: "button", onClick: onClick, className: className, style: style }, React.createElement("i", { className: "material-icons" }, name)))) : React.createElement("div", { className: "sidebar-icon theme-" + (pageindex + 1) }, React.createElement("a", { role: "button", onClick: onClick, className: className, style: style }, React.createElement("i", { className: "material-icons" }, name))) : null); }; //# sourceMappingURL=sidebar.js.map