From d90284a269f4e857ac6be471d9996b20a79c5c8a Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Sun, 20 Mar 2022 13:39:11 +0100
Subject: [PATCH] add store.state and store.commit redeemCode, add store.commit
 in register

---
 frontend/src/pages/Register.vue | 41 ++++++++++++++++++++++++++++++---
 frontend/src/store/store.js     |  5 ++++
 2 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue
index 609182765..5638159b8 100755
--- a/frontend/src/pages/Register.vue
+++ b/frontend/src/pages/Register.vue
@@ -118,12 +118,37 @@
                       {{ messageError }}
                     </span>
                   </b-alert>
-                  <b-row v-b-toggle:my-collapse class="text-muted shadow-sm p-3 publisherCollaps">
+                  <b-row v-if="$route.params.code">
+                    <b-col>
+                      <label>{{ $t('gdd_per_link.redeem') }}</label>
+                      <div class="mt-2 mb-2">
+                        <b-input-group class="shadow-sm p-2 bg-white rounded">
+                          <b-input-group-prepend is-text>
+                            <b-icon icon="link45deg"></b-icon>
+                          </b-input-group-prepend>
+                          <b-form-input
+                            readonly
+                            id="redeem-code"
+                            type="text"
+                            v-model="redeemCode"
+                            @input="commitStoreRedeemCode(redeemCode)"
+                          ></b-form-input>
+                        </b-input-group>
+                      </div>
+                    </b-col>
+                  </b-row>
+
+                  <b-row
+                    v-else
+                    v-b-toggle:my-collapse
+                    class="text-muted shadow-sm p-3 publisherCollaps"
+                  >
                     <b-col>{{ $t('publisher.publisherId') }} {{ $store.state.publisherId }}</b-col>
                     <b-col class="text-right">
                       <b-icon icon="chevron-down" aria-hidden="true"></b-icon>
                     </b-col>
                   </b-row>
+
                   <b-row>
                     <b-col>
                       <b-collapse id="my-collapse" class="">
@@ -136,7 +161,7 @@
                             type="text"
                             placeholder="Publisher ID"
                             v-model="publisherId"
-                            @input="commitStore(publisherId)"
+                            @input="commitStorePublisherId(publisherId)"
                           ></b-form-input>
                         </b-input-group>
                         <div
@@ -210,6 +235,7 @@ export default {
       messageError: '',
       register: true,
       publisherId: this.$store.state.publisherId,
+      redeemCode: this.$store.state.redeemCode,
     }
   },
   methods: {
@@ -220,9 +246,12 @@ export default {
     getValidationState({ dirty, validated, valid = null }) {
       return dirty || validated ? valid : null
     },
-    commitStore(val) {
+    commitStorePublisherId(val) {
       this.$store.commit('publisherId', val)
     },
+    commitStoreRedeemCode(val) {
+      this.$store.commit('redeemCode', val)
+    },
     async onSubmit() {
       this.$apollo
         .mutate({
@@ -233,6 +262,7 @@ export default {
             lastName: this.form.lastname,
             language: this.language,
             publisherId: this.$store.state.publisherId,
+            redeemCode: this.$store.state.redeemCode,
           },
         })
         .then(() => {
@@ -267,5 +297,10 @@ export default {
       return !(this.namesFilled && this.emailFilled && this.form.agree && !!this.language)
     },
   },
+  created() {
+    if (this.$route.params.code) {
+      this.commitStoreRedeemCode(this.$route.params.code)
+    }
+  },
 }
 </script>
diff --git a/frontend/src/store/store.js b/frontend/src/store/store.js
index 458c8c8de..fb74624fb 100644
--- a/frontend/src/store/store.js
+++ b/frontend/src/store/store.js
@@ -47,6 +47,9 @@ export const mutations = {
   hasElopage: (state, hasElopage) => {
     state.hasElopage = hasElopage
   },
+  redeemCode: (state, redeemCode) => {
+    state.redeemCode = redeemCode
+  },
 }
 
 export const actions = {
@@ -73,6 +76,7 @@ export const actions = {
     commit('hasElopage', false)
     commit('publisherId', null)
     commit('isAdmin', false)
+    commit('redeemCode', null)
     localStorage.clear()
   },
 }
@@ -102,6 +106,7 @@ try {
       },
       hasElopage: false,
       publisherId: null,
+      redeemCode: null,
     },
     getters: {},
     // Syncronous mutation of the state