diff options
Diffstat (limited to 'frontend/src/pages/Experiments.js')
| -rw-r--r-- | frontend/src/pages/Experiments.js | 124 |
1 files changed, 62 insertions, 62 deletions
diff --git a/frontend/src/pages/Experiments.js b/frontend/src/pages/Experiments.js index 2f73cd7e..67e3fd77 100644 --- a/frontend/src/pages/Experiments.js +++ b/frontend/src/pages/Experiments.js @@ -1,75 +1,75 @@ -import PropTypes from "prop-types"; -import React from "react"; -import DocumentTitle from "react-document-title"; -import { connect } from "react-redux"; -import { fetchExperimentsOfSimulation } from "../actions/experiments"; -import { openSimulationSucceeded } from "../actions/simulations"; -import AppNavbar from "../components/navigation/AppNavbar"; -import ExperimentListContainer from "../containers/experiments/ExperimentListContainer"; -import NewExperimentButtonContainer from "../containers/experiments/NewExperimentButtonContainer"; -import NewExperimentModal from "../containers/modals/NewExperimentModal"; +import PropTypes from 'prop-types' +import React from 'react' +import DocumentTitle from 'react-document-title' +import { connect } from 'react-redux' +import { fetchExperimentsOfSimulation } from '../actions/experiments' +import { openSimulationSucceeded } from '../actions/simulations' +import AppNavbar from '../components/navigation/AppNavbar' +import ExperimentListContainer from '../containers/experiments/ExperimentListContainer' +import NewExperimentButtonContainer from '../containers/experiments/NewExperimentButtonContainer' +import NewExperimentModal from '../containers/modals/NewExperimentModal' class ExperimentsComponent extends React.Component { - static propTypes = { - simulationId: PropTypes.number.isRequired, - simulationName: PropTypes.string - }; + static propTypes = { + simulationId: PropTypes.string.isRequired, + simulationName: PropTypes.string, + } - componentDidMount() { - this.props.storeSimulationId(this.props.simulationId); - this.props.fetchExperimentsOfSimulation(this.props.simulationId); - } + componentDidMount() { + this.props.storeSimulationId(this.props.simulationId) + this.props.fetchExperimentsOfSimulation(this.props.simulationId) + } - render() { - return ( - <DocumentTitle - title={ - this.props.simulationName - ? "Experiments - " + this.props.simulationName + " - OpenDC" - : "Experiments - OpenDC" - } - > - <div className="full-height"> - <AppNavbar - simulationId={this.props.simulationId} - inSimulation={true} - fullWidth={true} - /> - <div className="container text-page-container full-height"> - <ExperimentListContainer /> - <NewExperimentButtonContainer /> - </div> - <NewExperimentModal /> - </div> - </DocumentTitle> - ); - } + render() { + return ( + <DocumentTitle + title={ + this.props.simulationName + ? 'Experiments - ' + this.props.simulationName + ' - OpenDC' + : 'Experiments - OpenDC' + } + > + <div className="full-height"> + <AppNavbar + simulationId={this.props.simulationId} + inSimulation={true} + fullWidth={true} + /> + <div className="container text-page-container full-height"> + <ExperimentListContainer/> + <NewExperimentButtonContainer/> + </div> + <NewExperimentModal/> + </div> + </DocumentTitle> + ) + } } const mapStateToProps = state => { - let simulationName = undefined; - if ( - state.currentSimulationId !== -1 && - state.objects.simulation[state.currentSimulationId] - ) { - simulationName = state.objects.simulation[state.currentSimulationId].name; - } + let simulationName = undefined + if ( + state.currentSimulationId !== -1 && + state.objects.simulation[state.currentSimulationId] + ) { + simulationName = state.objects.simulation[state.currentSimulationId].name + } - return { - simulationName - }; -}; + return { + simulationName, + } +} const mapDispatchToProps = dispatch => { - return { - storeSimulationId: id => dispatch(openSimulationSucceeded(id)), - fetchExperimentsOfSimulation: id => - dispatch(fetchExperimentsOfSimulation(id)) - }; -}; + return { + storeSimulationId: id => dispatch(openSimulationSucceeded(id)), + fetchExperimentsOfSimulation: id => + dispatch(fetchExperimentsOfSimulation(id)), + } +} const Experiments = connect(mapStateToProps, mapDispatchToProps)( - ExperimentsComponent -); + ExperimentsComponent, +) -export default Experiments; +export default Experiments |
