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 @@ + + + + + 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": {