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] 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;