📖 วิธีการใช้งาน

คู่มือการใช้งานปฏิทินกิจกรรม Idol Stage Event

🎯 ภาพรวม

ปฏิทินกิจกรรมนี้ช่วยให้คุณดูตารางการแสดงของศิลปิน Idol ทั้งหมดในงาน Idol Stage Event ได้อย่างง่ายดาย พร้อมฟีเจอร์การกรองและส่งออกข้อมูล

🎪 การเลือก Event

เมื่อระบบมีหลาย events ปุ่ม 🎪 (grid-dots) ที่มุมซ้ายบนจะเปิด Event Picker Modal เพื่อเปลี่ยน event ที่ดูอยู่

  • พิมพ์ค้นหาชื่อ event ได้ทันที (รองรับภาษาไทย/English)
  • กรองตามสถานะ: ทั้งหมด / กำลังจัดงาน / กำลังจะมาถึง / จบแล้ว
  • Event ที่กำลังดูอยู่จะมีเครื่องหมาย ✓ และ highlight
💡 เคล็ดลับ: กดนอก modal หรือกด ✕ เพื่อปิด — สามารถเข้าถึง event ที่ต้องการได้จากทุกหน้า

🔴 Live Now (กำลังแสดงตอนนี้)

บนสุดของหน้าแรก (รายการงาน) จะมีแถบ "Live Now" แสดง program ที่กำลังแสดงอยู่ตอนนี้ และที่กำลังจะเริ่มเร็วๆ นี้ รวมข้ามทุกงานที่ active

  • 🔴 กำลังแสดง — program ที่กำลังดำเนินอยู่ขณะนี้ พร้อมเวลานับถอยหลังว่าเหลืออีกกี่นาที
  • ⏭️ กำลังจะเริ่ม — program ที่จะเริ่มภายใน 60 นาที
  • แต่ละแถวแสดงชื่อ/ศิลปิน, 📍 สถานที่, ชื่องาน และปุ่ม 🔴 ดู Live เมื่อมีลิงก์ stream — คลิกแถวเพื่อไปหน้าตารางของงานนั้น
  • แถบนี้อัปเดตอัตโนมัติทุก 30 วินาที และคำนวณสถานะตามนาฬิกาของเครื่องคุณ (ถูกต้องแม้งานอยู่คนละ timezone)
💡 หมายเหตุ: แถบจะซ่อนตัวเองเมื่อไม่มี program ใดกำลังแสดงหรือกำลังจะเริ่ม

📅 ปฏิทินกิจกรรมบนหน้าแรก

หน้าแรก (รายการ Events) มีปฏิทินรายเดือนแสดงภาพรวมว่าวันไหนมีกิจกรรมบ้าง

  • วันที่มีกิจกรรมจะแสดง dot สีชมพู ด้านล่างตัวเลข
  • กดวันที่มี dot เพื่อเปิด modal แสดงรายการ Events ที่จัดขึ้นในวันนั้น พร้อมสถานะและปุ่มดูตาราง
  • กด ◀ ▶ เพื่อเลื่อนเดือน — เลื่อนได้เฉพาะเดือนที่มีข้อมูล
  • ปฏิทินแสดงกิจกรรมจาก ทุก events ที่ active รวมงานที่จบแล้ว
💡 เคล็ดลับ: วันปัจจุบันจะ highlight ด้วยวงกลมสีชมพู ทำให้หาวันนี้ได้ง่าย

🔍 การกรองข้อมูล

1. กรองตามศิลปิน

เลือกศิลปินที่คุณสนใจโดยคลิกที่ checkbox หรือใช้ช่องค้นหาเพื่อหาชื่อศิลปินที่ต้องการ

💡 เคล็ดลับ: คุณสามารถเลือกหลายศิลปินพร้อมกันได้

2. กรองตามสถานที่

เลือกเวทีที่คุณต้องการดูกิจกรรม เช่น Fan Meeting Hall, Common Stage เป็นต้น

3. กรองตามประเภท

เลือกประเภทของ program เช่น Live, Fan Meeting, Talk Show เพื่อดูเฉพาะ program ที่สนใจ

💡 เคล็ดลับ: สามารถเลือกหลายประเภทพร้อมกันได้ ประเภทจะแสดงเฉพาะเมื่อมีข้อมูลในระบบ

4. ดำเนินการ

  • 🔍 ค้นหา: กดปุ่มนี้เพื่อแสดงผลลัพธ์ตามที่คุณเลือก
  • 🔄 รีเซ็ต: ล้างตัวกรองทั้งหมดและแสดงกิจกรรมทั้งหมด

5. ดูรายการที่เลือก

เมื่อเลือกศิลปินหรือสถานที่แล้ว จะแสดงเป็น tag ด้านบน checkbox list

💡 เคล็ดลับ: กดปุ่ม ✕ ที่ tag เพื่อลบออกและ reload หน้าอัตโนมัติ

6. กรองด่วนจาก badge ในตาราง

คลิกที่ badge ในตารางรายการเพื่อ append filter ได้ทันที โดยไม่ต้องเลื่อนขึ้นไปใช้ช่อง filter ด้านบน

  • 🎤 Badge ศิลปิน (สีชมพู) — คอลัมน์ "ศิลปินที่เกี่ยวข้อง": คลิกชื่อศิลปินเพื่อเพิ่มเข้า filter
  • 🏷️ Badge ประเภท (สีน้ำเงิน) — คอลัมน์ "ประเภท": คลิกเพื่อกรองตามประเภท program
💡 เคล็ดลับ: filter ที่คลิกจะ append ต่อจาก filter ที่มีอยู่ — เลือกหลายศิลปิน/ประเภทได้โดยไม่ลบการเลือกเดิม

📅 กระโดดไปวันที่

เมื่องานมีหลายวัน แถบวันที่จะปรากฏที่ด้านล่างของหน้าจอ (fixed position) ช่วยให้เลื่อนไปยังวันที่ต้องการได้ทันที

  • กดปุ่มวันที่ที่ต้องการเพื่อเลื่อนหน้าไปยังส่วนนั้นทันที
  • วันที่ที่กำลังดูอยู่จะ highlight อัตโนมัติ (ใช้ IntersectionObserver)
💡 เคล็ดลับ: แถบวันที่จะซ่อนตัวเองเมื่อไม่มีหลายวัน และปรากฏเฉพาะเมื่อมี program มากกว่า 1 วันเท่านั้น

📖 ดูรายละเอียด Program

description ของ program บางรายการอาจถูกตัดสั้นลง (clamp) — สามารถกดเพื่อดูข้อมูลเต็มได้:

  • มองหาป้าย "▼ อ่านเพิ่มเติม" ใต้ description
  • กดที่ description หรือป้าย "▼ อ่านเพิ่มเติม" เพื่อเปิด modal แสดงข้อมูลเต็ม
  • กด ✕ หรือ tap นอก modal เพื่อปิด

🔴 Live Stream

เมื่อ program มีลิงก์ live stream จะแสดงไอคอน platform และปุ่ม 🔴 เข้าร่วม ในแถว program

  • ไอคอน platform แสดงให้รู้ว่า stream อยู่ที่ไหน (YouTube, X/Twitter, TikTok, หรืออื่นๆ)
  • กดปุ่ม "🔴 เข้าร่วม" เพื่อเปิดลิงก์ stream โดยตรง
  • ใน Calendar View — chip บนปฏิทินจะ highlight สีพิเศษเมื่อ program มี stream

📊 มุมมองไทม์ไลน์ (Gantt Chart)

นอกจากมุมมองรายการแล้ว ยังมีมุมมองไทม์ไลน์ที่ช่วยให้เห็นภาพรวมของกิจกรรมทั้งวัน:

🔄 ใช้ Toggle Switch ด้านล่างปุ่มค้นหาเพื่อสลับมุมมอง
  • แสดงหลายสถานที่พร้อมกัน เห็นช่วงเวลาซ้อนทับได้ง่าย
  • คลิกที่แถบ program เพื่อดูรายละเอียด
  • ระบบจะจำมุมมองที่คุณเลือกไว้

📅 มุมมองปฏิทินรายเดือน (Calendar View)

สำหรับ event ที่ Admin กำหนดเป็นโหมด Calendar ระบบจะแสดงผลเป็นปฏิทินรายเดือนแทนตาราง:

  • กด chip บนวันที่ (desktop) เพื่อดูรายละเอียด program
  • กดที่วัน (mobile) เพื่อเปิด panel แสดงรายการ program ของวันนั้น
  • ปุ่ม ◀ ▶ เลื่อนระหว่างเดือนที่มีข้อมูล
💡 หมายเหตุ: ปุ่ม Live ในรายการ program ช่วยให้เข้าถึง stream โดยตรง

💾 การบันทึกและส่งออก

1. บันทึกเป็นรูปภาพ (📸)

สร้างรูปภาพ PNG ของตารางกิจกรรมฝั่ง server — ไม่พึ่ง library ภายนอก รองรับภาษาไทย ญี่ปุ่น และ symbol; สีโทนตรงกับ theme ของ event

🎨 หมายเหตุ: รูปภาพจะใช้สีโทนเดียวกับ theme ของ event (sakura/ocean/forest ฯลฯ) และรวม filter ที่เลือกไว้ปัจจุบัน

2. ส่งออกไปปฏิทิน (📅)

ดาวน์โหลดไฟล์ .ics เพื่อเพิ่มกิจกรรมเข้าในปฏิทินของคุณ (Google Calendar, Apple Calendar, Outlook)

วิธีการ:

  • เลือกศิลปินและสถานที่ที่ต้องการ
  • กดปุ่ม "📅 Export to Calendar"
  • เปิดไฟล์ .ics ที่ดาวน์โหลดมา
  • เลือกปฏิทินที่ต้องการเพิ่มเข้าไป

3. Subscribe ปฏิทิน (🔔)

Subscribe ครั้งเดียว — ปฏิทินจะ sync อัตโนมัติเมื่อมีการเพิ่ม/แก้ไข program ใหม่ ไม่ต้อง export ซ้ำ

  • กดปุ่ม "🔔 Subscribe" ในแถบปุ่มด้านบน
  • เลือกวิธี subscribe ที่ต้องการ:
  • 🍎 Apple Calendar / iOS / Thunderbird — กด "🔗 เปิดใน Calendar App (webcal://)"
  • 🌐 Google Calendar — Copy URL แล้วไปที่ Google Calendar → เพิ่มปฏิทิน → จาก URL
  • 📧 Microsoft Outlook — Copy URL → Calendar → Add calendar → Subscribe from web → วาง URL
💡 หมายเหตุ: URL ที่ Subscribe จะรวม filter ปัจจุบัน (ศิลปิน/สถานที่/ประเภท) เข้าไปด้วย — Subscribe ก่อนจะได้ filter ที่ต้องการ

🎤 รายการศิลปินทั้งหมด

หน้า /artists รวบรวมกลุ่มและศิลปินทุกคนในระบบไว้ในที่เดียว เข้าถึงได้จากเมนู "🎤 ศิลปิน" บนหน้าแรก

กลุ่ม/วง (Groups)

  • แสดงเป็น card แต่ละใบ — กดชื่อกลุ่มเพื่อไปหน้าโปรไฟล์กลุ่ม
  • แสดงจำนวนสมาชิกและจำนวน programs ของกลุ่ม
  • ชื่อสมาชิกแต่ละคนเป็น chip คลิกได้ — ไปหน้าโปรไฟล์ของสมาชิกคนนั้นทันที

ศิลปินเดี่ยว (Solo Artists)

  • แสดงศิลปินที่ไม่ได้สังกัดกลุ่มใด แบบ grid — กดเพื่อไปหน้าโปรไฟล์ศิลปิน
  • แสดงจำนวน programs ของศิลปินแต่ละคน

ค้นหาและกรอง

  • ช่องค้นหาด้านบนกรองทั้งชื่อกลุ่ม, ชื่อสมาชิกในกลุ่ม และชื่อศิลปินเดี่ยวแบบ realtime
  • แท็บ "กลุ่ม/วง" และ "ศิลปินเดี่ยว" ใช้สลับมุมมองได้
  • สมาชิกที่ตรงกับคำค้นหาจะ highlight สีเหลืองใน card ของกลุ่ม

🏛️ สถานที่ทั้งหมด

หน้า /venues รวบรวมสถานที่/เวทีทั้งหมดไว้ในที่เดียว เข้าถึงได้จากเมนู "🏛️ สถานที่" บนหน้าแรก

  • แสดงเป็น grid พร้อมจำนวน programs ของแต่ละสถานที่ — มีช่องค้นหากรองแบบ realtime
  • กดสถานที่เพื่อเปิดหน้าโปรไฟล์ /venue/{id} แสดง programs ทั้งหมดของสถานที่นั้น จัดกลุ่มตามงาน
  • ชื่อสถานที่ในตารางรายการ program ก็คลิกได้เช่นกัน — พาไปหน้าโปรไฟล์สถานที่โดยตรง
  • แพลตฟอร์มออนไลน์ (YouTube, X Spaces ฯลฯ) จะมี badge 🌐 Online และไม่แสดงใน portal grid

👤 หน้าโปรไฟล์ศิลปิน

ศิลปินแต่ละคนมีหน้าโปรไฟล์แสดง programs ทั้งหมดที่เคยปรากฏข้ามทุก event

  • กดปุ่ม ข้างชื่อศิลปินใน badge หรือรายการตัวกรองเพื่อเปิดหน้าโปรไฟล์
  • หน้าโปรไฟล์แสดง programs จัดกลุ่มตาม event — เฉพาะงานที่ยังไม่จบ
  • หากศิลปินอยู่ในวง จะแสดง programs ที่แสดงในนามวงด้วย
  • แสดง variant names (ชื่อเรียกอื่น) ของศิลปิน
  • ส่วน "🎪 งานอื่นที่เกี่ยวข้องกับศิลปิน" ด้านล่างตารางแสดง events อื่นที่ศิลปินนี้มี program

🔔 Subscribe Feed ศิลปิน

ในหน้าโปรไฟล์ศิลปิน สามารถ subscribe ICS feed เฉพาะศิลปินนั้นได้ — ปฏิทินจะ sync เฉพาะ programs ของศิลปินที่เลือกจากทุก event

  • ปุ่ม 🔔 ชื่อศิลปิน — subscribe programs ทั้งหมดของศิลปินข้ามทุก event
  • ปุ่ม 🔔 ชื่อวง — subscribe programs ที่แสดงในนามวง (แสดงเฉพาะเมื่อศิลปินสังกัดวง)
  • รองรับ Apple Calendar, Google Calendar, Outlook, Thunderbird — เหมือนกับ Subscribe ปกติ
💡 หมายเหตุ: Artist Feed ดึงข้อมูลข้ามทุก event อัตโนมัติ — ต่างจาก Subscribe ในหน้า event ที่กรองเฉพาะ event นั้น

⭐ My Favorites, My Upcoming & My Plan

ติดตามศิลปินที่ชื่นชอบเพื่อดู upcoming programs ของพวกเขาได้สะดวก โดยไม่ต้องสร้างบัญชี

1. ติดตามศิลปิน

  • เปิดหน้าโปรไฟล์ศิลปินที่ต้องการ (กดปุ่ม ↗ ข้างชื่อศิลปิน)
  • กดปุ่ม ☆ ติดตาม — ครั้งแรกจะสร้าง Favorites ใหม่และพาไปหน้า My Favorites
  • กดซ้ำที่ปุ่ม ★ ติดตามแล้ว เพื่อเลิกติดตาม

2. หน้า My Favorites (⭐)

แสดงรายชื่อศิลปินที่ติดตามแยกเป็น 2 ส่วน — 🎤 ศิลปิน และ 🎵 วง/กลุ่ม พร้อม link ไปหน้าโปรไฟล์และปุ่มเลิกติดตาม

  • แต่ละส่วนมีปุ่มเรียงลำดับ A→Z / Z→A — ระบบจำการตั้งค่าไว้อัตโนมัติ

3. หน้า My Upcoming Programs (📅)

แสดง programs ที่กำลังจะมาถึงจากศิลปินที่ติดตาม จัดกลุ่มตามวันที่ อัปเดตอัตโนมัติเมื่อ Admin เพิ่มข้อมูล

  • ถ้าศิลปินที่ติดตามอยู่ในวง/กลุ่ม — programs ที่แสดงในนามวงนั้นจะถูกรวมแสดงให้อัตโนมัติ โดยไม่ต้อง follow วงแยก
  • มีปุ่มสลับ 📋 List / 📊 Timeline — มุมมอง Timeline แสดงเป็น Gantt chart รายวัน ช่วยให้เห็นช่วงเวลาที่ programs ของหลายงานทับซ้อนกัน (มี badge 🔴 เตือนเมื่อมี event ทับกัน); แกนเวลาใช้ timezone ของคุณ
  • กดปุ่ม 📌 ข้าง program เพื่อเพิ่ม/เอาออกจาก My Plan — ใช้สำหรับเลือกเฉพาะรายการที่ตั้งใจจะไปจริง

📅 Mini Calendar View

  • ปฏิทินขนาดย่อแสดงระหว่างส่วน "ศิลปินที่ติดตาม" และรายการ Upcoming Programs
  • วันที่มี program จะแสดง dot สีชมพู — กด ◀ ▶ เพื่อเลื่อนเดือน (จำกัดเฉพาะเดือนที่มีข้อมูล)
  • กดวันที่มี dot เพื่อเปิด modal แสดงรายการ programs ของวันนั้น

4. วางแผนด้วย My Plan (📌)

หน้า My Plan แสดงเฉพาะ programs ที่คุณปักหมุดไว้ ช่วยจัดแผนข้ามหลายงานและเห็นช่วงเวลาชนกันก่อนถึงวันจริง

  • แท็บ 📅 แผน แสดงรายการที่เลือก จัดกลุ่มตามวัน พร้อมสรุปจำนวน program, event, วัน และรายการที่เวลา overlap
  • สลับ 📋 List / 📊 Timeline ได้เหมือนหน้า My Upcoming — กด bar ใน Timeline เพื่อเปิด modal รายละเอียด และระบบจะเลื่อนไปยัง program ที่กดให้อัตโนมัติ
  • กด 🗑️ เพื่อลบออกจากแผน โดยไม่กระทบรายการศิลปินที่ติดตาม
  • แท็บ 📖 ประวัติ เก็บ programs ที่ผ่านไปแล้วเป็น snapshot อัตโนมัติ จึงย้อนดูแผนเดิมได้ภายหลัง

5. เลือกแหล่งแจ้งเตือน

ใน Settings ของหน้า My Upcoming Programs สามารถเลือกว่า Telegram และ Web Push จะเตือนจากแหล่งไหนได้

  • ศิลปินที่ติดตาม — เตือนจากศิลปินที่ follow เหมือนเดิม
  • เฉพาะแผน — เตือนเฉพาะ programs ที่อยู่ใน My Plan
  • ทั้งศิลปินและแผน — รวมทั้งสองแหล่งและตัดรายการซ้ำให้อัตโนมัติ
  • Smart — วันที่มีแผนจะเตือนเฉพาะแผน วันอื่นกลับไปเตือนจากศิลปินที่ติดตาม

6. ปิดแจ้งเตือนรายวัน (🔕)

ถ้าวันไหนไม่สะดวกรับแจ้งเตือน สามารถ mute ทั้งวันได้จากหัววันที่ในหน้า My Upcoming Programs

  • ปุ่ม 🔔/🔕 จะแสดงเมื่อ Favorites ของคุณเชื่อมต่อ Telegram หรือ Web Push แล้ว
  • วันที่ mute จะข้ามทั้ง Telegram, Web Push และ Daily Summary ของวันนั้น
  • เปิดแท็บ 🔕 ปิดแจ้งเตือน ใน My Plan เพื่อดูวันที่ mute ทั้งหมด และกด 🔔 เปิดใหม่ เพื่อยกเลิก

7. Subscribe ปฏิทินส่วนตัว (🔔)

Subscribe ครั้งเดียว — ปฏิทินจะ sync อัตโนมัติเมื่อมีการเพิ่ม/แก้ไข program ใหม่ ไม่ต้อง export ซ้ำ

  • กดปุ่ม 🔔 Subscribe ใน Save URL banner ของหน้า My Upcoming Programs
  • เลือก "🔗 เปิดใน Calendar App" (webcal://) สำหรับ Apple Calendar / iOS / Thunderbird หรือ Copy URL สำหรับ Google Calendar / Outlook
  • Feed แสดงเฉพาะ upcoming programs ของศิลปินที่ติดตาม — ชื่อ program จะมี [ชื่องาน] นำหน้าเพื่อแยกแยะแต่ละงาน
  • ในหน้า My Plan มีปุ่ม Subscribe แยกสำหรับปฏิทินเฉพาะ programs ที่ปักหมุดไว้

8. บันทึก URL ไว้ (สำคัญ!)

ทั้งสองหน้าแสดง Save URL banner — ควรบันทึก URL ไว้ เช่น Bookmark หรือ Copy ไปเก็บ เพราะ URL เป็น key เดียวที่เข้าถึงข้อมูลของคุณได้ หากหายไม่สามารถกู้คืนได้

💡 ทางลัด: เมื่อติดตามศิลปินแล้ว ปุ่ม ⭐ และ 📅 จะปรากฏที่มุมซ้ายบนทุกหน้า เพื่อกลับไปหน้า Favorites ได้ตลอดเวลา

🔗 ย้าย Favorites ไปยัง PWA / อุปกรณ์อื่น

หากมี Favorites อยู่แล้วบน browser หนึ่ง แต่ต้องการใช้งานบน PWA (iOS Home Screen App) หรืออุปกรณ์อื่น สามารถย้ายได้ด้วย QR Code โดยไม่ต้องสร้าง Favorites ใหม่

1. บนอุปกรณ์ต้นทาง (ที่มี Favorites อยู่แล้ว)

  1. เปิดหน้า My Upcoming Programs (📅) หรือ My Favorites (⭐)
  2. กดปุ่ม "🔗 ย้าย Favorites ไปยังอุปกรณ์อื่น / PWA" เพื่อแสดง QR Code
  3. ทิ้งหน้านี้ไว้บนหน้าจอ อย่าปิด

2. บนอุปกรณ์ปลายทาง (PWA หรือ browser ใหม่)

  1. เปิด PWA หรือ browser — กดปุ่ม 🔗 ที่มุมซ้ายบน (แสดงเมื่อยังไม่มี Favorites)
  2. กดปุ่ม "📷 เปิดกล้องสแกน" อนุญาตสิทธิ์กล้อง แล้วสแกน QR Code บนหน้าจออุปกรณ์ต้นทาง
  3. ระบบตรวจสอบ QR อัตโนมัติและพาไปหน้า My Upcoming Programs — ปุ่ม ⭐ 📅 จะปรากฏทันที
💡 หากกล้องไม่พร้อมใช้: Copy URL จากหน้า My Upcoming Programs แล้วไปที่ /connect → วาง URL ในช่อง "วาง URL" ด้านล่างแทน

🔔 Telegram Notifications

รับแจ้งเตือน push แบบเรียลไทม์บน Telegram ก่อนเริ่มโปรแกรมของศิลปินที่ติดตาม ไม่ต้องเข้ามาเว็บไซต์บ่อยๆ

1. เชื่อมต่อ Telegram

ในหน้า "My Upcoming Programs" (📅) จะมีส่วน "เชื่อมต่อ Telegram" พร้อม 2 วิธี:

  • วิธีที่ 1 (แนะนำ) — กดปุ่ม "🔗 เปิด Telegram" จะเปิด Telegram Bot ไป ทีนี้ส่ง /start {slug} (slug อยู่ในปุ่มแล้ว)
  • วิธีที่ 2 (Fallback) — ค้นหาบอท ID ด้วยมือ แล้วส่ง /start {slug} ด้วยมือ

2. เลือกภาษา

หลังส่ง /start บอทจะถาม คุณเลือกภาษา:

  • 🇹🇭 ไทย — แจ้งเตือนและรายความเป็นไทย
  • 🇬🇧 English — สำหรับผู้ใช้ภาษาอังกฤษ
  • 🇯🇵 日本語 — สำหรับผู้ใช้ภาษาญี่ปุ่น

ระบบจะจำภาษาที่เลือก — ทุกแจ้งเตือนจะเป็นภาษานั้น

3. ประเภทการแจ้งเตือน

  • 📢 ต่อ Program — ส่งแจ้งเตือน 60 นาทีก่อนเริ่ม program (ปรับได้ผ่าน Admin)
  • 📅 Daily Summary — ส่งสรุม programs ของวันทั้งหมด เวลา 9:00-9:30 น.
  • 🔧 เลือกเฉพาะ Daily Summary ได้ — ใช้ /notify summary เพื่อรับเฉพาะสรุปรายวัน ปิดแจ้งเตือนต่อ program
🌐 เวลาตาม timezone ของคุณ: การแจ้งเตือนแสดงเวลาท้องถิ่นของงาน พร้อมเวลาท้องถิ่นของคุณในวงเล็บ เช่น 18:00 (19:00 Asia/Tokyo) เมื่อ timezone ต่างกัน; ตั้ง timezone เองด้วย /tz Asia/Tokyo หรือกลับเป็นอัตโนมัติด้วย /tz auto

4. คำสั่งดูตาราง

  • /todayevents วันนี้ + จำนวน program ต่อ event
  • /tomorrowevents พรุ่งนี้
  • /week7 วันข้างหน้า จัดกลุ่มตามวัน
  • /upcoming [N]N programs ถัดไป (1–10, ค่าเริ่มต้น 3)
  • /nextprogram ถัดไป 1 รายการ
  • /artistsรายชื่อศิลปินที่ติดตาม
  • /start {slug}เชื่อมต่อบัญชี (ดูส่วน 1)
  • /stopยกเลิกการเชื่อมต่อ

ถ้าศิลปินที่ติดตามอยู่ในวง/กลุ่ม — คำสั่ง /today /tomorrow /week /upcoming /next จะรวม programs ที่แสดงในนามวงนั้นด้วยอัตโนมัติ (เช่นเดียวกับหน้า My Upcoming Programs)

5. ควบคุมการแจ้งเตือน

  • /lang th|en|jaเปลี่ยนภาษาแจ้งเตือนใน bot โดยตรง
  • /tz [zone|auto]ดู/ตั้ง timezone ที่ใช้แสดงเวลา (/tz Asia/Tokyo หรือ /tz auto)
  • /mute Nหยุดรับแจ้งเตือน N ชั่วโมง (1–72)
  • /notify on|off|summaryon = ต่อ program + สรุปรายวัน, summary = สรุปรายวันอย่างเดียว, off = ปิดทั้งหมด
  • /statusดูสถานะ (ศิลปิน, ภาษา, timezone, โหมดแจ้งเตือน, mute)
💡 เคล็ดลับ: ถ้าไม่ได้รับแจ้งเตือน ลอง /status เพื่อตรวจสอบสถานะ และ /notify on เพื่อเปิด

📱 Web Push Notifications

รับแจ้งเตือนจากบราวเซอร์โดยตรง ไม่ต้องใช้ Telegram หรือ app เพิ่มเติม รองรับ Chrome, Firefox, Edge และ Safari 16.4+

1. Subscribe การแจ้งเตือน

  1. ไปที่หน้า "My Upcoming Programs" (📅) แล้วหาส่วน "🔔 Web Push Notifications"
  2. กดปุ่ม "🔔 Subscribe" — บราวเซอร์จะขอ permission การแจ้งเตือน
  3. กด "Allow" เพื่ออนุญาต — จะเห็นสถานะเปลี่ยนเป็น "รับการแจ้งเตือนแล้ว"

2. วิธีรับการแจ้งเตือน

  • ระบบจะส่งแจ้งเตือนล่วงหน้าก่อน program เริ่ม N นาที (ตั้งค่าโดย Admin)
  • การแจ้งเตือนแสดงชื่อ program, เวลาเริ่ม และสถานที่จัดงาน
  • คลิกการแจ้งเตือน → เปิดหน้า event โดยตรง
  • ใช้ได้ทั้งบน desktop และ mobile (Android/iOS 16.4+)

3. จัดการการแจ้งเตือน

  • กดปุ่ม "🔕 Unsubscribe" ในหน้า My Upcoming Programs เพื่อยกเลิกการแจ้งเตือน
  • ยกเลิกได้ผ่านการตั้งค่าของบราวเซอร์ (Settings → Notifications)
💡 เคล็ดลับ: Web Push ทำงานได้แม้ไม่ได้เปิดหน้าเว็บอยู่ ตราบใดที่บราวเซอร์ทำงานอยู่เบื้องหลัง — เหมาะสำหรับผู้ใช้ที่ไม่มี Telegram

📋 แหล่งข้อมูลอ้างอิง

ในแต่ละหน้า event ส่วน "แหล่งข้อมูลอ้างอิง" จะแสดงที่ด้านล่างของหน้าอัตโนมัติ (ถัดจากส่วน "งานอื่นที่เกี่ยวข้องกับศิลปิน") — ไม่ต้องไปหน้าแยกต่างหาก

  • แต่ละรายการแสดง ชื่อแหล่งข้อมูล, คำอธิบาย, และลิงก์ภายนอก (ถ้ามี)
  • กดลิงก์เพื่อเปิดแหล่งข้อมูลในแท็บใหม่
  • ส่วนนี้จะแสดงเฉพาะเมื่อมีการตั้งค่า credits สำหรับ event นั้น
💡 หมายเหตุ: หน้า /credits ยังสามารถเข้าถึงได้จาก footer — แสดง credits ของทุก event รวมกัน จัดกลุ่มตาม event

🗂️ งานที่จบแล้ว

กดปุ่ม "ดูงานที่จบแล้ว" ที่ด้านล่างหน้ารายการ events เพื่อดู events ทั้งหมดที่สิ้นสุดแล้ว

  • แสดงรายการงานที่จบแล้วแบบ pagination 20 รายการต่อหน้า
  • กดปุ่ม "📋 ดูตารางเวลา" เพื่อเปิดตาราง program ของงานนั้น

📝 แจ้งเพิ่ม/แก้ไข Program

หากพบว่าข้อมูลไม่ครบ หรือมี program ใหม่ที่ยังไม่มีในระบบ คุณสามารถแจ้งได้:

1. แจ้งเพิ่ม Program ใหม่

กดปุ่ม "📝 แจ้งเพิ่ม Program" แล้วกรอกข้อมูล program ที่ต้องการ

2. แจ้งแก้ไข Program ที่มีอยู่

กดปุ่ม "✏️" ที่ program ที่ต้องการแก้ไข ระบบจะ pre-fill ข้อมูลให้

💡 หมายเหตุ: คำขอของคุณจะถูกส่งไปให้ Admin ตรวจสอบก่อนจะแสดงในระบบ

🗓️ แจ้งเพิ่มงาน (Event)

กดปุ่ม "📝 แจ้งเพิ่มงาน" ในแถบ navigation ด้านบน (แสดงเฉพาะหน้ารายการงาน) แล้วกรอกชื่องาน, วันที่เริ่ม-สิ้นสุด, คำอธิบาย และข้อมูลผู้แจ้ง

💡 หมายเหตุ: คำขอจะถูกส่งให้ Admin ตรวจสอบ — Admin อนุมัติแล้วค่อยสร้างข้อมูลงาน งานใหม่จะเริ่มต้นในสถานะ inactive และต้องให้ Admin เปิดใช้งานเอง

🌍 การเปลี่ยนภาษา

คลิกปุ่มเปลี่ยนภาษาที่มุมขวาบนเพื่อสลับระหว่าง:

  • TH - ภาษาไทย (เวลาแบบ 24 ชม., ปี พ.ศ.)
  • EN - English (12-hour format, Christian year)
  • 日本 - 日本語 (24時間形式)

📱 การใช้งานบนมือถือ

หน้าเว็บนี้ออกแบบให้ใช้งานบนมือถือได้อย่างสะดวก:

  • แสดงผลแบบ card สำหรับมือถือ อ่านง่าย
  • ปุ่มกดขนาดใหญ่เหมาะกับการสัมผัส
  • รองรับทั้ง portrait และ landscape
  • บันทึกรูปภาพได้ตามรูปแบบที่แสดงบนหน้าจอ

❓ คำถามที่พบบ่อย

Q: ข้อมูลจะอัปเดตบ่อยแค่ไหน?

A: ข้อมูลจะอัปเดตเมื่อมีการเปลี่ยนแปลงตารางจากทางผู้จัดงาน กรุณาตรวจสอบเวอร์ชันที่มุมซ้ายบน

Q: สามารถใช้งานออฟไลน์ได้หรือไม่?

A: เว็บรองรับ PWA Offline Cache — หน้าที่เคยเปิดตอนออนไลน์แล้วจะเปิดซ้ำได้แม้ไม่มีเน็ต (ติดตั้งเป็นแอปผ่าน "Add to Home Screen" เพื่อประสบการณ์ที่ดีที่สุด); สำหรับข้อมูลที่ต้องดูแน่ๆ แนะนำให้บันทึกเป็นรูปภาพหรือ Subscribe ปฏิทินไว้

Q: พบข้อมูลผิดพลาดต้องทำอย่างไร?

A: กรุณาแจ้งผ่านหน้า ติดต่อเรา