This commit is contained in:
alirezakarari
2021-01-30 22:35:05 +03:30
parent 8d06c89a89
commit b05899d062
14 changed files with 1735 additions and 532 deletions
+20 -34
View File
@@ -1,15 +1,4 @@
<!-- =========================================================================================
File Name: Login.vue
Description: Login Page
----------------------------------------------------------------------------------------
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
Author: Pixinvent
Author URL: http://www.themeforest.net/user/pixinvent
========================================================================================== -->
<template>
<div class="h-screen flex w-full bg-img vx-row no-gutter items-center justify-center" id="page-login">
<div class="vx-col sm:w-1/2 md:w-1/2 lg:w-2/4 xl:w-1/4 sm:m-0 m-4">
<vx-card>
@@ -17,16 +6,18 @@
<div class="vx-row no-gutter justify-center items-center">
<!-- <div class="vx-col hidden lg:block lg:w-1/2">
<img src="@/assets/images/pages/login.png" alt="login" class="mx-auto">
</div>-->
<div class="vx-col sm:w-full md:w-full lg:w-full d-theme-dark-bg">
<div class="px-4 pt-1 login-tabs-container flex items-stretch flex-col justify-center ">
<img src="@/assets/images/logo.svg" width="120px" height="120px" class="mx-auto">
<div class="vx-card__title mb-4">
<h4 class="mb-4">
ورود
{{$t('Login')}}
</h4>
<p>
به آسکو خوش آمدید.
</p>
<p>{{$t('Welcome Login')}}</p>
</div>
<div>
<vs-input
@@ -36,11 +27,11 @@
icon-no-border
icon="icon icon-user"
icon-pack="feather"
label-placeholder="شماره تلفن همراه یا ایمیل"
:label-placeholder="$t('Mail or Mobile')"
v-model="email"
@keydown.enter="loginJWT"
class="w-full"/>
<span class="text-danger text-sm">شماره موبایل الزامی است.</span>
<span class="text-danger text-sm">{{ errors.first('mobile') }}</span>
<vs-input
data-vv-validate-on="blur"
@@ -50,26 +41,29 @@
icon-no-border
icon="icon icon-lock"
icon-pack="feather"
label-placeholder="رمزعبور"
:label-placeholder="$t('Password')"
v-model="password"
@keydown.enter="loginJWT"
class="w-full mt-8" />
<span class="text-danger text-sm">رمزعبور الزامی است.</span>
<span class="text-danger text-sm">{{ errors.first('password') }}</span>
<div class="flex flex-wrap justify-between my-5">
<router-link to="/auth/forgot-password">
رمز عبور خود را فراموش کردم
</router-link>
<!-- <router-link to="/auth/forgot-password">
{{$t('Forgot Password')}}
</router-link>-->
</div>
<div class="flex flex-wrap justify-between mb-3 ">
<vs-button class="mx-auto" :disabled="!validateForm" @click="loginJWT" >
ورود
{{$t('Login')}}
</vs-button>
</div>
<div>
<router-link to="/auth/register">
آیا شما ثبت نام نکرده اید ؟
</router-link>
<!-- <router-link to="/auth/register">
{{$t('Are you register')}}
</router-link>-->
<a-button type="link" @click="registerUser">
آیا هنوز ثبت نام نکرده اید؟
</a-button>
</div>
</div>
</div>
@@ -133,13 +127,6 @@
}
this.$vs.loading.close()
this.$message.error(msg);
/*this.$vs.notify({
title: 'خطا در ورود',
text: msg,
iconPack: 'feather',
icon: 'icon-alert-circle',
color: 'danger',
})*/
})
},
registerUser() {
@@ -165,4 +152,3 @@
}
</style>