Add simulation mode framework

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

1 files changed, 10 insertions, 2 deletions

diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
index 218e4f41..0f85f0f9 100644
--- a/src/components/sidebars/topology/machine/MachineSidebarComponent.js
+++ b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
@@ -1,15 +1,23 @@
 import React from "react";
+import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
 import BackToRackContainer from "../../../../containers/sidebars/topology/machine/BackToRackContainer";
 import DeleteMachineContainer from "../../../../containers/sidebars/topology/machine/DeleteMachineContainer";
 import MachineNameContainer from "../../../../containers/sidebars/topology/machine/MachineNameContainer";
 import UnitTabsComponent from "./UnitTabsComponent";
 
-const MachineSidebarComponent = () => {
+const MachineSidebarComponent = ({inSimulation, machineId}) => {
     return (
         <div>
             <MachineNameContainer/>
             <BackToRackContainer/>
-            <DeleteMachineContainer/>
+            {inSimulation ?
+                <div>
+                    <LoadBarContainer objectType="machine" objectId={machineId}/>
+                    <LoadChartContainer objectType="machine" objectId={machineId}/>
+                </div> :
+                <DeleteMachineContainer/>
+            }
             <UnitTabsComponent/>
         </div>
     );