diff options
Diffstat (limited to 'src/components')
7 files changed, 52 insertions, 1 deletions
diff --git a/src/components/home/JumbotronHeader.sass b/src/components/home/JumbotronHeader.sass index 51eb0578..07151cf2 100644 --- a/src/components/home/JumbotronHeader.sass +++ b/src/components/home/JumbotronHeader.sass @@ -5,6 +5,9 @@ background-color: inherit margin-bottom: 0 + padding-top: 100px + padding-bottom: 100px + .jumbotron h1 color: #eee diff --git a/src/components/map/groups/RoomGroup.js b/src/components/map/groups/RoomGroup.js index 1c42106a..7c8392aa 100644 --- a/src/components/map/groups/RoomGroup.js +++ b/src/components/map/groups/RoomGroup.js @@ -19,7 +19,8 @@ const RoomGroup = ({room, interactionLevel, currentRoomInConstruction, onClick}) return ( <Group onClick={onClick}> {(() => { - if (interactionLevel.mode === "RACK" && interactionLevel.roomId === room.id) { + if ((interactionLevel.mode === "RACK" || interactionLevel.mode === "MACHINE") + && interactionLevel.roomId === room.id) { return [ room.tileIds .filter(tileId => tileId !== interactionLevel.tileId) diff --git a/src/components/sidebars/topology/TopologySidebarComponent.js b/src/components/sidebars/topology/TopologySidebarComponent.js index bc23d320..36f2ecc1 100644 --- a/src/components/sidebars/topology/TopologySidebarComponent.js +++ b/src/components/sidebars/topology/TopologySidebarComponent.js @@ -2,6 +2,7 @@ import React from "react"; import BuildingSidebarContainer from "../../../containers/sidebars/topology/building/BuildingSidebarContainer"; import RoomSidebarContainer from "../../../containers/sidebars/topology/room/RoomSidebarContainer"; import Sidebar from "../Sidebar"; +import MachineSidebarComponent from "./machine/MachineSidebarComponent"; import RackSidebarComponent from "./rack/RackSidebarComponent"; const TopologySidebarComponent = ({interactionLevel}) => { @@ -17,6 +18,9 @@ const TopologySidebarComponent = ({interactionLevel}) => { case "RACK": sidebarContent = <RackSidebarComponent/>; break; + case "MACHINE": + sidebarContent = <MachineSidebarComponent/>; + break; default: sidebarContent = "Missing Content"; } diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/sidebars/topology/machine/BackToRackComponent.js new file mode 100644 index 00000000..a602d242 --- /dev/null +++ b/src/components/sidebars/topology/machine/BackToRackComponent.js @@ -0,0 +1,9 @@ +import React from "react"; + +const BackToRackComponent = ({onClick}) => ( + <div className="btn btn-secondary btn-block" onClick={onClick}> + Back to rack + </div> +); + +export default BackToRackComponent; diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js new file mode 100644 index 00000000..f6fd39da --- /dev/null +++ b/src/components/sidebars/topology/machine/DeleteMachineComponent.js @@ -0,0 +1,11 @@ +import React from "react"; + +const DeleteMachineComponent = ({onClick}) => { + return ( + <div className="btn btn-danger btn-block" onClick={onClick}> + Delete this machine + </div> + ); +}; + +export default DeleteMachineComponent; diff --git a/src/components/sidebars/topology/machine/MachineNameComponent.js b/src/components/sidebars/topology/machine/MachineNameComponent.js new file mode 100644 index 00000000..321e350d --- /dev/null +++ b/src/components/sidebars/topology/machine/MachineNameComponent.js @@ -0,0 +1,7 @@ +import React from "react"; + +const MachineNameComponent = ({position}) => ( + <h2>Machine at slot {position}</h2> +); + +export default MachineNameComponent; diff --git a/src/components/sidebars/topology/machine/MachineSidebarComponent.js b/src/components/sidebars/topology/machine/MachineSidebarComponent.js new file mode 100644 index 00000000..117db784 --- /dev/null +++ b/src/components/sidebars/topology/machine/MachineSidebarComponent.js @@ -0,0 +1,16 @@ +import React from "react"; +import BackToRackContainer from "../../../../containers/sidebars/topology/machine/BackToRackContainer"; +import DeleteMachineContainer from "../../../../containers/sidebars/topology/machine/DeleteMachineContainer"; +import MachineNameContainer from "../../../../containers/sidebars/topology/machine/MachineNameContainer"; + +const MachineSidebarComponent = () => { + return ( + <div> + <MachineNameContainer/> + <BackToRackContainer/> + <DeleteMachineContainer/> + </div> + ); +}; + +export default MachineSidebarComponent; |