From 65fbc27bb3c2ee64a8ce97be72d44e02c415850c Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sun, 10 Apr 2022 10:32:08 +0200
Subject: [PATCH] add function showGdtBalance()

---
 frontend/src/pages/Transactions.vue | 21 ++++++++++++++++-----
 1 file changed, 16 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/Transactions.vue b/frontend/src/pages/Transactions.vue
index 9b2ad6fdf..b5604a714 100644
--- a/frontend/src/pages/Transactions.vue
+++ b/frontend/src/pages/Transactions.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="pb-4">
     <b-tabs content-class="" justified>
-      <b-tab :title="`Gradido  (${$n(balance, 'decimal')} GDD)`" class="px-4">
+      <b-tab
+        :title="`Gradido  (${$n(balance, 'decimal')} GDD)`"
+        class="px-4"
+        @click="showGdtBalance(false)"
+      >
         <p class="tab-tex">{{ $t('transaction.gdd-text') }}</p>
 
         <gdd-transaction-list
@@ -16,10 +20,7 @@
         />
       </b-tab>
 
-      <b-tab
-        :title="`Gradido Transform  (${GdtBalance === null ? '—' : $n(GdtBalance, 'decimal')} GDT)`"
-        class="px-4"
-      >
+      <b-tab :title="titel_gdt" class="px-4" @click="showGdtBalance(true)">
         <p class="">{{ $t('transaction.gdt-text') }}</p>
 
         <gdt-transaction-list />
@@ -50,12 +51,22 @@ export default {
   data() {
     return {
       timestamp: Date.now(),
+      titel_gdt: this.$t('gdt.gdt'),
     }
   },
   methods: {
     updateTransactions(pagination) {
       this.$emit('update-transactions', pagination)
     },
+    showGdtBalance(Boolean) {
+      if (Boolean) {
+        this.titel_gdt += `( ${
+          this.GdtBalance === null ? '—' : this.$n(this.GdtBalance, 'decimal')
+        } GDT)`
+      } else {
+        this.titel_gdt = this.$t('gdt.gdt')
+      }
+    },
   },
 }
 </script>