feat: Implement 'My Courses' dashboard, including course cards, classroom learning, and quiz pages.

This commit is contained in:
supalerk-ar66 2026-01-21 17:03:09 +07:00
parent fc3e2820cc
commit f6bbd60f2b
5 changed files with 111 additions and 74 deletions

View file

@ -99,7 +99,7 @@
- เพิ่มระบบ Filter หมวดหมู่ (ย่อ/ขยายได้) และ Search Real-time
- ปรับปรุงการ์ดแสดงผลคอร์สให้รองรับข้อมูลจริงจาก Backend
### ✅ Phase 3: Full Learning Experience (Current)
### ✅ Phase 3: Full Learning Experience & Refinement (Current)
- **Classroom Integration (`learning.vue`):**
- เปลี่ยนจาก Mock Data เป็น **Real API Data**
@ -109,7 +109,22 @@
- 💾 **Progress:** บันทึกเวลาเรียนอัตโนมัติทุก 10 วินาที
- ✅ **Auto-Complete:** จบบทเรียนอัตโนมัติเมื่อดูวิดีโอจบ
- **API Expansion:** เพิ่ม Endpoints ครบวงจรใน `useCourse.ts` (`fetchLesson`, `saveProgress`, `enroll`)
- **System Stability & Features:**
- 🔄 **Category Filtering:** ใช้งานได้จริง เลือก Filter ได้หลายหมวดหมู่พร้อมกัน
- 🛠️ **Error Handling:** จัดการ Case ลงทะเบียนซ้ำ (409 Conflict) แจ้งเตือนภาษาไทยถูกต้อง
---
## 🔍 5. Status & Missing Integrations (ส่วนที่ต้องพัฒนาต่อ)
จากการตรวจสอบล่าสุด รายการดังต่อไปนี้ยังไม่ถูกเชื่อมต่อกับ Backend (Mockup/Partial):
1. **Quiz System 🔴 (สำคัญมาก):** หน้า `classroom/quiz.vue` ยังเป็น Mockup ทั้งหมด ขาด API:
- `GET /api/quizzes/:id` (ดึงโจทย์)
- `POST /api/quizzes/:id/submit` (ส่งคำตอบ)
2. **Certificates:** ยังไม่มีหน้าดาวน์โหลดใบประกาศ
3. **Reviews & Ratings:** การแสดงดาวและคอมเมนต์ยังเป็น Static Data
4. **File Upload:** ระบบแก้ไขโปรไฟล์ยังไม่รองรับการอัปโหลดรูปภาพจริง
---
> _เอกสารนี้อัปเดตล่าสุด: 2026-01-20_