Prepare frontend repository for monorepo

This change prepares the frontend Git repository for the monorepo
residing at https://github.com/atlarge-research.com/opendc. To
accomodate for this, we move all files into a frontend subdirectory.

1 files changed, 40 insertions, 0 deletions

diff --git a/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js b/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js
new file mode 100644
index 00000000..8cd177e7
--- /dev/null
+++ b/frontend/src/containers/app/sidebars/topology/rack/MachineContainer.js
@@ -0,0 +1,40 @@
+import { connect } from "react-redux";
+import { goFromRackToMachine } from "../../../../../actions/interaction-level";
+import MachineComponent from "../../../../../components/app/sidebars/topology/rack/MachineComponent";
+import { getStateLoad } from "../../../../../util/simulation-load";
+
+const mapStateToProps = (state, ownProps) => {
+  const machine = state.objects.machine[ownProps.machineId];
+  const inSimulation = state.currentExperimentId !== -1;
+
+  let machineLoad = undefined;
+  if (inSimulation) {
+    if (
+      state.states.machine[state.currentTick] &&
+      state.states.machine[state.currentTick][machine.id]
+    ) {
+      machineLoad = getStateLoad(
+        state.loadMetric,
+        state.states.machine[state.currentTick][machine.id]
+      );
+    }
+  }
+
+  return {
+    machine,
+    inSimulation,
+    machineLoad
+  };
+};
+
+const mapDispatchToProps = (dispatch, ownProps) => {
+  return {
+    onClick: () => dispatch(goFromRackToMachine(ownProps.position))
+  };
+};
+
+const MachineContainer = connect(mapStateToProps, mapDispatchToProps)(
+  MachineComponent
+);
+
+export default MachineContainer;