Remove hamburger

Move room list to dropdown, see issue #27
This commit is contained in:
N-Pex 2021-02-01 22:10:48 +01:00
parent 947fea9bb7
commit 85f3a9baef
5 changed files with 31 additions and 56 deletions

View file

@ -1,64 +1,14 @@
<template>
<v-app>
<!-- <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>
<v-toolbar-title
>Keanu{{ $matrix.currentRoom ? (" - " + $matrix.currentRoom.summary.info.title) : "" }}</v-toolbar-title
>
</v-app-bar> -->
<v-navigation-drawer app v-model="openDrawer">
<v-list nav dense>
<template v-if="!currentUser && $route.path != '/login'">
<v-btn
color="green"
dark
@click="openDrawer = false;$navigation.push({ path: '/login' }, -1)"
><v-icon>mdi-login</v-icon>Login</v-btn
>
</template>
<template v-else-if="currentUser">
<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>
</template>
<RoomList v-if="$matrix.ready" @close="openDrawer = false" />
</v-list>
</v-navigation-drawer>
<v-main>
<router-view />
</v-main>
<v-footer app class="copyright">
<v-btn icon x-small @click.stop="openDrawer = !openDrawer">
<v-icon>menu</v-icon>
</v-btn>
</v-footer
>
</v-app>
</template>
<script>
import RoomList from "./components/RoomList";
export default {
name: "App",
components: {
RoomList,
},
data: () => ({
openDrawer: false,
}),
mounted() {
//this.$router.replace("/");
},
methods: {
loggedIn() {
return this.$store.state.auth.status.loggedIn;