Model Penter DiwaDocs
ขนาดรูปภาพ
Demo

โปรไฟล์ & ความปลอดภัย

จัดการบัญชี, ความปลอดภัย, และตั้งค่าส่วนตัว — 3 แท็บในหน้าเดียว

การ์ดโปรไฟล์

  • Avatar จาก Discord (หรือ initials fallback)
  • Username & Display name
  • Badge บทบาท: Admin / Moderator / Member
  • Badge สถานะ: Active (เขียว) / Suspended (แดง)
  • Badge ผู้ให้บริการ: Discord / Local
  • ข้อมูลย่อ: User ID, Discord ID, Email, สถานะ 2FA & Email Verify

ตัวอย่าง Profile Card

U

username_here

Display Name

MemberActiveDiscord
User ID...a1b2c3d4
Emailuser@example.com
2FA✅ เปิดใช้งาน
Email✅ ยืนยันแล้ว

แท็บ Overview

usernameชื่อผู้ใช้
globalNameDisplay name
discordIdDiscord ID
emailอีเมลที่ผูกไว้
providerช่องทาง login: discord / local
roleบทบาท: Admin / Moderator / User
statusActive หรือ Suspended
isEmailVerifiedสถานะการยืนยันอีเมล
twoFactorEnabledเปิดใช้ 2FA หรือไม่
loginCountจำนวนครั้งที่ login ทั้งหมด
lastLoginAtวันเวลา login ล่าสุด
createdAtวันที่สร้างบัญชี

แท็บ Security

🔐

Two-Factor Authentication (2FA)

TOTP — ใช้ Google Authenticator, Authy หรือแอปอื่นๆ

เปิดอยู่

ขั้นตอนการเปิดใช้งาน

1
สร้าง QR Code — ระบบสร้าง QR Code + Manual key + Secret (Base32)
2
สแกนด้วย Authenticator — เปิดแอป → สแกน QR หรือกรอก key ด้วยมือ
3
ยืนยัน OTP — กรอกรหัส 6 หลักจากแอปเพื่อยืนยัน
4
บันทึก Backup Codes — ระบบให้ backup codes — ดาวน์โหลดเป็นไฟล์ .txt เก็บไว้
เก็บ Backup Codes ไว้ในที่ปลอดภัย — ใช้เข้าสู่ระบบได้หากทำแอป Authenticator หาย
📧

ยืนยันอีเมล

ส่งลิงก์ยืนยันไปที่อีเมลที่ผูกไว้

  • กดปุ่ม ส่งอีเมลยืนยัน — ระบบส่งลิงก์ไปทันที (ใช้ SMTP ที่ตั้งค่าใน Admin)
  • Badge สถานะเปลี่ยนเป็น ✅ ยืนยันแล้ว เมื่อคลิกลิงก์ในอีเมล
🔑

เปลี่ยนรหัสผ่าน

สำหรับบัญชี Local เท่านั้น (Discord OAuth ไม่มีรหัสผ่าน)

  • กรอกรหัสผ่านปัจจุบัน + รหัสผ่านใหม่ + ยืนยันรหัสผ่านใหม่
  • บัญชีที่ login ด้วย Discord จะไม่มีตัวเลือกนี้
🕐

ประวัติการ Login

10 รายการต่อหน้า — กด Load More สำหรับรายการเก่ากว่า

📅 20 มิ.ย. 2026 14:32สำเร็จ
🌐 Chrome / Windows192.168.1.1📍 Bangkok, TH
📅 19 มิ.ย. 2026 09:15สำเร็จ
🌐 Safari / iOS10.0.0.5📍 Chiang Mai, TH
📅 18 มิ.ย. 2026 22:01ล้มเหลว
🌐 Chrome / Android203.xx.xx.xx
⚠️ Invalid credentials — รหัสผ่านไม่ถูกต้อง

ข้อมูลที่บันทึกต่อรายการ

loginAtวันเวลา login (th-TH, 24h)
successสำเร็จ/ล้มเหลว (green/red badge)
ipAddressIP Address (monospace font)
userAgentชื่อ Browser + OS ที่ parse มาจาก User-Agent string
locationเมือง + ประเทศ (แสดงถ้ามีข้อมูล)
failureReasonสาเหตุที่ login ล้มเหลว (แสดงใน red box)

รายการโปรด (Favorites)

  • แสดง grid สินค้าที่บันทึกไว้ทั้ง 3 ช่องทาง (ร้านหลัก, Byshop, Wichxshop)
  • กดปุ่ม ❤️ บนหน้าสินค้าเพื่อเพิ่ม / กดอีกครั้งเพื่อลบออก
  • ลบสินค้าออกจากรายการโปรดได้โดยตรงในหน้า Favorites
  • คลิก card นำทางไปหน้า detail ของสินค้านั้น (URL แตกต่างตาม type)
  • Empty state มีปุ่มไปหน้า Products เมื่อยังไม่มีรายการ

ตัวอย่าง

🎮

Game Key #1

product฿299
🎮

Skin Bundle

byshop฿150
ทุกฟีเจอร์ในหน้า Profile ต้องเข้าสู่ระบบก่อน — redirect อัตโนมัติถ้ายังไม่ได้ login