From 57fec436da1a396a2df1d99255051c3bec7a73e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Wolfgang=20Hu=C3=9F?= <wolle.huss@pjannto.com>
Date: Thu, 25 Feb 2021 19:27:15 +0100
Subject: [PATCH] Trigger email db mutation on click 'Send Mail'

---
 .../components/Registration/RegistrationItemEnterEmail.vue   | 5 +++--
 webapp/components/Registration/RegistrationSlider.story.js   | 3 +++
 webapp/components/Registration/RegistrationSlider.vue        | 5 +++--
 webapp/locales/de.json                                       | 2 +-
 webapp/locales/en.json                                       | 2 +-
 5 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/webapp/components/Registration/RegistrationItemEnterEmail.vue b/webapp/components/Registration/RegistrationItemEnterEmail.vue
index 7b4dda4d4..da8c308db 100644
--- a/webapp/components/Registration/RegistrationItemEnterEmail.vue
+++ b/webapp/components/Registration/RegistrationItemEnterEmail.vue
@@ -208,8 +208,9 @@ export default {
 
         try {
           const response = await this.$apollo.mutate({ mutation, variables })  // e-mail is send in emailMiddleware of backend
-          console.log('handleSubmitVerify !!! response: ', response, ' this.sliderData.sliders[this.sliderIndex]: ', this.sliderData.sliders[this.sliderIndex])
-          this.sliderData.sliders[this.sliderIndex].data.response = response.data
+          // this.sliderData.sliders[this.sliderIndex].data.response = response.data
+          // this.sliderData.sliders[this.sliderIndex].data.response = { Signup: { email } }
+          this.sliderData.sliders[this.sliderIndex].data = {...this.sliderData.sliders[this.sliderIndex].data, response: response.data}
 
           if (this.sliderData.sliders[this.sliderIndex].data.response) {
             this.sliderData.collectedInputData.emailSend = true
diff --git a/webapp/components/Registration/RegistrationSlider.story.js b/webapp/components/Registration/RegistrationSlider.story.js
index f19465369..f749760e0 100644
--- a/webapp/components/Registration/RegistrationSlider.story.js
+++ b/webapp/components/Registration/RegistrationSlider.story.js
@@ -8,6 +8,9 @@ const plugins = [
   (app = {}) => {
     app.$apollo = {
       mutate: (data) => {
+        if (JSON.stringify(data).includes('UpdateUser')) {
+          return { data: { UpdateUser: { id: data.variables.id, locale: data.variables.locale } } }
+        }
         if (JSON.stringify(data).includes('Signup')) {
           return { data: { Signup: { email: data.variables.email } } }
         }
diff --git a/webapp/components/Registration/RegistrationSlider.vue b/webapp/components/Registration/RegistrationSlider.vue
index 5b3440e13..8c8ef2d9c 100644
--- a/webapp/components/Registration/RegistrationSlider.vue
+++ b/webapp/components/Registration/RegistrationSlider.vue
@@ -24,7 +24,7 @@
         >
           <!-- Wolle !!! may create same source with 'webapp/pages/registration/signup.vue' -->
           <!-- <signup v-if="publicRegistration" :invitation="false" @submit="handleSubmitted"> -->
-          <registration-item-enter-email :sliderData="sliderData" :sendEmail="sendEmail" :invitation="false" />
+          <registration-item-enter-email  ref="RegistrationItemEnterEmail" :sliderData="sliderData" :sendEmail="sendEmail" :invitation="false" />
         </template>
 
         <template
@@ -209,7 +209,8 @@ export default {
       if (this.sliderData.sliders[this.sliderIndex].name === 'enter-email') {
         // this.sliderData.sliders[this.sliderIndex].button.clicked = true
         this.sendEmail = true
-        console.log('buttonCallback !!! this.sendEmail', this.sendEmail)
+        console.log('buttonCallback !!! ', this.sliderData.sliders[this.sliderIndex].data)
+        this.$refs.RegistrationItemEnterEmail.handleSubmitVerify()
         // if (this.sliderData.sliders[this.sliderIndex].button.clickCallback) {
         //   console.log('buttonCallback !!! clicked')
         //   this.sliderData.sliders[this.sliderIndex].button.clickCallback()
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index a3f6561d3..e15855983 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -163,7 +163,7 @@
       },
       "email": {
         "form": {
-          "success": "Gültige E-Mail Adresse <b>{email}</b>!"
+          "success": "Verifikations-E-Mail gesendet an <b>{email}</b>!"
         }
       },
       "invite-code": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 184578c77..1526d1290 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -163,7 +163,7 @@
       },
       "email": {
         "form": {
-          "success": "Valid e-mail address <b>{email}</b>!"
+          "success": "Verification e-mail send to <b>{email}</b>!"
         }
       },
       "invite-code": {