alla-tms/plans/update-online-lessons-menu.md

ช่วยปรับเมนู 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 สามารถดูบทเรียนจากหน้านี้ได้ รายการบทเรียนแสดงเป็นตารางเหมือนหน้า “ประวัติการอบรม”