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">
<v-row class="px-16 py-10 h-100">
<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-col>
<v-col cols="5">

6
src/router/path.js
Unescape View File

@ -16,9 +16,9 @@ export default [
}
},
{
path: '/reset-password',
view: 'PasswordReset',
name: 'passwordReset',
path: '/forgot-password',
view: 'ForgotPassword',
name: 'forgotPassword',
meta: {
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>
<auth-basic text="let's rock and roll">
<template #auth>
<v-col cols="6" class="px-10 pt-4">
<div class="text-uppercase wa__f__ta auth__title">sign in</div>
<div class="auth__subtitle text-uppercase mb-2">
please provide us your login details
</div>
<v-form @submit.prevent="doLogin">
<v-row>
<v-col cols="12">
<v-text-field
label="your email address"
class="no-error-msg"
v-model="form.email"
dark
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" class="pt-0">
<v-text-field
label="password"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
v-model="form.password"
dark
></v-text-field>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="8" class="pr-1">
<div class="wa__link">
<RectangleButton
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' }">
<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">sign in</div>
<div class="auth__subtitle text-uppercase mb-2">
please provide us your login details
</div>
<v-form @submit.prevent="doLogin">
<v-row>
<v-col cols="12">
<v-text-field
label="your email address"
class="no-error-msg"
v-model="form.email"
dark
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col cols="12" class="pt-0">
<v-text-field
label="password"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
v-model="form.password"
dark
></v-text-field>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="8" class="pr-1">
<div class="wa__link">
<RectangleButton
class="custom-btn w-100"
height="25"
height="29"
lg
:text-mode="true"
text="sign up"
text="sign in"
type="submit"
/>
</router-link>
</div>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<div class="wa__link">
<router-link :to="{ name: 'passwordReset' }">
<RectangleButton
icon="WMi-asterisk"
class="w-100"
:text-mode="true"
size="x-small"
text="forgot password"
/>
</router-link>
</div>
</v-col>
</v-row>
</v-form>
</div>
</v-col>
<v-col cols="4" class="pl-1">
<div class="wa__link">
<router-link :to="{ name: 'register' }">
<RectangleButton
class="custom-btn w-100"
height="29"
lg
:text-mode="true"
text="sign up"
/>
</router-link>
</div>
</v-col>
</v-row>
<v-row>
<v-col cols="12">
<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>
</template>
</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>
<auth-basic text="join the club">
<template #auth>
<v-col cols="6" class="px-10 pt-4">
<div class="text-uppercase wa__f__ta auth__title">sign up</div>
<div class="auth__subtitle text-uppercase mb-2">
please provide us this information
</div>
<v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
<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>
<v-col class="pt-0" cols="6">
<v-text-field
label="your first name"
class="no-error-msg"
dark
v-model="form.first_name"
></v-text-field>
</v-col>
<v-col class="pt-0" cols="6">
<v-text-field
label="your last name"
class="no-error-msg"
dark
v-model="form.last_name"
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col class="pt-0" cols="12">
<v-text-field
label="password"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
dark
v-model="form.password"
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col class="pt-0" cols="12">
<v-text-field
label="your password again"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
dark
v-model="form.password_confirmation"
></v-text-field>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="8" class="pr-1">
<div class="wa__link">
<RectangleButton
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' }">
<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">sign up</div>
<div class="auth__subtitle text-uppercase mb-2">
please provide us this information
</div>
<v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
<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>
<v-col class="pt-0" cols="6">
<v-text-field
label="your first name"
class="no-error-msg"
dark
v-model="form.first_name"
></v-text-field>
</v-col>
<v-col class="pt-0" cols="6">
<v-text-field
label="your last name"
class="no-error-msg"
dark
v-model="form.last_name"
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col class="pt-0" cols="12">
<v-text-field
label="password"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
dark
v-model="form.password"
></v-text-field>
</v-col>
</v-row>
<v-row>
<v-col class="pt-0" cols="12">
<v-text-field
label="your password again"
class="no-error-msg"
:type="showPassword ? 'text' : 'password'"
@click:append="showPassword = !showPassword"
:append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
dark
v-model="form.password_confirmation"
></v-text-field>
</v-col>
</v-row>
<v-row class="mt-4">
<v-col cols="8" class="pr-1">
<div class="wa__link">
<RectangleButton
class="custom-btn w-100"
height="25"
:text-mode="true"
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"
lg
height="29"
:text-mode="true"
text="forgot password"
icon="WMi-asterisk"
size="x-small"
text="do sign up"
type="submit"
/>
</router-link>
</div>
</v-col>
</v-row>
</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-col cols="4" class="pl-1">
<div class="wa__link">
<router-link :to="{ name: 'login' }">
<RectangleButton
class="custom-btn w-100"
height="29"
lg
:text-mode="true"
text="sign in"
/>
</router-link>
</div>
</v-col>
</v-row>
<v-row class="mt-4">
<v-row>
<v-col cols="12">
<RectangleButton
class="w-100 custom-btn"
text="send code"
type="submit"
height="25"
/>
</v-col>
<v-col cols="12" class="pt-0">
<div>
<RectangleButton
class="w-100"
text="return to register "
icon="WMi-left-open"
@click.native="toggleVerifyCodePage"
/>
<div class="wa__link">
<router-link :to="{ name: 'forgotPassword' }">
<RectangleButton
class="w-100"
:text-mode="true"
text="forgot password"
height="29"
icon="WMi-asterisk"
lg
size="x-small"
/>
</router-link>
</div>
</v-col>
</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>
</template>
</auth-basic>

Write Preview
Loading…
Cancel
Save