summaryrefslogtreecommitdiff
path: root/frontend/src/pages/Experiments.js
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/src/pages/Experiments.js')
-rw-r--r--frontend/src/pages/Experiments.js124
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