From 695df651e1d66d0deb5e3931ec0c94f0d567f38d Mon Sep 17 00:00:00 2001
From: Marcel Schwarz <marcel@icaotix.de>
Date: Tue, 21 Jul 2020 23:09:16 +0200
Subject: [PATCH] Format App.vue

---
 frontend/src/App.vue | 260 ++++++++++++++++++++-----------------------
 1 file changed, 119 insertions(+), 141 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 12e3a8c..40616cb 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -57,7 +57,7 @@
 
       <!-- Top menu bar -->
       <v-app-bar app clipped-left class="main" elevation="10">
-        <v-app-bar-nav-icon @click.stop="drawer = !drawer" />
+        <v-app-bar-nav-icon @click.stop="drawer = !drawer"/>
         <v-img @click="forward" src="./assets/logo.svg" max-height="100%" max-width="100" contain></v-img>
         <v-toolbar-title>Geo Timetracking</v-toolbar-title>
         <v-spacer></v-spacer>
@@ -80,7 +80,7 @@
             <v-list>
               <v-list-item>
                 <v-list-item-avatar>
-                  <img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John" />
+                  <img src="https://cdn.vuetifyjs.com/images/john.jpg" alt="John"/>
                 </v-list-item-avatar>
 
                 <v-list-item-content>
@@ -93,7 +93,6 @@
 
             <v-divider></v-divider>
 
-
             <v-card-actions>
               <v-spacer></v-spacer>
 
@@ -104,7 +103,6 @@
         </v-menu>
         <v-card v-if="loggedIn == 'false'">
           <!-- Modal -->
-
           <v-row justify="center">
             <v-dialog v-model="dialog" width="70%" persistent>
               <template v-slot:activator="{ on }">
@@ -117,7 +115,7 @@
                     <v-icon>mdi-window-close</v-icon>
                   </v-btn>
                 </v-card-actions>
-                <SignIn v-on:signIn="signIn" v-on:signUp="signUp" />
+                <SignIn v-on:signIn="signIn" v-on:signUp="signUp"/>
                 <p id="loginError"></p>
               </v-card>
             </v-dialog>
@@ -127,7 +125,7 @@
 
       <!-- Routed pages are inserted here -->
       <v-content>
-        <router-view />
+        <router-view/>
       </v-content>
 
       <!-- Footer on bottom -->
@@ -139,102 +137,89 @@
 </template>
 
 <script>
-import SignIn from "./views/SignIn.vue";
-import { baseUri } from "./variables.js";
+  import SignIn from "./views/SignIn.vue";
+  import {baseUri} from "./variables.js";
 
-if (!sessionStorage.getItem("loggedin")) {
-  sessionStorage.setItem("loggedin", false);
-}
+  if (!sessionStorage.getItem("loggedin")) {
+    sessionStorage.setItem("loggedin", false);
+  }
 
-export default {
-  components: {
-    SignIn
-  },
-  props: {
-    source: String
-  },
-  data: () => ({
-    drawer: null,    
-    dialog: false,
-    menu: false,
-    loggedIn: sessionStorage.getItem("loggedin"),
-    fullname:
-      sessionStorage.getItem("firstname") +
-      " " +
-      sessionStorage.getItem("lastname")
-  }),
-  methods: {
-    forward() {
-      this.$router.push("/");
+  export default {
+    components: {
+      SignIn
     },
-    signIn(loginData) {
-      var xhttp = new XMLHttpRequest();
+    props: {
+      source: String
+    },
+    data: () => ({
+      drawer: null,
+      dialog: false,
+      menu: false,
+      loggedIn: sessionStorage.getItem("loggedin"),
+      fullname: sessionStorage.getItem("firstname") + " " + sessionStorage.getItem("lastname")
+    }),
+    methods: {
+      forward() {
+        this.$router.push("/");
+      },
+      signIn(loginData) {
+        var xhttp = new XMLHttpRequest();
 
-      xhttp.onreadystatechange = function() {
-        if ((this.status == 200) & (this.readyState == 4)) {
-          sessionStorage.setItem(
-            "jwt",
-            this.getResponseHeader("Authorization")
-          );
-          sessionStorage.setItem("loggedin", true);
-        } else if (this.status != 200 && this.status != 0) {
-          document.getElementById("loginError").innerHTML =
-            "Login not successfull";
-        }
-      };
+        xhttp.onreadystatechange = function () {
+          if ((this.status == 200) & (this.readyState == 4)) {
+            sessionStorage.setItem("jwt", this.getResponseHeader("Authorization"));
+            sessionStorage.setItem("loggedin", true);
+          } else if (this.status != 200 && this.status != 0) {
+            document.getElementById("loginError").innerHTML =
+              "Login not successfull";
+          }
+        };
 
-      xhttp.open("POST", baseUri + "/login", false);
-      xhttp.send(
-        '{"username": "' +
+        xhttp.open("POST", baseUri + "/login", false);
+        xhttp.send(
+          '{"username": "' +
           loginData.username +
           '", "password": "' +
           loginData.password +
           '"}'
-      );
-      if (sessionStorage.getItem("loggedin") == "true") {
-        sessionStorage.setItem("haveData", true);
-        var whoxhttp = new XMLHttpRequest();
-        whoxhttp.onreadystatechange = function() {
-          if (this.readyState == 4 && this.status == 200) {
-            var userInformation = JSON.parse(whoxhttp.responseText);
-            sessionStorage.setItem("firstname", userInformation.firstname);
-            sessionStorage.setItem("lastname", userInformation.lastname);
-            sessionStorage.setItem("username", userInformation.username);
-            sessionStorage.setItem("userIDOwn", userInformation.id);
+        );
+        if (sessionStorage.getItem("loggedin") == "true") {
+          sessionStorage.setItem("haveData", true);
+          var whoxhttp = new XMLHttpRequest();
+          whoxhttp.onreadystatechange = function () {
+            if (this.readyState == 4 && this.status == 200) {
+              var userInformation = JSON.parse(whoxhttp.responseText);
+              sessionStorage.setItem("firstname", userInformation.firstname);
+              sessionStorage.setItem("lastname", userInformation.lastname);
+              sessionStorage.setItem("username", userInformation.username);
+              sessionStorage.setItem("userIDOwn", userInformation.id);
 
-            this.fullname =
-              sessionStorage.getItem("firstname") +
-              " " +
-              sessionStorage.getItem("lastname");
+              this.fullname = sessionStorage.getItem("firstname")
+                + " "
+                + sessionStorage.getItem("lastname");
+              location.reload();
+            }
+          };
+          whoxhttp.open("GET", baseUri + "/whoami", false);
+          whoxhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
+          whoxhttp.send(null);
+          location.reload();
+        }
+      },
+      signUp(signupData) {
+        var xhttp = new XMLHttpRequest();
+
+        xhttp.onreadystatechange = function () {
+          if ((this.status == 201) & (this.readyState == 4)) {
             location.reload();
+          } else if (this.status != 201 && this.status != 0) {
+            document.getElementById("loginError").innerHTML = "The username already exist";
           }
         };
-        whoxhttp.open("GET", baseUri + "/whoami", false);
-
-        whoxhttp.setRequestHeader(
-          "Authorization",
-          sessionStorage.getItem("jwt")
-        );
-
-        whoxhttp.send(null);
-        location.reload();
-      }
-    },
-    signUp(signupData) {
-      var xhttp = new XMLHttpRequest();
-
-      xhttp.onreadystatechange = function() {
-        if ((this.status == 201) & (this.readyState == 4)) {
-          location.reload();
-        } else if (this.status != 201 && this.status != 0) {
-          document.getElementById("loginError").innerHTML =
-            "The username already exist";
-        }
-      };
-      xhttp.open("POST", baseUri + "/sign-up", true);
-      xhttp.setRequestHeader("Content-Type", "application/json");
-      xhttp.send(
-        "{" +
+        xhttp.open("POST", baseUri + "/sign-up", true);
+        xhttp.setRequestHeader("Content-Type", "application/json");
+        xhttp.send(
+          "{" +
           '"firstname": "' +
           signupData.firstname +
           '", "lastname": "' +
@@ -244,66 +229,59 @@ export default {
           '", "password": "' +
           signupData.password +
           '"}'
-      );
-    },
-    logout() {
-      sessionStorage.clear();
-      sessionStorage.setItem("loggedin", false);
-      location.reload();
-    },
-    toAccounts() {
-      sessionStorage.setItem(
-        "timeTrackAccountListUser",
-        sessionStorage.getItem("username")
-      );
-      var xhttp = new XMLHttpRequest();
-      xhttp.onreadystatechange = function() {
-        if (this.readyState == 4 && this.status == 200) {
-          var usersInformation = JSON.parse(xhttp.responseText);
-          sessionStorage.setItem(
-            "timeTrackAccountListUserId",
-            usersInformation._links.self.href
-          );
-        }
-      };
-      xhttp.open(
-        "GET",
-        baseUri +
+        );
+      },
+      logout() {
+        sessionStorage.clear();
+        sessionStorage.setItem("loggedin", false);
+        location.reload();
+      },
+      toAccounts() {
+        sessionStorage.setItem("timeTrackAccountListUser", sessionStorage.getItem("username"));
+        var xhttp = new XMLHttpRequest();
+        xhttp.onreadystatechange = function () {
+          if (this.readyState == 4 && this.status == 200) {
+            var usersInformation = JSON.parse(xhttp.responseText);
+            sessionStorage.setItem(
+              "timeTrackAccountListUserId",
+              usersInformation._links.self.href
+            );
+          }
+        };
+        xhttp.open(
+          "GET",
+          baseUri +
           "/users/search/byUsername?username=" +
           sessionStorage.getItem("username"),
-        false
-      );
+          false
+        );
 
-      xhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
+        xhttp.setRequestHeader("Authorization", sessionStorage.getItem("jwt"));
+        xhttp.send(null);
+        this.users = JSON.parse(sessionStorage.getItem("users"));
 
-      xhttp.send(null);
-      this.users = JSON.parse(sessionStorage.getItem("users"));
-      
-      if (this.$route.path == "/timetrackaccounts" ) {
-      
-      
-      location.reload();
-        
-      }else{
-        this.$router.push("/timetrackaccounts");
+        if (this.$route.path == "/timetrackaccounts") {
+          location.reload();
+        } else {
+          this.$router.push("/timetrackaccounts");
+        }
       }
+    },
+    created() {
+      this.$vuetify.theme.dark = true;
     }
-  },
-
-  created() {
-    this.$vuetify.theme.dark = true;
-  }
-};
+  };
 </script>
 
 
 <style scoped>
-.link {
-  color: #f1f1f1f1;
-  text-decoration: none;
-}
-.v-application {
-  font-family: "Montserrat", sans-serif;
-  background-color: var(--v-background-base) !important;
-}
+  .link {
+    color: #f1f1f1f1;
+    text-decoration: none;
+  }
+
+  .v-application {
+    font-family: "Montserrat", sans-serif;
+    background-color: var(--v-background-base) !important;
+  }
 </style>