Compare commits

...

2 Commits

Author SHA1 Message Date
sajjadtalkhabi a007db0d50 fix: user status
Deploy banu-front / deploy (push) Failing after 7s
2026-06-11 16:57:17 +03:30
sajjadtalkhabi 130266b416 fix: layout 2026-06-11 15:00:02 +03:30
18 changed files with 124 additions and 120 deletions
+6 -7
View File
@@ -39,16 +39,15 @@ export const STUDENT_REGISTRATION = Object.freeze({
export const STUDENT_REGISTRATION_ORDER = Object.freeze(Object.values(STUDENT_REGISTRATION))
// User lifecycle states (Set User Status endpoint):
// pending just registered
// verified phone OTP-confirmed
// approved full access
// blocked no access (existing tokens revoked)
// pending registered, phone not yet OTP-verified
// verified phone OTP-verified and registration steps completed (awaiting admin)
// approved approved by admin (full access)
// blocked blocked by admin (no access; existing tokens revoked)
export const USER_STATUS = Object.freeze({
pending: 'در انتظار',
verified: 'تأیید تلفن',
pending: 'تأیید نشده',
verified: 'در انتظار تأیید',
approved: 'تأیید شده',
blocked: 'مسدود',
rejected: 'رد شده',
})
export const MARITAL_STATUS = Object.freeze({
@@ -21,11 +21,11 @@
<div class="verification-item__date">
<span class="verification-item__date-label">تاریخ ثبت نام:</span>
<span class="verification-item__date-value">
{{ user.faSubmittedAt || formatJalaaliDate(user.submittedAt) || '—' }}
{{ formatJalaaliDate(user.createdAt) || '—' }}
</span>
</div>
<div
v-if="user.status === 'pending'"
v-if="user.status === 'verified'"
class="verification-item__badge verification-item__badge--pending"
>
<span class="verification-item__dot" />
@@ -92,9 +92,7 @@ const props = defineProps({
const emit = defineEmits(['show-details', 'show-reject-reason', 'verify-user'])
const fullName = computed(
() => `${props.user.firstName || ''} ${props.user.lastName || ''}`.trim() || '—'
)
const fullName = computed(() => `${props.user.name || ''}`.trim() || '—')
</script>
<style lang="scss" scoped>
@@ -77,15 +77,12 @@ import TextField from '@/components/form/TextField.vue'
import { rejectionReasonSchema } from '../../../schema'
import SelectField from '@/components/form/SelectField.vue'
import TextareaField from '@/components/form/TextareaField.vue'
import {
adminPendingStudentsKeys,
useChangePendingStudentStatusMutation,
} from '@/services/query/admin-pending-students'
import { adminUsersKeys, useChangeAdminUserStatusMutation } from '@/services/query/admin-users'
defineOptions({ name: 'RejectReasonModal' })
const queryClient = useQueryClient()
const changeStatusMutation = useChangePendingStudentStatusMutation()
const changeStatusMutation = useChangeAdminUserStatusMutation()
const DEFAULT_FORM = { rejectionReason: '', adminNote: '' }
@@ -105,16 +102,14 @@ const handleChange = (key, value) => {
const onSubmit = async (data, close) => {
const { isValid, payload } = await validate(form.value)
console.log(errors)
if (!isValid) return
const id = data?.id
if (!id) return
await changeStatusMutation.mutateAsync({
id,
payload: { status: 'rejected', ...payload },
payload: { status: 'blocked', ...payload },
})
await queryClient.invalidateQueries({ queryKey: adminPendingStudentsKeys.all })
await queryClient.invalidateQueries({ queryKey: adminUsersKeys.all })
form.value = structuredClone({ ...DEFAULT_FORM })
resetErrors()
close()
@@ -7,7 +7,7 @@
min-width="auto"
:show-close-button="true"
>
<template #default="{ data, close }">
<template #default>
<div v-if="!user" class="user-verification-details">
<p class="user-verification-details__loading">در حال بارگذاری</p>
</div>
@@ -203,39 +203,19 @@
class="user-verification-details__video"
/>
</section>
<div class="user-verification-details__divider" />
<div class="user-verification-details__actions">
<BaseButton
text="ذخیره به صورت PDF"
:loading="pdfLoading"
custom-class="user-verification-details__pdf-btn"
@click="onSaveAsPdf(data, close)"
>
<template #appendIcon>
<SvgIcon name="arrow-left" :size="18" color="#fff" />
</template>
</BaseButton>
</div>
</div>
</template>
</BasicModal>
</template>
<script setup>
import { computed, ref } from 'vue'
import { computed } from 'vue'
import useModal from '@/composables/useModal'
import BasicModal from '@/components/BasicModal.vue'
import BaseButton from '@/components/BaseButton.vue'
import SvgIcon from '@/components/icons/SvgIcon.vue'
import { formatJalaaliDate } from '@/utils/date-utils'
import LineTitleBlock from '@/components/LineTitleBlock.vue'
import { useAdminUserQuery } from '@/services/query/admin-users'
import LineInfoBlock from '@/components/blocks/LineInfoBlock.vue'
import {
usePendingStudentQuery,
useDownloadPendingStudentPdfMutation,
} from '@/services/query/admin-pending-students'
import {
AUDIENCE_CONFLICT_RESPONSE,
COMPETING_PROPAGATOR_RESPONSE,
@@ -258,7 +238,7 @@ const modalData = computed(() => getModal('UserVerificationDetailsModal')?.data
const userId = computed(() => modalData.value.id ?? null)
const userIdRef = computed(() => userId.value)
const { data: fetched } = usePendingStudentQuery(userIdRef, {
const { data: fetched } = useAdminUserQuery(userIdRef, {
enabled: () => !!userIdRef.value,
})
@@ -293,31 +273,6 @@ const faithProduction = computed(() =>
const leaderMessage = computed(() =>
verificationMedia.value.find((m) => m.type === VERIFICATION_MEDIA_TYPE.LEADER_MESSAGE)
)
const pdfLoading = ref(false)
const pdfMutation = useDownloadPendingStudentPdfMutation()
const onSaveAsPdf = async (data, close) => {
if (!user.value?.id) return
pdfLoading.value = true
try {
const response = await pdfMutation.mutateAsync(user.value.id)
const url = response?.data?.downloadUrl || response?.downloadUrl
if (url) {
const link = document.createElement('a')
link.href = url
link.target = '_blank'
link.download = 'profile.pdf'
document.body.append(link)
link.click()
link.remove()
}
close()
} finally {
pdfLoading.value = false
}
data
}
</script>
<style lang="scss" scoped>
@@ -54,12 +54,12 @@ import VerificationItem from '@/features/admin/users/components/verifications/Ve
import VerificationsFilters from '@/features/admin/users/components/verifications/VerificationsFilters.vue'
import RejectReasonModal from '@/features/admin/users/components/verifications/modals/RejectReasonModal.vue'
import RejectReasonDetailsModal from '@/features/admin/users/components/verifications/modals/RejectReasonDetailsModal.vue'
import UserVerificationDetailsModal from '@/features/admin/users/components/verifications/modals/UserVerificationDetailsModal.vue'
import {
adminPendingStudentsKeys,
useChangePendingStudentStatusMutation,
usePendingStudentsListQuery,
} from '@/services/query/admin-pending-students'
adminUsersKeys,
useAdminUsersListQuery,
useChangeAdminUserStatusMutation,
} from '@/services/query/admin-users'
import UserVerificationDetailsModal from '@/features/admin/users/components/verifications/modals/UserVerificationDetailsModal.vue'
const queryClient = useQueryClient()
const { openModal, isModal } = useModal()
@@ -67,7 +67,9 @@ const { openModal, isModal } = useModal()
const filters = ref({ name: '', nationalCode: '', fromDate: '', toDate: '' })
const { pagination, setPage, reset: resetPagination } = usePagination({ page: 1, perPage: 10 })
const { data, isLoading } = usePendingStudentsListQuery(filters, pagination, {
const listFilters = computed(() => ({ ...filters.value, status: 'verified' }))
const { data, isLoading } = useAdminUsersListQuery(listFilters, pagination, {
keepPreviousData: true,
})
@@ -81,7 +83,7 @@ const paginationMeta = computed(() => ({
const onFilterApply = () => resetPagination()
const onFilterReset = () => resetPagination()
const changeStatusMutation = useChangePendingStudentStatusMutation()
const changeStatusMutation = useChangeAdminUserStatusMutation()
const onVerifyUser = ({ id, status }) => {
if (status === 'rejected') {
@@ -91,7 +93,7 @@ const onVerifyUser = ({ id, status }) => {
changeStatusMutation.mutate(
{ id, payload: { status } },
{
onSuccess: () => queryClient.invalidateQueries({ queryKey: adminPendingStudentsKeys.all }),
onSuccess: () => queryClient.invalidateQueries({ queryKey: adminUsersKeys.all }),
}
)
}
@@ -56,7 +56,7 @@ import TextField from '@/components/form/TextField.vue'
import { loginWithCodeSchema } from '@/features/auth/schema'
import AuthHeading from '@/features/auth/components/AuthHeading.vue'
import AuthCopyright from '@/features/auth/components/AuthCopyright.vue'
import { useForgotPasswordMutation, useLoginWithCodeMutation } from '@/services/query/auth'
import { useForgotPasswordMutation, useRequestLoginOtpMutation } from '@/services/query/auth'
const props = defineProps({
mode: { type: String, default: 'loginWithCode' },
@@ -71,20 +71,20 @@ const form = ref({ phone: '' })
const { validate, validateAt, errors } = useYup(schema)
const { savePhoneNumber } = useAuth()
const loginCodeMutation = useLoginWithCodeMutation()
const requestLoginOtpMutation = useRequestLoginOtpMutation()
const forgotPasswordMutation = useForgotPasswordMutation()
const loading = computed(
() => loginCodeMutation.isPending.value || forgotPasswordMutation.isPending.value
() => requestLoginOtpMutation.isPending.value || forgotPasswordMutation.isPending.value
)
const onSubmit = async () => {
const { isValid, payload } = await validate(form.value)
if (!isValid) return
if (isForgotPassword.value) {
await forgotPasswordMutation.mutateAsync(payload)
await forgotPasswordMutation.mutateAsync({ phone: payload.phone })
} else {
await loginCodeMutation.mutateAsync(payload)
await requestLoginOtpMutation.mutateAsync({ phone: payload.phone })
}
savePhoneNumber(payload.phone)
emit('next', { phone: payload.phone, mode: props.mode })
+21 -12
View File
@@ -55,10 +55,12 @@ import TextField from '@/components/form/TextField.vue'
import { verifyCodeSchema } from '@/features/auth/schema'
import AuthHeading from '@/features/auth/components/AuthHeading.vue'
import AuthCopyright from '@/features/auth/components/AuthCopyright.vue'
import { usePasswordReset } from '@/features/auth/composables/usePasswordReset'
import { useRedirectAfterLogin } from '@/features/auth/composables/useRedirectAfterLogin'
import {
useForgotPasswordMutation,
useLoginWithCodeMutation,
useRequestLoginOtpMutation,
useVerifyLoginOtpMutation,
useResendVerificationCodeMutation,
useVerifyCodeMutation,
useVerifyForgotPasswordCodeMutation,
@@ -76,15 +78,16 @@ const form = ref({ verifyCode: '' })
const { validate, validateAt, errors } = useYup(schema)
const { applySession } = useAuth()
const { setResetTicket } = usePasswordReset()
const router = useRouter()
const redirectAfterLogin = useRedirectAfterLogin()
const verifyLoginMutation = useLoginWithCodeMutation()
const verifyLoginMutation = useVerifyLoginOtpMutation()
const verifySignupMutation = useVerifyCodeMutation()
const verifyForgotMutation = useVerifyForgotPasswordCodeMutation()
const resendCodeMutation = useResendVerificationCodeMutation()
const forgotMutation = useForgotPasswordMutation()
const loginCodeMutation = useLoginWithCodeMutation()
const requestLoginOtpMutation = useRequestLoginOtpMutation()
const submitting = computed(
() =>
@@ -97,37 +100,43 @@ const resending = computed(
() =>
resendCodeMutation.isPending.value ||
forgotMutation.isPending.value ||
loginCodeMutation.isPending.value
requestLoginOtpMutation.isPending.value
)
const onSubmit = async () => {
const { isValid, payload } = await validate(form.value)
if (!isValid) return
const body = { phone: props.phoneNumber, verifyCode: payload.verifyCode }
const code = payload.verifyCode
if (props.mode === 'loginWithCode') {
const response = await verifyLoginMutation.mutateAsync(body)
const response = await verifyLoginMutation.mutateAsync({
phone: props.phoneNumber,
code,
deviceName: 'web',
})
applySession(response?.data ?? response)
redirectAfterLogin()
return
}
if (props.mode === 'forgotPassword') {
await verifyForgotMutation.mutateAsync(body)
const response = await verifyForgotMutation.mutateAsync({ phone: props.phoneNumber, code })
const data = response?.data ?? response
setResetTicket({ phone: props.phoneNumber, token: data?.resetToken })
router.push({ name: 'reset-password' })
return
}
await verifySignupMutation.mutateAsync(body)
emit('verified', body)
await verifySignupMutation.mutateAsync({ phone: props.phoneNumber, verifyCode: code })
emit('verified', { phone: props.phoneNumber, verifyCode: code })
}
const onResend = async () => {
if (!props.phoneNumber) return
const body = { phoneNumber: props.phoneNumber }
const body = { phone: props.phoneNumber }
if (props.mode === 'forgotPassword') await forgotMutation.mutateAsync(body)
else if (props.mode === 'loginWithCode') await loginCodeMutation.mutateAsync(body)
else await resendCodeMutation.mutateAsync(body)
else if (props.mode === 'loginWithCode') await requestLoginOtpMutation.mutateAsync(body)
else await resendCodeMutation.mutateAsync({ phoneNumber: props.phoneNumber })
}
</script>
@@ -0,0 +1,20 @@
import { ref } from 'vue'
const phone = ref('')
const token = ref('')
export const usePasswordReset = () => {
const setResetTicket = ({ phone: phoneNumber, token: resetToken }) => {
if (phoneNumber) phone.value = phoneNumber
if (resetToken) token.value = resetToken
}
const clearResetTicket = () => {
phone.value = ''
token.value = ''
}
return { phone, token, setResetTicket, clearResetTicket }
}
export default usePasswordReset
+14 -7
View File
@@ -52,6 +52,7 @@
<script setup>
import { ref } from 'vue'
import { useRouter } from 'vue-router'
import useYup from '@/composables/useYup'
import useAuth from '@/composables/useAuth'
import BaseButton from '@/components/BaseButton.vue'
@@ -63,15 +64,16 @@ import AuthShell from '@/features/auth/components/AuthShell.vue'
import { useResetPasswordMutation } from '@/services/query/auth'
import AuthHeading from '@/features/auth/components/AuthHeading.vue'
import AuthCopyright from '@/features/auth/components/AuthCopyright.vue'
import { useRedirectAfterLogin } from '@/features/auth/composables/useRedirectAfterLogin'
import { usePasswordReset } from '@/features/auth/composables/usePasswordReset'
const { user, applySession } = useAuth()
const redirectAfterLogin = useRedirectAfterLogin()
const { user } = useAuth()
const { phone: resetPhone, token: resetToken, clearResetTicket } = usePasswordReset()
const router = useRouter()
const schema = resetPasswordSchema
const form = ref({
phone: user.value?.phone || '',
phone: resetPhone.value || user.value?.phone || '',
password: '',
passwordConfirmation: '',
})
@@ -82,9 +84,14 @@ const resetMutation = useResetPasswordMutation()
const onSubmit = async () => {
const { isValid, payload } = await validate(form.value)
if (!isValid) return
const response = await resetMutation.mutateAsync(payload)
applySession(response?.data ?? response)
redirectAfterLogin()
await resetMutation.mutateAsync({
phone: form.value.phone,
token: resetToken.value,
password: payload.password,
passwordConfirmation: payload.passwordConfirmation,
})
clearResetTicket()
router.push({ name: 'login' })
}
</script>
@@ -226,7 +226,6 @@ import { studentProfileSchema, studentResetPasswordSchema } from '@/features/stu
import {
authKeys,
useGetMeQuery,
useResetPasswordMutation,
useUpdateProfileMutation,
useUploadMediaMutation,
} from '@/services/query/auth'
@@ -339,7 +338,7 @@ const onAvatarCropped = async (file) => {
const onAvatarError = (msg) => toast.error(msg)
const updateMutation = useUpdateProfileMutation()
const resetPasswordMutation = useResetPasswordMutation()
const resetPasswordMutation = useUpdateProfileMutation()
const onSubmit = async () => {
const { isValid, payload } = await validate(form.value)
@@ -369,7 +368,10 @@ const onResetPassword = async () => {
})
if (!isValid) return
try {
await resetPasswordMutation.mutateAsync(payload)
await resetPasswordMutation.mutateAsync({
password: payload.password,
passwordConfirmation: payload.passwordConfirmation,
})
passwordForm.value.password = ''
passwordForm.value.passwordConfirmation = ''
resetPasswordErrors()
+1 -1
View File
@@ -76,7 +76,7 @@ const menuItems = computed(() => [
right: 0;
top: 0;
width: 16.6667%;
min-height: 100vh;
height: 100vh;
z-index: 30;
padding: 1rem;
display: none;
+3 -1
View File
@@ -9,7 +9,9 @@ import { endpoints } from '@/services/api/endpoints'
export const apiLogin = (payload) => http.post(endpoints.login, payload)
export const apiLoginWithCode = (payload) => http.post(endpoints.loginWithCode2Step, payload)
export const apiRequestLoginOtp = (payload) => http.post(endpoints.requestLoginOtp, payload)
export const apiVerifyLoginOtp = (payload) => http.post(endpoints.verifyLoginOtp, payload)
export const apiRegister = (payload) => http.post(endpoints.register, payload)
+6 -5
View File
@@ -8,15 +8,16 @@ export const endpoints = {
updateProfile: '/me',
registerData: '/me/register-data',
// FE-only — NOT in backend Postman doc; kept so existing UI/mock layer works.
requestLoginOtp: '/auth/login/otp/request',
verifyLoginOtp: '/auth/login/otp/verify',
forgotPassword: '/auth/password/forgot',
verifyForgotPasswordCode: '/auth/password/verify-otp',
resetPassword: '/auth/password/reset',
resendVerificationCodeForRegister: '/resend-verification-code',
verifyCode: '/verify-code',
completeProfile: '/complete-profile',
getRegistrationQuestionVideo: '/verification-registration-media',
loginWithCode2Step: '/login-with-code',
forgotPassword: '/forgot-password',
verifyForgotPasswordCode: '/verify-forgot-password-code',
resetPassword: '/reset-password',
// ─── Geo ───────────────────────────────────────────────────────────────────
provinceList: '/provinces',
@@ -6,7 +6,7 @@ const pick = (arr, i) => arr[i % arr.length]
const makeStudent = (i) => {
const firstName = pick(firstNames, i)
const lastName = pick(lastNames, i + 2)
const status = i % 3 === 0 ? 'rejected' : 'pending'
const status = i % 3 === 0 ? 'rejected' : 'verified'
const submittedAt = new Date(Date.now() - i * 86_400_000).toISOString()
return {
id: 500 + i,
+1 -1
View File
@@ -86,7 +86,7 @@ const makeUser = (i, overrides = {}) => {
fullName: `${firstName} ${lastName}`,
phoneNumber,
nationalCode: String(1_000_000_000 + i * 7).padStart(10, '0'),
status: i % 5 === 0 ? 'pending' : 'approved',
status: i % 5 === 0 ? 'pending' : i % 3 === 0 ? 'verified' : 'approved',
roleId: roles.find((r) => r.name === role)?.id,
address: {
address: 'آدرس نمونه',
+1
View File
@@ -21,6 +21,7 @@ register('GET', endpoints.getApprovedUsers, ({ query }) => {
nationalCode: 'includes',
phoneNumber: 'includes',
roleId: (item, v) => String(item.roleId) === String(v),
status: (item, v) => String(item.status) === String(v),
})
list = filterDateRange(list, query)
const { data: items, meta } = paginate(list, query)
+14 -4
View File
@@ -9,7 +9,13 @@ register('POST', endpoints.login, () => ({
data: { user: currentMe, token: fakeToken },
}))
register('POST', endpoints.loginWithCode2Step, () => ({
register('POST', endpoints.requestLoginOtp, () => ({
success: true,
message: 'If the phone is registered, a code has been sent.',
data: null,
}))
register('POST', endpoints.verifyLoginOtp, () => ({
data: { user: currentMe, token: fakeToken },
}))
@@ -26,15 +32,19 @@ register('POST', endpoints.resendVerificationCodeForRegister, () => ({
}))
register('POST', endpoints.forgotPassword, () => ({
data: { message: 'کد بازیابی ارسال شد' },
success: true,
message: 'If the phone is registered, a code has been sent.',
data: null,
}))
register('POST', endpoints.verifyForgotPasswordCode, () => ({
data: { token: fakeToken },
data: { reset_token: fakeToken },
}))
register('POST', endpoints.resetPassword, () => ({
data: { message: 'رمز عبور با موفقیت تغییر کرد' },
success: true,
message: 'Password updated.',
data: null,
}))
register('POST', endpoints.logout, () => ({ data: { message: 'خروج موفق' } }))
+5 -2
View File
@@ -7,7 +7,8 @@ import {
apiGetRegisterData,
apiGetRegistrationQuestionVideo,
apiLogin,
apiLoginWithCode,
apiRequestLoginOtp,
apiVerifyLoginOtp,
apiLogout,
apiRegister,
apiResendVerificationCode,
@@ -27,7 +28,9 @@ export const authKeys = {
export const useLoginMutation = () => useMutation({ mutationFn: apiLogin })
export const useLoginWithCodeMutation = () => useMutation({ mutationFn: apiLoginWithCode })
export const useRequestLoginOtpMutation = () => useMutation({ mutationFn: apiRequestLoginOtp })
export const useVerifyLoginOtpMutation = () => useMutation({ mutationFn: apiVerifyLoginOtp })
export const useRegisterMutation = () => useMutation({ mutationFn: apiRegister })