From 560e90b7606076b9665c075911e630ec2d41d5be Mon Sep 17 00:00:00 2001
From: Timo Volkmann <volkmann@stud.hs-heilbronn.de>
Date: Mon, 8 Apr 2019 14:46:37 +0200
Subject: [PATCH] continued work on Cache and Station

---
 frontend/src/pages/Cache.vue     | 39 +++++++++++++++++++++++++++++++-
 frontend/src/pages/Error404.vue  |  2 +-
 frontend/src/pages/Login.vue     |  4 ++--
 frontend/src/pages/Overview.vue  |  6 +++++
 frontend/src/store/auth/state.js |  2 +-
 5 files changed, 48 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Cache.vue b/frontend/src/pages/Cache.vue
index 513310e..6fee21b 100644
--- a/frontend/src/pages/Cache.vue
+++ b/frontend/src/pages/Cache.vue
@@ -14,6 +14,15 @@
           label="Beschreibung"
         />
         <q-input class="col" dense stack-label filled v-model="text" label="Punktewert"/>
+        <q-input
+          v-model="reward"
+          dense
+          stack-label
+          filled
+          autogrow
+          type="textarea"
+          label="Belohnung"
+        />
         <p class="text-h6">Stationen</p>
         <q-list bordered separator class="rounded-borders" >
 
@@ -26,12 +35,40 @@
 
             <q-item-section top>
               <q-item-label lines="1">
-                <!--<span class="text-weight-medium">[quasarframework/quasar]</span>-->
                 <span class="text-grey-8">Beschreibung:</span>
               </q-item-label>
               <q-item-label lines="1" class="q-mt-xs text-body2">
                 <span class="cursor-pointer">Dies ist der Anfang der Beschreibung...</span>
               </q-item-label>
+              <q-item-label caption lines="1">
+                Code: 123456
+              </q-item-label>
+            </q-item-section>
+
+            <q-item-section side>
+              <div class="text-grey-8 q-gutter-xs">
+                <q-btn class="" color="" flat dense round icon="delete" />
+                <q-btn class="" color="" flat dense round icon="edit" />
+              </div>
+            </q-item-section>
+          </q-item>
+          <q-item>
+            <q-item-section avatar>
+              <q-avatar color="primary" text-color="white">
+                1
+              </q-avatar>
+            </q-item-section>
+
+            <q-item-section top>
+              <q-item-label lines="1">
+                <span class="text-grey-8">Beschreibung:</span>
+              </q-item-label>
+              <q-item-label lines="1" class="q-mt-xs text-body2">
+                <span class="cursor-pointer">Dies ist der Anfang der Beschreibung...</span>
+              </q-item-label>
+              <q-item-label caption lines="1">
+                Code: 123456
+              </q-item-label>
             </q-item-section>
 
             <q-item-section side>
diff --git a/frontend/src/pages/Error404.vue b/frontend/src/pages/Error404.vue
index a091bac..75cff24 100644
--- a/frontend/src/pages/Error404.vue
+++ b/frontend/src/pages/Error404.vue
@@ -5,7 +5,7 @@
     </p>
     <p class="text-faded">Sorry, nothing here...<strong>(404)</strong></p>
     <q-btn color="secondary" style="width:200px;" @click="$router.push('/')"
-      >Go back</q-btn
+      >Zur Startseite</q-btn
     >
   </div>
 </template>
diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue
index cb0e8cc..320019d 100644
--- a/frontend/src/pages/Login.vue
+++ b/frontend/src/pages/Login.vue
@@ -123,11 +123,11 @@
           })
           .then((response) => {
             console.log("GET/POST http://localhost:8080/api/logout/ - response: " + response.data);
-            localStorage.removeItem('userToken');
-            this.evalAuthentication();
           })
           .catch((error) => {
           });
+        localStorage.removeItem('userToken');
+        this.evalAuthentication();
       },
     },
   };
diff --git a/frontend/src/pages/Overview.vue b/frontend/src/pages/Overview.vue
index 7560bed..019aac8 100644
--- a/frontend/src/pages/Overview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -51,6 +51,9 @@
             </q-expansion-item>
             </q-card>
           </q-list>
+          <div v-if="hasAdminState" class="row">
+            <q-btn @click="addCache" unelevated color="primary" stack icon="add" label="Neuer Cache" class="full-width"/>
+          </div>
         </q-tab-panel>
 
 
@@ -108,6 +111,9 @@
             this.caches = response.data;
           })
       },
+      addCache() {
+        this.$router.push({ path: `/cache` })
+      },
       startCache(cacheID) {
         const userToken = JSON.parse(localStorage.getItem('userToken'));
         let params = { cacheID: cacheID };
diff --git a/frontend/src/store/auth/state.js b/frontend/src/store/auth/state.js
index 0e9581a..1fee418 100644
--- a/frontend/src/store/auth/state.js
+++ b/frontend/src/store/auth/state.js
@@ -7,6 +7,6 @@ export default {
     email: "test@user.com",
     rankingPointsSum: 345,
     isAuthenticated: false,
-    isAdmin: false,
+    isAdmin: true,
   },
 }