danak/ostandari
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

create logs page

Browse Source
This commit is contained in:
mahyargdz
2024-11-18 18:56:14 +03:30
parent 7583fe1cb9
commit f75f890fa5
8 changed files with 688 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/admin/Login.vue
+127 -89
View File
@@ -4,23 +4,23 @@
<CCardGroup>
<CCard class="p-4">
<CCardBody>
<CForm
v-if="step === 1"
@submit.prevent="doLogin">
<CForm v-if="step === 1" @submit.prevent="doLogin">
<h1 class="text-muted text-center mb-5">پنل مدیریت</h1>
<CInput
:class="validation.username ? 'err' : null"
placeholder="شماره موبایل"
:description="validation.username ? validation.username.msg : null"
autocomplete="username email"
v-model="phone"
>
<template #prepend-content>
<CIcon name="cil-user"/>
</template>
</CInput>
<!--
:class="validation.username ? 'err' : null"
placeholder="شماره موبایل"
:description="
validation.username ? validation.username.msg : null
"
autocomplete="username email"
v-model="phone"
>
<template #prepend-content>
<CIcon name="cil-user" />
</template>
</CInput>
<!--
<CInput
:class="validation.username ? 'err' : null"
@@ -52,42 +52,40 @@
</div>
<CInputCheckbox label="مرا به خاطر بسپار" @update:checked="val => login.remember_me = val"/> -->
<CRow>
<CCol col="12" class="text-right mt-2">
<CButton color="primary" @click="send_number" class="px-4">ارسال کد</CButton>
<CRow>
<CCol col="12" class="text-right mt-2">
<CButton color="primary" @click="send_number" class="px-4"
>ارسال کد</CButton
>
</CCol>
</CRow>
</CRow>
<!-- <p class="text-muted mt-3" style="font-size: 11px;">*درصورتی که گزینه "مرا به خاطر بسپار" را فعال نکنید بعد از 1 ساعت باید دوباره وارد سیستم شوید.</p> -->
</CForm>
<CForm
v-if="step === 2"
@submit.prevent="doLogin">
<CForm v-if="step === 2" @submit.prevent="doLogin">
<h1 class="text-muted text-center mb-5">پنل مدیریت</h1>
<CInput
:class="validation.username ? 'err' : null"
placeholder="کد ورود را وارد کنید"
:description="validation.username ? validation.username.msg : null"
autocomplete="username email"
v-model="otp"
>
<template #prepend-content>
<CIcon name="cil-user"/>
</template>
</CInput>
:class="validation.username ? 'err' : null"
placeholder="کد ورود را وارد کنید"
:description="
validation.username ? validation.username.msg : null
"
autocomplete="username email"
v-model="otp"
>
<template #prepend-content>
<CIcon name="cil-user" />
</template>
</CInput>
<CRow>
<CCol col="12" class="text-right mt-2">
<CButton color="primary" type="submit" class="px-4">ارسال کد</CButton>
<CButton color="primary" type="submit" class="px-4"
>ورود</CButton
>
</CCol>
</CRow>
</CForm>
</CCardBody>
</CCard>
</CCardGroup>
@@ -96,71 +94,111 @@
</template>
<script>
import { ref } from 'vue';
import { ref } from "vue";
export default {
data() {
return {
showPass: false,
step: 1,
phone: '',
otp: '',
step: 1,
phone: "",
otp: "",
login: {
username: '',
password: '',
remember_me: false
username: "",
password: "",
remember_me: false,
},
validation: {}
}
validation: {},
};
},
computed: {
passwordState() {
return this.showPass ? "text" : "password"
}
return this.showPass ? "text" : "password";
},
},
methods: {
async send_number(){
console.log(this.phone)
const phoneNumber = this.phone
const send_request = await fetch('/api/auth/otp', {
method: 'POST',
headers: {
'Accept' : 'application/json',
'content-type' : 'application/json'
},
body: JSON.stringify({phone: phoneNumber})
async send_number() {
if (!this.phone) {
this.$message({
type: "warning",
message: "شماره تماس را وارد کنید !",
});
return;
}
})
//if (send_request.status === 200) {
this.step = 2
//}
try {
const phoneNumber = this.phone;
const send_request = await fetch("/api/auth/otp", {
method: "POST",
headers: {
Accept: "application/json",
"content-type": "application/json",
},
body: JSON.stringify({ phone: phoneNumber }),
});
},
doLogin() {
this.validation = {}
this.$auth.loginWith('local', {
data: {
phone: this.phone,
code: this.otp
if (send_request.status === 429 || send_request.status === 406) {
this.$message({
type: "warning",
message: "شما دسترسی ورود ندارید !",
});
return;
}
})
.then(response => {
window.location.replace(window.location.origin + "/admin" )
})
.catch(err => {
if (err.response.status === 422) this.validation = err.response.data.validation
if (err.response.status === 403) {
this.$message({
type: 'warning',
message: err.response.data.message
})
} else console.log(err.response.data)
})
}
},
layout: 'admin-auth',
}
if (send_request.status === 200 || send_request.status === 201) {
this.$message({
type: "success",
message: "کد ورود ارسال شد",
});
this.step = 2;
return;
} else {
this.$message({
type: "warning",
message: "مشکل در برقرای ارتباط",
});
}
} catch (error) {
console.log("err", error);
this.$message({
type: "warning",
message: "خطای ناشناخته",
});
return;
}
},
doLogin() {
this.validation = {};
this.$auth
.loginWith("local", {
data: {
phone: this.phone,
code: this.otp,
},
})
.then((response) => {
window.location.replace(window.location.origin + "/admin");
})
.catch((err) => {
if (err.response.status === 422)
this.validation = err.response.data.validation;
if (err.response.status === 403) {
this.$message({
type: "warning",
message: err.response.data.message,
});
} else {
this.$message({
type: "warning",
message: err?.response?.data?.validation?.code?.msg,
});
console.log(err.response.data.validation.code.msg);
}
});
},
},
layout: "admin-auth",
};
</script>
<style lang="scss">