100 lines
3.3 KiB
Vue
100 lines
3.3 KiB
Vue
<script setup>
|
|
import { ref } from 'vue';
|
|
import { api } from 'boot/axios';
|
|
import { useRouter } from 'vue-router';
|
|
import { useI18n } from 'vue-i18n';
|
|
import useNotify from 'src/composables/useNotify.js';
|
|
import VnInput from 'src/components/common/VnInput.vue';
|
|
|
|
const user = ref('');
|
|
const router = useRouter();
|
|
const { t } = useI18n();
|
|
const { notify } = useNotify();
|
|
|
|
const onSend = async () => {
|
|
const params = {
|
|
user: user.value,
|
|
app: 'hedera'
|
|
};
|
|
await api.post('VnUsers/recoverPassword', params);
|
|
notify(t('weHaveSentEmailToRecover'), 'positive');
|
|
router.push('/login');
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<QPage class="text-center">
|
|
<div>
|
|
<QIcon
|
|
name="contact_support"
|
|
class="block q-mx-auto text-accent"
|
|
style="font-size: 120px"
|
|
/>
|
|
</div>
|
|
<div>
|
|
<QForm @submit="onSend" class="q-gutter-y-md text-grey-8">
|
|
<VnInput
|
|
v-model="user"
|
|
:label="t('user')"
|
|
autofocus
|
|
data-testid="recoverPasswordUserInput"
|
|
/>
|
|
<div class="q-mt-lg">
|
|
{{ t('weSendEmail') }}
|
|
</div>
|
|
<div>
|
|
<QBtn
|
|
type="submit"
|
|
:label="t('send')"
|
|
class="full-width q-mt-md"
|
|
color="primary"
|
|
rounded
|
|
no-caps
|
|
unelevated
|
|
data-testid="recoverPasswordSubmitButton"
|
|
/>
|
|
<div class="text-center q-mt-md">
|
|
<router-link to="/login" class="link">
|
|
{{ t('back') }}
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</QForm>
|
|
</div>
|
|
</QPage>
|
|
</template>
|
|
|
|
<style lang="scss" scoped>
|
|
.q-btn {
|
|
height: 50px;
|
|
}
|
|
</style>
|
|
|
|
<i18n lang="yaml">
|
|
en-US:
|
|
inputEmail: Input email
|
|
rememberPassword: Rememeber password
|
|
weSendEmail: We will sent you an email to recover your password
|
|
weHaveSentEmailToRecover: We've sent you an email where you can recover your password
|
|
es-ES:
|
|
inputEmail: Introduce el correo electrónico
|
|
rememberPassword: Recordar contraseña
|
|
weSendEmail: Te enviaremos un correo para restablecer tu contraseña
|
|
weHaveSentEmailToRecover: Te hemos enviado un correo donde podrás recuperar tu contraseña
|
|
ca-ES:
|
|
inputEmail: Introdueix el correu electrònic
|
|
rememberPassword: Recordar contrasenya
|
|
weSendEmail: T'enviarem un correu per restablir la teva contrasenya
|
|
weHaveSentEmailToRecover: T'hem enviat un correu on podràs recuperar la teva contrasenya
|
|
fr-FR:
|
|
inputEmail: Entrez l'email
|
|
rememberPassword: Se souvenir du mot de passe
|
|
weSendEmail: Nous vous enverrons un e-mail pour récupérer votre mot de passe
|
|
weHaveSentEmailToRecover: Nous vous avons envoyé un e-mail où vous pouvez récupérer votre mot de passe
|
|
pr-BR:
|
|
inputEmail: Digite o e-mail
|
|
rememberPassword: Lembrar senha
|
|
weSendEmail: Enviaremos um e-mail para recuperar sua senha
|
|
weHaveSentEmailToRecover: Enviamos um e-mail onde você pode recuperar sua senha
|
|
</i18n>
|