From eea529f57e3ee39d2f492062688b2848ced0a747 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Thu, 31 Aug 2017 22:53:48 +0200
Subject: Add framework for room level sidebar

---
 .../sidebars/topology/TopologySidebarComponent.js   | 12 ++++++------
 .../topology/building/BuildingSidebarComponent.js   | 21 +++++++++++++++++++++
 .../building/BuildingSidebarContentComponent.js     | 20 --------------------
 .../sidebars/topology/room/RoomNameComponent.js     | 13 +++++++++++++
 .../sidebars/topology/room/RoomSidebarComponent.js  |  8 ++++++++
 5 files changed, 48 insertions(+), 26 deletions(-)
 create mode 100644 src/components/sidebars/topology/building/BuildingSidebarComponent.js
 delete mode 100644 src/components/sidebars/topology/building/BuildingSidebarContentComponent.js
 create mode 100644 src/components/sidebars/topology/room/RoomNameComponent.js
 create mode 100644 src/components/sidebars/topology/room/RoomSidebarComponent.js

(limited to 'src/components/sidebars')

diff --git a/src/components/sidebars/topology/TopologySidebarComponent.js b/src/components/sidebars/topology/TopologySidebarComponent.js
index 932d2ecf..dc4dc231 100644
--- a/src/components/sidebars/topology/TopologySidebarComponent.js
+++ b/src/components/sidebars/topology/TopologySidebarComponent.js
@@ -1,24 +1,24 @@
 import React from "react";
-import BuildingSidebarContent from "../../../containers/sidebars/topology/building/BuildingSidebarContent";
+import BuildingSidebarContainer from "../../../containers/sidebars/topology/building/BuildingSidebarContainer";
+import RoomSidebarContainer from "../../../containers/sidebars/topology/room/RoomSidebarContainer";
 import Sidebar from "../Sidebar";
 
 const TopologySidebarComponent = ({interactionLevel}) => {
-    let sidebarHeading;
     let sidebarContent;
 
     switch (interactionLevel.mode) {
         case "BUILDING":
-            sidebarHeading = "Building";
-            sidebarContent = <BuildingSidebarContent/>;
+            sidebarContent = <BuildingSidebarContainer/>;
+            break;
+        case "ROOM":
+            sidebarContent = <RoomSidebarContainer/>;
             break;
         default:
-            sidebarHeading = "Error";
             sidebarContent = "Missing Content";
     }
 
     return (
         <Sidebar isRight={true}>
-            <h3>{sidebarHeading}</h3>
             {sidebarContent}
         </Sidebar>
     );
diff --git a/src/components/sidebars/topology/building/BuildingSidebarComponent.js b/src/components/sidebars/topology/building/BuildingSidebarComponent.js
new file mode 100644
index 00000000..002184ae
--- /dev/null
+++ b/src/components/sidebars/topology/building/BuildingSidebarComponent.js
@@ -0,0 +1,21 @@
+import React from "react";
+import CancelNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/CancelNewRoomConstructionButton";
+import FinishNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/FinishNewRoomConstructionButton";
+import StartNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/StartNewRoomConstructionButton";
+
+const BuildingSidebarComponent = ({currentRoomInConstruction}) => {
+    return (
+        <div>
+            <h2>Building</h2>
+            {currentRoomInConstruction === -1 ?
+                <StartNewRoomConstructionButton/> :
+                <div>
+                    <FinishNewRoomConstructionButton/>
+                    <CancelNewRoomConstructionButton/>
+                </div>
+            }
+        </div>
+    );
+};
+
+export default BuildingSidebarComponent;
diff --git a/src/components/sidebars/topology/building/BuildingSidebarContentComponent.js b/src/components/sidebars/topology/building/BuildingSidebarContentComponent.js
deleted file mode 100644
index b88b23b7..00000000
--- a/src/components/sidebars/topology/building/BuildingSidebarContentComponent.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from "react";
-import CancelNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/CancelNewRoomConstructionButton";
-import FinishNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/FinishNewRoomConstructionButton";
-import StartNewRoomConstructionButton from "../../../../containers/sidebars/topology/building/StartNewRoomConstructionButton";
-
-const BuildingSidebarContentComponent = ({currentRoomInConstruction}) => {
-    if (currentRoomInConstruction !== -1) {
-        return (
-            <div>
-                <FinishNewRoomConstructionButton/>
-                <CancelNewRoomConstructionButton/>
-            </div>
-        );
-    }
-    return (
-        <StartNewRoomConstructionButton/>
-    );
-};
-
-export default BuildingSidebarContentComponent;
diff --git a/src/components/sidebars/topology/room/RoomNameComponent.js b/src/components/sidebars/topology/room/RoomNameComponent.js
new file mode 100644
index 00000000..4a8de76d
--- /dev/null
+++ b/src/components/sidebars/topology/room/RoomNameComponent.js
@@ -0,0 +1,13 @@
+import React from "react";
+import FontAwesome from "react-fontawesome";
+
+const RoomNameComponent = ({roomName, onEdit}) => (
+    <h2>
+        {roomName}
+        <button className="btn btn-outline-secondary float-right" onClick={onEdit}>
+            <FontAwesome name="pencil"/>
+        </button>
+    </h2>
+);
+
+export default RoomNameComponent;
diff --git a/src/components/sidebars/topology/room/RoomSidebarComponent.js b/src/components/sidebars/topology/room/RoomSidebarComponent.js
new file mode 100644
index 00000000..5ee9821a
--- /dev/null
+++ b/src/components/sidebars/topology/room/RoomSidebarComponent.js
@@ -0,0 +1,8 @@
+import React from "react";
+import RoomNameContainer from "../../../../containers/sidebars/topology/room/RoomNameContainer";
+
+const RoomSidebarComponent = ({roomType}) => {
+    return <RoomNameContainer/>
+};
+
+export default RoomSidebarComponent;
-- 
cgit v1.2.3