From 48be1b6cb6e092b7ceb040f06c3baf70241f311a Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 17:01:36 +0200
Subject: [PATCH 01/17] fixed bugs, step 1

---
 frontend/src/components/DecayInformation.vue  | 14 +++----
 frontend/src/locales/de.json                  | 13 ++++---
 frontend/src/locales/en.json                  |  9 +++--
 .../AccountOverview/GddTransactionList.vue    |  5 ++-
 .../AccountOverview/GdtTransactionList.vue    | 39 ++++++++++++-------
 5 files changed, 48 insertions(+), 32 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 81654be94..550fce3c3 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -10,7 +10,7 @@
           <div class="d-flex">
             <div style="width: 100%" class="text-center pb-3">
               <b-icon icon="droplet-half" height="12" class="mb-2" />
-              {{ $t('decay.calculation_decay') }}
+              <b>{{ $t('decay.calculation_decay') }}</b>
             </div>
           </div>
 
@@ -42,12 +42,12 @@
             <div style="width: 60%">
               <div v-if="decay.decay_start_block > 0">{{ $t('decay.since_introduction') }}</div>
               <span v-if="duration">
-                <b v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</b>
-                <b v-if="duration.months > 0">{{ duration.months }} {{ $t('decay.months') }},</b>
-                <b v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</b>
-                <b v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</b>
-                <b v-if="duration.minutes > 0">{{ duration.minutes }} {{ $t('decay.minutes') }},</b>
-                <b v-if="duration.seconds > 0">{{ duration.seconds }} {{ $t('decay.seconds') }}</b>
+                <span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span>
+                <span v-if="duration.months > 0">{{ duration.months }} {{ $t('decay.months') }},</span>
+                <span v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</span>
+                <span v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</span>
+                <span v-if="duration.minutes > 0">{{ duration.minutes }} {{ $t('decay.minutes') }},</span>
+                <span v-if="duration.seconds > 0">{{ duration.seconds }} {{ $t('decay.seconds') }}</span>
               </span>
             </div>
           </div>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index c4c47003d..8f65a5d56 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -33,11 +33,11 @@
     "hours":"Stunden",
     "minutes":"Minuten",
     "seconds":"Sekunden",
-    "received":"empfangen",
-    "sent":"gesendet",
-    "created":"geschöpft",
-    "fromCommunity":"Aus der Community",
-    "toCommunity":"An die Community"
+    "received":"Empfangen",
+    "sent":"Gesendet",
+    "created":"Geschöpft",
+    "fromCommunity":"Aus der Gemeinschaft",
+    "toCommunity":"An die Gemeinschaft"
   }, 
   "form": {
     "cancel": "Abbrechen",
@@ -175,6 +175,7 @@
      "conversion-gdt-euro":"Umrechnung Euro / Gradido Transform (GDT)",
      "calculation":"Berechnung der Gradido Transform",
      "conversion":"Umrechnung",
-     "formula":"Berechungsformel"
+     "formula":"Berechungsformel",
+     "no-transactions":"Du hast zur Zeit keine Transaktionen"
   }
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 41053d9d4..7cfffb8f4 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -33,9 +33,9 @@
     "hours": "Hours",
     "minutes": "Minutes",
     "seconds": "Seconds",
-    "received":"received",
-    "sent":"sent",
-    "created":"reated",
+    "received":"Received",
+    "sent":"Sent",
+    "created":"Created",
     "fromCommunity":"From the community",
     "toCommunity":"To the community"
   },
@@ -176,6 +176,7 @@
     "conversion-gdt-euro": "Conversion Euro / Gradido Transform (GDT)",
     "calculation": "Calculation of Gradido Transform",
     "conversion": "Conversion",
-    "formula": "Calculation formula"
+    "formula": "Calculation formula",
+    "no-transactions":"You currently have no transactions"
  }
 }
diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 237fcc7b0..76f372693 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -24,7 +24,10 @@
                 {{ $t('form.memo') }}
               </small>
             </div>
-            <div v-if="decay" class="text-sm">
+            <div  class="text-sm">
+           {{ $t('form.date') }}
+            </div>
+            <div v-if="decay" class="text-sm pt-2">
               <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
             </div>
           </div>
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index 9303bd837..36f52adde 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="gdt-transaction-list">
     <b-list-group>
+      <b-list-group-item v-if="transactionGdtCount === 0 ">{{ $t('gdt.no-transactions') }}</b-list-group-item>
       <b-list-group-item
         v-for="{
           id,
@@ -25,10 +26,13 @@
           <div class="font1_2em pr-2 text-right" style="width: 36%">
             <div>
               <div>
-                <span v-if="gdt_entry_type_id != 7">-</span>
-                {{ $n(amount, 'decimal') }}
+                <div v-if="gdt_entry_type_id === 7">{{ $n(gdt, 'decimal') }} </div>
+                <div v-else>{{ $n(amount, 'decimal') }} </div>
               </div>
-              <div v-if="gdt_entry_type_id != 7">+{{ $n(gdt, 'decimal') }}</div>
+               
+              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">{{ $n(gdt, 'decimal') }}</div>
+               
+              
             </div>
 
             <div v-if="comment">
@@ -39,14 +43,12 @@
             <div v-if="date" class="text-sm">
               {{ $t('form.date') }}
             </div>
-            <div v-if="gdt_entry_type_id != 7">
-              <small>{{ $t('gdt.factor') }}</small>
-            </div>
+           
           </div>
           <!-- Text Rechts -->
           <div class="font1_2em text-left pl-2" style="width: 55%">
             <div>
-              <div v-if="gdt_entry_type_id != 7">EURO</div>
+              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">EURO</div>
               <div>GDT</div>
             </div>
 
@@ -60,9 +62,7 @@
               {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
             </div>
 
-            <div v-if="gdt_entry_type_id != 7">
-              <small>{{ factor }}</small>
-            </div>
+           
           </div>
           <!-- Collaps Toggle Button -->
           <div v-if="gdt_entry_type_id" class="text-right" style="width: 5%">
@@ -75,16 +75,20 @@
         <!-- Collaps Start -->
         <b-collapse v-if="gdt_entry_type_id" :id="'a' + date + ''" class="pb-4">
           <b-list-group style="border: 0px; background-color: #f1f1f1">
-            <div v-if="gdt_entry_type_id != '7'" class="text-center pt-3">
+            
+            <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4" class="text-center pt-3">
               {{ $t('gdt.conversion-gdt-euro') }}
             </div>
+            <div v-else-if="gdt_entry_type_id === 4" class="text-center pt-3">
+              Dein geworbenes Mitglied hat gespendet.  
+            </div>
             <div v-else class="text-center pt-3">
               {{ $t('gdt.calculation') }}
             </div>
 
             <!--EURO / GDT -->
             <b-list-group-item
-              v-if="gdt_entry_type_id != '7'"
+              v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4"
               style="border: 0px; background-color: #f1f1f1"
             >
               <div class="d-flex">
@@ -94,16 +98,23 @@
                 </div>
                 <div style="width: 60%">
                   <div>{{ factor }}</div>
-                  <div>{{ amount }} € ⊢ {{ gdt }} GDT</div>
+                  <div>{{ amount }} € * {{factor}} = {{ $n(gdt, 'decimal') }} GDT</div>
                 </div>
               </div>
             </b-list-group-item>
+            
+            <b-list-group-item
+              v-else-if="gdt_entry_type_id === 4"
+              style="border: 0px; background-color: #f1f1f1"
+            >
+              
+            </b-list-group-item>
 
             <!-- Only GDT -->
             <b-list-group-item v-else style="border: 0px; background-color: #f1f1f1">
               <div class="d-flex">
                 <div style="width: 40%" class="text-right pr-3 mr-2">{{ $t('gdt.formula') }}:</div>
-                <div style="width: 60%">{{ amount }} GDT * {{ factor }} = {{ gdt }}</div>
+                <div style="width: 60%">{{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}</div>
               </div>
             </b-list-group-item>
           </b-list-group>

From d3b14273e9fb9b9147489ba63d0483e441b94285 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 17:13:40 +0200
Subject: [PATCH 02/17] step2

---
 frontend/src/components/DecayInformation.vue  | 12 +++++--
 frontend/src/locales/de.json                  |  3 +-
 frontend/src/locales/en.json                  |  3 +-
 .../AccountOverview/GddTransactionList.vue    |  4 +--
 .../AccountOverview/GdtTransactionList.vue    | 34 +++++++++----------
 5 files changed, 31 insertions(+), 25 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 550fce3c3..8dd232994 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -43,11 +43,17 @@
               <div v-if="decay.decay_start_block > 0">{{ $t('decay.since_introduction') }}</div>
               <span v-if="duration">
                 <span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span>
-                <span v-if="duration.months > 0">{{ duration.months }} {{ $t('decay.months') }},</span>
+                <span v-if="duration.months > 0">
+                  {{ duration.months }} {{ $t('decay.months') }},
+                </span>
                 <span v-if="duration.days > 0">{{ duration.days }} {{ $t('decay.days') }},</span>
                 <span v-if="duration.hours > 0">{{ duration.hours }} {{ $t('decay.hours') }},</span>
-                <span v-if="duration.minutes > 0">{{ duration.minutes }} {{ $t('decay.minutes') }},</span>
-                <span v-if="duration.seconds > 0">{{ duration.seconds }} {{ $t('decay.seconds') }}</span>
+                <span v-if="duration.minutes > 0">
+                  {{ duration.minutes }} {{ $t('decay.minutes') }},
+                </span>
+                <span v-if="duration.seconds > 0">
+                  {{ duration.seconds }} {{ $t('decay.seconds') }}
+                </span>
               </span>
             </div>
           </div>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 8f65a5d56..184a8cddf 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -176,6 +176,7 @@
      "calculation":"Berechnung der Gradido Transform",
      "conversion":"Umrechnung",
      "formula":"Berechungsformel",
-     "no-transactions":"Du hast zur Zeit keine Transaktionen"
+     "no-transactions":"Du hast zur Zeit keine Transaktionen",
+     "publisher":"Dein geworbenes Mitglied hat gespendet."
   }
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 7cfffb8f4..96a9ec8f3 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -177,6 +177,7 @@
     "calculation": "Calculation of Gradido Transform",
     "conversion": "Conversion",
     "formula": "Calculation formula",
-    "no-transactions":"You currently have no transactions"
+    "no-transactions":"You currently have no transactions",
+    "publisher":"Your recruited member has donated."
  }
 }
diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 76f372693..82646c943 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -24,8 +24,8 @@
                 {{ $t('form.memo') }}
               </small>
             </div>
-            <div  class="text-sm">
-           {{ $t('form.date') }}
+            <div class="text-sm">
+              {{ $t('form.date') }}
             </div>
             <div v-if="decay" class="text-sm pt-2">
               <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index 36f52adde..5fdbe2ce2 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="gdt-transaction-list">
     <b-list-group>
-      <b-list-group-item v-if="transactionGdtCount === 0 ">{{ $t('gdt.no-transactions') }}</b-list-group-item>
+      <b-list-group-item v-if="transactionGdtCount === 0">
+        {{ $t('gdt.no-transactions') }}
+      </b-list-group-item>
       <b-list-group-item
         v-for="{
           id,
@@ -26,13 +28,13 @@
           <div class="font1_2em pr-2 text-right" style="width: 36%">
             <div>
               <div>
-                <div v-if="gdt_entry_type_id === 7">{{ $n(gdt, 'decimal') }} </div>
-                <div v-else>{{ $n(amount, 'decimal') }} </div>
+                <div v-if="gdt_entry_type_id === 7">{{ $n(gdt, 'decimal') }}</div>
+                <div v-else>{{ $n(amount, 'decimal') }}</div>
+              </div>
+
+              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">
+                {{ $n(gdt, 'decimal') }}
               </div>
-               
-              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">{{ $n(gdt, 'decimal') }}</div>
-               
-              
             </div>
 
             <div v-if="comment">
@@ -43,7 +45,6 @@
             <div v-if="date" class="text-sm">
               {{ $t('form.date') }}
             </div>
-           
           </div>
           <!-- Text Rechts -->
           <div class="font1_2em text-left pl-2" style="width: 55%">
@@ -61,8 +62,6 @@
             <div v-if="date" class="text-sm">
               {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
             </div>
-
-           
           </div>
           <!-- Collaps Toggle Button -->
           <div v-if="gdt_entry_type_id" class="text-right" style="width: 5%">
@@ -75,12 +74,11 @@
         <!-- Collaps Start -->
         <b-collapse v-if="gdt_entry_type_id" :id="'a' + date + ''" class="pb-4">
           <b-list-group style="border: 0px; background-color: #f1f1f1">
-            
             <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4" class="text-center pt-3">
               {{ $t('gdt.conversion-gdt-euro') }}
             </div>
             <div v-else-if="gdt_entry_type_id === 4" class="text-center pt-3">
-              Dein geworbenes Mitglied hat gespendet.  
+              {{ $t('gdt.publisher') }}
             </div>
             <div v-else class="text-center pt-3">
               {{ $t('gdt.calculation') }}
@@ -98,23 +96,23 @@
                 </div>
                 <div style="width: 60%">
                   <div>{{ factor }}</div>
-                  <div>{{ amount }} € * {{factor}} = {{ $n(gdt, 'decimal') }} GDT</div>
+                  <div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
                 </div>
               </div>
             </b-list-group-item>
-            
+
             <b-list-group-item
               v-else-if="gdt_entry_type_id === 4"
               style="border: 0px; background-color: #f1f1f1"
-            >
-              
-            </b-list-group-item>
+            ></b-list-group-item>
 
             <!-- Only GDT -->
             <b-list-group-item v-else style="border: 0px; background-color: #f1f1f1">
               <div class="d-flex">
                 <div style="width: 40%" class="text-right pr-3 mr-2">{{ $t('gdt.formula') }}:</div>
-                <div style="width: 60%">{{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}</div>
+                <div style="width: 60%">
+                  {{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
+                </div>
               </div>
             </b-list-group-item>
           </b-list-group>

From f6006cae35ed91305d679db78f888b47cca79b10 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 17:28:20 +0200
Subject: [PATCH 03/17] step3

---
 .../src/views/Pages/AccountOverview/GdtTransactionList.vue   | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index 5fdbe2ce2..9bc749713 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -155,4 +155,9 @@ export default {
   padding-left: 0px;
   padding-right: 0px;
 }
+
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  background-color: #f8f9fe38;
+}
 </style>

From 8e1014af7e89daaaeccd756c68e2478bfbe06a8c Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 17:54:40 +0200
Subject: [PATCH 04/17] step4

---
 .../views/Pages/AccountOverview/GddTransactionList.spec.js  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
index 1c71b7f6c..fd5b5e1cc 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
@@ -119,15 +119,15 @@ describe('GddTransactionList', () => {
         })
 
         it('shows the message of the transaction', () => {
-          expect(transaction.findAll('div').at(5).text()).toContain('Alles Gute zum Geburtstag')
+          expect(transaction.findAll('div').at(4).text()).toContain('Alles Gute zum Geburtstag')
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(8).text()).toContain('Tue May 25 2021')
+          expect(transaction.findAll('div').at(9).text()).toContain('Tue May 25 2021')
         })
 
         it('shows the decay calculation', () => {
-          expect(transaction.findAll('div').at(9).text()).toContain('-0.5')
+          expect(transaction.findAll('div').at(10).text()).toContain('-0.5')
         })
       })
 

From f8b0505833fc5d508865ce87cd51c413220bf7c0 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Wed, 11 Aug 2021 18:06:57 +0200
Subject: [PATCH 05/17] fix test

---
 .../AccountOverview/GddTransactionList.spec.js     | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
index fd5b5e1cc..ece54cfb6 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
@@ -119,7 +119,7 @@ describe('GddTransactionList', () => {
         })
 
         it('shows the message of the transaction', () => {
-          expect(transaction.findAll('div').at(4).text()).toContain('Alles Gute zum Geburtstag')
+          expect(transaction.findAll('div').at(6).text()).toContain('Alles Gute zum Geburtstag')
         })
 
         it('shows the date of the transaction', () => {
@@ -154,11 +154,11 @@ describe('GddTransactionList', () => {
         })
 
         it('shows the name of the receiver', () => {
-          expect(transaction.findAll('div').at(3).text()).toContain('Gradido Akademie')
+          expect(transaction.findAll('div').at(5).text()).toContain('Gradido Akademie')
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(3).text()).toContain('Thu Apr 29 2021')
+          expect(transaction.findAll('div').at(7).text()).toContain('Thu Apr 29 2021')
         })
       })
 
@@ -185,15 +185,15 @@ describe('GddTransactionList', () => {
         })
 
         it('shows the message of the transaction', () => {
-          expect(transaction.findAll('div').at(5).text()).toContain('Für das Fahrrad!')
+          expect(transaction.findAll('div').at(8).text()).toContain('Für das Fahrrad!')
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(8).text()).toContain('Thu Apr 29 2021')
+          expect(transaction.findAll('div').at(9).text()).toContain('Thu Apr 29 2021')
         })
 
         it('shows the decay calculation', () => {
-          expect(transaction.findAll('div').at(9).text()).toContain('-1.5')
+          expect(transaction.findAll('div').at(10).text()).toContain('-1.5')
         })
       })
 
@@ -220,7 +220,7 @@ describe('GddTransactionList', () => {
         })
 
         it('shows the name of the receiver', () => {
-          expect(transaction.findAll('div').at(3).text()).toBe('decay.decay_since_last_transaction')
+          expect(transaction.findAll('div').at(4).text()).toBe('decay.decay_since_last_transaction')
         })
       })
     })

From e354e5beb1aae0014cf3421c55ac1bf7f52984a9 Mon Sep 17 00:00:00 2001
From: Bernd Hueckstaedt <akademie@gradido.net>
Date: Wed, 11 Aug 2021 18:53:11 +0200
Subject: [PATCH 06/17] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 4fc629227..a3dc7b746 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 Healthy money for a healthy world
 
-![logo](https://gradido.net/wp-content/uploads/2020/07/gradido_logo_web.png)
+![logo](https://gradido.net/wp-content/uploads/2021/06/gradido_logo%E2%97%8Fpreview.png)
 
 The Gradido model can create global prosperity and peace
 The Corona crisis has fundamentally changed our world within a very short time.
@@ -39,4 +39,4 @@ git submodule update --recursive --init
 ## Useful Links
 
 - [Gradido.net](https://gradido.net/)
-- [Discord](https://discord.gg/kA3zBAKQDC)
\ No newline at end of file
+- [Discord](https://discord.gg/kA3zBAKQDC)

From f6af2fdee14a4252cfca4c06c66ced847d703430 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 20:17:59 +0200
Subject: [PATCH 07/17] gdt transaction lust to ROW and COL

---
 frontend/src/locales/de.json                  |   5 +-
 frontend/src/locales/en.json                  |   5 +-
 .../AccountOverview/GdtTransactionList.vue    | 201 +++++++++---------
 3 files changed, 114 insertions(+), 97 deletions(-)

diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 184a8cddf..e497f86f3 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -177,6 +177,9 @@
      "conversion":"Umrechnung",
      "formula":"Berechungsformel",
      "no-transactions":"Du hast zur Zeit keine Transaktionen",
-     "publisher":"Dein geworbenes Mitglied hat gespendet."
+     "publisher":"Dein geworbenes Mitglied hat gespendet.",
+     "gdt-receive":"GDT erhalten",
+     "your-share":"Dein Anteil",
+     "donation":"Spende"
   }
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 96a9ec8f3..42949c96a 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -178,6 +178,9 @@
     "conversion": "Conversion",
     "formula": "Calculation formula",
     "no-transactions":"You currently have no transactions",
-    "publisher":"Your recruited member has donated."
+    "publisher":"Your recruited member has donated.",
+    "gdt-receive":"GDT receive",
+    "your-share":"Your share",
+    "donation":"Donation"
  }
 }
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index 9bc749713..c26bf30bc 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -1,10 +1,10 @@
 <template>
   <div class="gdt-transaction-list">
-    <b-list-group>
-      <b-list-group-item v-if="transactionGdtCount === 0">
+    <div class="list-group">
+      <div v-if="transactionGdtCount === 0">
         {{ $t('gdt.no-transactions') }}
-      </b-list-group-item>
-      <b-list-group-item
+      </div>
+      <div
         v-for="{
           id,
           amount,
@@ -20,106 +20,117 @@
         } in this.transactionsGdt"
         :key="id"
       >
-        <!-- ROW Start -->
-        <div class="d-flex gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
-          <!-- ICON -->
-          <div style="width: 8%"></div>
-          <!-- Text Links -->
-          <div class="font1_2em pr-2 text-right" style="width: 36%">
-            <div>
-              <div>
-                <div v-if="gdt_entry_type_id === 7">{{ $n(gdt, 'decimal') }}</div>
-                <div v-else>{{ $n(amount, 'decimal') }}</div>
-              </div>
-
-              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">
-                {{ $n(gdt, 'decimal') }}
-              </div>
-            </div>
-
-            <div v-if="comment">
-              <small>
-                {{ $t('form.memo') }}
-              </small>
-            </div>
-            <div v-if="date" class="text-sm">
-              {{ $t('form.date') }}
-            </div>
-          </div>
-          <!-- Text Rechts -->
-          <div class="font1_2em text-left pl-2" style="width: 55%">
-            <div>
-              <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4">EURO</div>
-              <div>GDT</div>
-            </div>
-
-            <div v-if="comment">
-              <small>
-                {{ comment }}
-              </small>
-            </div>
-
-            <div v-if="date" class="text-sm">
-              {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
-            </div>
-          </div>
-          <!-- Collaps Toggle Button -->
-          <div v-if="gdt_entry_type_id" class="text-right" style="width: 5%">
+        <!-- Betrag -->
+        <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
+          <div v-if="type != 'decay'" class="text-right" style="width: 96%; position: absolute">
             <b-button class="btn-sm">
               <b>i</b>
             </b-button>
           </div>
+          <!-- 7 nur GDT erhalten -->
+          <b-row v-if="gdt_entry_type_id === 7">
+            <div class="col-6 text-right">
+              <div>{{ $t('gdt.gdt-receive') }}</div>
+              <div>{{ $n(gdt, 'decimal') }}</div>
+            </div>
+            <div class="col-6">
+              <div>---</div>
+              <div>GDT</div>
+            </div>
+          </b-row>
+          <!--4 publisher -->
+          <b-row v-else-if="gdt_entry_type_id === 4">
+            <div class="col-6 text-right">
+              <div>{{ $t('gdt.your-share') }}</div>
+              <div>{{ $n(amount, 'decimal') }}</div>
+            </div>
+            <div class="col-6">
+              <div>5%</div>
+              <div>GDT</div>
+            </div>
+          </b-row>
+          <!-- 1, 2, 3, 5, 6 spenden in euro -->
+          <b-row v-else>
+            <div class="col-6 text-right">
+              <div>{{ $t('gdt.donation') }}</div>
+              <div>{{ $n(amount, 'decimal') }}</div>
+              <div>{{ $n(gdt, 'decimal') }}</div>
+            </div>
+            <div class="col-6">
+              <div>---</div>
+              <div>EURO</div>
+              <div>GDT</div>
+            </div>
+          </b-row>
+
+          <!-- Betrag ENDE-->
+
+          <!-- Nachricht-->
+          <b-row v-if="comment">
+            <div class="col-6 text-right">
+              {{ $t('form.memo') }}
+            </div>
+            <div class="col-6">
+              {{ comment }}
+            </div>
+          </b-row>
+
+          <!-- Datum-->
+          <b-row v-if="date" class="gdt-list-row text-header">
+            <div class="col-6 text-right">
+              {{ $t('form.date') }}
+            </div>
+            <div class="col-6">
+              {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
+            </div>
+          </b-row>
         </div>
-        <!-- ROW End -->
-        <!-- Collaps Start -->
+
+        <!--     Collaps START    -->
+
         <b-collapse v-if="gdt_entry_type_id" :id="'a' + date + ''" class="pb-4">
-          <b-list-group style="border: 0px; background-color: #f1f1f1">
-            <div v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4" class="text-center pt-3">
-              {{ $t('gdt.conversion-gdt-euro') }}
-            </div>
-            <div v-else-if="gdt_entry_type_id === 4" class="text-center pt-3">
-              {{ $t('gdt.publisher') }}
-            </div>
-            <div v-else class="text-center pt-3">
-              {{ $t('gdt.calculation') }}
-            </div>
-
-            <!--EURO / GDT -->
-            <b-list-group-item
-              v-if="gdt_entry_type_id !== 7 && gdt_entry_type_id !== 4"
-              style="border: 0px; background-color: #f1f1f1"
-            >
-              <div class="d-flex">
-                <div style="width: 40%" class="text-right pr-3 mr-2">
-                  <div>{{ $t('gdt.factor') }}</div>
-                  <div>{{ $t('gdt.conversion') }}</div>
-                </div>
-                <div style="width: 60%">
-                  <div>{{ factor }}</div>
-                  <div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
-                </div>
+          <div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
+            <!-- Überschrift -->
+            <b-row class="gdt-list-clooaps-header-text text-center pb-3">
+              <div class="col h4" v-if="gdt_entry_type_id === 7">
+                {{ $t('gdt.conversion-gdt-euro') }}
               </div>
-            </b-list-group-item>
-
-            <b-list-group-item
-              v-else-if="gdt_entry_type_id === 4"
-              style="border: 0px; background-color: #f1f1f1"
-            ></b-list-group-item>
-
-            <!-- Only GDT -->
-            <b-list-group-item v-else style="border: 0px; background-color: #f1f1f1">
-              <div class="d-flex">
-                <div style="width: 40%" class="text-right pr-3 mr-2">{{ $t('gdt.formula') }}:</div>
-                <div style="width: 60%">
-                  {{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
-                </div>
+              <div class="col h4" v-else-if="gdt_entry_type_id === 4">
+                {{ $t('gdt.publisher') }}
               </div>
-            </b-list-group-item>
-          </b-list-group>
+              <div class="col h4" v-else>{{ $t('gdt.calculation') }}</div>
+            </b-row>
+
+            <!-- 7 nur GDT erhalten -->
+            <b-row class="gdt-list-clooaps-box-7" v-if="gdt_entry_type_id == 7">
+              <div class="col-6 text-right clooaps-col-left">
+                <div>{{ $t('gdt.factor') }}</div>
+                <div>{{ $t('gdt.conversion') }}</div>
+              </div>
+              <div class="col-6 clooaps-col-right">
+                <div>{{ factor }}</div>
+                <div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
+              </div>
+            </b-row>
+            <!-- 4 publisher -->
+            <b-row class="gdt-list-clooaps-box-4" v-else-if="gdt_entry_type_id === 4">
+              <div class="col-6 text-right clooaps-col-left"></div>
+              <div class="col-6 clooaps-col-right"></div>
+            </b-row>
+
+            <!-- 1, 2, 3, 5, 6 spenden in euro -->
+            <b-row class="gdt-list-clooaps-box--all" v-else>
+              <div class="col-6 text-right clooaps-col-left">{{ $t('gdt.formula') }}:</div>
+              <div class="col-6 clooaps-col-right">
+                {{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
+              </div>
+            </b-row>
+          </div>
         </b-collapse>
-        <!-- Collaps End -->
-      </b-list-group-item>
-    </b-list-group>
+
+        <!--     Collaps ENDE    -->
+      </div>
+    </div>
   </div>
 </template>
 

From 31b1dfb14ed43ce0725f9f4acda357ec43c623f8 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 11 Aug 2021 22:23:51 +0200
Subject: [PATCH 08/17] gdd transaction list change to row col system

---
 .../AccountOverview/GddTransactionList.vue    | 126 ++++++++----------
 .../AccountOverview/GdtTransactionList.vue    |   7 +-
 2 files changed, 63 insertions(+), 70 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 82646c943..4058d6446 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -1,82 +1,72 @@
 <template>
   <div class="gdd-transaction-list">
-    <b-list-group>
-      <b-list-group-item
+    <div class="list-group">
+      <div
         v-for="{ decay, transaction_id, type, date, balance, name, memo } in transactions"
         :key="transaction_id"
+        class="list-group-item gdd-transaction-list-item"
+        v-b-toggle="'a' + date + ''"
         :style="type === 'decay' ? 'background-color:#f1e0ae3d' : ''"
       >
-        <!-- ROW Start -->
-        <div class="d-flex gdd-transaction-list-item" v-b-toggle="'a' + date + ''">
-          <!-- ICON -->
-          <div style="width: 8%">
+        <!-- Collaps Button  -->
+        <div v-if="type != 'decay'" class="text-right" style="width: 95%; position: absolute">
+          <b-button class="btn-sm">
+            <b>i</b>
+          </b-button>
+        </div>
+
+        <b-row>
+          <!-- ICON  -->
+          <div class="col-1">
             <b-icon :icon="getProperties(type).icon" :class="getProperties(type).class" />
           </div>
-          <!-- Text Links -->
-          <div class="font1_2em pr-2 text-right" style="width: 32%">
-            <span>{{ getProperties(type).operator }}</span>
 
-            <small v-if="type === 'decay'">{{ $n(balance, 'decimal') }}</small>
-
-            <span v-else>{{ $n(balance, 'decimal') }}</span>
-            <div v-if="type !== 'decay' && type !== 'creation'">
-              <small>
-                {{ $t('form.memo') }}
-              </small>
-            </div>
-            <div class="text-sm">
-              {{ $t('form.date') }}
-            </div>
-            <div v-if="decay" class="text-sm pt-2">
-              <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
-            </div>
-          </div>
-          <!-- Text Rechts -->
-          <div class="font1_2em text-left pl-2" style="width: 55%">
-            <div>{{ name ? name : '' }}</div>
-            <div>
-              <small>
-                {{ memo }}
-              </small>
-            </div>
-            <span v-if="type === 'decay'">
-              <small>{{ $t('decay.decay_since_last_transaction') }}</small>
-            </span>
-            <div v-if="date" class="text-sm">
-              {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
-            </div>
-            <decay-information v-if="decay" decaytyp="short" :decay="decay" />
-          </div>
-          <!-- Collaps Toggle Button -->
-          <div v-if="type != 'decay'" class="text-right" style="width: 5%">
-            <b-button class="btn-sm">
-              <b>i</b>
-            </b-button>
-          </div>
-        </div>
-        <!-- ROW End -->
-        <!-- Collaps Start -->
-        <b-collapse v-if="type != 'decay'" :id="'a' + date + ''">
-          <b-list-group>
-            <b-list-group-item style="border: 0px; background-color: #f1f1f1">
-              <div class="d-flex">
-                <div style="width: 40%" class="text-right pr-3 mr-2">
-                  <div v-if="type === 'send'">{{ $t('decay.sent') }}</div>
-                  <div v-if="type === 'creation'">{{ $t('decay.created') }}</div>
-                  <div v-if="type === 'receive'">{{ $t('decay.received') }}</div>
-                </div>
-                <div style="width: 60%">
-                  <div v-if="type === 'send'">{{ $t('decay.toCommunity') }}</div>
-                  <div v-if="type === 'creation'">{{ $t('decay.fromCommunity') }}</div>
-                  <div v-if="type === 'receive'">{{ $t('decay.fromCommunity') }}</div>
-                </div>
+          <!-- Erklärung Links -->
+          <div class="col col-11">
+            <!-- Betrag / Name Email -->
+            <b-row>
+              <div class="col-5 text-right">{{ $n(balance, 'decimal') }}</div>
+              <div class="col-7">
+                {{ type !== 'decay' ? name : $t('decay.decay_since_last_transaction') }}
               </div>
-            </b-list-group-item>
-          </b-list-group>
-          <decay-information v-if="decay" decaytyp="new" :decay="decay" />
+            </b-row>
+
+            <!-- Nachricht -->
+            <b-row v-if="type !== 'decay' && type !== 'creation'">
+              <div class="col-5 text-right">{{ $t('form.memo') }}</div>
+              <div class="col-7">{{ memo }}</div>
+            </b-row>
+
+            <!-- Datum -->
+            <b-row v-if="type !== 'decay' && type !== 'creation'">
+              <div class="col-5 text-right">{{ $t('form.date') }}</div>
+              <div class="col-7">
+                {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
+              </div>
+            </b-row>
+
+            <!-- Decay -->
+            <b-row v-if="decay">
+              <div class="col-5 text-right">
+                <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
+              </div>
+              <div class="col-7">
+                <decay-information v-if="decay" decaytyp="short" :decay="decay" />
+              </div>
+            </b-row>
+          </div>
+        </b-row>
+
+        <!-- Collaps Start -->
+
+        <b-collapse v-if="type != 'decay'" class="pb-4" :id="'a' + date + ''">
+          <div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
+            <decay-information v-if="decay" decaytyp="new" :decay="decay" />
+          </div>
         </b-collapse>
+
         <!-- Collaps End -->
-      </b-list-group-item>
+      </div>
       <pagination-buttons
         v-if="showPagination && transactionCount > pageSize"
         :has-next="hasNext"
@@ -89,7 +79,7 @@
       <div v-if="transactions.length === 0" class="mt-4 text-center">
         <span>{{ $t('transaction.nullTransactions') }}</span>
       </div>
-    </b-list-group>
+    </div>
   </div>
 </template>
 
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index c26bf30bc..760ece646 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -20,13 +20,16 @@
         } in this.transactionsGdt"
         :key="id"
       >
-        <!-- Betrag -->
         <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
-          <div v-if="type != 'decay'" class="text-right" style="width: 96%; position: absolute">
+          <!-- Collaps Button  -->
+          <div class="text-right" style="width: 96%; position: absolute">
             <b-button class="btn-sm">
               <b>i</b>
             </b-button>
           </div>
+
+          <!-- Betrag -->
+
           <!-- 7 nur GDT erhalten -->
           <b-row v-if="gdt_entry_type_id === 7">
             <div class="col-6 text-right">

From 5caee9e9fcc9f907104829a5c7e4ff77ade326d6 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 08:52:04 +0200
Subject: [PATCH 09/17] fix change gddTransactionList.vue to row & col fixed,
 yarn test fixed

---
 .../GddTransactionList.spec.js                |  90 +++++++++----
 .../AccountOverview/GddTransactionList.vue    | 122 +++++++++---------
 2 files changed, 129 insertions(+), 83 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
index ece54cfb6..5af115546 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.spec.js
@@ -106,28 +106,40 @@ describe('GddTransactionList', () => {
           expect(transaction.find('svg').classes()).toContain('text-danger')
         })
 
-        it('shows the amount of transaction', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('19.93')
+        it('has a minus operator', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-operator').at(0).text()).toContain(
+            '-',
+          )
         })
 
-        it('has a minus operator', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('-')
+        it('shows the amount of transaction', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-amount').at(0).text()).toContain(
+            '19.93',
+          )
         })
 
         it('shows the name of the receiver', () => {
-          expect(transaction.findAll('div').at(0).text()).toContain('Bob der Baumeister')
+          expect(transaction.findAll('.gdd-transaction-list-item-name').at(0).text()).toContain(
+            'Bob der Baumeister',
+          )
         })
 
         it('shows the message of the transaction', () => {
-          expect(transaction.findAll('div').at(6).text()).toContain('Alles Gute zum Geburtstag')
+          expect(transaction.findAll('.gdd-transaction-list-message').at(0).text()).toContain(
+            'Alles Gute zum Geburtstag',
+          )
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(9).text()).toContain('Tue May 25 2021')
+          expect(transaction.findAll('.gdd-transaction-list-item-date').at(0).text()).toContain(
+            'Tue May 25 2021',
+          )
         })
 
         it('shows the decay calculation', () => {
-          expect(transaction.findAll('div').at(10).text()).toContain('-0.5')
+          expect(transaction.findAll('div.gdd-transaction-list-item-decay').at(0).text()).toContain(
+            '-0.5',
+          )
         })
       })
 
@@ -145,20 +157,28 @@ describe('GddTransactionList', () => {
           expect(transaction.find('svg').classes()).toContain('gradido-global-color-accent')
         })
 
-        it('shows the amount of transaction', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('1000')
+        it('has a plus operator', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-operator').at(0).text()).toContain(
+            '+',
+          )
         })
 
-        it('has a plus operator', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('+')
+        it('shows the amount of transaction', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-amount').at(0).text()).toContain(
+            '1000',
+          )
         })
 
         it('shows the name of the receiver', () => {
-          expect(transaction.findAll('div').at(5).text()).toContain('Gradido Akademie')
+          expect(transaction.findAll('.gdd-transaction-list-item-name').at(0).text()).toContain(
+            'Gradido Akademie',
+          )
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(7).text()).toContain('Thu Apr 29 2021')
+          expect(transaction.findAll('.gdd-transaction-list-item-date').at(0).text()).toContain(
+            'Thu Apr 29 2021',
+          )
         })
       })
 
@@ -176,24 +196,40 @@ describe('GddTransactionList', () => {
           expect(transaction.find('svg').classes()).toContain('gradido-global-color-accent')
         })
 
+        it('has a plus operator', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-operator').at(0).text()).toContain(
+            '+',
+          )
+        })
+
         it('shows the amount of transaction', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('+ 314.98')
+          expect(transaction.findAll('.gdd-transaction-list-item-amount').at(0).text()).toContain(
+            '314.98',
+          )
         })
 
         it('shows the name of the recipient', () => {
-          expect(transaction.findAll('div').at(0).text()).toContain('Jan Ulrich')
+          expect(transaction.findAll('.gdd-transaction-list-item-name').at(0).text()).toContain(
+            'Jan Ulrich',
+          )
         })
 
         it('shows the message of the transaction', () => {
-          expect(transaction.findAll('div').at(8).text()).toContain('Für das Fahrrad!')
+          expect(transaction.findAll('.gdd-transaction-list-message').at(0).text()).toContain(
+            'Für das Fahrrad!',
+          )
         })
 
         it('shows the date of the transaction', () => {
-          expect(transaction.findAll('div').at(9).text()).toContain('Thu Apr 29 2021')
+          expect(transaction.findAll('.gdd-transaction-list-item-date').at(0).text()).toContain(
+            'Thu Apr 29 2021',
+          )
         })
 
         it('shows the decay calculation', () => {
-          expect(transaction.findAll('div').at(10).text()).toContain('-1.5')
+          expect(transaction.findAll('.gdd-transaction-list-item-decay').at(0).text()).toContain(
+            '-1.5',
+          )
         })
       })
 
@@ -211,16 +247,22 @@ describe('GddTransactionList', () => {
           expect(transaction.find('svg').classes()).toContain('gradido-global-color-gray')
         })
 
-        it('shows the amount of transaction', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('1.07')
+        it('has a minus operator', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-operator').at(0).text()).toContain(
+            '-',
+          )
         })
 
-        it('has a minus operator', () => {
-          expect(transaction.findAll('div').at(2).text()).toContain('-')
+        it('shows the amount of transaction', () => {
+          expect(transaction.findAll('.gdd-transaction-list-item-amount').at(0).text()).toContain(
+            '1.07',
+          )
         })
 
         it('shows the name of the receiver', () => {
-          expect(transaction.findAll('div').at(4).text()).toBe('decay.decay_since_last_transaction')
+          expect(transaction.findAll('.gdd-transaction-list-item-name').at(0).text()).toBe(
+            'decay.decay_since_last_transaction',
+          )
         })
       })
     })
diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 4058d6446..7fcedb571 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -4,68 +4,72 @@
       <div
         v-for="{ decay, transaction_id, type, date, balance, name, memo } in transactions"
         :key="transaction_id"
-        class="list-group-item gdd-transaction-list-item"
-        v-b-toggle="'a' + date + ''"
         :style="type === 'decay' ? 'background-color:#f1e0ae3d' : ''"
       >
-        <!-- Collaps Button  -->
-        <div v-if="type != 'decay'" class="text-right" style="width: 95%; position: absolute">
-          <b-button class="btn-sm">
-            <b>i</b>
-          </b-button>
+        <div class="list-group-item gdd-transaction-list-item" v-b-toggle="'a' + date + ''">
+          <!-- Collaps Button  -->
+          <div v-if="type != 'decay'" class="text-right" style="width: 95%; position: absolute">
+            <b-button class="btn-sm">
+              <b>i</b>
+            </b-button>
+          </div>
+
+          <b-row>
+            <!-- ICON  -->
+            <div class="col-1 gdd-transaction-list-item-icon">
+              <b-icon :icon="getProperties(type).icon" :class="getProperties(type).class" />
+            </div>
+
+            <div class="col col-11">
+              <!-- Betrag / Name Email -->
+              <b-row>
+                <div class="col-5 text-right">
+                  <span class="gdd-transaction-list-item-operator">
+                    {{ getProperties(type).operator }}
+                  </span>
+                  <span class="gdd-transaction-list-item-amount">{{ $n(balance, 'decimal') }}</span>
+                </div>
+                <div class="col-7 gdd-transaction-list-item-name">
+                  {{ type !== 'decay' ? name : $t('decay.decay_since_last_transaction') }}
+                </div>
+              </b-row>
+
+              <!-- Nachricht -->
+              <b-row v-if="type !== 'decay'">
+                <div class="col-5 text-right">{{ $t('form.memo') }}</div>
+                <div class="col-7 gdd-transaction-list-message">{{ memo }}</div>
+              </b-row>
+
+              <!-- Datum -->
+              <b-row v-if="type !== 'decay'">
+                <div class="col-5 text-right">{{ $t('form.date') }}</div>
+                <div class="col-7 gdd-transaction-list-item-date">
+                  {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
+                </div>
+              </b-row>
+
+              <!-- Decay -->
+              <b-row v-if="decay">
+                <div class="col-5 text-right">
+                  <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
+                </div>
+                <div class="col-7 gdd-transaction-list-item-decay">
+                  <decay-information v-if="decay" decaytyp="short" :decay="decay" />
+                </div>
+              </b-row>
+            </div>
+          </b-row>
+
+          <!-- Collaps Start -->
+
+          <b-collapse v-if="type != 'decay'" class="pb-4" :id="'a' + date + ''">
+            <div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
+              <decay-information v-if="decay" decaytyp="new" :decay="decay" />
+            </div>
+          </b-collapse>
+
+          <!-- Collaps End -->
         </div>
-
-        <b-row>
-          <!-- ICON  -->
-          <div class="col-1">
-            <b-icon :icon="getProperties(type).icon" :class="getProperties(type).class" />
-          </div>
-
-          <!-- Erklärung Links -->
-          <div class="col col-11">
-            <!-- Betrag / Name Email -->
-            <b-row>
-              <div class="col-5 text-right">{{ $n(balance, 'decimal') }}</div>
-              <div class="col-7">
-                {{ type !== 'decay' ? name : $t('decay.decay_since_last_transaction') }}
-              </div>
-            </b-row>
-
-            <!-- Nachricht -->
-            <b-row v-if="type !== 'decay' && type !== 'creation'">
-              <div class="col-5 text-right">{{ $t('form.memo') }}</div>
-              <div class="col-7">{{ memo }}</div>
-            </b-row>
-
-            <!-- Datum -->
-            <b-row v-if="type !== 'decay' && type !== 'creation'">
-              <div class="col-5 text-right">{{ $t('form.date') }}</div>
-              <div class="col-7">
-                {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
-              </div>
-            </b-row>
-
-            <!-- Decay -->
-            <b-row v-if="decay">
-              <div class="col-5 text-right">
-                <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
-              </div>
-              <div class="col-7">
-                <decay-information v-if="decay" decaytyp="short" :decay="decay" />
-              </div>
-            </b-row>
-          </div>
-        </b-row>
-
-        <!-- Collaps Start -->
-
-        <b-collapse v-if="type != 'decay'" class="pb-4" :id="'a' + date + ''">
-          <div style="border: 0px; background-color: #f1f1f1" class="p-2 pb-4 mb-4">
-            <decay-information v-if="decay" decaytyp="new" :decay="decay" />
-          </div>
-        </b-collapse>
-
-        <!-- Collaps End -->
       </div>
       <pagination-buttons
         v-if="showPagination && transactionCount > pageSize"

From 6b4f7093263d43c027c3a80d5ce6bb966ba57737 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 09:11:22 +0200
Subject: [PATCH 10/17] fix bug tabs bigger, merge gdd-transactionlist to row
 and col

---
 .../src/views/Pages/UserProfileTransactionList.vue  | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/UserProfileTransactionList.vue b/frontend/src/views/Pages/UserProfileTransactionList.vue
index b84c1abf3..5f52bb540 100644
--- a/frontend/src/views/Pages/UserProfileTransactionList.vue
+++ b/frontend/src/views/Pages/UserProfileTransactionList.vue
@@ -51,4 +51,15 @@ export default {
   },
 }
 </script>
-<style></style>
+<style>
+.nav-tabs > li > a {
+  /* adjust padding for height*/
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+.nav-tabs > li.active {
+  background-color: aquamarine;
+  font-size: larger;
+}
+</style>

From 392271011fda84630f805583431687805accea23 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 09:44:53 +0200
Subject: [PATCH 11/17] change style from starting block decay

---
 frontend/src/components/DecayInformation.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 8dd232994..ef0108d83 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -7,7 +7,7 @@
     <div v-if="decaytyp === 'new'">
       <b-list-group style="border: 0px">
         <b-list-group-item style="border: 0px; background-color: #f1f1f1">
-          <div class="d-flex">
+          <div class="d-flex" v-if="!decay.decay_start_block">
             <div style="width: 100%" class="text-center pb-3">
               <b-icon icon="droplet-half" height="12" class="mb-2" />
               <b>{{ $t('decay.calculation_decay') }}</b>
@@ -16,7 +16,7 @@
 
           <div class="d-flex">
             <div style="width: 40%" class="text-right pr-3 mr-2">
-              {{ $t('decay.last_transaction') }}
+              <div v-if="!decay.decay_start_block">{{ $t('decay.last_transaction') }}</div>
             </div>
             <div style="width: 60%">
               <div v-if="decay.decay_start_block > 0">
@@ -35,12 +35,12 @@
             </div>
           </div>
 
-          <div class="d-flex">
+          <div class="d-flex" v-if="!decay.decay_start_block">
             <div style="width: 40%" class="text-right pr-3 mr-2">
               {{ $t('decay.past_time') }}
             </div>
             <div style="width: 60%">
-              <div v-if="decay.decay_start_block > 0">{{ $t('decay.since_introduction') }}</div>
+              <div>{{ $t('decay.since_introduction') }}</div>
               <span v-if="duration">
                 <span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span>
                 <span v-if="duration.months > 0">

From 151acea10853518ee53ca5c969e2c6f26ddf010f Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 11:38:57 +0200
Subject: [PATCH 12/17] gdt transaction header change

---
 frontend/src/components/DecayInformation.vue  |  8 ++++----
 frontend/src/locales/de.json                  |  4 ++--
 .../AccountOverview/GdtTransactionList.vue    | 20 +++++++++----------
 3 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index ef0108d83..413e8f885 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -19,7 +19,7 @@
               <div v-if="!decay.decay_start_block">{{ $t('decay.last_transaction') }}</div>
             </div>
             <div style="width: 60%">
-              <div v-if="decay.decay_start_block > 0">
+              <div v-if="decay.decay_start_block">
                 <div class="display-4">{{ $t('decay.Starting_block_decay') }}</div>
                 <div>
                   {{ $t('decay.decay_introduced') }} :
@@ -35,12 +35,12 @@
             </div>
           </div>
 
-          <div class="d-flex" v-if="!decay.decay_start_block">
+          <div class="d-flex">
             <div style="width: 40%" class="text-right pr-3 mr-2">
-              {{ $t('decay.past_time') }}
+              <div v-if="!decay.decay_start_block">{{ $t('decay.past_time') }}</div>
             </div>
             <div style="width: 60%">
-              <div>{{ $t('decay.since_introduction') }}</div>
+              <div v-if="decay.decay_start_block">{{ $t('decay.since_introduction') }}</div>
               <span v-if="duration">
                 <span v-if="duration.years > 0">{{ duration.years }} {{ $t('decay.year') }},</span>
                 <span v-if="duration.months > 0">
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index e497f86f3..d301792a9 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -178,8 +178,8 @@
      "formula":"Berechungsformel",
      "no-transactions":"Du hast zur Zeit keine Transaktionen",
      "publisher":"Dein geworbenes Mitglied hat gespendet.",
-     "gdt-receive":"GDT erhalten",
-     "your-share":"Dein Anteil",
+     "gdt-receive":"Aktion",
+     "your-share":"Geworbenes Mitglied",
      "donation":"Spende"
   }
 }
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index a0efb39f9..d70807d10 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -34,42 +34,40 @@
           <b-row v-if="gdt_entry_type_id === 7">
             <div class="col-6 text-right">
               <div>{{ $t('gdt.gdt-receive') }}</div>
-              <div>{{ $n(gdt, 'decimal') }}</div>
+              <div>Gutschrift</div>
             </div>
             <div class="col-6">
-              <div>---</div>
-              <div>GDT</div>
+              <div>{{ comment }}</div>
+              <div>{{ $n(gdt, 'decimal') }} GDT</div>
             </div>
           </b-row>
           <!--4 publisher -->
           <b-row v-else-if="gdt_entry_type_id === 4">
             <div class="col-6 text-right">
               <div>{{ $t('gdt.your-share') }}</div>
-              <div>{{ $n(amount, 'decimal') }}</div>
+              <div>Gutschrift</div>
             </div>
             <div class="col-6">
               <div>5%</div>
-              <div>GDT</div>
+              <div>{{ $n(amount, 'decimal') }} GDT</div>
             </div>
           </b-row>
           <!-- 1, 2, 3, 5, 6 spenden in euro -->
           <b-row v-else>
             <div class="col-6 text-right">
               <div>{{ $t('gdt.donation') }}</div>
-              <div>{{ $n(amount, 'decimal') }}</div>
-              <div>{{ $n(gdt, 'decimal') }}</div>
+              <div>Gutschrift</div>
             </div>
             <div class="col-6">
-              <div>---</div>
-              <div>EURO</div>
-              <div>GDT</div>
+              <div>{{ $n(amount, 'decimal') }} €</div>
+              <div>{{ $n(gdt, 'decimal') }} GDT</div>
             </div>
           </b-row>
 
           <!-- Betrag ENDE-->
 
           <!-- Nachricht-->
-          <b-row v-if="comment">
+          <b-row v-if="comment && gdt_entry_type_id !== 7">
             <div class="col-6 text-right">
               {{ $t('form.memo') }}
             </div>

From e7967fe14611cbbcd1b2d853d3447b229a64a1d5 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 12:20:49 +0200
Subject: [PATCH 13/17] change startblock infobox text

---
 frontend/src/components/DecayInformation.vue  |  4 +--
 frontend/src/locales/de.json                  |  2 +-
 .../AccountOverview/GdtTransactionList.vue    | 26 +++++++++++++++++++
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 413e8f885..8b076af73 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <span v-if="decaytyp === 'short'">
-      <small>{{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }}</small>
+       {{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }} 
     </span>
 
     <div v-if="decaytyp === 'new'">
@@ -27,7 +27,7 @@
                 </div>
               </div>
               <div>
-                <span>
+                <span v-if="!decay.decay_start_block">
                   {{ $d($moment.unix(decay.decay_start), 'long') }}
                   {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
                 </span>
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index d301792a9..3fd01947a 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -23,7 +23,7 @@
     "decay_since_last_transaction":"Vergänglichkeit seit der letzten Transaktion",
     "calculation_decay":"Berechnung der Vergänglichkeit",
     "Starting_block_decay":"Startblock Vergänglichkeit",
-    "decay_introduced":"Die Vergänglichkeit wurde Eingeführt am",
+    "decay_introduced":"Die Vergänglichkeit wurde Eingeführt am ",
     "last_transaction":"Letzte Transaktion",
     "past_time":"Vergangene Zeit",
     "since_introduction":"seit Einführung der Vergänglichkeit",
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index d70807d10..c049f7fe7 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -21,6 +21,14 @@
         :key="id"
       >
         <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
+          <!-- Icon  -->
+          <div class="text-right" style="position: absolute">
+            <b-icon
+              :icon="getIcon(gdt_entry_type_id).icon"
+              :class="getIcon(gdt_entry_type_id).class"
+            />
+          </div>
+
           <!-- Collaps Button  -->
           <div class="text-right" style="width: 96%; position: absolute">
             <b-button class="btn-sm">
@@ -147,6 +155,12 @@
 import communityAPI from '../../../apis/communityAPI'
 import PaginationButtons from '../../../components/PaginationButtons'
 
+const iconsByType = {
+  7: { icon: 'gift', classes: 'gradido-global-color-accent' },
+  4: { icon: 'person-check', classes: 'gradido-global-color-accent' },
+  1: { icon: 'heart', classes: 'gradido-global-color-accent' },
+}
+
 export default {
   name: 'gdt-transaction-list',
   components: {
@@ -185,6 +199,18 @@ export default {
         this.$toasted.error(result.result.message)
       }
     },
+    getIcon(givenType) {
+      const type = iconsByType[givenType]
+      if (type)
+        return {
+          icon: type.icon,
+          class: type.classes + ' m-mb-1 font2em',
+        }
+      this.throwError('no icon to given type')
+    },
+    throwError(msg) {
+      throw new Error(msg)
+    },
     showNext() {
       this.currentPage++
       this.updateGdt()

From 8e7ccf973f4167bf8acfc6c8ce90859130aeb3eb Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 12:28:30 +0200
Subject: [PATCH 14/17] change margin bottom from decay icon

---
 frontend/src/views/Pages/AccountOverview/GddTransactionList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
index 99282fef8..a9c8a558f 100644
--- a/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GddTransactionList.vue
@@ -51,7 +51,7 @@
               <!-- Decay -->
               <b-row v-if="decay">
                 <div class="col-5 text-right">
-                  <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-3" />
+                  <b-icon v-if="type != 'decay'" icon="droplet-half" height="15" class="mb-1" />
                 </div>
                 <div class="col-7 gdd-transaction-list-item-decay">
                   <decay-information v-if="decay" decaytyp="short" :decay="decay" />

From 9e3f4af7337d849e35c70bd6d1e6a80b625ee479 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Thu, 12 Aug 2021 14:43:52 +0200
Subject: [PATCH 15/17] fix review 2 pre release

---
 frontend/src/components/DecayInformation.vue    |  2 +-
 frontend/src/locales/de.json                    |  4 ++--
 frontend/src/locales/en.json                    |  4 ++--
 .../AccountOverview/GdtTransactionList.vue      | 17 ++++++++++-------
 4 files changed, 15 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/DecayInformation.vue b/frontend/src/components/DecayInformation.vue
index 8b076af73..513cb06a4 100644
--- a/frontend/src/components/DecayInformation.vue
+++ b/frontend/src/components/DecayInformation.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <span v-if="decaytyp === 'short'">
-       {{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }} 
+      {{ decay ? ' -' + decay.balance + ' ' + decayStartBlockTextShort : '' }}
     </span>
 
     <div v-if="decaytyp === 'new'">
diff --git a/frontend/src/locales/de.json b/frontend/src/locales/de.json
index 3fd01947a..4ad8d689f 100644
--- a/frontend/src/locales/de.json
+++ b/frontend/src/locales/de.json
@@ -177,9 +177,9 @@
      "conversion":"Umrechnung",
      "formula":"Berechungsformel",
      "no-transactions":"Du hast zur Zeit keine Transaktionen",
-     "publisher":"Dein geworbenes Mitglied hat gespendet.",
+     "publisher":"Dein geworbenes Mitglied hat einen Beitrag bezahlt",
      "gdt-receive":"Aktion",
      "your-share":"Geworbenes Mitglied",
-     "donation":"Spende"
+     "contribution":"Beitrag"
   }
 }
diff --git a/frontend/src/locales/en.json b/frontend/src/locales/en.json
index 42949c96a..d4339bcea 100644
--- a/frontend/src/locales/en.json
+++ b/frontend/src/locales/en.json
@@ -178,9 +178,9 @@
     "conversion": "Conversion",
     "formula": "Calculation formula",
     "no-transactions":"You currently have no transactions",
-    "publisher":"Your recruited member has donated.",
+    "publisher":"A member you referred has paid a contribution",
     "gdt-receive":"GDT receive",
     "your-share":"Your share",
-    "donation":"Donation"
+    "contribution":"Contribution"
  }
 }
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index c049f7fe7..ac75247dc 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -17,7 +17,7 @@
           /*amount2,*/
           /*factor2,*/
           gdt,
-        } in this.transactionsGdt"
+        } in transactionsGdt"
         :key="id"
       >
         <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
@@ -26,7 +26,7 @@
             <b-icon
               :icon="getIcon(gdt_entry_type_id).icon"
               :class="getIcon(gdt_entry_type_id).class"
-            />
+            ></b-icon>
           </div>
 
           <!-- Collaps Button  -->
@@ -63,7 +63,7 @@
           <!-- 1, 2, 3, 5, 6 spenden in euro -->
           <b-row v-else>
             <div class="col-6 text-right">
-              <div>{{ $t('gdt.donation') }}</div>
+              <div>{{ $t('gdt.contribution') }}</div>
               <div>Gutschrift</div>
             </div>
             <div class="col-6">
@@ -118,7 +118,9 @@
               </div>
               <div class="col-6 clooaps-col-right">
                 <div>{{ factor }}</div>
-                <div>{{ amount }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT</div>
+                <div>
+                  {{ $n(amount, 'decimal') }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT
+                </div>
               </div>
             </b-row>
             <!-- 4 publisher -->
@@ -131,7 +133,7 @@
             <b-row class="gdt-list-clooaps-box--all" v-else>
               <div class="col-6 text-right clooaps-col-left">{{ $t('gdt.formula') }}:</div>
               <div class="col-6 clooaps-col-right">
-                {{ amount }} GDT * {{ factor }} = {{ $n(gdt, 'decimal') }}
+                {{ $n(amount, 'decimal') }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT
               </div>
             </b-row>
           </div>
@@ -156,9 +158,9 @@ import communityAPI from '../../../apis/communityAPI'
 import PaginationButtons from '../../../components/PaginationButtons'
 
 const iconsByType = {
-  7: { icon: 'gift', classes: 'gradido-global-color-accent' },
-  4: { icon: 'person-check', classes: 'gradido-global-color-accent' },
   1: { icon: 'heart', classes: 'gradido-global-color-accent' },
+  4: { icon: 'person-check', classes: 'gradido-global-color-accent' },
+  7: { icon: 'gift', classes: 'gradido-global-color-accent' },
 }
 
 export default {
@@ -201,6 +203,7 @@ export default {
     },
     getIcon(givenType) {
       const type = iconsByType[givenType]
+
       if (type)
         return {
           icon: type.icon,

From 87c54592d347554c69a6655606ba46210c6054c1 Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 12 Aug 2021 15:08:28 +0200
Subject: [PATCH 16/17] fix undiefined incons, though I do not know why it
 happened

---
 .../AccountOverview/GdtTransactionList.vue    | 29 ++++++++-----------
 1 file changed, 12 insertions(+), 17 deletions(-)

diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index ac75247dc..83bd4c6ca 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -5,25 +5,15 @@
         {{ $t('gdt.no-transactions') }}
       </div>
       <div
-        v-for="{
-          id,
-          amount,
-          date,
-          /*email,*/
-          comment,
-          /*coupon_code,*/
-          gdt_entry_type_id,
-          factor,
-          /*amount2,*/
-          /*factor2,*/
-          gdt,
-        } in transactionsGdt"
+        v-else
+        v-for="{ id, amount, date, comment, gdt_entry_type_id, factor, gdt } in transactionsGdt"
         :key="id"
       >
         <div class="list-group-item gdt-transaction-list-item" v-b-toggle="'a' + date + ''">
           <!-- Icon  -->
           <div class="text-right" style="position: absolute">
             <b-icon
+              v-if="gdt_entry_type_id"
               :icon="getIcon(gdt_entry_type_id).icon"
               :class="getIcon(gdt_entry_type_id).class"
             ></b-icon>
@@ -131,9 +121,15 @@
 
             <!-- 1, 2, 3, 5, 6 spenden in euro -->
             <b-row class="gdt-list-clooaps-box--all" v-else>
-              <div class="col-6 text-right clooaps-col-left">{{ $t('gdt.formula') }}:</div>
+              <div class="col-6 text-right clooaps-col-left">
+                <div>{{ $t('gdt.factor') }}</div>
+                <div>{{ $t('gdt.formula') }}:</div>
+              </div>
               <div class="col-6 clooaps-col-right">
-                {{ $n(amount, 'decimal') }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT
+                <div>{{ factor }}</div>
+                <div>
+                  {{ $n(amount, 'decimal') }} € * {{ factor }} = {{ $n(gdt, 'decimal') }} GDT
+                </div>
               </div>
             </b-row>
           </div>
@@ -203,13 +199,12 @@ export default {
     },
     getIcon(givenType) {
       const type = iconsByType[givenType]
-
       if (type)
         return {
           icon: type.icon,
           class: type.classes + ' m-mb-1 font2em',
         }
-      this.throwError('no icon to given type')
+      this.throwError('no icon to given type: ' + givenType)
     },
     throwError(msg) {
       throw new Error(msg)

From 05d8ecf35d9b5f13061b67cfe519e1d06c36e83a Mon Sep 17 00:00:00 2001
From: Moriz Wahl <moriz.wahl@gmx.de>
Date: Thu, 12 Aug 2021 15:09:06 +0200
Subject: [PATCH 17/17] Release v1.3.0

---
 CHANGELOG.md          | 25 ++++++++++++++++++++++++-
 frontend/package.json |  2 +-
 package.json          |  2 +-
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 6b6323b17..0d1be0173 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,15 +4,38 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [1.3.0](https://github.com/gradido/gradido/compare/1.2.1...1.3.0)
+
+- update code for correct transactions listening [`#725`](https://github.com/gradido/gradido/pull/725)
+- bugfix: change to new frontend passwort reset [`#724`](https://github.com/gradido/gradido/pull/724)
+- feat: Add Pagination Buttons to GDT Transaction List [`#716`](https://github.com/gradido/gradido/pull/716)
+- fix bug, change statment from transaction infbox [`#712`](https://github.com/gradido/gradido/pull/712)
+- 650-display of the gdt transactions [`#687`](https://github.com/gradido/gradido/pull/687)
+- Login-Server bug fix, allow names with 2 characters also [`#714`](https://github.com/gradido/gradido/pull/714)
+- Apollo sendCoins via Login-Server [`#699`](https://github.com/gradido/gradido/pull/699)
+- increase coverage to 34% [`#700`](https://github.com/gradido/gradido/pull/700)
+- mobile friendly, add text, change text [`#683`](https://github.com/gradido/gradido/pull/683)
+- Css color input error [`#646`](https://github.com/gradido/gradido/pull/646)
+- Apollo gdt [`#686`](https://github.com/gradido/gradido/pull/686)
+- Backend Setup [`#584`](https://github.com/gradido/gradido/pull/584)
+- text-size in textarea and font-variante if focus [`#677`](https://github.com/gradido/gradido/pull/677)
+- 680 app large maximum width [`#681`](https://github.com/gradido/gradido/pull/681)
+- linting, server is working [`34b30b2`](https://github.com/gradido/gradido/commit/34b30b216b6fafcb5b686d4b023b05f2e9766bdf)
+- server stack seems to work. Graphql does not load properly yet [`43f7cf8`](https://github.com/gradido/gradido/commit/43f7cf87679713d436a64d569d6af1594a12ee33)
+- initial commit, base packages [`fdf0979`](https://github.com/gradido/gradido/commit/fdf0979830fece04208a6b3bb06bb5323a3c149b)
+
 #### [1.2.1](https://github.com/gradido/gradido/compare/1.2.0...1.2.1)
 
+> 22 July 2021
+
+- release 1.2.1 [`#670`](https://github.com/gradido/gradido/pull/670)
 - exchange positions of decay in transaction in old frontend [`#662`](https://github.com/gradido/gradido/pull/662)
 - fix unneccessary migration run on fresh (docker) setup [`#654`](https://github.com/gradido/gradido/pull/654)
 - move back decay as standalone transaction in old frontend [`#656`](https://github.com/gradido/gradido/pull/656)
 - fix display error with creation [`#652`](https://github.com/gradido/gradido/pull/652)
+- release [`a0b8056`](https://github.com/gradido/gradido/commit/a0b8056c17b22570a1b1dbb6fa6ce71e561b04af)
 - update content for frontend [`d37ce09`](https://github.com/gradido/gradido/commit/d37ce0949ef97d2a6c6ffaf0be31db9f6d92e743)
 - exchange positions [`bc000ef`](https://github.com/gradido/gradido/commit/bc000efd87c9701480c4aeaa7b819ab49bfe8f01)
-- update init db dataset [`ca4ef82`](https://github.com/gradido/gradido/commit/ca4ef82b874185f3d93acf8d1fca9ad6d3dadcaf)
 
 #### [1.2.0](https://github.com/gradido/gradido/compare/1.1.1...1.2.0)
 
diff --git a/frontend/package.json b/frontend/package.json
index e29c6647c..76d2bef45 100755
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue-gradido-wallet",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "private": true,
   "scripts": {
     "start": "node run/server.js",
diff --git a/package.json b/package.json
index b1fe084f9..8726eb9ae 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "gradido",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Gradido",
   "main": "index.js",
   "repository": "git@github.com:gradido/gradido.git",