Start on chat header and room info
This commit is contained in:
parent
1f3f3ff177
commit
059c84cb24
7 changed files with 256 additions and 37 deletions
30
src/App.vue
30
src/App.vue
|
|
@ -1,6 +1,6 @@
|
|||
<template>
|
||||
<v-app>
|
||||
<v-app-bar app dark flat color="#008860">
|
||||
<!-- <v-app-bar app dark flat color="#008860">
|
||||
<v-app-bar-nav-icon @click.stop="openDrawer = !openDrawer">
|
||||
<v-icon>menu</v-icon>
|
||||
</v-app-bar-nav-icon>
|
||||
|
|
@ -8,36 +8,24 @@
|
|||
<v-toolbar-title
|
||||
>Keanu{{ $matrix.currentRoom ? (" - " + $matrix.currentRoom.summary.info.title) : "" }}</v-toolbar-title
|
||||
>
|
||||
</v-app-bar> -->
|
||||
|
||||
<v-spacer></v-spacer>
|
||||
<v-navigation-drawer app v-model="openDrawer">
|
||||
<v-list nav dense>
|
||||
|
||||
<template v-if="!currentUser && $route.path != '/login'">
|
||||
<template v-if="!currentUser && $route.path != '/login'">
|
||||
<v-btn color="green" dark to="/login" replace
|
||||
><v-icon>mdi-login</v-icon>Login</v-btn
|
||||
>
|
||||
</template>
|
||||
<template v-else-if="currentUser">
|
||||
<span class="ma-2">{{ currentUser.name }}</span>
|
||||
<v-menu bottom left>
|
||||
<template v-slot:activator="{ on, attrs }">
|
||||
<v-btn dark icon v-bind="attrs" v-on="on">
|
||||
<v-icon>settings</v-icon>
|
||||
</v-btn>
|
||||
</template>
|
||||
|
||||
<v-list>
|
||||
<div class="ma-2">{{ currentUser.user_id }}</div>
|
||||
<v-list-item @click.prevent="logOut">
|
||||
<v-list-item-icon><v-icon>logout</v-icon></v-list-item-icon>
|
||||
<v-list-item-title>Logout</v-list-item-title>
|
||||
</v-list-item>
|
||||
</v-list>
|
||||
</v-menu>
|
||||
<!-- <v-btn color="green" dark @click.prevent="logOut" replace><v-icon>mdi-logout</v-icon>Logout</v-btn> -->
|
||||
</template>
|
||||
</v-app-bar>
|
||||
|
||||
<v-navigation-drawer app v-model="openDrawer">
|
||||
<v-list nav dense>
|
||||
<RoomList
|
||||
v-if="$matrix.ready"
|
||||
@close="openDrawer = false"
|
||||
|
|
@ -49,7 +37,11 @@
|
|||
<router-view />
|
||||
</v-main>
|
||||
|
||||
<v-footer app class="copyright">Powered by Guardian Project. Version: {{ buildVersion }}</v-footer>
|
||||
<v-footer app class="copyright">
|
||||
<v-btn icon x-small @click.stop="openDrawer = !openDrawer">
|
||||
<v-icon>menu</v-icon>
|
||||
</v-btn>
|
||||
Powered by Guardian Project. Version: {{ buildVersion }}</v-footer>
|
||||
</v-app>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue