Start on chat header and room info

This commit is contained in:
N-Pex 2020-12-04 17:15:18 +01:00
parent 1f3f3ff177
commit 059c84cb24
7 changed files with 256 additions and 37 deletions

View file

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