From 3b2ff65054c63a7bee3628be403473ef5e9a0b21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Mon, 27 May 2019 14:34:07 +0200
Subject: [PATCH] sessionID as prop

---
 frontend/src/components/Deck.vue        | 6 +-----
 frontend/src/components/DeckList.vue    | 9 ++++++---
 frontend/src/components/NewDeck.vue     | 5 ++---
 frontend/src/components/forms/Login.vue | 6 +++++-
 frontend/src/views/Home.vue             | 2 +-
 frontend/src/views/UserCP.vue           | 4 ++--
 6 files changed, 17 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/Deck.vue b/frontend/src/components/Deck.vue
index 8657163..fb528aa 100644
--- a/frontend/src/components/Deck.vue
+++ b/frontend/src/components/Deck.vue
@@ -95,7 +95,6 @@
 </template>
 
 <script>
-import * as Cookies from 'js-cookie'
 import axios from '@/plugins/axios'
 
 import Card from './Card.vue'
@@ -106,6 +105,7 @@ export default {
   name: 'Deck',
 
   props: {
+    session: String,
     deck: Object
   },
 
@@ -120,10 +120,6 @@ export default {
     deleting: false
   }),
 
-  computed: {
-    session: () => Cookies.get('session')
-  },
-
   methods: {
     save_deck(new_deck) {
       axios
diff --git a/frontend/src/components/DeckList.vue b/frontend/src/components/DeckList.vue
index d83e09b..2347715 100644
--- a/frontend/src/components/DeckList.vue
+++ b/frontend/src/components/DeckList.vue
@@ -1,6 +1,7 @@
 <template>
   <v-expansion-panel v-model="open">
     <NewDeck
+      :session="session"
       @change="
         open = null
         refresh_decks()
@@ -10,6 +11,7 @@
     <Deck
       v-for="deck in linked"
       :deck="deck"
+      :session="session"
       :key="deck.id"
       @change="refresh_decks"
     />
@@ -17,7 +19,6 @@
 </template>
 
 <script>
-import * as Cookies from 'js-cookie'
 import axios from '@/plugins/axios'
 import DeckJS from '@/classes/Deck'
 
@@ -32,6 +33,10 @@ export default {
     NewDeck
   },
 
+  props: {
+    session: String
+  },
+
   data: () => ({
     open: null
   }),
@@ -54,8 +59,6 @@ export default {
   },
 
   computed: {
-    session: () => Cookies.get('session'),
-
     linked() {
       let result = []
 
diff --git a/frontend/src/components/NewDeck.vue b/frontend/src/components/NewDeck.vue
index a1eec5c..fe2e21e 100644
--- a/frontend/src/components/NewDeck.vue
+++ b/frontend/src/components/NewDeck.vue
@@ -23,7 +23,6 @@
 </template>
 
 <script>
-import * as Cookies from 'js-cookie'
 import axios from '@/plugins/axios'
 
 import DeckEditor from './forms/DeckEditor.vue'
@@ -35,8 +34,8 @@ export default {
     DeckEditor
   },
 
-  computed: {
-    session: () => Cookies.get('session')
+  props: {
+    session: String
   },
 
   methods: {
diff --git a/frontend/src/components/forms/Login.vue b/frontend/src/components/forms/Login.vue
index 844b015..5c53f9b 100644
--- a/frontend/src/components/forms/Login.vue
+++ b/frontend/src/components/forms/Login.vue
@@ -38,6 +38,10 @@ export default {
     FormDialog
   },
 
+  props: {
+    session: String
+  },
+
   data: () => ({
     login: '',
     loginRules: [v => !!v || 'Please enter user name'],
@@ -51,7 +55,7 @@ export default {
     doLogin() {
       axios
         .post('/user/login', {
-          session: Cookies.get('session'),
+          session: this.session,
           login: this.login,
           password: this.password
         })
diff --git a/frontend/src/views/Home.vue b/frontend/src/views/Home.vue
index 1c6288a..aa53adf 100644
--- a/frontend/src/views/Home.vue
+++ b/frontend/src/views/Home.vue
@@ -2,7 +2,7 @@
   <v-content>
     <v-container>
       <Header>
-        <LoginForm />
+        <LoginForm :session="session" />
         <RegisterForm />
       </Header>
 
diff --git a/frontend/src/views/UserCP.vue b/frontend/src/views/UserCP.vue
index aab58db..ef15833 100644
--- a/frontend/src/views/UserCP.vue
+++ b/frontend/src/views/UserCP.vue
@@ -7,9 +7,9 @@
 
       <template v-if="user">
         <p>user logged in: {{ user.login }}</p>
-
-        <DeckList />
       </template>
+
+      <DeckList :session="session" />
     </v-container>
   </v-content>
 </template>