From 6e53127feda14271240b069faf3e7c1f2888a992 Mon Sep 17 00:00:00 2001
From: Katharina Will <kwill@stud.hs-heilbronn.de>
Date: Sun, 21 Apr 2019 20:40:31 +0200
Subject: [PATCH 1/6] Added pages for starting and ending a cache

---
 frontend/src/pages/CacheEnd.vue   | 45 +++++++++++++++++++++++++++++++
 frontend/src/pages/CacheStart.vue | 38 ++++++++++++++++++++++++++
 frontend/src/router/routes.js     |  5 ++++
 3 files changed, 88 insertions(+)
 create mode 100644 frontend/src/pages/CacheEnd.vue
 create mode 100644 frontend/src/pages/CacheStart.vue

diff --git a/frontend/src/pages/CacheEnd.vue b/frontend/src/pages/CacheEnd.vue
new file mode 100644
index 0000000..197a0e0
--- /dev/null
+++ b/frontend/src/pages/CacheEnd.vue
@@ -0,0 +1,45 @@
+<template>
+  <div>
+    <div class="q-ma-md">
+      <p class="text-h4">{{ data.cacheName }}</p>
+      <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-dialog v-model="reward">
+            <q-card>
+              <q-card-section>
+                <div class="text-h6">Jetzt ist eine gute Zeit, etwas Neues zu beginnen.</div>
+              </q-card-section>
+            </card>
+          </q-dialog>
+        <q-btn unelevated color="primary" label="Zur Startseite" to="/"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    reward: false
+    data() {
+      return {
+        end1: "Gut gemacht, Du hast alle Stationen dieses Cache gefunden. Dir wurden "
+        end2: "Punkte gutgeschrieben."
+      }
+    },
+    methods: {
+      fetchData() {
+        this.$axios.get('/api/allCaches')
+          .then((response) => {
+            console.log("/api/allCaches");
+            console.log(JSON.stringify(this.data));
+            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.data.cachePoints = cache.rankingPoints;
+          }
+    }
+</script>
diff --git a/frontend/src/pages/CacheStart.vue b/frontend/src/pages/CacheStart.vue
new file mode 100644
index 0000000..a94c105
--- /dev/null
+++ b/frontend/src/pages/CacheStart.vue
@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <q-img transition="fade"
+         class="q-mb-md "
+         :ratio="16/9"
+         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>
+
+      <div class="column q-gutter-y-md">
+        <q-btn unelevated color="primary" label="QR-Code scannen (absenden)"/>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+        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."
+      }
+    },
+    methods: {
+      fetchData() {
+        this.$axios.get('/api/allCaches')
+          .then((response) => {
+            console.log("/api/allCaches");
+            console.log(JSON.stringify(this.data));
+            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;
+          }
+        }
+</script>
diff --git a/frontend/src/router/routes.js b/frontend/src/router/routes.js
index 362b097..18a3acf 100644
--- a/frontend/src/router/routes.js
+++ b/frontend/src/router/routes.js
@@ -50,6 +50,11 @@ const routes = [
     component: () => import("layouts/MyLayout.vue"),
     children: [{ path: "", component: () => import("pages/Login.vue") }]
   },
+  {
+    path: "/CacheStart/",
+    component: () => import("layouts/MyLayout.vue"),
+    children: [{ path: "", component: () => import("pages/CacheStart.vue") }]
+  },
   {
    path: "/profile/",
       component: () => import("layouts/MyLayout.vue"),

From 0ec3dbb0b1db22a4c53e66aafdcb2f9e6fe4150d Mon Sep 17 00:00:00 2001
From: Timo Volkmann <volkmann@stud.hs-heilbronn.de>
Date: Mon, 22 Apr 2019 22:43:58 +0200
Subject: [PATCH 2/6] qr-code scanner working

---
 frontend/quasar.conf.js                       |   2 +-
 frontend/src/components/qr-scanner.vue        |  53 ------
 frontend/src/pages/qr-code-test.vue           | 152 ++++++++++++++++--
 .../util/CacheConstructionUtil.java           |   2 +-
 4 files changed, 145 insertions(+), 64 deletions(-)
 delete mode 100644 frontend/src/components/qr-scanner.vue

diff --git a/frontend/quasar.conf.js b/frontend/quasar.conf.js
index 2a58d21..9ee4e06 100644
--- a/frontend/quasar.conf.js
+++ b/frontend/quasar.conf.js
@@ -62,6 +62,7 @@ module.exports = function (ctx) {
         'QPageSticky',
         'QAvatar',
         'QSpinnerPuff',
+        'QSpinnerOval',
         'QExpansionItem',
         'QParallax',
         'QEditor',
@@ -107,7 +108,6 @@ module.exports = function (ctx) {
           API: JSON.stringify('http://localhost:8080')
         }
         : { // Base URL for API-Calls: PRODUCTION (build)
-          //API: JSON.stringify('http://se.hs-heilbronn.de:8090')
           //API: JSON.stringify('http://seserver.se.hs-heilbronn.de:8090/buga19geocaching')
           API: JSON.stringify('http://localhost:8080')
         }
diff --git a/frontend/src/components/qr-scanner.vue b/frontend/src/components/qr-scanner.vue
deleted file mode 100644
index 055fa41..0000000
--- a/frontend/src/components/qr-scanner.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-  <div>
-
-    <qrcode-drop-zone @decode="onDecode" @init="logErrors">
-      <qrcode-stream @decode="onDecode" @init="onInit" />
-    </qrcode-drop-zone>
-
-    <qrcode-capture v-if="noStreamApiSupport" @decode="onDecode" />
-    <p class="decode-result">Last result: <b>{{ result }}</b></p>
-  </div>
-</template>
-<script>
-//import { QrcodeStream, QrcodeDropZone, QrcodeCapture } from 'vue-qrcode-reader'
-
-export default {
-  name: 'qrscanner',
-  data () {
-    return {
-      result: '',
-      noStreamApiSupport: false
-    }
-  },
-
-  methods: {
-    onDecode (result) {
-      this.result = result
-    },
-
-    logErrors (promise) {
-      promise.catch(console.error)
-    },
-
-    async onInit (promise) {
-      try {
-        await promise
-      } catch (error) {
-        if (error.name === 'StreamApiNotSupportedError') {
-          this.noStreamApiSupport = true
-        }
-      }
-    }
-  },
-
-  // components: {
-  //   QrcodeStream,
-  //   QrcodeDropZone,
-  //   QrcodeCapture
-  // }
-}
-</script>
-
-<style>
-</style>
diff --git a/frontend/src/pages/qr-code-test.vue b/frontend/src/pages/qr-code-test.vue
index ed56574..7bf52e7 100644
--- a/frontend/src/pages/qr-code-test.vue
+++ b/frontend/src/pages/qr-code-test.vue
@@ -1,17 +1,151 @@
 <template>
-<!--  <q-page padding>-->
-    <qrscanner />
-<!--  </q-page>-->
+  <div>
+    <div v-if="askForPermission">
+      <p>Um den QR-Code scannen zu können, müssen Sie den Zugriff auf Ihre Kamera erlauben.</p>
+
+      <q-btn @click="toggleCamera(!activateCamera)" :loading="loading" unelevated color="positive" stack
+             icon="photo_camera"
+             label="QR-Code scannen" class="full-width"/>
+    </div>
+    <div v-if="activateCamera">
+      <qrcode-drop-zone @decode="onDecode" @init="logErrors">
+        <qrcode-stream :paused="paused" @decode="onDecode" @init="onInit">
+          <div v-if="validating" >
+            <div class="light-dimmed fit">
+            </div>
+            <q-spinner-oval
+              class="absolute-center"
+              color="primary"
+              size="10em"
+            />
+          </div>
+        </qrcode-stream>
+      </qrcode-drop-zone>
+    </div>
+    <qrcode-capture v-if="noStreamApiSupport" @decode="onDecode"/>
+    <p class="decode-result">Last result: <b>{{ result }}</b></p>
+    <p class="validating">Validating: <b>{{ validating }}</b></p>
+    <p class="validating">is Valid: <b>{{ isValid }}</b></p>
+  </div>
 </template>
 
 <script>
-import qrscanner from '../components/qr-scanner'
-export default {
-  // name: 'PageName',
-  components: {
-    qrscanner
+  export default {
+    //name: 'qrscanner',
+    data() {
+      return {
+        askForPermission: true,
+        activateCamera: false,
+        isValid: false,
+        validating: false,
+        loading: false,
+        paused: false,
+        result: null,
+        params: null,
+        noStreamApiSupport: false
+      }
+    },
+
+    methods: {
+      async onDecode(content) {
+        this.result = content;
+
+        this.pauseCamera();
+
+        this.validating = true;
+        this.isValid = await this.validate();
+        this.validating = false;
+
+        this.unPauseCamera();
+        // window.setTimeout(() => {
+        //   this.unPauseCamera();
+        // }, 2000)
+      },
+
+      validate() {
+        return new Promise(resolve => {
+          this.setParams(0);
+          let params = this.params;
+          this.$axios.get('/api/checkStation', {params})
+            .then((response) => {
+              console.log("resolve(true)");
+              resolve(true)
+            }).catch((error) => {
+            console.log("resolve(false)");
+            // 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.data.message
+                ? error.response.data.message
+                : error.response.data;
+            } else if (error.request) {
+              // The request was made but no response was received
+              title = "Problem with request!";
+              msg = "Der Server antwortet nicht."
+              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.data);
+            }
+            console.log(error.config);
+            this.$store.commit('dialog/NEW_MESSAGE_DIALOG', {message: msg, title: title,});
+            resolve(false);
+          });
+        })
+      },
+
+      setParams(cacheID) {
+        console.log("setParams: ");
+        let resCacheID = this.result.split('/')[0];
+        let resStationID = this.result.split('/')[1];
+        console.log(resCacheID + " und " + resStationID);
+        this.params = {
+          token: null,
+          cacheID: resCacheID,
+          stationID: resStationID,
+          durchgefuehrterCacheID: cacheID
+        };
+        if (localStorage.getItem('userToken')) {
+          this.params.token = JSON.parse(localStorage.getItem('userToken')).token;
+        }
+      },
+
+      pauseCamera() {
+        this.paused = true
+      },
+
+      unPauseCamera() {
+        this.paused = false
+      },
+
+      toggleCamera(bool) {
+        this.activateCamera = bool
+      },
+
+      logErrors(promise) {
+        promise.catch(console.error)
+      },
+
+      async onInit(promise) {
+        this.loading = true;
+        try {
+          await promise
+        } catch (error) {
+          if (error.name === 'StreamApiNotSupportedError') {
+            this.noStreamApiSupport = true
+          }
+        } finally {
+          this.loading = false;
+          this.askForPermission = false;
+        }
+      }
+    },
   }
-}
 </script>
 
 <style>
diff --git a/src/main/java/hhn/labsw/bugageocaching/util/CacheConstructionUtil.java b/src/main/java/hhn/labsw/bugageocaching/util/CacheConstructionUtil.java
index 120e077..6d7d887 100644
--- a/src/main/java/hhn/labsw/bugageocaching/util/CacheConstructionUtil.java
+++ b/src/main/java/hhn/labsw/bugageocaching/util/CacheConstructionUtil.java
@@ -81,7 +81,7 @@ public class CacheConstructionUtil {
 
   public static ResponseEntity createStationUtil(Station station) {
 
-    if (station.getDescription().length() == 0 || station.getLattitude() == 0.0 || station.getLongitude() == 0.0 || station.getSolution().length() == 0) {
+    if (station.getDescription().length() == 0 || station.getLattitude() == 0.0 || station.getLongitude() == 0.0 /*|| station.getSolution().length() == 0*/) {
       return ResponseEntity.status(400).body("station fields can´t be empty");
     }
 

From b0ee8a75f65b7d736f6fc9872c33b116a51337f3 Mon Sep 17 00:00:00 2001
From: Michael <mdietz@stud.hs-heilbronn.de>
Date: Tue, 23 Apr 2019 13:32:52 +0200
Subject: [PATCH 3/6]  removed unneeded roles

---
 .../hhn/labsw/bugageocaching/repositories/UserRepository.java   | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/main/java/hhn/labsw/bugageocaching/repositories/UserRepository.java b/src/main/java/hhn/labsw/bugageocaching/repositories/UserRepository.java
index 3de1e6e..b09f2a9 100644
--- a/src/main/java/hhn/labsw/bugageocaching/repositories/UserRepository.java
+++ b/src/main/java/hhn/labsw/bugageocaching/repositories/UserRepository.java
@@ -15,7 +15,6 @@ public interface UserRepository extends CrudRepository<User, Integer> {
       "     user_roles ur\n" +
       "WHERE u.id = ui.user_id\n" +
       "AND u.id = ur.user_id\n" +
-      "AND (ur.roles_id = 7 OR ur.roles_id = 8)\n" +
       "order by ranking_points_sum DESC\n" +
       "LIMIT 100;", nativeQuery = true)
   List<Object[]> getRankingList();
@@ -32,7 +31,6 @@ public interface UserRepository extends CrudRepository<User, Integer> {
       "              buga19geocaching.user_roles ur\n" +
       "         WHERE u.id = ui.user_id\n" +
       "           AND u.id = ur.user_id\n" +
-      "           AND (ur.roles_id = 7 OR ur.roles_id = 8)\n" +
       "         order by ranking_points_sum DESC) as INR) as RN\n" +
       "WHERE Name = ?1", nativeQuery = true)
   int getRankingPlaceFromUser(String username);

From 30365d8db6fc9e2081ee4cae0bee91955f40529a Mon Sep 17 00:00:00 2001
From: Katharina Will <kwill@stud.hs-heilbronn.de>
Date: Tue, 23 Apr 2019 14:55:34 +0200
Subject: [PATCH 4/6] Modified cacheStart and cacheEnd

---
 frontend/src/pages/CacheEnd.vue   | 19 +++++++++++++------
 frontend/src/pages/CacheStart.vue | 28 +++++++++++++++++++++++-----
 frontend/src/router/routes.js     |  2 +-
 3 files changed, 37 insertions(+), 12 deletions(-)

diff --git a/frontend/src/pages/CacheEnd.vue b/frontend/src/pages/CacheEnd.vue
index 197a0e0..f046bfd 100644
--- a/frontend/src/pages/CacheEnd.vue
+++ b/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>
diff --git a/frontend/src/pages/CacheStart.vue b/frontend/src/pages/CacheStart.vue
index a94c105..c2f065e 100644
--- a/frontend/src/pages/CacheStart.vue
+++ b/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>
diff --git a/frontend/src/router/routes.js b/frontend/src/router/routes.js
index 18a3acf..03e0d36 100644
--- a/frontend/src/router/routes.js
+++ b/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") }]
   },

From 7cfae185523217a396b4c23a799c433d2d1198a4 Mon Sep 17 00:00:00 2001
From: Michael <mdietz@stud.hs-heilbronn.de>
Date: Tue, 23 Apr 2019 15:44:09 +0200
Subject: [PATCH 5/6] added another error message

---
 .../java/hhn/labsw/bugageocaching/controller/Controller.java | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/main/java/hhn/labsw/bugageocaching/controller/Controller.java b/src/main/java/hhn/labsw/bugageocaching/controller/Controller.java
index 147aefa..6cbad26 100644
--- a/src/main/java/hhn/labsw/bugageocaching/controller/Controller.java
+++ b/src/main/java/hhn/labsw/bugageocaching/controller/Controller.java
@@ -231,6 +231,9 @@ public class Controller {
 
     int i = cache.getStationen().indexOf(station);
 
+    if (i == 0) {
+      return ResponseEntity.status(400).body("The scanned station isn´t the correct following station");
+    }
 
     if (cache.getStationen().get(i - 1).equals(aktuelleStation)) {
       bearbeitet.setAktuelleStation(station);
@@ -398,7 +401,7 @@ public class Controller {
   }
 
   @RequestMapping("/api/hello")
-  public ResponseEntity hello(@RequestParam String name){
+  public ResponseEntity hello(@RequestParam String name) {
     return ResponseEntity.status(200).body(userRepository.getRankingPlaceFromUser(name));
   }
 }

From fe3070204d2fbdc0a3d135e9271f15e1e5c1db56 Mon Sep 17 00:00:00 2001
From: Katharina Will <kwill@stud.hs-heilbronn.de>
Date: Tue, 23 Apr 2019 15:53:13 +0200
Subject: [PATCH 6/6] Added functionality to start a Cache and view first
 station

---
 frontend/src/pages/CacheStart.vue | 32 ++++++++++++++++++++++++-------
 frontend/src/pages/Overview.vue   |  2 +-
 2 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/frontend/src/pages/CacheStart.vue b/frontend/src/pages/CacheStart.vue
index c2f065e..2ee2846 100644
--- a/frontend/src/pages/CacheStart.vue
+++ b/frontend/src/pages/CacheStart.vue
@@ -11,7 +11,7 @@
 
       <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)"/>
+        <q-btn @click="checkStation()" unelevated color="primary" label="QR-Code scannen (absenden)"/>
       </div>
     </div>
   </div>
@@ -27,6 +27,9 @@
         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."
       }
     },
+    created() {
+      this.fetchData();
+    },
     methods: {
       fetchData() {
         this.$axios.get('/api/allCaches')
@@ -41,16 +44,31 @@
           })
         },
         checkStation() {
-          let params = {};
-          params.token ;
-          params.cacheID;
-          params.stationID;
-          params.durchgefuehrterCacheID;
+          let params = this.setParams();
+          console.log(params);
           this.$axios.get('/api/checkStation', {params})
             .then((response) => {
+              console.log(response);
+              console.log("Anfrage erfolgreich");
 
+            }) .catch((error) => {
+              console.log(error);
+              console.log("Anfrage fehlgeschlagen");
             })
-        }
+            this.$router.push({path: `/station/${params.cacheID}/${params.stationID}`})
+        },
+        setParams() {
+          console.log("setParams: ");
+          let params = {};
+          params.cacheID = this.code.split('/')[0];
+          params.stationID = this.code.split('/')[1];
+          params.durchgefuehrterCacheID = this.cacheID;
+          console.log(params.cacheID + " und " + params.stationID);
+          if (localStorage.getItem('userToken')) {
+            params.token = JSON.parse(localStorage.getItem('userToken')).token;
+          }
+          return params;
+        },
       }
     }
 </script>
diff --git a/frontend/src/pages/Overview.vue b/frontend/src/pages/Overview.vue
index 739ec04..ee39fe9 100644
--- a/frontend/src/pages/Overview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -188,7 +188,7 @@
             let stationID = this.caches.find(x => x.id === cacheID).stationen[0].id;
             console.log(stationID);
             //this.$router.push({path: `/station/${stationID}`})
-            this.$router.push({path: `/station/${cacheID}/${stationID}`})
+            this.$router.push({path: `/CacheStart/${cacheID}`})
           }).catch((error) => {
           // Error
           let msg;