Show experiment and trace data on left-hand sidebar

1 files changed, 37 insertions, 0 deletions

diff --git a/src/containers/timeline/TimelineContainer.js b/src/containers/timeline/TimelineContainer.js
new file mode 100644
index 00000000..32756b6d
--- /dev/null
+++ b/src/containers/timeline/TimelineContainer.js
@@ -0,0 +1,37 @@
+import {connect} from "react-redux";
+import {incrementTick} from "../../actions/simulation/tick";
+import {setCurrentDatacenter} from "../../actions/topology/building";
+import TimelineComponent from "../../components/timeline/TimelineComponent";
+
+const mapStateToProps = state => {
+    let sections = [];
+    if (state.currentExperimentId !== -1) {
+        const sectionIds = state.objects.path[state.objects.experiment[state.currentExperimentId].pathId].sectionIds;
+
+        if (sectionIds) {
+            sections = sectionIds.map(sectionId => state.objects.section[sectionId]);
+        }
+    }
+
+    return {
+        isPlaying: state.isPlaying,
+        currentTick: state.currentTick,
+        lastSimulatedTick: state.lastSimulatedTick,
+        currentDatacenterId: state.currentDatacenterId,
+        sections,
+    };
+};
+
+const mapDispatchToProps = dispatch => {
+    return {
+        incrementTick: () => dispatch(incrementTick()),
+        setCurrentDatacenter: id => dispatch(setCurrentDatacenter(id))
+    };
+};
+
+const TimelineContainer = connect(
+    mapStateToProps,
+    mapDispatchToProps
+)(TimelineComponent);
+
+export default TimelineContainer;