103 lines
2.4 KiB
Vue
103 lines
2.4 KiB
Vue
|
<template>
|
||
|
|
<div class="m-sign-up">
|
||
|
|
<div class="m-sign-up__title">خوش آمدید</div>
|
||
|
|
|
||
|
|
<div class="sign-up__form">
|
||
|
|
<div class="m-sign-up__form-row m-sign-up__number">
|
||
|
|
<div
|
||
|
|
class="form-group position-relative"
|
||
|
|
:class="{ 'form-group--error': $v.usernameemail.$error }"
|
||
|
|
>
|
||
|
|
<input
|
||
|
|
class="form-control"
|
||
|
|
type="tel"
|
||
|
|
name=""
|
||
|
|
id=""
|
||
|
|
v-model.trim="$v.usernameemail.$model"
|
||
|
|
placeholder="نام کاربری یا ایمیل"
|
||
|
|
dir="ltr"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
<div v-if="submitStatus === 'ERROR'">
|
||
|
|
<div class="error" v-if="!$v.usernameemail.required">
|
||
|
|
{{ $t("IsRequired") }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="m-sign-up__btn-container">
|
||
|
|
<a
|
||
|
|
href="#login"
|
||
|
|
@click.prevent="$emit('set-component', { name: 'login' })"
|
||
|
|
>بازگشت</a
|
||
|
|
>
|
||
|
|
<button v-on:click="getcode()">بازیابی کلمه عبور</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import authMixin from "~/mixins/authMixin";
|
||
|
|
import {
|
||
|
|
required,
|
||
|
|
minLength,
|
||
|
|
maxLength,
|
||
|
|
between,
|
||
|
|
} from "vuelidate/lib/validators";
|
||
|
|
|
||
|
|
export default {
|
||
|
|
name: "forget",
|
||
|
|
mixins: [authMixin],
|
||
|
|
validations: {
|
||
|
|
usernameemail: {
|
||
|
|
required,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
usernameemail: "",
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getcode() {
|
||
|
|
var vm = this;
|
||
|
|
this.$v.$touch();
|
||
|
|
|
||
|
|
if (this.$v.$invalid) {
|
||
|
|
this.submitStatus = "ERROR";
|
||
|
|
} else {
|
||
|
|
this.submitStatus = "PENDING";
|
||
|
|
|
||
|
|
this.forget({
|
||
|
|
username: vm.usernameemail,
|
||
|
|
title: "تحریر",
|
||
|
|
})
|
||
|
|
.then((res) => {
|
||
|
|
this.submitStatus = "OK";
|
||
|
|
|
||
|
|
mySwalToast({
|
||
|
|
title: res.message,
|
||
|
|
icon: "success",
|
||
|
|
});
|
||
|
|
this.$emit("set-component", {
|
||
|
|
name: "login-phone",
|
||
|
|
params: { usernameemail: vm.usernameemail },
|
||
|
|
});
|
||
|
|
// this.$router.push({
|
||
|
|
// name: "resetpass",
|
||
|
|
// params: { usernameemail: vm.usernameemail },
|
||
|
|
// });
|
||
|
|
})
|
||
|
|
.catch((error) => {
|
||
|
|
mySwalToast({
|
||
|
|
title: "خطا",
|
||
|
|
text: error.message,
|
||
|
|
icon: "error",
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|