password reset: show error message if any

dashboard/src/views/PasswordResetView.vue

@@ -31,14 +31,18 @@ async function onPasswordReset() {
   error.value = {};
 
   try {
-    await fetcher.post(`${API_ORIGIN}/api/v1/auth/password_reset_request`, { identifier: passwordResetIdentifier.value });
+    const res = await fetcher.post(`${API_ORIGIN}/api/v1/auth/password_reset_request`, { identifier: passwordResetIdentifier.value });
+    if (res.status === 409) {
+      error.value.generic = res.body.message;
+    } else if (res.status === 202) {
+      mode.value = MODE.NEW_PASSWORD_DONE;
+    }
   } catch (error) {
     error.value.generic = error;
     console.error('Failed to reset password.', error);
   }
 
-  busy.value = 'false';
-  mode.value = MODE.RESET_PASSWORD_DONE;
+  busy.value = false;
 }
 
 async function onNewPassword() {
@@ -107,6 +111,8 @@ onMounted(async () => {
       <div v-if="mode === MODE.RESET_PASSWORD">
         <h2>{{ $t('passwordReset.title') }}</h2>
 
+        <p class="has-error" v-if="error.generic">{{ error.generic }}</p>
+
         <form name="passwordResetForm" @submit.prevent="onPasswordReset()">
           <input type="submit" style="display: none;"/>
 
@@ -123,8 +129,7 @@ onMounted(async () => {
       </div>
 
       <div v-if="mode === MODE.RESET_PASSWORD_DONE">
-        <h4 v-if="error.generic" class="has-error">{{ error.generic }}</h4>
-        <h2 v-else>{{ $t('passwordReset.emailSent.title') }}</h2>
+        <h2>{{ $t('passwordReset.emailSent.title') }}</h2>
         <Button href="/">{{ $t('passwordReset.backToLoginAction') }}</Button>
       </div>