From 3bbb949400dcf97dfc61eba4c2cb253175b199dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Mon, 20 May 2019 17:06:40 +0200
Subject: [PATCH] deck list request in decklist component (duh)

---
 frontend/src/components/DeckList.vue | 35 +++++++++++++++++++++-------
 frontend/src/views/UserCP.vue        | 16 ++-----------
 2 files changed, 28 insertions(+), 23 deletions(-)

diff --git a/frontend/src/components/DeckList.vue b/frontend/src/components/DeckList.vue
index 1563e1d..1ed0c2d 100644
--- a/frontend/src/components/DeckList.vue
+++ b/frontend/src/components/DeckList.vue
@@ -1,10 +1,12 @@
 <template>
-  <v-expansion-panel v-if="value">
-    <Deck v-for="deck in decks" :deck="deck" :key="deck.id" />
+  <v-expansion-panel v-if="linked_decks">
+    <Deck v-for="deck in linked_decks" :deck="deck" :key="deck.id" />
   </v-expansion-panel>
 </template>
 
 <script>
+import * as Cookies from 'js-cookie'
+import axios from '@/plugins/axios'
 import CardsDB from '@/plugins/ffdecks'
 
 import Deck from './Deck.vue'
@@ -12,20 +14,35 @@ import Deck from './Deck.vue'
 export default {
   name: 'DeckList',
 
-  props: {
-    value: Array
-  },
-
   components: {
     Deck
   },
 
+  asyncComputed: {
+    decks: {
+      get() {
+        return axios
+          .post('/decks/list', {
+            session: this.session
+          })
+          .then(response => {
+            if (response.data.success) {
+              return response.data.decks
+            }
+          })
+      },
+      default: []
+    }
+  },
+
   computed: {
-    decks() {
+    session: () => Cookies.get('session'),
+
+    linked_decks() {
       let result = []
 
-      for (let i = 0; i < this.value.length; i++) {
-        let elem = this.value[i]
+      for (let i = 0; i < this.decks.length; i++) {
+        let elem = this.decks[i]
         let cards = []
 
         for (let j = 0; j < elem.content.cards.length; j++) {
diff --git a/frontend/src/views/UserCP.vue b/frontend/src/views/UserCP.vue
index 3391c38..66bf983 100644
--- a/frontend/src/views/UserCP.vue
+++ b/frontend/src/views/UserCP.vue
@@ -5,7 +5,7 @@
     <template v-if="user">
       <p>user logged in: {{ user.login }}</p>
 
-      <DeckList v-model="decks" />
+      <DeckList />
 
       <v-btn @click.native="logout">Logout</v-btn>
     </template>
@@ -36,7 +36,7 @@ export default {
     logout() {
       axios
         .post('/user/logout', {
-          session: Cookies.get('session')
+          session: this.session
         })
         .then(response => {
           if (response.data.success) {
@@ -64,18 +64,6 @@ export default {
             return null
           }
         })
-    },
-
-    decks() {
-      return axios
-        .post('/decks/list', {
-          session: this.session
-        })
-        .then(response => {
-          if (response.data.success) {
-            return response.data.decks
-          }
-        })
     }
   }
 }