fix: localize Yup validation messages

.gitea/workflows/deploy.yml

@@ -19,7 +19,7 @@ jobs:
         run: |
           BUILD_DIR="$(mktemp -d -t banu-front-XXXXXX)"
           echo "BUILD_DIR=$BUILD_DIR" >> "$GITHUB_ENV"
-          git clone http://109.122.252.86:3000/front-end/banu-front.git "$BUILD_DIR"
+          git clone http://127.0.0.1:3000/front-end/banu-front.git "$BUILD_DIR"
           git -C "$BUILD_DIR" checkout "${{ github.sha }}"
 
       - name: Build Docker image
@@ -37,7 +37,7 @@ jobs:
           docker run -d \
             --name "$CONTAINER" \
             --restart unless-stopped \
-            -p "$PORT:80" \
+            -p "127.0.0.1:$PORT:80" \
             "$IMAGE:latest"
 
       - name: Prune dangling images

Dockerfile

@@ -8,7 +8,7 @@ COPY package.json package-lock.json ./
 # RUN npm config set registry https://mirror-npm.runflare.com
 # RUN npm config set strict-ssl false
 
-RUN npm config set registry https://package-mirror.liara.ir/repository/npm/ --global
+RUN npm config set registry https://registry.npmjs.org/ --global
 RUN npm config set strict-ssl false
 
 RUN npm ci

deploy.sh

@@ -6,7 +6,7 @@ APP_DIR="/root/banu-front"
 IMAGE="banu-front"
 CONTAINER="banu-front"
 PORT="8080"
-VITE_API_BASE_URL="http://109.122.252.86/api"
+VITE_API_BASE_URL="//api.madresebanoo.ir/api"
 
 echo "==> Pulling latest code..."
 if [ -d "$APP_DIR/.git" ]; then

src/constants/fields.js

@@ -19,6 +19,7 @@ export const fields = {
   seminaryCode: 'کد حوزوی',
   seminaryServiceCenterCode: 'کد مرکز خدمات حوزه',
   childrenCount: 'تعداد فرزند',
+  marriageStatus: 'وضعیت تأهل',
 
   birthDate: 'تاریخ تولد',
   birthday: 'تاریخ تولد',
@@ -32,12 +33,17 @@ export const fields = {
   address: 'آدرس',
 
   title: 'عنوان',
+  subject: 'موضوع',
+  category: 'نوع خدمت',
+  note: 'یادداشت',
   description: 'توضیحات',
   bio: 'بیوگرافی',
   message: 'پیام',
   content: 'محتوا',
   rejectionReason: 'دلیل رد',
+  reason: 'دلیل رد',
   adminNote: 'یادداشت مدیر',
+  reviewerNote: 'یادداشت ارزیاب',
   activitySummary: 'خلاصهٔ فعالیت',
 
   avatar: 'تصویر پروفایل',
@@ -53,12 +59,15 @@ export const fields = {
 
   startDate: 'تاریخ شروع',
   endDate: 'تاریخ پایان',
+  deadline: 'مهلت تحویل',
   fromDate: 'از تاریخ',
   toDate: 'تا تاریخ',
 
   capacity: 'ظرفیت',
   minCapacity: 'حداقل ظرفیت',
   maxCapacity: 'حداکثر ظرفیت',
+  score: 'نمره',
+  minimumScore: 'حد نصاب قبولی',
 
   order: 'ترتیب',
   priority: 'اولویت',
@@ -71,22 +80,32 @@ export const fields = {
   termId: 'ترم',
   courseId: 'دوره',
   sessionId: 'جلسه',
+  missionaryRequestId: 'درخواست مبلغ',
   sessionType: 'نوع جلسه',
+  type: 'نوع جلسه',
+  link: 'لینک جلسه',
   teacherId: 'مدرس',
   studentIds: 'دانش‌آموزان',
+  prerequisiteCourseIds: 'دوره‌های پیش‌نیاز',
+  contentMediaId: 'فایل محتوای دوره',
+  coverMediaId: 'تصویر جلد',
+  imageId: 'تصویر',
 
   educationStatus: 'وضعیت تحصیلی',
   fieldOfStudy: 'رشتهٔ تحصیلی',
   seminaryLevel: 'مقطع حوزه',
   universityLevel: 'مقطع دانشگاهی',
   universityName: 'نام حوزه علمیه / دانشگاه',
+  degree: 'مقطع تحصیلی',
+  jobTitle: 'عنوان شغل',
+  organizationName: 'نام سازمان',
   hijabApproach: 'رویکرد حجاب',
 
   prerequisites: 'پیش‌نیازها',
   specializedTopics: 'موضوعات تخصصی',
   propagationPlatforms: 'بسترهای تبلیغ',
   propagationMethodDescription: 'شرح روش تبلیغ',
-  propagationExperienceYears: 'سنوات تجربهٔ تبلیغ',
+  propagationExperienceYears: 'سابقه فعالیت تبلیغی',
   relevantCertificates: 'گواهی‌نامه‌های مرتبط',
 
   onlinePlatformDetails: 'جزئیات بستر آنلاین',

src/constants/rules/phoneNumberRule.js

@@ -1,7 +1,5 @@
 import { string } from 'yup'
 
-import { fields } from '@/constants/fields'
-
 export const phoneNumberRule = string()
   .required()
-  .matches(/^09\d{9}$/, ({ path }) => `${fields[path] || path} نامعتبر است`)
+  .matches(/^09\d{9}$/, 'شماره موبایل باید با ۰۹ شروع شود و ۱۱ رقم باشد')

src/features/admin/courses/schema/index.js

@@ -3,9 +3,16 @@ import { array, boolean, mixed, number, object, string } from 'yup'
 export const courseSchema = object().shape({
   title: string().required().min(3).max(255),
   teacherId: mixed().required(),
-  capacity: number().typeError('ظرفیت باید عدد باشد').required().min(1),
+  capacity: number()
+    .typeError('ظرفیت باید به‌صورت عدد وارد شود')
+    .required()
+    .integer('ظرفیت باید عدد صحیح باشد')
+    .min(1, 'ظرفیت باید حداقل ۱ نفر باشد'),
   prerequisiteCourseIds: array().nullable().default([]),
-  contentMediaId: number().nullable().notRequired(),
+  contentMediaId: number()
+    .typeError('شناسه فایل محتوای دوره باید عدد باشد')
+    .nullable()
+    .notRequired(),
   description: string().nullable().notRequired(),
   termId: mixed().required(),
   isActive: boolean().nullable().notRequired(),
@@ -14,7 +21,11 @@ export const courseSchema = object().shape({
 export const offeredCourseSchema = object().shape({
   termId: string().required(),
   title: string().required(),
-  capacity: string().required(),
+  capacity: number()
+    .typeError('ظرفیت باید به‌صورت عدد وارد شود')
+    .required()
+    .integer('ظرفیت باید عدد صحیح باشد')
+    .min(1, 'ظرفیت باید حداقل ۱ نفر باشد'),
   imageId: string().nullable().notRequired(),
   isActive: boolean().nullable().notRequired(),
 })

src/features/admin/pages/AdminDashboardPage.vue

@@ -266,7 +266,7 @@ const calendar = useTehranCalendar()
     gap: 1.5rem;
 
     @media (min-width: 1024px) {
-      width: 19.625rem;
+      width: clamp(21rem, 26vw, 24rem);
       flex-shrink: 0;
       border-inline-start: 1px solid #e6e6e6;
       padding-inline-start: 2rem;

src/features/admin/terms/components/TermItem.vue

@@ -12,12 +12,8 @@
 
     <div class="term-item__dates">
       <div class="term-item__date">
-        <span class="term-item__date-label">تاریخ شروع:</span>
-        <span class="term-item__date-value">{{ startDate || '—' }}</span>
-      </div>
-      <div class="term-item__date">
-        <span class="term-item__date-label">تاریخ پایان:</span>
-        <span class="term-item__date-value">{{ endDate || '—' }}</span>
+        <span class="term-item__date-label">تاریخ ایجاد:</span>
+        <span class="term-item__date-value">{{ createdDate || '—' }}</span>
       </div>
     </div>
 
@@ -80,8 +76,7 @@ const props = defineProps({
 
 const emit = defineEmits(['edit', 'delete', 'clone', 'change-status', 'show-details'])
 
-const startDate = computed(() => formatJalaaliDate(props.term.startsAt) || '')
-const endDate = computed(() => formatJalaaliDate(props.term.endsAt) || '')
+const createdDate = computed(() => formatJalaaliDate(props.term.createdAt) || '')
 </script>
 
 <style lang="scss" scoped>

src/features/admin/terms/components/modals/TermDetailsModal.vue

@@ -21,12 +21,8 @@
             <div class="term-details__overview-grid">
               <LineInfoBlock title="عنوان ترم" :desc="term.title || '-'" />
               <LineInfoBlock
-                title="تاریخ شروع"
-                :numeric-desc="formatJalaaliDate(term.startsAt) || '-'"
-              />
-              <LineInfoBlock
-                title="تاریخ پایان"
-                :numeric-desc="formatJalaaliDate(term.endsAt) || '-'"
+                title="تاریخ ایجاد"
+                :numeric-desc="formatJalaaliDate(term.createdAt) || '-'"
               />
               <LineInfoBlock title="تعداد طلبه‌ها" :numeric-desc="term.studentsCount ?? 0" />
               <LineInfoBlock title="تعداد دوره‌ها" :numeric-desc="term.coursesCount ?? 0" />

src/features/admin/terms/pages/TermFormPage.vue

@@ -30,24 +30,6 @@
                 </template>
               </TextField>
             </div>
-            <div class="term-form__cell term-form__cell--third">
-              <DatePickerField
-                v-model="form.startsAt"
-                name="startsAt"
-                label="تاریخ شروع"
-                :min="todayIso"
-                :error="errors.startsAt"
-              />
-            </div>
-            <div class="term-form__cell term-form__cell--third">
-              <DatePickerField
-                v-model="form.endsAt"
-                name="endsAt"
-                label="تاریخ پایان"
-                :min="todayIso"
-                :error="errors.endsAt"
-              />
-            </div>
             <div class="term-form__cell term-form__cell--third">
               <TextField
                 v-model="form.minimumScore"
@@ -136,7 +118,6 @@ import ImageCropper from '@/components/form/ImageCropper.vue'
 import { objectToFormData } from '@/utils/object-to-formdata'
 import { useUploadMediaMutation } from '@/services/query/auth'
 import TextareaField from '@/components/form/TextareaField.vue'
-import DatePickerField from '@/components/form/DatePickerField.vue'
 import BoxedIconTitleBlock from '@/components/blocks/BoxedIconTitleBlock.vue'
 import {
   adminTermsKeys,
@@ -152,14 +133,10 @@ const queryClient = useQueryClient()
 const termId = computed(() => (route.params.id ? Number(route.params.id) : null))
 const isEditMode = computed(() => !!termId.value)
 
-const todayIso = new Date().toISOString()
-
 const form = ref({
   title: '',
   description: '',
   isActive: true,
-  startsAt: '',
-  endsAt: '',
   minimumScore: '',
   score: '',
   coverMediaId: null,
@@ -181,8 +158,6 @@ watch(
       title: term.title || '',
       description: term.description || '',
       isActive: term.isActive ?? true,
-      startsAt: term.startsAt || '',
-      endsAt: term.endsAt || '',
       minimumScore: term.minimumScore ?? '',
       score: term.score ?? '',
     }

src/features/admin/terms/schema/index.js

@@ -4,11 +4,9 @@ export const termSchema = object().shape({
   title: string().required().min(3),
   description: string().nullable().notRequired(),
   isActive: boolean().default(true),
-  startsAt: string().required(),
-  endsAt: string().required(),
   minimumScore: number().typeError('حد نصاب قبولی باید عدد باشد').required(),
   score: number().typeError('کل نمره آزمون باید عدد باشد').required(),
-  coverMediaId: number().nullable().notRequired(),
+  coverMediaId: number().typeError('شناسه تصویر جلد باید عدد باشد').nullable().notRequired(),
 })
 
 export const addTermStudentSchema = object().shape({

src/features/admin/users/schema/index.js

@@ -20,7 +20,7 @@ const baseUserShape = {
   provinceId: string().nullable().notRequired(),
   cityId: string().nullable().notRequired(),
   address: string().nullable().notRequired(),
-  avatarMediaId: number().nullable().notRequired(),
+  avatarMediaId: number().typeError('شناسه تصویر پروفایل باید عدد باشد').nullable().notRequired(),
 }
 
 export const userAddSchema = object().shape({

src/features/auth/schema/student-register.js

@@ -25,10 +25,15 @@ export const personalInformationSchema = object().shape({
     .matches(/^\d{10}$/, 'کد پستی باید ۱۰ رقم باشد'),
   virtualPhoneNumber: string()
     .required()
-    .matches(/^\d{10,15}$/, 'شماره تلفن مجازی نامعتبر است'),
+    .matches(/^\d{10,15}$/, 'شماره تلفن مجازی باید فقط شامل ۱۰ تا ۱۵ رقم باشد'),
   seminaryCode: requiredString(),
   seminaryServiceCenterCode: requiredString(),
-  childrenCount: number().typeError('تعداد فرزند باید عدد باشد').required().min(0).max(20),
+  childrenCount: number()
+    .typeError('تعداد فرزند باید به‌صورت عدد وارد شود')
+    .required()
+    .integer('تعداد فرزند باید عدد صحیح باشد')
+    .min(0, 'تعداد فرزند نمی‌تواند کمتر از صفر باشد')
+    .max(20, 'تعداد فرزند نمی‌تواند بیشتر از ۲۰ باشد'),
 })
 
 export const educationalInformationSchema = object().shape({
@@ -42,10 +47,11 @@ export const educationalInformationSchema = object().shape({
 
 export const professionalInformationSchema = object().shape({
   propagationExperienceYears: number()
-    .typeError('سنوات تجربه تبلیغ باید عدد باشد')
+    .typeError('سابقه فعالیت تبلیغی باید به‌صورت عدد وارد شود')
     .required()
-    .min(0)
-    .max(70),
+    .integer('سابقه فعالیت تبلیغی باید عدد صحیح باشد')
+    .min(0, 'سابقه فعالیت تبلیغی نمی‌تواند کمتر از صفر باشد')
+    .max(70, 'سابقه فعالیت تبلیغی نمی‌تواند بیشتر از ۷۰ سال باشد'),
   propagationMethodDescription: requiredString(10),
   specializedTopics: requiredString(10),
   propagationPlatforms: array()

src/features/counselor/pages/CounselorDashboardPage.vue

@@ -206,7 +206,7 @@ const calendar = useTehranCalendar()
     gap: 1.5rem;
 
     @media (min-width: 1024px) {
-      width: 19.625rem;
+      width: clamp(21rem, 26vw, 24rem);
       flex-shrink: 0;
       border-inline-start: 1px solid #e6e6e6;
       padding-inline-start: 2rem;

src/features/missionary/pages/MissionaryDashboardPage.vue

@@ -225,7 +225,7 @@ const calendar = useTehranCalendar()
     gap: 1.5rem;
 
     @media (min-width: 1024px) {
-      width: 19.625rem;
+      width: clamp(21rem, 26vw, 24rem);
       flex-shrink: 0;
       border-inline-start: 1px solid #e6e6e6;
       padding-inline-start: 2rem;

src/features/student/pages/StudentDashboardPage.vue

@@ -292,7 +292,7 @@ const calendar = buildTehranCalendar()
     gap: 1.5rem;
 
     @media (min-width: 1024px) {
-      width: 19.625rem;
+      width: clamp(21rem, 26vw, 24rem);
       flex-shrink: 0;
       border-inline-start: 1px solid #e6e6e6;
       padding-inline-start: 2rem;

src/features/student/profile/schema/index.js

@@ -22,7 +22,10 @@ export const studentProfileSchema = object().shape({
   virtualPhoneNumber: string()
     .nullable()
     .notRequired()
-    .matches(/^\d{10,15}$/, { message: 'شماره تلفن مجازی نامعتبر است', excludeEmptyString: true }),
+    .matches(/^\d{10,15}$/, {
+      message: 'شماره تلفن مجازی باید فقط شامل ۱۰ تا ۱۵ رقم باشد',
+      excludeEmptyString: true,
+    }),
   seminaryCode: string().nullable().notRequired(),
   seminaryServiceCenterCode: string().nullable().notRequired(),
   childrenCount: string()

src/features/student/sessions/pages/StudentSessionDetailsPage.vue

@@ -32,7 +32,7 @@
           </div>
           <div v-else-if="contentKind === 'audio'" class="ssd__audio">
             <VoiceRecorder
-              model-value="http://api.tripwisedaily.ir/storage/pending/3/test2-AmQiegjc.mp3?expires=1783677165&signature=38104395400100f1bd74594bfc64ac462c14634a8c2bc4541c988766a08ea2bd"
+              :model-value="session?.audioUrl"
               disabled
             />
           </div>

src/utils/yup-locale.js

@@ -2,21 +2,82 @@ import { setLocale } from 'yup'
 
 import { fields } from '@/constants/fields'
 
-const label = (path) => fields[path] || path
+const FA_DIGITS = '۰۱۲۳۴۵۶۷۸۹'
+
+const toFaDigits = (value) => String(value ?? '').replace(/\d/g, (digit) => FA_DIGITS[digit])
+
+const label = (path) => {
+  const normalizedPath = String(path ?? '').replace(/\[\d+]/g, '')
+  const fieldName = normalizedPath.split('.').pop()
+  return fields[path] || fields[normalizedPath] || fields[fieldName] || path || 'مقدار'
+}
+
+const typeError = ({ path, type }) => {
+  const field = label(path)
+  const messages = {
+    array: `فیلد ${field} باید به‌صورت فهرست باشد`,
+    boolean: `فیلد ${field} باید مقدار بله یا خیر داشته باشد`,
+    date: `فیلد ${field} باید یک تاریخ معتبر باشد`,
+    number: `فیلد ${field} باید عدد باشد`,
+    object: `ساختار فیلد ${field} معتبر نیست`,
+    string: `فیلد ${field} باید متن باشد`,
+  }
+  return messages[type] || `نوع مقدار فیلد ${field} معتبر نیست`
+}
 
 setLocale({
   mixed: {
+    default: ({ path }) => `مقدار فیلد ${label(path)} معتبر نیست`,
     required: ({ path }) => `فیلد ${label(path)} ضروری است`,
+    defined: ({ path }) => `فیلد ${label(path)} باید مقدار داشته باشد`,
+    notNull: ({ path }) => `فیلد ${label(path)} نمی‌تواند خالی باشد`,
+    oneOf: ({ path }) => `مقدار انتخاب‌شده برای فیلد ${label(path)} معتبر نیست`,
+    notOneOf: ({ path }) => `مقدار انتخاب‌شده برای فیلد ${label(path)} مجاز نیست`,
+    notType: typeError,
   },
   string: {
-    min: ({ path, min }) => `فیلد ${label(path)} باید حداقل ${min} کاراکتر باشد`,
-    max: ({ path, max }) => `فیلد ${label(path)} باید حداکثر ${max} کاراکتر باشد`,
+    min: ({ path, min }) => `فیلد ${label(path)} باید حداقل ${toFaDigits(min)} کاراکتر باشد`,
+    max: ({ path, max }) => `فیلد ${label(path)} باید حداکثر ${toFaDigits(max)} کاراکتر باشد`,
     email: ({ path }) => `فیلد ${label(path)} باید یک ایمیل معتبر باشد`,
-    url: ({ path }) => `فیلد ${label(path)} باید یک URL معتبر باشد`,
-    length: ({ path, length }) => `فیلد ${label(path)} باید دقیقا ${length} کاراکتر باشد`,
+    url: ({ path }) => `فیلد ${label(path)} باید یک نشانی اینترنتی معتبر باشد`,
+    length: ({ path, length }) =>
+      `فیلد ${label(path)} باید دقیقاً ${toFaDigits(length)} کاراکتر باشد`,
+    matches: ({ path }) => `فرمت فیلد ${label(path)} صحیح نیست`,
+    uuid: ({ path }) => `شناسه فیلد ${label(path)} معتبر نیست`,
+    datetime: ({ path }) => `فیلد ${label(path)} باید یک تاریخ و زمان معتبر باشد`,
+    datetime_precision: ({ path }) => `دقت زمانی فیلد ${label(path)} معتبر نیست`,
+    datetime_offset: ({ path }) => `منطقه زمانی فیلد ${label(path)} معتبر نیست`,
+    trim: ({ path }) => `ابتدا یا انتهای فیلد ${label(path)} نباید فاصله داشته باشد`,
+    lowercase: ({ path }) => `فیلد ${label(path)} باید با حروف کوچک نوشته شود`,
+    uppercase: ({ path }) => `فیلد ${label(path)} باید با حروف بزرگ نوشته شود`,
+  },
+  number: {
+    min: ({ path, min }) => `فیلد ${label(path)} باید حداقل ${toFaDigits(min)} باشد`,
+    max: ({ path, max }) => `فیلد ${label(path)} باید حداکثر ${toFaDigits(max)} باشد`,
+    lessThan: ({ path, less }) => `فیلد ${label(path)} باید کمتر از ${toFaDigits(less)} باشد`,
+    moreThan: ({ path, more }) => `فیلد ${label(path)} باید بیشتر از ${toFaDigits(more)} باشد`,
+    positive: ({ path }) => `فیلد ${label(path)} باید عددی بزرگ‌تر از صفر باشد`,
+    negative: ({ path }) => `فیلد ${label(path)} باید عددی کوچک‌تر از صفر باشد`,
+    integer: ({ path }) => `فیلد ${label(path)} باید عدد صحیح باشد`,
+  },
+  date: {
+    min: ({ path }) => `تاریخ فیلد ${label(path)} زودتر از محدوده مجاز است`,
+    max: ({ path }) => `تاریخ فیلد ${label(path)} دیرتر از محدوده مجاز است`,
+  },
+  boolean: {
+    isValue: ({ path }) => `مقدار فیلد ${label(path)} معتبر نیست`,
+  },
+  object: {
+    noUnknown: ({ path }) => `فیلد ${label(path)} شامل مقادیر ناشناخته است`,
+    exact: ({ path }) => `فیلد ${label(path)} شامل مقادیر اضافی است`,
   },
   array: {
-    min: ({ path, min }) => `فیلد ${label(path)} باید حداقل ${min} آیتم داشته باشد`,
-    max: ({ path, max }) => `فیلد ${label(path)} باید حداکثر ${max} آیتم داشته باشد`,
+    min: ({ path, min }) => `فیلد ${label(path)} باید حداقل ${toFaDigits(min)} مورد داشته باشد`,
+    max: ({ path, max }) => `فیلد ${label(path)} باید حداکثر ${toFaDigits(max)} مورد داشته باشد`,
+    length: ({ path, length }) =>
+      `فیلد ${label(path)} باید دقیقاً ${toFaDigits(length)} مورد داشته باشد`,
+  },
+  tuple: {
+    notType: typeError,
   },
 })