82 lines
2.4 KiB
JavaScript
82 lines
2.4 KiB
JavaScript
import React, { PropTypes } from 'react';
|
|
import { bindActionCreators } from 'redux';
|
|
import * as actions from '../actions/exploreActions';
|
|
import { connect } from 'react-redux';
|
|
import { Panel } from 'react-bootstrap';
|
|
import { visTypes, commonControlPanelSections } from '../stores/store';
|
|
import ControlPanelSection from './ControlPanelSection';
|
|
import FieldSetRow from './FieldSetRow';
|
|
|
|
const propTypes = {
|
|
vizType: PropTypes.string,
|
|
datasourceId: PropTypes.number.isRequired,
|
|
datasourceType: PropTypes.string.isRequired,
|
|
actions: PropTypes.object.isRequired,
|
|
};
|
|
|
|
const defaultProps = {
|
|
vizType: null,
|
|
};
|
|
|
|
function getSectionsToRender(vizSections) {
|
|
const { datasourceAndVizType, sqlClause } = commonControlPanelSections;
|
|
const sectionsToRender = [datasourceAndVizType].concat(vizSections, sqlClause);
|
|
return sectionsToRender;
|
|
}
|
|
|
|
class ControlPanelsContainer extends React.Component {
|
|
componentWillMount() {
|
|
const { datasourceId, datasourceType } = this.props;
|
|
if (datasourceId) {
|
|
this.props.actions.setFormOpts(datasourceId, datasourceType);
|
|
}
|
|
}
|
|
|
|
render() {
|
|
const viz = visTypes[this.props.vizType];
|
|
const sectionsToRender = getSectionsToRender(viz.controlPanelSections);
|
|
|
|
return (
|
|
<Panel>
|
|
<div className="scrollbar-container">
|
|
<div className="scrollbar-content">
|
|
{sectionsToRender.map((section) => (
|
|
<ControlPanelSection
|
|
key={section.label}
|
|
label={section.label}
|
|
tooltip={section.description}
|
|
>
|
|
{section.fieldSetRows.map((fieldSets, i) => (
|
|
<FieldSetRow key={`${section.label}-fieldSetRow-${i}`} fieldSets={fieldSets} />
|
|
))}
|
|
</ControlPanelSection>
|
|
))}
|
|
{/* TODO: add filters section */}
|
|
</div>
|
|
</div>
|
|
</Panel>
|
|
);
|
|
}
|
|
}
|
|
|
|
ControlPanelsContainer.propTypes = propTypes;
|
|
ControlPanelsContainer.defaultProps = defaultProps;
|
|
|
|
function mapStateToProps(state) {
|
|
return {
|
|
datasourceId: state.datasourceId,
|
|
datasourceType: state.datasourceType,
|
|
vizType: state.viz.formData.vizType,
|
|
};
|
|
}
|
|
|
|
function mapDispatchToProps(dispatch) {
|
|
return {
|
|
actions: bindActionCreators(actions, dispatch),
|
|
};
|
|
}
|
|
|
|
export { ControlPanelsContainer };
|
|
|
|
export default connect(mapStateToProps, mapDispatchToProps)(ControlPanelsContainer);
|