lml-main
Version:
This is now a mono repository published into many standalone packages.
41 lines • 2.1 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const React = require("react");
const cx = require("classnames");
const cosmoui_1 = require("cosmoui");
const react_redux_1 = require("react-redux");
const actions_1 = require("../../common/actions");
const components_1 = require("../../couriers/components");
const components_2 = require("../../mapping/components");
const styles = require('./cad-panel.scss');
class CADPanelComponent extends React.Component {
render() {
const children = this.props.children;
const { selectedTrayId } = this.props.state;
const jobClasses = cx(styles.panel, styles.job, {
[styles.selected]: selectedTrayId === 'jobs',
});
const courierClasses = cx(styles.panel, styles.courier, {
[styles.selected]: selectedTrayId === 'couriers',
});
const mapClasses = cx(styles.panel, {
[styles.selected]: selectedTrayId === 'map',
});
const selectJobsTray = () => this.props.setSelectedTray('jobs');
const selectCouriersTray = () => this.props.setSelectedTray('couriers');
const selectMapTray = () => this.props.setSelectedTray('map');
return (React.createElement(cosmoui_1.Panel, { defaultIntervals: [45, 15, 40], id: "cadPanel", layout: "columns", separatorWidth: 3, className: styles.container },
React.createElement(cosmoui_1.Column, { className: jobClasses, onClick: selectJobsTray, style: { position: 'relative' } }, children),
React.createElement(components_1.Couriers, { className: courierClasses, onClick: selectCouriersTray }),
React.createElement(cosmoui_1.Column, { grow: 1 },
React.createElement(components_2.Maps, { className: mapClasses, onClick: selectMapTray }))));
}
}
const mapStateToProps = (state) => ({
state: state.tray,
});
const mapActionsToProps = {
setSelectedTray: actions_1.setSelectedTray,
};
exports.CADPanel = react_redux_1.connect(mapStateToProps, mapActionsToProps)(CADPanelComponent);
//# sourceMappingURL=cad-panel.js.map