Hide all construction elements in simulation

5 files changed, 42 insertions, 19 deletions

diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
index 0f85f0f9..e8009c34 100644
--- a/src/components/sidebars/topology/machine/MachineSidebarComponent.js
+++ b/src/components/sidebars/topology/machine/MachineSidebarComponent.js
@@ -4,7 +4,7 @@ import LoadChartContainer from "../../../../containers/sidebars/elements/LoadCha
 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";
+import UnitTabsContainer from "../../../../containers/sidebars/topology/machine/UnitTabsContainer";
 
 const MachineSidebarComponent = ({inSimulation, machineId}) => {
     return (
@@ -18,7 +18,7 @@ const MachineSidebarComponent = ({inSimulation, machineId}) => {
                 </div> :
                 <DeleteMachineContainer/>
             }
-            <UnitTabsComponent/>
+            <UnitTabsContainer/>
         </div>
     );
 };
diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js
index 20cdad1e..84786ab4 100644
--- a/src/components/sidebars/topology/machine/UnitComponent.js
+++ b/src/components/sidebars/topology/machine/UnitComponent.js
@@ -1,9 +1,12 @@
 import React from "react";
 
-const UnitComponent = ({unit, onDelete}) => (
+const UnitComponent = ({unit, onDelete, inSimulation}) => (
     <li className="d-flex list-group-item justify-content-between align-items-center">
         {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation}
-        <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span>
+        {inSimulation ?
+            undefined :
+            <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span>
+        }
     </li>
 );
 
diff --git a/src/components/sidebars/topology/machine/UnitListComponent.js b/src/components/sidebars/topology/machine/UnitListComponent.js
index 288d1428..307edc0a 100644
--- a/src/components/sidebars/topology/machine/UnitListComponent.js
+++ b/src/components/sidebars/topology/machine/UnitListComponent.js
@@ -1,14 +1,17 @@
 import React from "react";
 import UnitContainer from "../../../../containers/sidebars/topology/machine/UnitContainer";
 
-const UnitListComponent = ({unitType, unitIds}) => (
+const UnitListComponent = ({unitType, unitIds, inSimulation}) => (
     <ul className="list-group mt-1">
         {unitIds.length !== 0 ?
             unitIds.map((unitId, index) => (
                 <UnitContainer unitType={unitType} unitId={unitId} index={index} key={index}/>
             )) :
             <div className="alert alert-info">
-                <strong>No units...</strong> Add some with the menu above!
+                {inSimulation ?
+                    <strong>No units of this type in this machine</strong> :
+                    <span><strong>No units...</strong> Add some with the menu above!</span>
+                }
             </div>
         }
     </ul>
diff --git a/src/components/sidebars/topology/machine/UnitTabsComponent.js b/src/components/sidebars/topology/machine/UnitTabsComponent.js
index cd068442..a7692ecf 100644
--- a/src/components/sidebars/topology/machine/UnitTabsComponent.js
+++ b/src/components/sidebars/topology/machine/UnitTabsComponent.js
@@ -2,7 +2,7 @@ import React from "react";
 import UnitAddContainer from "../../../../containers/sidebars/topology/machine/UnitAddContainer";
 import UnitListContainer from "../../../../containers/sidebars/topology/machine/UnitListContainer";
 
-const UnitTabsComponent = () => (
+const UnitTabsComponent = ({inSimulation}) => (
     <div>
         <ul className="nav nav-tabs mt-2 mb-1" role="tablist">
             <li className="nav-item">
@@ -20,19 +20,31 @@ const UnitTabsComponent = () => (
         </ul>
         <div className="tab-content">
             <div className="tab-pane active" id="cpu-units" role="tabpanel">
-                <UnitAddContainer unitType="cpu"/>
+                {inSimulation ?
+                    undefined :
+                    <UnitAddContainer unitType="cpu"/>
+                }
                 <UnitListContainer unitType="cpu"/>
             </div>
             <div className="tab-pane" id="gpu-units" role="tabpanel">
-                <UnitAddContainer unitType="gpu"/>
+                {inSimulation ?
+                    undefined :
+                    <UnitAddContainer unitType="gpu"/>
+                }
                 <UnitListContainer unitType="gpu"/>
             </div>
             <div className="tab-pane" id="memory-units" role="tabpanel">
-                <UnitAddContainer unitType="memory"/>
+                {inSimulation ?
+                    undefined :
+                    <UnitAddContainer unitType="memory"/>
+                }
                 <UnitListContainer unitType="memory"/>
             </div>
             <div className="tab-pane" id="storage-units" role="tabpanel">
-                <UnitAddContainer unitType="storage"/>
+                {inSimulation ?
+                    undefined :
+                    <UnitAddContainer unitType="storage"/>
+                }
                 <UnitListContainer unitType="storage"/>
             </div>
         </div>
diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
index 1ca13b67..380cbf16 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -1,15 +1,20 @@
 import React from "react";
 import FontAwesome from "react-fontawesome";
 
-const EmptySlotComponent = ({position, onAdd}) => (
+const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
     <li className="list-group-item d-flex justify-content-between align-items-center">
-            <span className="badge badge-default badge-info mr-1">
-                {position}
-            </span>
-        <button className="btn btn-outline-primary" onClick={onAdd}>
-            <FontAwesome name="plus" className="mr-1"/>
-            Add machine
-        </button>
+        <span className="badge badge-default badge-info mr-1 disabled">
+            {position}
+        </span>
+        {inSimulation ?
+            <span className="badge badge-default badge-success">
+                Empty Slot
+            </span> :
+            <button className="btn btn-outline-primary" onClick={onAdd}>
+                <FontAwesome name="plus" className="mr-1"/>
+                Add machine
+            </button>
+        }
     </li>
 );