From 13ac14b4a998172b99c1e783e45a02b0efab83bd Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Tue, 30 Nov 2021 09:19:08 +0100
Subject: [PATCH] Confirm transaction, preview invoice inserted

---
 .../GddSend/TransactionConfirmation.vue       | 34 +++++++++++++++++--
 1 file changed, 32 insertions(+), 2 deletions(-)

diff --git a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
index b6025e8a7..5886c69c5 100644
--- a/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
+++ b/frontend/src/views/Pages/SendOverview/GddSend/TransactionConfirmation.vue
@@ -32,8 +32,33 @@
         </b-list-group>
       </b-col>
     </b-row>
-    {{transactions}}
-    <b-row>{{$n(balance, 'decimal')}}, {{ $n(decay, 'decimal') }}, {{ $n(amount, 'decimal') }}</b-row>
+    
+      <b-container class="bv-example-row mt-3 gray-background p-2">
+  <b-row>
+    <b-col></b-col>
+    <b-col>aktueller Kontostand</b-col>
+    <b-col>{{$n(balance, 'decimal')}}</b-col>
+  </b-row>
+  <b-row>
+    <b-col> </b-col>
+    <b-col>   <strong>Dein Betrag   </strong></b-col>
+    <b-col>   <strong>- {{$n(amount, 'decimal')}}   </strong></b-col>
+ 
+  </b-row>
+    <b-row >
+    <b-col> </b-col>
+    <b-col>Vergänglichkeit</b-col>
+    <b-col style="border-bottom: double;">- {{$n(decay, 'decimal')}}</b-col>
+  </b-row>
+   
+ 
+   <b-row>
+    <b-col></b-col>
+    <b-col>neuer Kontostand</b-col>
+    <b-col>~ {{$n(balance - amount - decay, 'decimal')}}</b-col>
+  </b-row>
+</b-container>
+    
     <b-row class="mt-4">
       <b-col>
         <b-button @click="$emit('on-reset')">{{ $t('form.cancel') }}</b-button>
@@ -59,6 +84,11 @@ export default {
       default: () => [],
     },
   },
+  data() {
+    return {
+      decay: this.transactions[0].balance,
+    }
+  },
 }
 </script>
 <style>