hideAmounts in store for GDD and GDD

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

@@ -28,10 +28,11 @@
           </div>
         </b-col> -->
       </b-row>
-      <div @click="hideAmount = !hideAmount" class="pointer">
+      <div class="pointer">
         <b-icon
           :icon="hideAmount ? 'eye' : 'eye-slash'"
           class="mr-3 gradido-global-border-color-accent"
+          @click="$store.commit('hideAmountGDD', !hideAmount)"
         ></b-icon>
         <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
           {{ $t('asterisks') }}
@@ -52,10 +53,10 @@ export default {
     badge: { type: Boolean, default: false },
     showStatus: { type: Boolean, default: false },
   },
-  data() {
-    return {
-      hideAmount: true,
-    }
+  computed: {
+    hideAmount() {
+      return this.$store.state.hideAmountGDD
+    },
   },
 }
 </script>

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

@@ -29,7 +29,7 @@
         <b-icon
           :icon="hideAmount ? 'eye' : 'eye-slash'"
           class="mr-3 gradido-global-border-color-accent"
-          @click="hideAmount = !hideAmount"
+          @click="$store.commit('hideAmountGDT', !hideAmount)"
         ></b-icon>
         <span v-if="hideAmount" class="font-weight-bold gradido-global-color-accent">
           {{ $t('asterisks') }}
@@ -49,10 +49,10 @@ export default {
     badge: { type: Boolean, default: false },
     showStatus: { type: Boolean, default: false },
   },
-  data() {
-    return {
-      hideAmount: true,
-    }
+  computed: {
+    hideAmount() {
+      return this.$store.state.hideAmountGDT
+    },
   },
 }
 </script>

frontend/src/store/store.js

@@ -50,6 +50,12 @@ export const mutations = {
   creation: (state, creation) => {
     state.creation = creation
   },
+  hideAmountGDD: (state, hideAmountGDD) => {
+    state.hideAmountGDD = hideAmountGDD
+  },
+  hideAmountGDT: (state, hideAmountGDT) => {
+    state.hideAmountGDT = hideAmountGDT
+  },
 }
 
 export const actions = {
@@ -64,6 +70,8 @@ export const actions = {
     commit('publisherId', data.publisherId)
     commit('isAdmin', data.isAdmin)
     commit('creation', data.creation)
+    commit('hideAmountGDD', data.hideAmountGDD)
+    commit('hideAmountGDT', data.hideAmountGDT)
   },
   logout: ({ commit, state }) => {
     commit('token', null)
@@ -76,6 +84,8 @@ export const actions = {
     commit('publisherId', null)
     commit('isAdmin', false)
     commit('creation', null)
+    commit('hideAmountGDD', true)
+    commit('hideAmountGDT', true)
     localStorage.clear()
   },
 }
@@ -102,6 +112,8 @@ try {
       hasElopage: false,
       publisherId: null,
       creation: null,
+      hideAmountGDD: true,
+      hideAmountGDT: true,
     },
     getters: {},
     // Syncronous mutation of the state