adb/matrix-chat
adb/matrix-chat
2
3
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Home V1.0

Browse Source
This commit is contained in:
techcrafter 2020-11-08 17:35:44 +01:00
parent 1a28879299
commit 48efd6c202
5 changed files with 13 additions and 81 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
src/components/chatInformation.vue
View File

@ -14,78 +14,10 @@
<div class="contentBox"> <div class="contentBox">
<div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div> <div class="picBox"><div class="picPlaceholder"><p>O P</p></div></div>
<div class="information"> <div class="information">
<div class="userName">TechCrafter07</div> <div class="userName">{{name}}</div>
<div class="status">Online</div> <div class="status">{{status}}</div>
</div> </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> </div>
@ -98,6 +30,10 @@ export default {
name: "chatInformation", name: "chatInformation",
components:{ components:{
icon icon
},
props:{
name: String,
status: String
} }
} }

7
src/components/room.vue
View File

@ -8,13 +8,6 @@
<div class="status">{{onlineUsers}} Online</div> <div class="status">{{onlineUsers}} Online</div>
</div> </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>
</div> </div>
</template> </template>

2
src/components/topBanner.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="topBanner"> <div class="topBanner">
<div> <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" /> <icon class="smallIcon" id="picTop" ic="./sym/supervisor_account-24px.svg" />
<div id="container"> <div id="container">
<div id="chatName">{{roomInfo.name}}</div> <div id="chatName">{{roomInfo.name}}</div>

6
src/views/chat.vue
View File

@ -27,7 +27,7 @@
</div> </div>
<newMessage /> <newMessage />
<topBanner /> <topBanner />
<chatInformation /> <chatInformation name="TechCrafter07" status="Online" />
</div> </div>
</template> </template>
@ -46,6 +46,10 @@ export default {
newMessage, newMessage,
topBanner, topBanner,
chatInformation chatInformation
},
props:{
name: String,
status: String
} }
} }
</script> </script>

3
src/views/home.vue
View File

@ -1,8 +1,7 @@
<template> <template>
<div> <div>
<topBannerHome /> <topBannerHome />
<room roomName="Test" onlineUsers="5" /> <router-link to="/chat"><room roomName="Test" onlineUsers="5" /></router-link>
<room roomName="Test2" onlineUsers="5" />
</div> </div>
</template> </template>
<script> <script>