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