/* global React, I, UI, SSSData */ // =============== ระบบเข้าสู่ระบบ · Session =============== const { useState: useStateLG } = React; const LG_KEY = "sss-session"; const LG_LASTUSER_KEY = "sss-last-user"; function lgUsers() { try { return JSON.parse(localStorage.getItem("sss-users") || "null") || window.SSSData.Users; } catch { return window.SSSData.Users; } } function lgFindEmp(u) { const E = window.SSSData.Employees || []; return E.find(e => e.id === u.empId) || E.find(e => e.name === u.name) || null; } // อ่าน session จาก localStorage (คงไว้ถาวร) ก่อน แล้วค่อย sessionStorage (เฉพาะรอบเบราว์เซอร์นี้) function lgReadRaw() { try { return localStorage.getItem(LG_KEY) || sessionStorage.getItem(LG_KEY) || null; } catch { return null; } } window.Session = { get() { let s; try { s = JSON.parse(lgReadRaw() || "null"); } catch { return null; } if (!s) return null; // 🔄 รีเฟรชการผูกพนักงาน (empId) จากข้อมูลผู้ใช้ล่าสุดเสมอ // กันอาการ "การผูกหลุด" เมื่อ login ค้างไว้นาน แล้ว Admin มาผูก/แก้ภายหลัง — // session เดิมจะยังเก็บ empId เก่า/ว่าง ทำให้หน้า "งานของฉัน" ขึ้นว่ายังไม่ผูก try { const u = lgUsers().find(x => x.username === s.username); if (u) { const emp = lgFindEmp(u); s.role = u.role; s.empId = emp ? emp.id : (u.empId || null); s.empName = emp ? emp.name : null; s.isAdmin = u.role === "Admin" || /ผู้จัดการ|Manager|Account|เจ้าของ/.test(u.role); } } catch (e) {} return s; }, // keep = true → คงการเข้าสู่ระบบถาวร (localStorage) · false → เฉพาะรอบเบราว์เซอร์นี้ (sessionStorage) login(username, password, keep = true) { const u = lgUsers().find(x => x.username === username); if (!u) return null; if (u.status === "ระงับการใช้งาน") return "suspended"; if (password !== undefined) { const expect = u.password || "1234"; if (password !== expect) return "badpass"; } const emp = lgFindEmp(u); const sess = { username: u.username, name: u.name, role: u.role, empId: emp ? emp.id : (u.empId || null), empName: emp ? emp.name : null, isAdmin: u.role === "Admin" || /ผู้จัดการ|Manager|Account|เจ้าของ/.test(u.role) }; try { const store = keep ? localStorage : sessionStorage; const other = keep ? sessionStorage : localStorage; store.setItem(LG_KEY, JSON.stringify(sess)); other.removeItem(LG_KEY); localStorage.setItem(LG_LASTUSER_KEY, JSON.stringify({ username: u.username, keep })); } catch (e) {} window.SSSData.Company.currentUser = { name: u.name, role: u.role, initials: u.name.slice(0, 2) }; window.dispatchEvent(new Event("sss-session-changed")); window.dispatchEvent(new Event("sss-company-changed")); window.logActivity && window.logActivity("เข้าสู่ระบบ", u.username, "users"); return sess; }, logout() { try { localStorage.removeItem(LG_KEY); sessionStorage.removeItem(LG_KEY); } catch {} window.dispatchEvent(new Event("sss-session-changed")); }, employee() { const s = this.get(); if (!s) return null; const E = window.SSSData.Employees || []; return E.find(e => e.id === s.empId) || E.find(e => e.name === s.name) || null; } }; // คืนค่า currentUser จาก session ที่ค้างอยู่ (function () { const s = window.Session.get(); if (s) window.SSSData.Company.currentUser = { name: s.name, role: s.role, initials: s.name.slice(0, 2) }; })(); // =============== หน้า Login =============== function lgLastUser() { try { return JSON.parse(localStorage.getItem(LG_LASTUSER_KEY) || "null"); } catch { return null; } } function LoginScreen() { const last = lgLastUser(); const [username, setUsername] = useStateLG(last ? last.username : ""); const [password, setPassword] = useStateLG(""); const [keep, setKeep] = useStateLG(last ? last.keep !== false : true); const [showPw, setShowPw] = useStateLG(false); const [err, setErr] = useStateLG(""); const [loading, setLoading] = useStateLG(false); const C = window.SSSData.Company || {}; const doLogin = async () => { const name = username.trim(); if (!name) { setErr("กรุณากรอกชื่อผู้ใช้"); return; } if (!password) { setErr("กรุณากรอกรหัสผ่าน"); return; } let res = window.Session.login(name, password, keep); if (!res && window.SSSSync) { setLoading(true); try { await window.SSSSync.load(); } catch {} setLoading(false); res = window.Session.login(name, password, keep); } if (!res) { setErr(`ไม่พบผู้ใช้ "${name}" — ตรวจสอบชื่อผู้ใช้กับผู้ดูแลระบบ`); return; } if (res === "suspended") { setErr("บัญชีนี้ถูกระงับการใช้งาน — ติดต่อ Admin"); return; } if (res === "badpass") { setErr("รหัสผ่านไม่ถูกต้อง — ลองใหม่อีกครั้ง"); return; } window.toast && window.toast(`ยินดีต้อนรับ ${res.name} 👋`); }; const features = [ { icon: I.money, title: "บัญชี · การเงิน · ภาษี", desc: "สมุดรายวัน ผังบัญชี กระแสเงินสด ครบในที่เดียว" }, { icon: I.qr, title: "ลงเวลา QR · เงินเดือน · KPI", desc: "พนักงานสแกนเข้างาน คำนวณเงินเดือนอัตโนมัติ" }, { icon: I.box, title: "สต็อก · ขาย · จัดซื้อ", desc: "ติดตามคงคลังและเอกสารการค้าแบบเรียลไทม์" } ]; return (
{/* ───── Hero panel ───── */}
S
{C.name || "TRIPLES CREATIVE"}
โปรแกรมบริหารจัดการธุรกิจครบวงจร — บัญชี การเงิน คลังสินค้า งานบุคคล และเอกสารการค้า
{features.map((f, i) => (
{React.createElement(f.icon, { size: 20, stroke: "#fff" })}
{f.title}
{f.desc}
))}
© {new Date().getFullYear() + 543} {C.name || "TRIPLES CREATIVE"} · ระบบภายในองค์กร
{/* ───── Form panel ───── */}
S
{C.name || "TRIPLES CREATIVE"}
เข้าสู่ระบบ
ลงชื่อเข้าใช้เพื่อจัดการงานของคุณ
{ setUsername(e.target.value); setErr(""); }} onKeyDown={e => e.key === "Enter" && !loading && doLogin()} placeholder="เช่น piya">
{ setPassword(e.target.value); setErr(""); }} onKeyDown={e => e.key === "Enter" && !loading && doLogin()} placeholder="••••••••">
{err &&
{err}
}
{keep ? "อยู่ในระบบจนกว่าจะออก" : "ออกเมื่อปิดเบราว์เซอร์"}
ผู้ใช้ที่ยังไม่ได้ตั้งรหัสผ่าน ใช้รหัสเริ่มต้น 1234 (เปลี่ยนได้ที่ ผู้ใช้และสิทธิ์)
พนักงานใช้มือถือเข้าระบบเพื่อ ลงเวลา QR · ดูงานของฉัน ได้เลย
); } window.LoginScreen = LoginScreen;