From f8f617c97fcb2df3dbefc9527d974151e367cb60 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 18 Sep 2017 16:52:11 +0200
Subject: Implement basic experiment mode with timeline

The timeline doesn't trigger anything yet, but the visual element is in place and connected.
---
 src/routes/index.js | 20 ++++++++++++++++----
 1 file changed, 16 insertions(+), 4 deletions(-)

(limited to 'src/routes/index.js')

diff --git a/src/routes/index.js b/src/routes/index.js
index 8a155cb0..96ac885c 100644
--- a/src/routes/index.js
+++ b/src/routes/index.js
@@ -10,17 +10,29 @@ import Simulations from "../pages/Simulations";
 
 const ProtectedComponent = (component) => () => userIsLoggedIn() ? component : <Redirect to="/"/>;
 const AppComponent = ({match}) => userIsLoggedIn() ?
-    <App simulationId={parseInt(match.params.id, 10)}/> : <Redirect to="/"/>;
+    <App simulationId={parseInt(match.params.simulationId, 10)}/> :
+    <Redirect to="/"/>;
+
 const ExperimentsComponent = ({match}) => userIsLoggedIn() ?
-    <Experiments simulationId={parseInt(match.params.id, 10)}/> : <Redirect to="/"/>;
+    <Experiments simulationId={parseInt(match.params.simulationId, 10)}/> :
+    <Redirect to="/"/>;
+
+const SimulationComponent = ({match}) => userIsLoggedIn() ?
+    <App
+        simulationId={parseInt(match.params.simulationId, 10)}
+        inSimulation={true}
+        experimentId={parseInt(match.params.experimentId, 10)}
+    /> :
+    <Redirect to="/"/>;
 
 const Routes = () => (
     <BrowserRouter>
         <Switch>
             <Route exact path="/" component={Home}/>
             <Route exact path="/simulations" render={ProtectedComponent(<Simulations/>)}/>
-            <Route exact path="/simulations/:id" component={AppComponent}/>
-            <Route exact path="/simulations/:id/experiments" component={ExperimentsComponent}/>
+            <Route exact path="/simulations/:simulationId" component={AppComponent}/>
+            <Route exact path="/simulations/:simulationId/experiments" component={ExperimentsComponent}/>
+            <Route exact path="/simulations/:simulationId/experiments/:experimentId" component={SimulationComponent}/>
             <Route exact path="/profile" render={ProtectedComponent(<Profile/>)}/>
             <Route path="/*" component={NotFound}/>
         </Switch>
-- 
cgit v1.2.3