commit

plans/update-online-lessons-menu.md

@@ -0,0 +1,71 @@
+ช่วยปรับเมนู Online Lessons ใหม่
+
+สิ่งที่ต้องการ:
+
+1. รวมเมนู “บทเรียนออนไลน์” และ “เพิ่มบทเรียนออนไลน์” ให้เหลือเมนูเดียวชื่อ “บทเรียนออนไลน์”
+2. เอาเมนูย่อย “เพิ่มบทเรียนออนไลน์” ออกจาก Sidebar
+3. เมื่อเข้าเมนู “บทเรียนออนไลน์”
+   - ถ้าเป็น HRD/Admin ให้แสดงปุ่ม “+ เพิ่มบทเรียนออนไลน์” ด้านบนขวา
+   - ถ้าเป็น Employee ไม่ต้องแสดงปุ่มเพิ่ม
+4. ใช้หน้าเดียวกันในการแสดงรายการบทเรียน
+5. รายการบทเรียนให้เปลี่ยนจาก Card Grid เป็น Table
+6. รูปแบบตารางให้อ้างอิงเหมือนหน้า “ประวัติการอบรม”
+
+โครงสร้างหน้าที่ต้องการ:
+
+- Title: บทเรียนออนไลน์
+- Subtitle: เรียนรู้จากวิดีโอและเอกสารประกอบที่ HRD เผยแพร่ให้กับพนักงาน
+- Search
+- Filter หมวดหมู่
+- Filter สถานะ เฉพาะ HRD/Admin
+- ปุ่ม View
+- ตารางรายการบทเรียน
+- Pagination
+
+Column ตารางที่ต้องการ:
+
+- รูปปก / ไฟล์
+- ชื่อบทเรียน
+- หมวดหมู่
+- ประเภทวิดีโอ
+- ไฟล์แนบ
+- สถานะ เฉพาะ HRD/Admin
+- วันที่เผยแพร่
+- ผู้สร้าง เฉพาะ HRD/Admin
+- จัดการ
+
+เงื่อนไขการแสดงผล:
+
+1. HRD/Admin เห็นบทเรียนทั้งหมด ทั้ง Draft, Published, Archived
+2. Employee เห็นเฉพาะบทเรียนที่ Published เท่านั้น
+3. HRD/Admin เห็นปุ่มจัดการ เช่น แก้ไข ลบ เปิด/ปิดเผยแพร่
+4. Employee เห็นปุ่ม “เปิดบทเรียน” เท่านั้น
+5. ถ้าไม่มีรูปปก ให้แสดง icon default
+6. ถ้าไม่มีไฟล์แนบ ให้แสดงข้อความ “ไม่มีไฟล์แนบ”
+7. ถ้ามีไฟล์แนบ ให้แสดงปุ่มหรือ Badge “ดาวน์โหลดไฟล์”
+
+Layout ตาราง:
+ให้ใช้รูปแบบเดียวกับหน้า “ประวัติการอบรม”
+
+- Card ครอบ Table
+- overflow-hidden
+- overflow-x-auto
+- Table className="w-full table-fixed"
+- กำหนดขนาด column ให้เหมาะสม
+- ใช้ truncate กับชื่อบทเรียนและรายละเอียด
+- ใช้ Badge กับสถานะ
+- จัด Action column ชิดขวา
+- Responsive ไม่ล้นจอ
+
+ห้ามแก้:
+
+- Business Logic เดิม
+- API เดิม ถ้าไม่จำเป็น
+- เมนูอื่น ๆ
+- หน้า ประวัติการอบรม
+
+ผลลัพธ์ที่ต้องการ:
+Sidebar เหลือเมนูเดียวคือ “บทเรียนออนไลน์”
+HRD/Admin สามารถจัดการบทเรียนจากหน้านี้ได้
+Employee สามารถดูบทเรียนจากหน้านี้ได้
+รายการบทเรียนแสดงเป็นตารางเหมือนหน้า “ประวัติการอบรม”