From 584526c1992024518988b6afbb440b6621909ceb Mon Sep 17 00:00:00 2001
From: ogerly <landmatrosen@googlemail.com>
Date: Thu, 25 Mar 2021 11:20:17 +0100
Subject: [PATCH] send form variable in store

---
 frontend/src/store/store.js                   |  3 +
 frontend/src/views/KontoOverview/GddSend.vue  | 65 ++++++++++---------
 .../src/views/KontoOverview/GddStatus.vue     |  2 +-
 frontend/src/views/KontoOverview/GddTable.vue |  2 +-
 4 files changed, 39 insertions(+), 33 deletions(-)

diff --git a/frontend/src/store/store.js b/frontend/src/store/store.js
index d8a474d40..01cc6ff10 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.js
@@ -13,6 +13,9 @@ export const store = new Vuex.Store({
     sizeDE: 'normal',
     sizeGB: 'big',
     loginfail: false,
+    row_form: true,
+    row_check: false,
+    row_thx: false,
     user: {
       name: '',
       balance: 0,
diff --git a/frontend/src/views/KontoOverview/GddSend.vue b/frontend/src/views/KontoOverview/GddSend.vue
index 732fef4ac..eb265aaaa 100644
--- a/frontend/src/views/KontoOverview/GddSend.vue
+++ b/frontend/src/views/KontoOverview/GddSend.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-row v-show="row_form">
+    <b-row v-show="$store.state.row_form">
       <b-col xl="12" md="12">
         <b-alert variant="warning" show dismissible>
           <strong>Achtung!</strong>
@@ -140,19 +140,7 @@
         </b-card>
       </b-col>
     </b-row>
-    <b-row v-show="row_thx">
-      <b-col>
-        <div class="display-1 p-4">
-          Danke
-          <hr />
-          Deine Zahlung wurde erfolgreich versendet.
-        </div>
-
-        <b-button variant="success" @click="onReset">schließen</b-button>
-        <hr />
-      </b-col>
-    </b-row>
-    <b-row v-show="row_check">
+    <b-row v-show="$store.state.row_check">
       <b-col>
         <div class="display-4 p-4">Bestätige deine Zahlung. Prüfe bitte nochmal alle Daten!</div>
 
@@ -177,7 +165,25 @@
             <b-badge variant="primary" pill>Datum</b-badge>
           </b-list-group-item>
         </b-list-group>
-        <b-button variant="success" @click="sendTransaction">jetzt versenden</b-button>
+        <hr>
+        <b-row>
+          <b-col><b-button  @click="onReset">abbrechen</b-button></b-col>
+          <b-col  class="text-right"><b-button variant="success" @click="sendTransaction">jetzt versenden</b-button></b-col>
+        </b-row>
+        
+         
+      </b-col>
+    </b-row>
+    <b-row v-show="$store.state.row_thx">
+      <b-col>
+        <div class="display-1 p-4">
+          Danke
+          <hr />
+          Deine Zahlung wurde erfolgreich versendet.
+        </div>
+
+        <b-button variant="success" @click="onReset">schließen</b-button>
+        <hr />
       </b-col>
     </b-row>
   </div>
@@ -204,10 +210,7 @@ export default {
         amount: '',
         memo: '',
       },
-      send: false,
-      row_form: true,
-      row_check: false,
-      row_thx: false,
+      send: false
     }
   },
   computed: {
@@ -228,9 +231,9 @@ export default {
       //console.log('qr-email', arr[0].email)
       //console.log('qr-amount', arr[0].amount)
 
-      this.row_form = false
-      this.row_check = true
-      this.row_thx = false
+      this.$store.state.row_form = false
+      this.$store.state.row_check = true
+      this.$store.state.row_thx = false
     },
     async onSubmit() {
       //event.preventDefault()
@@ -241,15 +244,15 @@ export default {
       this.$store.state.ajaxCreateData.memo = this.form.memo
       this.$store.state.ajaxCreateData.target_date = Date.now()
 
-      this.row_form = false
-      this.row_check = true
-      this.row_thx = false
+      this.$store.state.row_form = false
+      this.$store.state.row_check = true
+      this.$store.state.row_thx = false
     },
     sendTransaction() {
       this.$store.dispatch('ajaxCreate')
-      this.row_form = false
-      this.row_check = false
-      this.row_thx = true
+      this.$store.state.row_form = false
+      this.$store.state.row_check = false
+      this.$store.state.row_thx = true
     },
     onReset(event) {
       event.preventDefault()
@@ -259,9 +262,9 @@ export default {
       this.$nextTick(() => {
         this.show = true
       })
-      this.row_form = true
-      this.row_check = false
-      this.row_thx = false
+      this.$store.state.row_form = true
+      this.$store.state.row_check = false
+      this.$store.state.row_thx = false
     },
   },
 }
diff --git a/frontend/src/views/KontoOverview/GddStatus.vue b/frontend/src/views/KontoOverview/GddStatus.vue
index b76f80e4b..b22c273fc 100644
--- a/frontend/src/views/KontoOverview/GddStatus.vue
+++ b/frontend/src/views/KontoOverview/GddStatus.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-row>
+    <b-row v-show="$store.state.row_form">
       <b-col xl="6" md="6">
         <stats-card type="gradient-red" sub-title="balance_gdd" class="mb-4 h1">
           {{ $n($store.state.user.balance) }} GDD
diff --git a/frontend/src/views/KontoOverview/GddTable.vue b/frontend/src/views/KontoOverview/GddTable.vue
index 0c9471523..f6cd77b6a 100644
--- a/frontend/src/views/KontoOverview/GddTable.vue
+++ b/frontend/src/views/KontoOverview/GddTable.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <b-list-group>
+    <b-list-group v-show="$store.state.row_form">
       <b-list-group-item
         v-for="item in filteredItems"
         :key="item.id"