sajjad.talkhabi
/
champya
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

foix

Browse Source
master
sajjad 3 years ago
parent 121d0d1f90
commit 9c7c1ea972
7 changed files with 298 additions and 278 deletions
Show Stats Download Patch File Download Diff File

BIN
public/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 15 KiB

2
src/components/Global/Section/AuthBasic.vue
Unescape View File

@ -3,7 +3,7 @@
<main-back height="500px"> <main-back height="500px">
<v-row class="px-16 py-10 h-100"> <v-row class="px-16 py-10 h-100">
<slot name="auth"></slot> <slot name="auth"></slot>
<v-col cols="1" class="text-center pl-0"> <v-col cols="2" class="text-center pl-0">
<v-divider vertical dark class="mr-1"></v-divider> <v-divider vertical dark class="mr-1"></v-divider>
</v-col> </v-col>
<v-col cols="5"> <v-col cols="5">

6
src/router/path.js
Unescape View File

@ -16,9 +16,9 @@ export default [
} }
}, },
{ {
path: '/reset-password', path: '/forgot-password',
view: 'PasswordReset', view: 'ForgotPassword',
name: 'passwordReset', name: 'forgotPassword',
meta: { meta: {
onlyWhenLoggedOut: true onlyWhenLoggedOut: true
} }

86
src/views/ForgotPassword.vue
Unescape View File

@ -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>

140
src/views/Login.vue
Unescape View File

@ -8,77 +8,83 @@
<main> <main>
<auth-basic text="let's rock and roll"> <auth-basic text="let's rock and roll">
<template #auth> <template #auth>
<v-col cols="6" class="px-10 pt-4"> <v-col cols="5" class="d-flex align-center pl-10 pt-4">
<div class="text-uppercase wa__f__ta auth__title">sign in</div> <div class="w-100">
<div class="auth__subtitle text-uppercase mb-2"> <div class="text-uppercase wa__f__ta auth__title">sign in</div>
please provide us your login details <div class="auth__subtitle text-uppercase mb-2">
</div> please provide us your login details
<v-form @submit.prevent="doLogin"> </div>
<v-row> <v-form @submit.prevent="doLogin">
<v-col cols="12"> <v-row>
<v-text-field <v-col cols="12">
label="your email address" <v-text-field
class="no-error-msg" label="your email address"
v-model="form.email" class="no-error-msg"
dark v-model="form.email"
></v-text-field> dark
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row> </v-row>
<v-col cols="12" class="pt-0"> <v-row>
<v-text-field <v-col cols="12" class="pt-0">
label="password" <v-text-field
class="no-error-msg" label="password"
:type="showPassword ? 'text' : 'password'" class="no-error-msg"
@click:append="showPassword = !showPassword" :type="showPassword ? 'text' : 'password'"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'" @click:append="showPassword = !showPassword"
v-model="form.password" :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
dark v-model="form.password"
></v-text-field> dark
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row class="mt-4"> </v-row>
<v-col cols="8" class="pr-1"> <v-row class="mt-4">
<div class="wa__link"> <v-col cols="8" class="pr-1">
<RectangleButton <div class="wa__link">
class="custom-btn w-100"
height="25"
:text-mode="true"
text="sign in"
type="submit"
/>
</div>
</v-col>
<v-col cols="4" class="pl-1">
<div class="wa__link">
<router-link :to="{ name: 'register' }">
<RectangleButton <RectangleButton
class="custom-btn w-100" class="custom-btn w-100"
height="25" height="29"
lg
:text-mode="true" :text-mode="true"
text="sign up" text="sign in"
type="submit"
/> />
</router-link> </div>
</div> </v-col>
</v-col>
</v-row> <v-col cols="4" class="pl-1">
<v-row> <div class="wa__link">
<v-col cols="12"> <router-link :to="{ name: 'register' }">
<div class="wa__link"> <RectangleButton
<router-link :to="{ name: 'passwordReset' }"> class="custom-btn w-100"
<RectangleButton height="29"
icon="WMi-asterisk" lg
class="w-100" :text-mode="true"
:text-mode="true" text="sign up"
size="x-small" />
text="forgot password" </router-link>
/> </div>
</router-link> </v-col>
</div> </v-row>
</v-col> <v-row>
</v-row> <v-col cols="12">
</v-form> <div class="wa__link">
<router-link :to="{ name: 'forgotPassword' }">
<RectangleButton
icon="WMi-asterisk"
class="w-100"
height="29"
lg
:text-mode="true"
size="x-small"
text="forgot password"
/>
</router-link>
</div>
</v-col>
</v-row>
</v-form>
</div>
</v-col> </v-col>
</template> </template>
</auth-basic> </auth-basic>

81
src/views/PasswordReset.vue
Unescape View File

@ -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>

261
src/views/Register.vue
Unescape View File

@ -8,143 +8,152 @@
<main> <main>
<auth-basic text="join the club"> <auth-basic text="join the club">
<template #auth> <template #auth>
<v-col cols="6" class="px-10 pt-4"> <v-col cols="5" class="d-flex align-center pl-10 pt-4">
<div class="text-uppercase wa__f__ta auth__title">sign up</div> <div class="w-100">
<div class="auth__subtitle text-uppercase mb-2"> <div class="text-uppercase wa__f__ta auth__title">sign up</div>
please provide us this information <div class="auth__subtitle text-uppercase mb-2">
</div> please provide us this information
<v-form @submit.prevent="doRegister" v-if="!verifyCodePage"> </div>
<v-row> <v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
<v-col cols="12"> <v-row>
<v-text-field <v-col cols="12">
label="your email address" <v-text-field
class="no-error-msg" label="your email address"
dark class="no-error-msg"
v-model="form.email" dark
></v-text-field> v-model="form.email"
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row> </v-row>
<v-col class="pt-0" cols="6"> <v-row>
<v-text-field <v-col class="pt-0" cols="6">
label="your first name" <v-text-field
class="no-error-msg" label="your first name"
dark class="no-error-msg"
v-model="form.first_name" dark
></v-text-field> v-model="form.first_name"
</v-col> ></v-text-field>
<v-col class="pt-0" cols="6"> </v-col>
<v-text-field <v-col class="pt-0" cols="6">
label="your last name" <v-text-field
class="no-error-msg" label="your last name"
dark class="no-error-msg"
v-model="form.last_name" dark
></v-text-field> v-model="form.last_name"
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row> </v-row>
<v-col class="pt-0" cols="12"> <v-row>
<v-text-field <v-col class="pt-0" cols="12">
label="password" <v-text-field
class="no-error-msg" label="password"
:type="showPassword ? 'text' : 'password'" class="no-error-msg"
@click:append="showPassword = !showPassword" :type="showPassword ? 'text' : 'password'"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'" @click:append="showPassword = !showPassword"
dark :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
v-model="form.password" dark
></v-text-field> v-model="form.password"
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row> </v-row>
<v-col class="pt-0" cols="12"> <v-row>
<v-text-field <v-col class="pt-0" cols="12">
label="your password again" <v-text-field
class="no-error-msg" label="your password again"
:type="showPassword ? 'text' : 'password'" class="no-error-msg"
@click:append="showPassword = !showPassword" :type="showPassword ? 'text' : 'password'"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'" @click:append="showPassword = !showPassword"
dark :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
v-model="form.password_confirmation" dark
></v-text-field> v-model="form.password_confirmation"
</v-col> ></v-text-field>
</v-row> </v-col>
<v-row class="mt-4"> </v-row>
<v-col cols="8" class="pr-1"> <v-row class="mt-4">
<div class="wa__link"> <v-col cols="8" class="pr-1">
<RectangleButton <div class="wa__link">
class="custom-btn w-100"
height="25"
:text-mode="true"
text="do sign up"
type="submit"
/>
</div>
</v-col>
<v-col cols="4" class="pl-1">
<div class="wa__link">
<router-link :to="{ name: 'login' }">
<RectangleButton <RectangleButton
class="custom-btn w-100" class="custom-btn w-100"
height="25" lg
:text-mode="true" height="29"
text="sign in"
/>
</router-link>
</div>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<div class="wa__link">
<router-link :to="{ name: 'passwordReset' }">
<RectangleButton
class="w-100"
:text-mode="true" :text-mode="true"
text="forgot password" text="do sign up"
icon="WMi-asterisk" type="submit"
size="x-small"
/> />
</router-link> </div>
</div> </v-col>
</v-col> <v-col cols="4" class="pl-1">
</v-row> <div class="wa__link">
</v-form> <router-link :to="{ name: 'login' }">
<v-form @submit.prevent="verifyEmailCode" v-else> <RectangleButton
<div class="wa__register__form mt-14"> class="custom-btn w-100"
<v-row> height="29"
<v-col cols="12" class="pb-0"> lg
<div> :text-mode="true"
<v-text-field text="sign in"
label="code" />
class="no-error-msg" </router-link>
dark
v-model="form.code"
></v-text-field>
</div> </div>
</v-col> </v-col>
</v-row> </v-row>
<v-row class="mt-4"> <v-row>
<v-col cols="12"> <v-col cols="12">
<RectangleButton <div class="wa__link">
class="w-100 custom-btn" <router-link :to="{ name: 'forgotPassword' }">
text="send code" <RectangleButton
type="submit" class="w-100"
height="25" :text-mode="true"
/> text="forgot password"
</v-col> height="29"
<v-col cols="12" class="pt-0"> icon="WMi-asterisk"
<div> lg
<RectangleButton size="x-small"
class="w-100" />
text="return to register " </router-link>
icon="WMi-left-open"
@click.native="toggleVerifyCodePage"
/>
</div> </div>
</v-col> </v-col>
</v-row> </v-row>
</div> </v-form>
</v-form> <v-form @submit.prevent="verifyEmailCode" v-else>
<div class="wa__register__form mt-14">
<v-row>
<v-col cols="12" class="pb-0">
<div>
<v-text-field
label="code"
class="no-error-msg"
dark
v-model="form.code"
></v-text-field>
</div>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="12">
<RectangleButton
class="w-100 custom-btn"
text="send code"
type="submit"
height="29"
lg
/>
</v-col>
<v-col cols="12" class="pt-0">
<div>
<RectangleButton
class="w-100"
text="return to register "
height="29"
lg
icon="WMi-left-open"
@click.native="toggleVerifyCodePage"
/>
</div>
</v-col>
</v-row>
</div>
</v-form>
</div>
</v-col> </v-col>
</template> </template>
</auth-basic> </auth-basic>

Write Preview
Loading…
Cancel
Save