Modified cacheStart and cacheEnd

frontend/src/pages/CacheEnd.vue

@@ -5,8 +5,8 @@
       <p class="text-h5">{{ end1 + data.cachePoints + end2 }}</p>
 
       <div class="column q-gutter-y-md">
-        <q-btn unelevated color="primary" label="Zur Rangliste" to="/ranking/"/> // nur wenn man eingeloggt ist
-        <q-btn unelevated color="primary" label="Zur Belohnung" @click="reward = true"> // nur wenn man eingeloggt ist
+        <q-btn unelevated v-if="IsLoggedIn" color="primary" label="Zur Rangliste" to="/ranking/"/>
+        <q-btn unelevated v-if="isLoggedIn" color="primary" label="Zur Belohnung" @click="reward = true">
           <q-dialog v-model="reward">
             <q-card>
               <q-card-section>
@@ -22,11 +22,16 @@
 
 <script>
   export default {
-    reward: false
     data() {
       return {
-        end1: "Gut gemacht, Du hast alle Stationen dieses Cache gefunden. Dir wurden "
-        end2: "Punkte gutgeschrieben."
+        reward: false,
+        end1: "Gut gemacht, Du hast alle Stationen dieses Cache gefunden. Dir wurden ",
+        end2: " Punkte gutgeschrieben." //TODO Punkte wirklich gutschreiben, ggf. Cache auf erledigt setzen
+      }
+    },
+    computed: {
+      isLoggedIn() {
+        return this.$store.getters['auth/GET_ADMINSTATE']; //TODO Methode umschreiben
       }
     },
     methods: {
@@ -40,6 +45,8 @@
             const cache = response.data.find(cache => cache.id === Number(this.$route.params.cache));
             this.data.cacheName = cache.name;
             this.data.cachePoints = cache.rankingPoints;
-          }
+          })
     }
+  }
+}
 </script>

frontend/src/pages/CacheStart.vue

@@ -6,10 +6,11 @@
          src="https://www.buga2019.de/we-bilder/3.Gartenausstellung/Gelaendeplan/190320_Gelaendeplan-quadratisch.jpg"
     ></q-img>
     <div class="q-ma-md">
-      <p class="text-h4">{{ data.cacheName }}</p>
-      <p class="text-h5">{{ instruction }}</p>
+      <p class="text-h4">{{ cacheName }}</p>
+      <p>{{ instruction }}</p>
 
       <div class="column q-gutter-y-md">
+        <q-input stack-label filled v-model="code" label="Code eingeben (wird mit Code scannen ersetzt)"/>
         <q-btn unelevated color="primary" label="QR-Code scannen (absenden)"/>
       </div>
     </div>
@@ -19,7 +20,10 @@
 <script>
   export default {
     data() {
-      return {
+      return { //TODO Lageplan einbinden
+        cacheID: "",
+        cacheName: "",
+        code: "8/6",
         instruction: "Bitte begib Dich zu der auf der Karte angezeigten Position. An dieser Position wirst Du einen QR-Code finden. Wenn du ihn gefunden hast, drücke den Knopf zum Starten des QR-Scanners und gib uns die Berechtigung, Deine Kamera zu öffnen. Nachdem Du den QR-Code gescannt hast, erhältst du ein Rätsel zur Position der nächsten Station. Die Lösung zu dem Rätsel ist also das Versteck des nächsten QR-Codes."
       }
     },
@@ -32,7 +36,21 @@
             console.log(this.data);
             console.log(response.data);
             const cache = response.data.find(cache => cache.id === Number(this.$route.params.cache));
-            this.data.cacheName = cache.name;
-          }
+            this.cacheName = cache.name;
+            this.cacheID = this.$route.params.cache;
+          })
+        },
+        checkStation() {
+          let params = {};
+          params.token ;
+          params.cacheID;
+          params.stationID;
+          params.durchgefuehrterCacheID;
+          this.$axios.get('/api/checkStation', {params})
+            .then((response) => {
+
+            })
         }
+      }
+    }
 </script>

frontend/src/router/routes.js

@@ -51,7 +51,7 @@ const routes = [
     children: [{ path: "", component: () => import("pages/Login.vue") }]
   },
   {
-    path: "/CacheStart/",
+    path: "/CacheStart/:cache/",
     component: () => import("layouts/MyLayout.vue"),
     children: [{ path: "", component: () => import("pages/CacheStart.vue") }]
   },