chamomind/elearning
6
0
Fork 0
Code Issues 4 Pull requests Projects Releases Packages 3 Wiki Activity Actions

feat: Introduce comprehensive course management features for admin, including recommended, pending, and detailed course views, and instructor course listing with a lesson preview component.
All checks were successful
Build and Deploy Frontend Management to Dev Server / Build Frontend Management Docker Image (push) Successful in 46s
Details
Build and Deploy Frontend Management to Dev Server / Deploy E-learning Frontend Management to Dev Server (push) Successful in 4s
Details
Build and Deploy Frontend Management to Dev Server / Notify Deployment Status (push) Successful in 2s
Details

Browse source
This commit is contained in:
Missez 2026-02-20 14:33:08 +07:00
parent 0f92f0d00c
commit f26a94076c
6 changed files with 141 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend_management/pages/admin/courses/[id].vue
View file

@ -212,12 +212,16 @@
กรุณาระบุเหตุผลในการปฏิเสธคอร์ส "{{ course?.title.th }}"
</p>
<q-input
ref="rejectInputRef"
v-model="rejectReason"
type="textarea"
outlined
rows="4"
label="เหตุผล *"
:rules="[val => !!val || 'กรุณาระบุเหตุผล']"
:rules="[
val => !!val || 'กรุณาระบุเหตุผล',
val => (val && val.length >= 10) || 'ระบุเหตุผลอย่างน้อย 10 ตัวอักษร'
]"
hide-bottom-space
lazy-rules="ondemand"
/>
@ -229,7 +233,6 @@
label="ยืนยันการปฏิเสธ"
color="negative"
:loading="actionLoading"
:disable="!rejectReason.trim()"
@click="confirmReject"
/>
</q-card-actions>
@ -239,7 +242,7 @@
</template>
<script setup lang="ts">
import { useQuasar } from 'quasar';
import { useQuasar, QInput } from 'quasar';
import { adminService, type CourseDetailForReview } from '~/services/admin.service';
definePageMeta({
@ -258,6 +261,7 @@ const error = ref('');
const actionLoading = ref(false);
const showRejectModal = ref(false);
const rejectReason = ref('');
const rejectInputRef = ref<QInput | null>(null);
// Computed
const totalLessons = computed(() =>
@ -415,7 +419,8 @@ const confirmApprove = () => {
};
const confirmReject = async () => {
if (!course.value || !rejectReason.value.trim()) return;
rejectInputRef.value?.validate();
if (rejectInputRef.value?.hasError || !course.value) return;
actionLoading.value = true;
try {

10
frontend_management/pages/admin/courses/pending.vue
View file

@ -215,7 +215,7 @@
</template>
<script setup lang="ts">
import { useQuasar } from 'quasar';
import { useQuasar, type QTableColumn } from 'quasar';
import { adminService, type PendingCourse } from '~/services/admin.service';
definePageMeta({
@ -232,12 +232,12 @@ const loading = ref(true);
const searchQuery = ref('');
const viewMode = ref('table');
const columns = [
const columns: QTableColumn[] = [
{ name: 'thumbnail', label: 'รูปปก', field: 'thumbnail', align: 'left' },
{ name: 'title', label: 'ชื่อคอร์ส', field: (row: PendingCourse) => row.title.th, align: 'left', sortable: true },
{ name: 'instructor', label: 'ผู้สอน', field: (row: PendingCourse) => getPrimaryInstructor(row), align: 'left', sortable: true },
{ name: 'title', label: 'ชื่อคอร์ส', field: (row: any) => row.title.th, align: 'left', sortable: true },
{ name: 'instructor', label: 'ผู้สอน', field: (row: any) => getPrimaryInstructor(row), align: 'left', sortable: true },
{ name: 'stats', label: 'จำนวนบท', field: 'stats', align: 'center' },
{ name: 'submitted_at', label: 'วันที่ส่ง', field: (row: PendingCourse) => row.latest_submission?.created_at, align: 'left', sortable: true },
{ name: 'submitted_at', label: 'วันที่ส่ง', field: (row: any) => row.latest_submission?.created_at, align: 'left', sortable: true },
{ name: 'actions', label: '', field: 'actions', align: 'center' }
];