fix

2026-05-15 17:12:51 +03:30
parent b8ced45375
commit c82701888a
101 changed files with 8125 additions and 96 deletions
@@ -0,0 +1,117 @@
+<template>
+  <div class="se">
+    <BoxedIconTitleBlock
+      class="se__heading"
+      :title="exam?.title || 'آزمون'"
+      :desc="exam?.desc || 'جزئیات آزمون را مشاهده و سپس شروع آزمون را بزنید'"
+    >
+      <template #icon>
+        <SvgIcon name="pencil" :size="24" color="var(--color-primary)" />
+      </template>
+    </BoxedIconTitleBlock>
+
+    <SkeletonLoaderBlock v-if="isLoading && !exam" :rows="2" :cols-per-row="1" />
+    <StudentExamSummary
+      v-else-if="exam"
+      :exam="exam"
+      :starting="startMutation.isPending.value"
+      @start="onStart"
+    />
+
+    <SimpleTitleIconBlock title="تعداد تلاش ها برای این آزمون" class="se__list-title">
+      <template #header-icon>
+        <SvgIcon name="list-bullets" :size="16" color="#bcbcbc" />
+      </template>
+    </SimpleTitleIconBlock>
+
+    <SkeletonLoaderBlock v-if="isLoading && attempts.length === 0" :rows="2" :cols-per-row="1" />
+    <div v-else-if="attempts.length > 0">
+      <StudentExamAttemptItem v-for="attempt in attempts" :key="attempt.id" :attempt="attempt" />
+    </div>
+    <div v-else class="se__empty">
+      <SvgIcon name="scroll" :size="128" color="#c3c3c3" />
+      <p class="se__empty-title">دانشجوی گرامی</p>
+      <p class="se__empty-desc">شما تاکنون هیچ آزمونی را به شروع نکرده اید.</p>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+import { toast } from 'vue3-toastify'
+import { useRoute, useRouter } from 'vue-router'
+import SvgIcon from '@/components/icons/SvgIcon.vue'
+import BoxedIconTitleBlock from '@/components/blocks/BoxedIconTitleBlock.vue'
+import SkeletonLoaderBlock from '@/components/blocks/SkeletonLoaderBlock.vue'
+import SimpleTitleIconBlock from '@/components/blocks/SimpleTitleIconBlock.vue'
+import StudentExamSummary from '@/features/student/exams/components/StudentExamSummary.vue'
+import StudentExamAttemptItem from '@/features/student/exams/components/StudentExamAttemptItem.vue'
+import {
+  useStartStudentExamAttemptMutation,
+  useStudentExamQuery,
+} from '@/services/query/student-exams'
+
+const route = useRoute()
+const router = useRouter()
+
+const examId = computed(() => route.params.id)
+
+const { data: exam, isLoading } = useStudentExamQuery(examId, {
+  enabled: () => !!examId.value,
+})
+
+const attempts = computed(() => exam.value?.attempts ?? [])
+
+const startMutation = useStartStudentExamAttemptMutation()
+
+const onStart = async () => {
+  try {
+    await startMutation.mutateAsync({ id: examId.value })
+    router.push({ name: 'student-take-exam', params: { id: examId.value } })
+  } catch {
+    toast.error('شروع آزمون با خطا مواجه شد.')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.se {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+
+  &__heading {
+    margin-bottom: 0.75rem;
+  }
+
+  &__list-title {
+    margin-block: 0.25rem;
+  }
+
+  &__empty {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.5rem;
+    padding: 2.5rem 1rem;
+    border-radius: 0.75rem;
+  }
+
+  &__empty-title {
+    font-family: var(--font-family-fa);
+    font-weight: 500;
+    font-size: 1rem;
+    color: #8e8e8e;
+    margin: 0.5rem 0 0;
+  }
+
+  &__empty-desc {
+    font-family: var(--font-family-fa);
+    font-weight: 400;
+    color: #4b4b4b;
+    font-size: 0.875rem;
+    margin: 0;
+  }
+}
+</style>