hide amount gdd and gdt

frontend/src/components/Template/ContentHeader/GddAmount.vue

@@ -28,9 +28,15 @@
           </div>
         </b-col> -->
       </b-row>
-      <div>
-        <b-icon icon="layers" class="mr-3 gradido-global-border-color-accent"></b-icon>
-        <span class="font-weight-bold gradido-global-color-accent">
+      <div @click="hideAmount = !hideAmount" class="pointer">
+        <b-icon
+          :icon="hideAmount ? 'eye' : 'eye-slash'"
+          class="mr-3 gradido-global-border-color-accent"
+        ></b-icon>
+        <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
+          {{ $t('asterisks') }}
+        </span>
+        <span v-else class="font-weight-bold gradido-global-color-accent">
           {{ balance | GDD }}
         </span>
       </div>
@@ -46,5 +52,10 @@ export default {
     badge: { type: Boolean, default: false },
     showStatus: { type: Boolean, default: false },
   },
+  data() {
+    return {
+      hideAmount: true,
+    }
+  },
 }
 </script>

frontend/src/components/Template/ContentHeader/GdtAmount.vue

@@ -25,12 +25,16 @@
           </div>
         </b-col> -->
       </b-row>
-      <div>
-        <b-icon icon="layers" class="mr-3" :variant="badge ? 'success' : 'light'"></b-icon>
-        <span
-          class="font-weight-bold"
-          :class="badge ? 'gradido-global-border-color-accent' : 'text-light'"
-        >
+      <div class="pointer">
+        <b-icon
+          :icon="hideAmount ? 'eye' : 'eye-slash'"
+          class="mr-3 gradido-global-border-color-accent"
+          @click="hideAmount = !hideAmount"
+        ></b-icon>
+        <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
+          {{ $t('asterisks') }}
+        </span>
+        <span v-else class="font-weight-bold gradido-global-color-accent">
           {{ $n(GdtBalance, 'decimal') }} {{ $t('GDT') }}
         </span>
       </div>
@@ -45,5 +49,10 @@ export default {
     badge: { type: Boolean, default: false },
     showStatus: { type: Boolean, default: false },
   },
+  data() {
+    return {
+      hideAmount: true,
+    }
+  },
 }
 </script>

frontend/src/locales/de.json

@@ -219,6 +219,7 @@
     "minus": "−",
     "pipe": "|"
   },
+  "asterisks": "***",
   "member": "Mitglied",
   "message": {
     "activateEmail": "Dein Konto wurde noch nicht aktiviert. Bitte überprüfe deine E-Mail und klicke den Aktivierungslink oder fordere einen neuen Aktivierungslink über die Password Reset Seite an.",

frontend/src/locales/en.json

@@ -220,6 +220,7 @@
     "minus": "−",
     "pipe": "|"
   },
+  "asterisks": "***",
   "member": "Member",
   "message": {
     "activateEmail": "Your account has not been activated yet. Please check your emails and click the activation link or order a new activation link over the password reset page.",