Add simulation mode framework

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

1 files changed, 14 insertions, 4 deletions

diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
index a15351f9..59c5fc8f 100644
--- a/src/components/sidebars/topology/room/RoomSidebarComponent.js
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -1,12 +1,14 @@
 import React from "react";
+import LoadBarContainer from "../../../../containers/sidebars/elements/LoadBarContainer";
+import LoadChartContainer from "../../../../containers/sidebars/elements/LoadChartContainer";
 import DeleteRoomContainer from "../../../../containers/sidebars/topology/room/DeleteRoomContainer";
 import RackConstructionContainer from "../../../../containers/sidebars/topology/room/RackConstructionContainer";
 import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
 import RoomTypeContainer from "../../../../containers/sidebars/topology/room/RoomTypeContainer";
 
-const RoomSidebarComponent = ({roomType}) => {
+const RoomSidebarComponent = ({roomId, roomType, inSimulation}) => {
     let allowedObjects;
-    if (roomType === "SERVER") {
+    if (!inSimulation && roomType === "SERVER") {
         allowedObjects = <RackConstructionContainer/>;
     }
 
@@ -14,8 +16,16 @@ const RoomSidebarComponent = ({roomType}) => {
         <div>
             <RoomNameContainer/>
             <RoomTypeContainer/>
-            {allowedObjects}
-            <DeleteRoomContainer/>
+            {inSimulation ?
+                <div>
+                    <LoadBarContainer objectType="room" objectId={roomId}/>
+                    <LoadChartContainer objectType="room" objectId={roomId}/>
+                </div> :
+                <div>
+                    {allowedObjects}
+                    <DeleteRoomContainer/>
+                </div>
+            }
         </div>
     );
 };