Function Sidebar

docs/app/js/sanddance-app.js:15615–15687

(props)

var _language = require("../language");
var _sanddanceReact = require("@msrvida/sanddance-react");
function Sidebar(props) {
    const sidebuttons = [
        {
            sideTabId: (0, _interfaces.SideTabId).ChartType,
            iconName: "BIDashboard",
            title: (0, _language.strings).labelChart
        },
        {
            sideTabId: (0, _interfaces.SideTabId).Color,
            iconName: "Color",
            title: (0, _language.strings).labelColor
        },
        {
            sideTabId: (0, _interfaces.SideTabId).Data,
            iconName: "Table",
            title: (0, _language.strings).labelDataBrowser
        },
        {
            sideTabId: (0, _interfaces.SideTabId).Search,
            iconName: "Search",
            title: (0, _language.strings).labelSearch
        },
        {
            sideTabId: (0, _interfaces.SideTabId).Snapshots,
            iconName: "Camera",
            title: (0, _language.strings).labelSnapshots
        },
        {
            sideTabId: (0, _interfaces.SideTabId).History,
            iconName: "History",
            title: (0, _language.strings).labelHistory
        },
        {
            sideTabId: (0, _interfaces.SideTabId).Settings,
            iconName: "Settings",
            title: (0, _language.strings).labelChartSettings
        }
    ];
    return (0, _base.base).react.createElement("div", {
        className: (0, _sanddanceReact.util).classList("sanddance-sidebar", "calculator", props.pinned && "pinned", props.closed && "closed")
    }, (0, _base.base).react.createElement("div", {
        className: "sidebar-content"
    }, (0, _base.base).react.createElement((0, _dataScope.DataScope), Object.assign({}, props.dataScopeProps)), (0, _base.base).react.createElement("div", {
        className: "vbuttons",
        role: "tablist"
    }, (0, _base.base).react.createElement("div", {
        className: "sidebar-dialogs"
    }, sidebuttons.map((sidebutton, i)=>(0, _base.base).react.createElement(Sidebutton, Object.assign({
            key: i
        }, props, sidebutton, {
            themePalette: props.themePalette
        })))), !props.hideSidebarControls && (0, _base.base).react.createElement("div", {
        className: "sidebar-controls"
    }, (0, _base.base).react.createElement(Sidebutton, Object.assign({}, props, {
        role: "button",
        sideTabId: (0, _interfaces.SideTabId).Pin,
        iconName: props.pinned ? "Pinned" : "Pin",
        title: props.pinned ? (0, _language.strings).buttonToolbarFloat : (0, _language.strings).buttonToolbarDock