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