From 5b3ae837dcd4757d78c541c2371c9eef813496ec Mon Sep 17 00:00:00 2001
From: Marcel Schwarz <marcel@icaotix.de>
Date: Sun, 26 Jul 2020 20:36:44 +0200
Subject: [PATCH] Fix some warnings and rename variables

---
 frontend/src/App.vue                  |  6 +++---
 frontend/src/views/TimeRecordItem.vue |  7 ++++++-
 frontend/src/views/UsersItems.vue     | 22 ++++++++--------------
 3 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index f0df9eb..c921222 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -124,9 +124,9 @@
       </v-app-bar>
 
       <!-- Routed pages are inserted here -->
-      <v-content>
+      <v-main>
         <router-view/>
-      </v-content>
+      </v-main>
 
       <!-- Footer on bottom -->
       <v-footer app class="main">
@@ -152,7 +152,7 @@
       source: String
     },
     data: () => ({
-      drawer: null,
+      drawer: false,
       dialog: false,
       menu: false,
       loggedIn: sessionStorage.getItem("loggedin"),
diff --git a/frontend/src/views/TimeRecordItem.vue b/frontend/src/views/TimeRecordItem.vue
index 1161122..2b19f01 100644
--- a/frontend/src/views/TimeRecordItem.vue
+++ b/frontend/src/views/TimeRecordItem.vue
@@ -62,7 +62,12 @@
 <script>
   export default {
     name: "TimeRecordItem",
-    props: ["timeRecord"]
+    props: ["timeRecord"],
+    data() {
+      return {
+        fab: false
+      }
+    }
   };
 </script>
 
diff --git a/frontend/src/views/UsersItems.vue b/frontend/src/views/UsersItems.vue
index 6d06191..acf181b 100644
--- a/frontend/src/views/UsersItems.vue
+++ b/frontend/src/views/UsersItems.vue
@@ -19,16 +19,14 @@
               <pre><v-icon color="primary">mdi-account-box</v-icon>{{" " + user.firstname + " " +user.lastname}}</pre>
             </v-card>
           </v-col>
-          <v-col></v-col>
-          <v-col cols="2"></v-col>
-          <v-col></v-col>
+          <v-col cols="4"></v-col>
         </v-row>
       </v-list-item-content>
       <v-list-item-action>
-        <v-speed-dial v-model="fab" transition="slide-x-reverse-transition" direction="left" open-on-hover>
+        <v-speed-dial v-model="editButton" transition="slide-x-reverse-transition" direction="left" open-on-hover>
           <template v-slot:activator>
-            <v-btn v-model="fab" color="background" elevation="0" dark fab>
-              <v-icon v-if="fab">mdi-close</v-icon>
+            <v-btn v-model="editButton" color="background" elevation="0" dark fab>
+              <v-icon v-if="editButton">mdi-close</v-icon>
               <v-icon v-else>mdi-pencil</v-icon>
             </v-btn>
           </template>
@@ -51,16 +49,12 @@
   export default {
     name: "UsersItems",
     props: ["user"],
-    data: () => ({
-      fab: undefined,
-    }),
-    methods: {
-      getUid(hrefTmp) {
-        var parts = hrefTmp.split("/");
-        return parts[4];
+    data() {
+      return {
+        editButton: false
       }
     }
-  };
+  }
 </script>
 
 <style scoped>