// Admin panel — dashboard, lotteries, users, dreams, templates, predictions window.AdminPanel = function AdminPanel() { const { user, go, adminSection, setAdminSection, logout } = useApp(); const nav = [ { id: 'dashboard', label: 'Dashboard', icon: '📊' }, { id: 'lotteries', label: 'จัดการหวย', icon: '🎰' }, { id: 'users', label: 'ผู้ใช้งาน', icon: '👥' }, { id: 'dreams', label: 'ทำนายฝัน', icon: '🌙' }, { id: 'predictions', label: 'Top 5 งวดนี้', icon: '🏆' }, { id: 'templates', label: 'Template', icon: '📝' }, ]; return (
{/* sidebar */}
฿
สุ่มเลข
Admin Panel
{nav.map(n => { const active = adminSection === n.id; return ( ); })}
{user?.name?.[0] || 'A'}
{user?.name}
ผู้ดูแล
{/* content */}
{adminSection === 'dashboard' && } {adminSection === 'lotteries' && } {adminSection === 'users' && } {adminSection === 'dreams' && } {adminSection === 'predictions' && } {adminSection === 'templates' && }
); }; function AdminHeader({ title, sub, action }) { return (
{title}
{sub &&
{sub}
}
{action}
); } function AdminCard({ children, style = {} }) { return (
{children}
); } function AdminDashboard() { const { setAdminSection } = useApp(); const stats = [ { label: 'Users ที่ active', value: '347', chg: '+12 วันนี้', color: '#16A34A' }, { label: 'หวยที่เปิดอยู่', value: '7', chg: '1 ปิดใช้งาน', color: '#B91C1C' }, { label: 'งวดใกล้ปิด', value: '3', chg: 'ใน 2 ชม.', color: '#D97706' }, { label: 'Dreams analyzed (30d)', value: '1,284', chg: '+8%', color: '#7C3AED' }, ]; return ( <>
{stats.map(s => (
{s.label}
{s.value}
● {s.chg}
 ))}
งวดที่กำลังจะปิด
{MOCK_LOTTERIES.slice(0,5).map(l => (
{l.flag}
{l.name}
{l.cadence}
ปิด {l.close}
))}
Quick actions
setAdminSection('users')} /> setAdminSection('predictions')} /> setAdminSection('dreams')} /> setAdminSection('users')} />
); } function QuickAction({ icon, label, onClick }) { return ( ); } function AdminLotteries() { const [editing, setEditing] = useState(null); const [toggles, setToggles] = useState(() => Object.fromEntries(MOCK_LOTTERIES.map(l => [l.slug, { active: l.active, ai: l.aiEnabled }]))); const toggle = (slug, key) => setToggles(p => ({ ...p, [slug]: { ...p[slug], [key]: !p[slug][key] } })); const blankLot = { slug: '', name: 'หวยใหม่', flag: '🎫', group: 'ในประเทศ', color: '#B91C1C', close: '21:00', cadence: 'รายวัน', active: true, aiEnabled: true }; return ( <> setEditing(blankLot)}>+ เพิ่มประเภทหวย} /> {MOCK_LOTTERIES.map(l => ( ))}
ชื่อกลุ่มเปิด-ปิดรับตารางActiveAI
{l.flag}
{l.name}
/{l.slug}
 {l.group} 09:00 → {l.close} {l.cadence} toggle(l.slug, 'active')} /> toggle(l.slug, 'ai')} />
{editing && setEditing(null)} />} ); } function EditLotteryModal({ lot, onClose }) { const [cadence, setCadence] = useState('daily'); const days = ['จ','อ','พ','พฤ','ศ','ส','อา']; const [selected, setSelected] = useState({ จ: true, พ: true, ศ: true }); const [image, setImage] = useState(null); const [categories, setCategories] = useState(['ในประเทศ', 'ต่างประเทศ', 'หวยหุ้น', 'หวยรายชั่วโมง']); const [category, setCategory] = useState(lot.group); const [addingCat, setAddingCat] = useState(false); const [newCat, setNewCat] = useState(''); const fileRef = React.useRef(); const onPickFile = (e) => { const f = e.target.files?.[0]; if (!f) return; const reader = new FileReader(); reader.onload = () => setImage(reader.result); reader.readAsDataURL(f); }; const addCategory = () => { if (newCat.trim() && !categories.includes(newCat.trim())) { setCategories([...categories, newCat.trim()]); setCategory(newCat.trim()); } setNewCat(''); setAddingCat(false); }; return ( {/* Image upload — full width at top */}
{!image && lot.flag}
{image && ( )}
รองรับ PNG, JPG, SVG — แนะนำสี่เหลี่ยมจัตุรัส 256×256 px
{categories.map(c => ( ))} {!addingCat ? ( ) : (
setNewCat(e.target.value)} onKeyDown={e => { if (e.key === 'Enter') addCategory(); if (e.key === 'Escape') { setAddingCat(false); setNewCat(''); } }} placeholder="ชื่อหมวด" style={{ width: 140 }} />
)}
{[['daily','รายวัน'], ['weekly','รายสัปดาห์'], ['monthly','รายเดือน']].map(([v,l]) => ( ))}
{cadence !== 'monthly' ? (
{days.map(d => ( ))}
) : ( )}
ยกเลิก บันทึก
); } function AdminUsers() { const [filter, setFilter] = useState('all'); const [q, setQ] = useState(''); const [editing, setEditing] = useState(null); const [users, setUsers] = useState(MOCK_USERS); const blank = { phone: '', name: '', created: '—', lastLogin: '—', status: 'active', admin: false, _new: true }; const filtered = users.filter(u => (filter === 'all' || (filter === 'active' && u.status === 'active') || (filter === 'locked' && u.status === 'locked') || (filter === 'admin' && u.admin)) && (u.phone.includes(q) || u.name.includes(q)) ); const toggleLock = (phone) => setUsers(us => us.map(u => u.phone === phone ? { ...u, status: u.status === 'locked' ? 'active' : 'locked' } : u)); const saveUser = (u) => setUsers(us => u._new ? [{ ...u, _new: false }, ...us] : us.map(x => x.phone === u.phone ? u : x)); return ( <> setEditing(blank)}>+ เพิ่ม User} /> setQ(e.target.value)} style={{ flex: 1 }} />
{[['all','ทั้งหมด'],['active','Active'],['locked','Locked'],['admin','Admin']].map(([v,l]) => ( ))}
{filtered.map(u => ( ))}
เบอร์โทรชื่อสร้างเมื่อLogin ล่าสุดสถานะ
{u.phone}
{u.name[0]}
{u.name} {u.admin && Admin}
{u.created} {u.lastLogin} {u.status === 'active' ? Active : Locked} ·
{editing && setEditing(null)} onSave={(u) => { saveUser(u); setEditing(null); }} />} ); } function EditUserModal({ user, onClose, onSave }) { const [u, setU] = useState(user); return ( setU({ ...u, phone: e.target.value })} placeholder="0xx-xxx-xxxx" /> setU({ ...u, name: e.target.value })} />
ยกเลิก onSave(u)}>บันทึก
); } function AdminDreams() { const [q, setQ] = useState(''); const [editing, setEditing] = useState(null); const [importing, setImporting] = useState(false); const [dreams, setDreams] = useState(MOCK_ADMIN_DREAMS); const filtered = dreams.filter(d => d.keyword.includes(q) || d.category.includes(q)); const blank = { id: Date.now(), keyword: '', category: 'สัตว์', nums2: [], nums3: [], meaning: '', priority: 50, active: true, _new: true }; const save = (d) => { setDreams(ds => d._new ? [{ ...d, _new: false }, ...ds] : ds.map(x => x.id === d.id ? d : x)); setEditing(null); }; return ( <> setImporting(true)}>📥 Import CSV setEditing(blank)}>+ เพิ่มคำ } /> setQ(e.target.value)} /> {filtered.map(d => ( ))}
Keywordหมวด2 ตัว3 ตัวPriorityActive
{d.keyword} {d.category}
{d.nums2.map(n => {n})}
{d.nums3.map(n => {n})}
{editing && setEditing(null)} onSave={save} />} {importing && setImporting(false)} />} ); } function EditDreamModal({ dream, onClose, onSave }) { const [d, setD] = useState(dream); const cats = ['สัตว์', 'คน', 'ของ', 'สถานที่', 'กิจกรรม', 'อื่นๆ']; return ( setD({ ...d, keyword: e.target.value })} />
{cats.map(c => ( ))}
setD({ ...d, nums2: e.target.value.split(',').map(s => s.trim()).filter(Boolean) })} placeholder="23, 89" /> setD({ ...d, nums3: e.target.value.split(',').map(s => s.trim()).filter(Boolean) })} placeholder="230, 897" />