diff --git a/webapp/components/EnterNonce/EnterNonce.vue b/webapp/components/EnterNonce/EnterNonce.vue
index eb44c3235..6907f3e7a 100644
--- a/webapp/components/EnterNonce/EnterNonce.vue
+++ b/webapp/components/EnterNonce/EnterNonce.vue
@@ -40,7 +40,7 @@ export default {
min: 6,
max: 6,
required: true,
- message: this.$t('components.enter-nonce.form.validations.length'),
+ message: this.$t('components.enter-nonce.form.validations.length'), // Wolle here 6 characters are mentioned
},
},
disabled: true,
diff --git a/webapp/components/Registration/EmailDisplayAndVerify.vue b/webapp/components/Registration/EmailDisplayAndVerify.vue
new file mode 100644
index 000000000..5a9a5d030
--- /dev/null
+++ b/webapp/components/Registration/EmailDisplayAndVerify.vue
@@ -0,0 +1,39 @@
+
+
+ {{ $t('components.registration.email-display.yourEmail') }}
+
+ {{ emailAsString }}
+
+ {{ $t('components.registration.email-display.warningFormat') }}
+
+
+
+ {{ $t('components.registration.email-display.warningUndef') }}
+
+
+
+
+
+
+
diff --git a/webapp/components/Registration/RegistrationSlideCreate.vue b/webapp/components/Registration/RegistrationSlideCreate.vue
index 26d670ca4..420bfa12e 100644
--- a/webapp/components/Registration/RegistrationSlideCreate.vue
+++ b/webapp/components/Registration/RegistrationSlideCreate.vue
@@ -71,11 +71,7 @@
/>
-
-
- Your e-mail address:
- {{ this.sliderData.collectedInputData.email }}
-
+
-
- {{ $t('components.enter-nonce.form.yourEmail') }}
-
- {{ sliderData.collectedInputData.email }}
-
- {{ $t('components.enter-nonce.form.yourEmailWarningUndef') }}
-
- {{ $t('components.enter-nonce.form.yourEmailWarningFormat') }}
-
-
+
import gql from 'graphql-tag'
import { isEmail } from 'validator'
+import EmailDisplayAndVerify from './EmailDisplayAndVerify'
export const verifyNonceQuery = gql`
query($email: String!, $nonce: String!) {
@@ -51,6 +34,9 @@ export const verifyNonceQuery = gql`
`
export default {
name: 'RegistrationSlideNonce',
+ components: {
+ EmailDisplayAndVerify,
+ },
props: {
sliderData: { type: Object, required: true },
},
@@ -66,7 +52,7 @@ export default {
// min: 5,
// max: 5,
required: true,
- message: this.$t('components.enter-nonce.form.validations.length'),
+ message: this.$t('components.enter-nonce.form.validations.length'), // Wolle here 6 characters are mentioned
},
},
dbRequestInProgress: false,
@@ -170,9 +156,5 @@ export default {
display: flex;
flex-direction: column;
margin: $space-large 0 $space-xxx-small 0;
-
- .warning {
- color: $text-color-warning;
- }
}
diff --git a/webapp/components/Registration/RegistrationSlider.vue b/webapp/components/Registration/RegistrationSlider.vue
index 4f2a72c9f..e94a14a0c 100644
--- a/webapp/components/Registration/RegistrationSlider.vue
+++ b/webapp/components/Registration/RegistrationSlider.vue
@@ -54,7 +54,7 @@ import metadata from '~/constants/metadata.js'
import ComponentSlider from '~/components/ComponentSlider/ComponentSlider'
import LocaleSwitch from '~/components/LocaleSwitch/LocaleSwitch'
import RegistrationSlideCreate from './RegistrationSlideCreate'
-import RegistrationSlideEmail from '~/components/Registration/RegistrationSlideEmail'
+import RegistrationSlideEmail from './RegistrationSlideEmail'
import RegistrationSlideInvite from './RegistrationSlideInvite'
import RegistrationSlideNonce from './RegistrationSlideNonce'
import RegistrationSlideNoPublic from './RegistrationSlideNoPublic'
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index b2c77900e..90adf65fc 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -147,10 +147,7 @@
"nonce": "Code eingeben",
"validations": {
"length": "muss genau 6 Buchstaben lang sein"
- },
- "yourEmail": "Deine E-Mail-Adresse:",
- "yourEmailWarningFormat": "⚠️ E-Mail hat ein ungültiges Format!",
- "yourEmailWarningUndef": "⚠️ Keine E-Mail definiert!"
+ }
}
},
"password-reset": {
@@ -182,6 +179,11 @@
},
"title": "E-Mail"
},
+ "email-display": {
+ "warningFormat": "⚠️ E-Mail hat ein ungültiges Format!",
+ "warningUndef": "⚠️ Keine E-Mail definiert!",
+ "yourEmail": "Deine E-Mail-Adresse:"
+ },
"email-nonce": {
"buttonTitle": "Bestätigen",
"form": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 33be0873a..d21c1f96a 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -147,10 +147,7 @@
"nonce": "Enter your code",
"validations": {
"length": "must be 6 characters long"
- },
- "yourEmail": "Your e-mail address:",
- "yourEmailWarningFormat": "⚠️ E-mail has wrong format!",
- "yourEmailWarningUndef": "⚠️ No e-mail defined!"
+ }
}
},
"password-reset": {
@@ -182,6 +179,11 @@
},
"title": "E-Mail"
},
+ "email-display": {
+ "warningFormat": "⚠️ E-mail has wrong format!",
+ "warningUndef": "⚠️ No e-mail defined!",
+ "yourEmail": "Your e-mail address:"
+ },
"email-nonce": {
"buttonTitle": "Confirm",
"form": {