parent
121d0d1f90
commit
9c7c1ea972
Before Width: | Height: | Size: 4.2 KiB After Width: | Height: | Size: 15 KiB |
@ -0,0 +1,86 @@
|
||||
<template>
|
||||
<v-container>
|
||||
<header>
|
||||
<div class="text-center">
|
||||
<auth-header></auth-header>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<auth-basic text="we're here to help">
|
||||
<template #auth>
|
||||
<v-col cols="5" class="d-flex align-center pl-10 pt-4">
|
||||
<div class="w-100">
|
||||
<div class="text-uppercase wa__f__ta auth__title">forgot password</div>
|
||||
<div class="auth__subtitle text-uppercase mb-2">
|
||||
please provide us this information
|
||||
</div>
|
||||
<v-form @submit.prevent="forgotPassword">
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
label="your email address"
|
||||
class="no-error-msg"
|
||||
dark
|
||||
v-model="form.email"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row class="mt-4">
|
||||
<v-col cols="12">
|
||||
<RectangleButton
|
||||
class="custom-btn w-100"
|
||||
height="29"
|
||||
lg
|
||||
:text-mode="true"
|
||||
text="send the code"
|
||||
type="submit"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col cols="12" class="pt-0">
|
||||
<div class="wa__link">
|
||||
<router-link :to="{ name: 'login' }">
|
||||
<RectangleButton
|
||||
height="29"
|
||||
lg
|
||||
class="w-100"
|
||||
:text-mode="true"
|
||||
icon="WMi-left-open"
|
||||
text="return to login"
|
||||
/>
|
||||
</router-link>
|
||||
</div>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</div>
|
||||
</v-col>
|
||||
</template>
|
||||
</auth-basic>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="text-center mt-10">
|
||||
<auth-footer></auth-footer>
|
||||
</div>
|
||||
</footer>
|
||||
</v-container>
|
||||
</template>
|
||||
<script>
|
||||
import AuthBasic from "../components/Global/Section/AuthBasic.vue";
|
||||
import AuthRepository from "../abstraction/repository/authRepository";
|
||||
export default {
|
||||
components: {
|
||||
AuthBasic,
|
||||
},
|
||||
data: () => ({
|
||||
form: {},
|
||||
}),
|
||||
methods: {
|
||||
async forgotPassword() {
|
||||
let repository = new AuthRepository();
|
||||
await repository.forgotPassword(this.form);
|
||||
this.$router.push({ name: "login" });
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
@ -1,81 +0,0 @@
|
||||
<template>
|
||||
<v-container>
|
||||
<header>
|
||||
<div class="text-center">
|
||||
<auth-header></auth-header>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<auth-basic text="we're here to help">
|
||||
<template #auth>
|
||||
<v-col cols="6" class="px-10 pt-4">
|
||||
<div class="text-uppercase wa__f__ta auth__title">forgot password</div>
|
||||
<div class="auth__subtitle text-uppercase mb-2">
|
||||
please provide us this information
|
||||
</div>
|
||||
<v-form @submit.prevent="forgotPassword">
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<v-text-field
|
||||
label="your email address"
|
||||
class="no-error-msg"
|
||||
dark
|
||||
v-model="form.email"
|
||||
></v-text-field>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<v-row class="mt-4">
|
||||
<v-col cols="12">
|
||||
<RectangleButton
|
||||
class="custom-btn w-100"
|
||||
height="25"
|
||||
:text-mode="true"
|
||||
text="send the code"
|
||||
type="submit"
|
||||
/>
|
||||
</v-col>
|
||||
<v-col cols="12" class="pt-0">
|
||||
<div class="wa__link">
|
||||
<router-link :to="{ name: 'login' }">
|
||||
<RectangleButton
|
||||
class="w-100"
|
||||
:text-mode="true"
|
||||
icon="WMi-left-open"
|
||||
text="return to login"
|
||||
/>
|
||||
</router-link>
|
||||
</div>
|
||||
</v-col>
|
||||
</v-row>
|
||||
</v-form>
|
||||
</v-col>
|
||||
</template>
|
||||
</auth-basic>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="text-center mt-10">
|
||||
<auth-footer></auth-footer>
|
||||
</div>
|
||||
</footer>
|
||||
</v-container>
|
||||
</template>
|
||||
<script>
|
||||
import AuthBasic from "../components/Global/Section/AuthBasic.vue";
|
||||
import AuthRepository from "../abstraction/repository/authRepository";
|
||||
export default {
|
||||
components: {
|
||||
AuthBasic,
|
||||
},
|
||||
data: () => ({
|
||||
form: {},
|
||||
}),
|
||||
methods: {
|
||||
async forgotPassword() {
|
||||
let repository = new AuthRepository();
|
||||
await repository.forgotPassword(this.form);
|
||||
this.$router.push({ name: "login" });
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
Loading…
Reference in new issue