mirror of
https://github.com/IT4Change/gradido.git
synced 2026-01-14 08:54:36 +00:00
61 lines
1.6 KiB
Vue
61 lines
1.6 KiB
Vue
<template>
|
|
<div class="component-confirm-register-mail">
|
|
<div class="shadow p-3 mb-5 bg-white rounded">
|
|
<div v-if="checked">{{ $t('unregister_mail.text_true', { date: dateLastSend }) }}</div>
|
|
<div v-else>
|
|
{{ $t('unregister_mail.text_false', { date: dateLastSend, mail: email }) }}
|
|
|
|
<!-- Using components -->
|
|
<b-input-group :prepend="$t('unregister_mail.info')" class="mt-3">
|
|
<b-form-input readonly :value="email"></b-form-input>
|
|
<b-input-group-append>
|
|
<b-button variant="outline-success" class="test-button" @click="sendRegisterMail">
|
|
{{ $t('unregister_mail.button') }}
|
|
</b-button>
|
|
</b-input-group-append>
|
|
</b-input-group>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { sendActivationEmail } from '../graphql/sendActivationEmail'
|
|
|
|
export default {
|
|
name: 'ConfirmRegisterMail',
|
|
props: {
|
|
checked: {
|
|
type: Boolean,
|
|
},
|
|
email: {
|
|
type: String,
|
|
},
|
|
dateLastSend: {
|
|
type: String,
|
|
},
|
|
},
|
|
methods: {
|
|
sendRegisterMail() {
|
|
this.$apollo
|
|
.mutate({
|
|
mutation: sendActivationEmail,
|
|
variables: {
|
|
email: this.email,
|
|
},
|
|
})
|
|
.then(() => {
|
|
this.$toasted.success(this.$t('unregister_mail.success', { email: this.email }))
|
|
})
|
|
.catch((error) => {
|
|
this.$toasted.error(this.$t('unregister_mail.error', { message: error.message }))
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
<style>
|
|
.input-group-text {
|
|
background-color: rgb(255, 252, 205);
|
|
}
|
|
</style>
|