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="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
}
}

7
src/components/room.vue
View File

@ -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>

2
src/components/topBanner.vue
View File

@ -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>

6
src/views/chat.vue
View File

@ -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>

3
src/views/home.vue
View File

@ -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>