mirror of
https://github.com/IT4Change/Ocelot-Social.git
synced 2025-12-13 07:45:56 +00:00
b1c19d0c94
* - fixed nowrap for button - restyled bullets for slider - relocated back links - removed icons * - removed icon from RegistrationSlideEmail too * - added media query for padding * - fixed missing constants * - fixed padding in no-header layout * - fixed sticky footer in registration flow * - removed icons from inputs * - set fixed height for back link * - fixed invite code placeholder * - added auto submit to invite and email code forms - fixed layout password inputs - added layout to checkboxes (create) - removed unnecessary texts - moved backLink for password-reset - tidied up create layout * fixed margin * - fixed nonceLength * lint fixes * corrected path --------- Co-authored-by: Sebastian Stein <sebastian@codepassion.de> Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
39 lines
779 B
Vue
39 lines
779 B
Vue
<template>
|
|
<ds-text>
|
|
<b v-if="emailAsString.length > 0">
|
|
{{ emailAsString }}
|
|
<b v-if="!isEmailFormat" class="email-warning">
|
|
{{ $t('components.registration.email-display.warningFormat') }}
|
|
</b>
|
|
</b>
|
|
<b v-else class="email-warning">
|
|
{{ $t('components.registration.email-display.warningUndef') }}
|
|
</b>
|
|
</ds-text>
|
|
</template>
|
|
|
|
<script>
|
|
import { isEmail } from 'validator'
|
|
|
|
export default {
|
|
name: 'EmailDisplayAndVerify',
|
|
props: {
|
|
email: { type: String, default: () => '' },
|
|
},
|
|
computed: {
|
|
isEmailFormat() {
|
|
return isEmail(this.email)
|
|
},
|
|
emailAsString() {
|
|
return !this.email ? '' : this.email
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.email-warning {
|
|
color: $text-color-danger;
|
|
}
|
|
</style>
|