From 3a0e889626f2bfe75c6df1c03a4bbc8e15c7b83f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Tue, 7 May 2019 18:09:45 +0200
Subject: [PATCH] usercp for ants

---
 frontend/src/views/About.vue | 65 ++++++++++++++----------------------
 1 file changed, 25 insertions(+), 40 deletions(-)

diff --git a/frontend/src/views/About.vue b/frontend/src/views/About.vue
index 6692bd3..3b3c1b9 100644
--- a/frontend/src/views/About.vue
+++ b/frontend/src/views/About.vue
@@ -1,49 +1,34 @@
 <template>
-  <div class="about">
-    <h1>This is an about page</h1>
-
-    <div class="text-xs-center">
-      <v-dialog v-model="dialog" width="500">
-        <v-btn slot="activator" color="red lighten-2" dark>
-          Click Me
-        </v-btn>
-
-        <v-card>
-          <v-card-title class="headline grey lighten-2" primary-title>
-            Privacy Policy
-          </v-card-title>
-
-          <v-card-text>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-            eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
-            ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
-            aliquip ex ea commodo consequat. Duis aute irure dolor in
-            reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
-            pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
-            culpa qui officia deserunt mollit anim id est laborum.
-          </v-card-text>
-
-          <v-divider></v-divider>
-
-          <v-card-actions>
-            <v-spacer></v-spacer>
-            <v-btn color="primary" flat @click="dialog = false">
-              I accept
-            </v-btn>
-          </v-card-actions>
-        </v-card>
-      </v-dialog>
-    </div>
-  </div>
+  <v-container>
+    <v-flex mb-4>
+      <h1 class="display-2 font-weight-bold mb-3">Hello World!</h1>
+      <p class="subheading font-weight-regular">
+        App under development, please don't submit any valuable data!
+      </p>
+    </v-flex>
+    <p>user session: {{ sessionID }}</p>
+  </v-container>
 </template>
 
 <script>
+import * as Cookies from 'js-cookie'
+import axios from '@/plugins/axios'
+
 export default {
   name: 'About',
-  data() {
-    return {
-      dialog: false
-    }
+
+  data: () => ({
+    sessionID: ''
+  }),
+
+  mounted() {
+    axios
+      .post('/user/login', {
+        session: Cookies.get('session')
+      })
+      .then(response => {
+        this.sessionID = response.data.message
+      })
   }
 }
 </script>