implemented feedback from usability test

frontend/src/layouts/MyLayout.vue

@@ -98,7 +98,7 @@
             <q-icon name="list"/>
           </q-item-section>
           <q-item-section>
-            <q-item-label>Rangliste</q-item-label>
+            <q-item-label>Top 10 Rangliste</q-item-label>
           </q-item-section>
         </q-item>
         <q-item
@@ -164,16 +164,16 @@
         </q-item>
 
 
-        <q-item
+<!--        <q-item-->
-          disable
+<!--          disable-->
-          class="text-grey-5"
+<!--          class="text-grey-5"-->
-        >
+<!--        >-->
-          <q-item-section avatar>
+<!--          <q-item-section avatar>-->
-          </q-item-section>
+<!--          </q-item-section>-->
-          <q-item-section>
+<!--          <q-item-section>-->
-            <q-item-label>dev: {{ clickCounter }} clicks</q-item-label>
+<!--            <q-item-label>dev: {{ clickCounter }} clicks</q-item-label>-->
-          </q-item-section>
+<!--          </q-item-section>-->
-        </q-item>
+<!--        </q-item>-->
 
 
       </q-list>

frontend/src/pages/Cache.vue

@@ -30,7 +30,7 @@
           max-height="50vh"
         />
         <p class="text-h6">Stationen</p>
-        <q-list bordered separator class="rounded-borders">
+        <q-list bordered separator class="rounded-borders" v-if="computedCache.stationen.length > 0">
 
           <q-item v-for="(station, index) in computedCache.stationen" :key="index">
             <q-item-section avatar>
@@ -44,10 +44,10 @@
                 <span class="text-grey-8">ID: {{ station.id ? station.id : "keine" }}</span>
               </q-item-label>
               <q-item-label lines="1" class="q-mt-xs text-body2">
-                <span class="cursor-pointer">{{ station.description }}</span>
+                <span class="cursor-pointer" v-html="station.description"></span>
               </q-item-label>
               <q-item-label caption lines="1">
-                Code: {{ station.code }}
+                Koordinaten: {{ station.lattitude }}, {{ station.longitude }}
               </q-item-label>
             </q-item-section>
 
@@ -60,8 +60,9 @@
           </q-item>
 
         </q-list>
+        <p class=""><b>Hinweis:</b> Ein Cache muss mindestens aus zwei Stationen bestehen (inklusive der Endstation).</p>
         <div class="row reverse">
-          <q-btn @click="addStation" unelevated color="primary" label="Station hinzufügen" icon-right="add"/>
+          <q-btn @click="addStation" class="full-width" unelevated color="primary" label="Station hinzufügen" icon-right="add"/>
         </div>
         <p class="text-h6">Endstation</p>
         <q-card flat bordered class="rounded-borders">

frontend/src/pages/Register.vue

@@ -125,7 +125,7 @@
               console.log(response.data);
               if (response.status === 201) {
                 this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {
-                  message: "Deine Registrierung war erfolgreich!",
+                  message: "Deine Registrierung war erfolgreich! Du bist jetzt eingeloggt.",
                   title: "Registrierungsprozess",
                   color: "blue"
                 });
@@ -153,7 +153,6 @@
               this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {message: message, title: header});
             });
         } else {
-
           if (this.user.email != this.user.checkemail) {
             this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {
               message: "Email stimmt nicht überein",

frontend/src/pages/StationEdit.vue

@@ -50,8 +50,8 @@
         latlang: "",
         station: {
           description: "Rätsel, Aufgabe und Informationen zur Station.",
-          lattitude: "0.000",
+          lattitude: 49.1474082,
-          longitude: "0.000",
+          longitude: 9.2065282,
           solution: "",
           code: ""
         },

frontend/src/pages/StationEndEdit.vue

@@ -37,8 +37,8 @@
         latlang: "",
         station: {
           description: "Beschreibung",
-          lattitude: "0.000",
+          lattitude: 49.1474082,
-          longitude: "0.000",
+          longitude: 9.2065282,
           solution: "",
           code: ""
         },

frontend/src/pages/StationView.vue

@@ -21,7 +21,7 @@
   import qrscanner from "../components/qrscanner";
   export default {
     name: "Station",
-    components: {qrscanner},
+    components: { qrscanner },
     data() {
       return {
         cacheID: "",

frontend/src/pages/ranking.vue

@@ -86,26 +86,6 @@
             console.log(response.data);
             this.rankinglist = response.data;
           }).catch((error) => {
-          // Error
-          let msg;
-          let title;
-          if (error.response) {
-            // The request was made and the server responded with a status code
-            title = "Problem with response!";
-            msg = error.response;
-          } else if (error.request) {
-            // The request was made but no response was received
-            title = "Problem with request!";
-            msg = "Error occured due to wrong server request!"
-            console.log(error.request);
-          } else {
-            // Something happened in setting up the request that triggered an Error
-            title = "Error";
-            msg = error.message;
-            console.log('Error', error.message);
-          }
-          console.log(error.config);
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
       },
       fetchTeamRankinglist() {
@@ -115,27 +95,19 @@
             console.log(response.data);
             this.teamRankinglist = response.data;
           }).catch((error) => {
-          // Error
-          let msg;
-          let title;
-          if (error.response) {
-            // The request was made and the server responded with a status code
-            title = "Problem with response!";
-            msg = error.response;
-          } else if (error.request) {
-            // The request was made but no response was received
-            title = "Problem with request!";
-            msg = "Error occured due to wrong server request!"
-            console.log(error.request);
-          } else {
-            // Something happened in setting up the request that triggered an Error
-            title = "Error";
-            msg = error.message;
-            console.log('Error', error.message);
-          }
-          console.log(error.config);
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
+      },
+      calculateRank() {
+        // TODO
+        // let rank = 0;
+        // let lastSum = null;
+        // const rankinglistCopy = this.rankinglist;
+        // for (let i = rankinglistCopy.length-1; i >= 0; i--) {
+        //   if (lastSum === null || ranking.rankingPointsSum >= lastSum) {
+        //     rank++;
+        //   }
+        //   lastSum = ranking.rankingPointsSum;
+        // }
       }
     }
 }

frontend/src/store/cacheCollector/mutations.js

@@ -47,9 +47,9 @@ export const RESET_NEW_CACHE = (state) => {
   };
   state.endStation = {
     description: "Endstation",
-      longitude: 0.000,
+    lattitude: 49.1474082,
-      lattitude: 0.000,
+    longitude: 9.2065282,
-      solution: "",
+    solution: "",
   };
 
   console.log("resetted new Cache");

frontend/src/store/cacheCollector/state.js

@@ -12,8 +12,8 @@ export default {
   tempStation: {},
   endStation: {
     description: "Endstation",
-    longitude: 0.000,
+    lattitude: 49.1474082,
-    lattitude: 0.000,
+    longitude: 9.2065282,
     solution: "",
   },
 }