From 48efd6c202888fc7f8bed8673c17af6c06a4c8f3 Mon Sep 17 00:00:00 2001
From: techcrafter <ben.hamann@adb.sh>
Date: Sun, 8 Nov 2020 17:35:44 +0100
Subject: [PATCH] Home V1.0

---
 src/components/chatInformation.vue | 76 +++---------------------------
 src/components/room.vue            |  7 ---
 src/components/topBanner.vue       |  2 +-
 src/views/chat.vue                 |  6 ++-
 src/views/home.vue                 |  3 +-
 5 files changed, 13 insertions(+), 81 deletions(-)

diff --git a/src/components/chatInformation.vue b/src/components/chatInformation.vue
index 04ad9ac..16c8be4 100644
--- a/src/components/chatInformation.vue
+++ b/src/components/chatInformation.vue
@@ -14,78 +14,10 @@
       <div class="contentBox">
         <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
         <div class="information">
-          <div class="userName">TechCrafter07</div>
-          <div class="status">Online</div>
+          <div class="userName">{{name}}</div>
+          <div class="status">{{status}}</div>
         </div>
       </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div>
-      <div class="contentBox">
-        <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-        <div class="information">
-          <div class="userName">Alban</div>
-          <div class="status">Online</div>
-        </div>
-      </div><div class="contentBox">
-      <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-      <div class="information">
-        <div class="userName">Alban</div>
-        <div class="status">Online</div>
-      </div>
-    </div><div class="contentBox">
-      <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-      <div class="information">
-        <div class="userName">Alban</div>
-        <div class="status">Online</div>
-      </div>
-    </div><div class="contentBox">
-      <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-      <div class="information">
-        <div class="userName">Alban</div>
-        <div class="status">Online</div>
-      </div>
-    </div><div class="contentBox">
-      <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-      <div class="information">
-        <div class="userName">Alban</div>
-        <div class="status">Online</div>
-      </div>
-    </div>
-
-
 
 
     </div>
@@ -98,6 +30,10 @@ export default {
   name: "chatInformation",
   components:{
     icon
+  },
+  props:{
+    name: String,
+    status: String
   }
 }
 
diff --git a/src/components/room.vue b/src/components/room.vue
index 11f8188..eb1224c 100644
--- a/src/components/room.vue
+++ b/src/components/room.vue
@@ -8,13 +8,6 @@
         <div class="status">{{onlineUsers}} Online</div>
       </div>
     </div>
-    <div class="contentBox">
-      <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
-      <div class="information">
-        <div class="roomName">Open Chatroom 2</div>
-        <div class="status">3 Online</div>
-      </div>
-    </div>
     </div>
   </div>
 </template>
diff --git a/src/components/topBanner.vue b/src/components/topBanner.vue
index fa700f6..ed910e5 100644
--- a/src/components/topBanner.vue
+++ b/src/components/topBanner.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="topBanner">
     <div>
-      <router-link to="/login"><icon class="smallIcon" id="icon-arrow" ic="./sym/arrow_back-24px.svg" /></router-link>
+      <router-link to="/room"><icon class="smallIcon" id="icon-arrow" ic="./sym/arrow_back-24px.svg" /></router-link>
       <icon class="smallIcon" id="picTop" ic="./sym/supervisor_account-24px.svg" />
       <div id="container">
         <div id="chatName">{{roomInfo.name}}</div>
diff --git a/src/views/chat.vue b/src/views/chat.vue
index 77ca5a1..57bf065 100644
--- a/src/views/chat.vue
+++ b/src/views/chat.vue
@@ -27,7 +27,7 @@
     </div>
     <newMessage />
     <topBanner />
-    <chatInformation />
+    <chatInformation name="TechCrafter07" status="Online" />
   </div>
 </template>
 
@@ -46,6 +46,10 @@ export default {
     newMessage,
     topBanner,
     chatInformation
+  },
+  props:{
+    name: String,
+    status: String
   }
 }
 </script>
diff --git a/src/views/home.vue b/src/views/home.vue
index 0c60076..5db0c09 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -1,8 +1,7 @@
 <template>
   <div>
     <topBannerHome />
-    <room roomName="Test" onlineUsers="5" />
-    <room roomName="Test2" onlineUsers="5" />
+    <router-link to="/chat"><room roomName="Test" onlineUsers="5" /></router-link>
   </div>
 </template>
 <script>