hr admin
This commit is contained in:
+20
-34
@@ -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>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user