fix: Clear errors on resend password page.

Only add a new error if it's not in the list yet, and remove error from list when message is closed.

See issue: #298
This commit is contained in:
Leo Mouyna 2019-12-09 21:38:29 +01:00
parent 74c6eb277f
commit b731f0e030

View File

@ -5,7 +5,10 @@
<h1 class="title"> <h1 class="title">
{{ $t('Password reset') }} {{ $t('Password reset') }}
</h1> </h1>
<b-message title="Error" type="is-danger" v-for="error in errors" :key="error">{{ error }}</b-message> <b-message
title="Error" type="is-danger" v-for="error in errors" :key="error" @close="removeError(error)">
{{ error }}
</b-message>
<form @submit="sendResetPasswordTokenAction" v-if="!validationSent"> <form @submit="sendResetPasswordTokenAction" v-if="!validationSent">
<b-field label="Email"> <b-field label="Email">
<b-input aria-required="true" required type="email" v-model="credentials.email"/> <b-input aria-required="true" required type="email" v-model="credentials.email"/>
@ -59,6 +62,10 @@ export default class SendPasswordReset extends Vue {
this.credentials.email = this.email; this.credentials.email = this.email;
} }
removeError(message: string) {
this.errors.splice(this.errors.indexOf(message))
}
async sendResetPasswordTokenAction(e) { async sendResetPasswordTokenAction(e) {
e.preventDefault(); e.preventDefault();
@ -74,7 +81,9 @@ export default class SendPasswordReset extends Vue {
} catch (err) { } catch (err) {
console.error(err); console.error(err);
err.graphQLErrors.forEach(({ message }) => { err.graphQLErrors.forEach(({ message }) => {
this.errors.push(message); if (this.errors.indexOf(message) < 0){
this.errors.push(message);
}
}); });
} }
} }