Add simulation mode framework

Includes object states in the store (by tick), charting, and progress bars.

1 files changed, 25 insertions, 0 deletions

diff --git a/src/containers/sidebars/elements/LoadBarContainer.js b/src/containers/sidebars/elements/LoadBarContainer.js
new file mode 100644
index 00000000..08aec93c
--- /dev/null
+++ b/src/containers/sidebars/elements/LoadBarContainer.js
@@ -0,0 +1,25 @@
+import {connect} from "react-redux";
+import LoadBarComponent from "../../../components/sidebars/elements/LoadBarComponent";
+import {getStateLoad} from "../../../util/simulation-load";
+
+const mapStateToProps = (state, ownProps) => {
+    let percent = 0;
+    let enabled = false;
+
+    const objectStates = state.states[ownProps.objectType];
+    if (objectStates[state.currentTick] && objectStates[state.currentTick][ownProps.objectId]) {
+        percent = Math.floor(100 * getStateLoad(state.loadMetric, objectStates[state.currentTick][ownProps.objectId]));
+        enabled = true;
+    }
+
+    return {
+        percent,
+        enabled
+    };
+};
+
+const LoadBarContainer = connect(
+    mapStateToProps
+)(LoadBarComponent);
+
+export default LoadBarContainer;