From 626e0ada406eaa8560f6f1660fd6d72d6d6338f4 Mon Sep 17 00:00:00 2001
From: Jan Bader <jan@javil.eu>
Date: Tue, 25 Jan 2022 12:54:06 +0000
Subject: [PATCH] Add toggle menu button

---
 web/src/App.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index d1847a9..ec93b11 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -15,6 +15,10 @@ export default {
   methods: {
     logout () {
       this.$store.dispatch("logout");
+    },
+    toggleMenu () {
+      console.log(this.showMenu);
+      this.showMenu = !this.showMenu;
     }
   },
   beforeCreate () {
@@ -26,11 +30,10 @@ export default {
 <template>
   <v-app>
     <v-app-bar app>
-      <ul>
-        <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
-        <li v-if="loggedIn"><a @click="logout">Logout</a></li>
-        <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
-      </ul>
+      <li><a @click="toggleMenu">Menu</a></li>
+      <li v-if="!loggedIn"><router-link to="/login">Login</router-link></li>
+      <li v-if="loggedIn"><a @click="logout">Logout</a></li>
+      <li v-if="loggedIn"><router-link to="/">Dashboard</router-link></li>
     </v-app-bar>
 
     <v-navigation-drawer app v-model="showMenu">