reset password repeat new password

Author: supalarry

frontend/package.json

@@ -8,10 +8,10 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "axios": "^0.20.0",
     "@sentry/browser": "^5.24.2",
     "@sentry/integrations": "^5.24.2",
     "@sentry/tracing": "^5.24.2",
+    "axios": "^0.20.0",
     "core-js": "^3.6.5",
     "tailwindcss": "^1.8.10",
     "vee-validate": "^3.3.11",

frontend/src/main.js

@@ -1,5 +1,8 @@
 import Vue from 'vue';
 import { ValidationProvider, ValidationObserver, extend } from 'vee-validate/dist/vee-validate.full.esm';
+import * as Sentry from '@sentry/browser';
+import { Vue as VueIntegration } from '@sentry/integrations';
+import { Integrations } from '@sentry/tracing';
 import http from './plugins/http';
 import errorMessenger from './plugins/errorMessenger';
 import App from './App.vue';
@@ -8,12 +11,8 @@ import store from './store';
 import validPassword from './validators/validPassword';
 import './assets/css/tailwind.css';
 
-import * as Sentry from "@sentry/browser";
-import { Vue as VueIntegration } from "@sentry/integrations";
-import { Integrations } from "@sentry/tracing";
-
 Sentry.init({
-  dsn: "https://fc31e918801742e2b1e691067496e257@o450203.ingest.sentry.io/5434440",
+  dsn: 'https://fc31e918801742e2b1e691067496e257@o450203.ingest.sentry.io/5434440',
   integrations: [
     new VueIntegration({
       Vue,

frontend/src/views/auth/ResetPassword.vue

@@ -16,6 +16,10 @@
               <input type="password" placeholder="New Password" v-model="formData.password" class="matcha-input mt-0">
               <span class="matcha-input-error">{{ passwordErrorHandler(errors[0]) }}</span>
             </ValidationProvider>
+            <ValidationProvider name="Repeat Password" rules="required|confirmed:Password" v-slot="{errors}">
+              <input type="password" placeholder="Repeat Password" v-model="formData.passwordRepeat" class="matcha-input mt-4">
+              <span class="matcha-input-error">{{ passwordErrorHandler(errors[0]) }}</span>
+            </ValidationProvider>
             <input type="submit" :disabled="invalid" value="Reset password" v-bind:class="{'auth-sub-container-content-submit-button': true, 'opacity-50': invalid, 'cursor-pointer': !invalid}">
           </form>
         </ValidationObserver>
@@ -38,6 +42,7 @@ export default {
   data: () => ({
     formData: {
       password: '',
+      passwordRepeat: '',
     },
     passwordHasBeenReset: false,
     error: {
@@ -47,9 +52,12 @@ export default {
   }),
   methods: {
     passwordErrorHandler(error) {
-      if (!error || error === 'The Password field is required') {
+      if (!error || error === 'The Password field is required' || error === 'The Repeat Password field is required') {
         return error;
       }
+      if (error === 'The Repeat Password field confirmation does not match') {
+        return 'Passwords do not match';
+      }
       return 'This password is too easy to guess';
     },
     async onSubmit() {