// hrm.jsx — module NHÂN SỰ & CHẤM CÔNG (HRM) + widget dashboard.
// Dữ liệu: p.hrm (main.jsx hoist, seed hdata.jsx, DB 0047 khi đăng nhập) + mutators generic
// p.hrmAdd/hrmPatch/hrmRemove(key,…). Trang chi tiết hồ sơ: hrm-profile.jsx (nạp trước file này).
const HRM_APP = APPS.find(a => a.id === 'people');
/* ---------- helpers cục bộ ---------- */
function hrmTimeHM(iso){ if (!iso) return '—'; const d = new Date(iso); return String(d.getHours()).padStart(2, '0') + ':' + String(d.getMinutes()).padStart(2, '0'); }
function hrmIsoFrom(date, hm){ return hm ? new Date(date + 'T' + hm + ':00').toISOString() : null; }
// Đếm ngày làm việc T2–T6 trong [start, end], trừ ngày lễ
function hrmWorkingDays(start, end, holidays){
if (!start || !end || end < start) return 0;
const hs = new Set((holidays || []).map(h => h.date));
let n = 0; const d = new Date(start + 'T00:00:00'), e = new Date(end + 'T00:00:00');
while (d <= e) { const dow = d.getDay(); const iso = d.toLocaleDateString('en-CA'); if (dow !== 0 && dow !== 6 && !hs.has(iso)) n++; d.setDate(d.getDate() + 1); }
return n;
}
function hrmMonthDates(ym){
const days = new Date(+ym.slice(0, 4), +ym.slice(5), 0).getDate();
return Array.from({ length:days }, (_, i) => ym + '-' + String(i + 1).padStart(2, '0'));
}
// Hook dùng chung: settings + hồ sơ của tôi + quyền quản lý (UI — DB mới là ranh giới)
function useHrm(){
const p = usePortal();
const st = hrmSettings(p.appSettings);
const myEmp = hrmMyEmployee(p.hrm.employees, p.me);
const canManage = p.role === 'admin' || p.role === 'manager';
return { p, st, myEmp, canManage, data:p.hrm };
}
function OtMeter({ label, used, cap, level }){
const pct = Math.min(100, Math.round(used / cap * 100));
const color = level === 'over' ? 'var(--error)' : level === 'warn' ? 'var(--warning)' : 'var(--success)';
return (
{label}{used}/{cap}h
);
}
function ReqStatusBadge({ status }){
const { lang } = useLang();
const s = HRM_REQ_STATUS[status] || HRM_REQ_STATUS.pending;
return {s[lang]};
}
/* ---------- module root ---------- */
function HrmModule(){
const { p, canManage, myEmp, data } = useHrm();
const { lang } = useLang();
const L = (vi, en) => (lang === 'vi' ? vi : en);
const sub = p.route.sub || 'overview';
const pendLeave = data.requests.filter(r => r.status === 'pending' && r.kind === 'leave').length;
const pendOt = data.requests.filter(r => r.status === 'pending' && r.kind === 'ot').length;
const items = [
{ id:'overview', icon:'bi-house', label:L('Tổng quan', 'Overview') },
{ id:'employees', icon:'bi-people', label:L('Hồ sơ nhân sự', 'Employees') },
{ id:'attendance', icon:'bi-clock-history', label:L('Chấm công', 'Attendance') },
{ id:'leave', icon:'bi-calendar-check', label:L('Nghỉ phép', 'Leave'), count:canManage && pendLeave ? pendLeave : null },
{ id:'overtime', icon:'bi-moon-stars', label:L('Làm thêm giờ', 'Overtime'), count:canManage && pendOt ? pendOt : null },
{ id:'payroll', icon:'bi-cash-stack', label:canManage ? L('Bảng lương', 'Payroll') : L('Phiếu lương', 'Payslips') },
...(canManage ? [{ id:'reports', icon:'bi-clipboard-data', label:L('Báo cáo', 'Reports') }] : []),
{ id:'settings', icon:'bi-gear', label:L('Thiết lập', 'Settings') },
];
const go = (id) => p.navigate({ name:'module', module:'hrm', sub:id });
return (<>
{sub === 'overview' && }
{sub === 'employees' && }
{sub === 'attendance' && }
{sub === 'leave' && }
{sub === 'overtime' && }
{sub === 'payroll' && }
{sub === 'reports' && canManage && }
{sub === 'help' && }
{sub === 'settings' && }
);
}
/* ---------- thẻ chấm công (overview + widget dashboard — 1 chạm, mobile-first) ---------- */
// compact = bản gọn 1 hàng cho ô đầu dải KPI (Tổng quan) — giữ nguyên logic, chỉ đổi bố cục;
// nếu dựng bản đầy đủ vào dải KPI thì cả hàng KPI bị đội cao gấp đôi.
function CheckinCard({ compact }){
const p = usePortal();
const { lang } = useLang();
const toast = useToast();
const L = (vi, en) => (lang === 'vi' ? vi : en);
const myEmp = hrmMyEmployee(p.hrm.employees, p.me);
const [now, setNow] = React.useState(() => new Date());
React.useEffect(() => { const t = setInterval(() => setNow(new Date()), 1000); return () => clearInterval(t); }, []);
if (!myEmp) return (
{L('Tài khoản chưa liên kết hồ sơ nhân sự — liên hệ HR để bắt đầu chấm công.', 'Your account is not linked to an employee record — contact HR to start clocking in.')}
);
const today = todayVN();
const row = p.hrm.attendance.find(a => a.employeeId === myEmp.id && a.workDate === today);
const clock = String(now.getHours()).padStart(2, '0') + ':' + String(now.getMinutes()).padStart(2, '0') + ':' + String(now.getSeconds()).padStart(2, '0');
const doIn = () => {
p.hrmAdd('attendance', { id:hrmUid('cc'), employeeId:myEmp.id, workDate:today, checkIn:new Date().toISOString(), checkOut:null, source:'self', editedBy:null, note:'' });
toast(L('Đã chấm công vào ca', 'Clocked in'), 'success');
};
const doOut = () => {
p.hrmPatch('attendance', row.id, { ...row, checkOut:new Date().toISOString() });
toast(L('Đã chấm công ra ca', 'Clocked out'), 'success');
};
const btnStyle = { minHeight:56, fontSize:'var(--fs-lg)', width:'100%', justifyContent:'center' };
// Bản GỌN cho ô đầu dải KPI ở Dashboard: 1 hàng [giờ + trạng thái][nút] — cao ngang 1 ô KPI.
if (compact) return (
{L('Chấm công hôm nay', 'Attendance today')}
{clock}
{row &&
{hrmTimeHM(row.checkIn)}{row.checkOut ? ' → ' + hrmTimeHM(row.checkOut) + ' · ' + hrmWorkedHours(row) + 'h' : L(' · đang trong ca', ' · on shift')}
{L('Chấm công, nghỉ phép, làm thêm giờ và hồ sơ nhân sự theo Bộ luật Lao động.', 'Attendance, leave, overtime & employee records per the Labor Code.')}
{canManage && (
)}
{/* KHÔNG dùng alignItems:'start' — thẻ sẽ co theo nội dung nên Chấm công / Của tôi / Ngày lễ
mỗi cái một chiều cao, nhìn lởm chởm. Để mặc định `stretch` → mọi thẻ CÙNG hàng bằng nhau. */}
{L('Chấm công hôm nay', 'Today attendance')}
{L('Của tôi', 'My summary')}
{myEmp ? (<>
{L('Phép năm còn lại', 'Leave balance')}{balance} {L('ngày', 'days')}
);
}
/* ---------- Cụm HĐ tới hạn tái ký (Overview, chỉ quản lý) ----------
Bám Điều 20 BLLĐ: hết hạn mà NLĐ vẫn làm việc thì trong 30 ngày phải ký HĐ mới, quá 30 ngày
HĐ tự thành KHÔNG thời hạn; và chỉ được ký thêm 1 lần HĐ xác định thời hạn. */
function HrmRenewalCard(){
const { p, data } = useHrm();
const { lang } = useLang();
const L = (vi, en) => (lang === 'vi' ? vi : en);
const [win, setWin] = React.useState(60); // cửa sổ nhắc: 30 · 60 · 90 ngày
const rows = React.useMemo(() => hrmContractRenewals(data.employees, data.contracts, win), [data.employees, data.contracts, win]);
const over = rows.filter(r => r.daysLeft < 0).length;
const dayText = (n) => n < 0 ? L('Quá hạn ' + (-n) + ' ngày', (-n) + 'd overdue')
: n === 0 ? L('Hết hạn hôm nay', 'Ends today') : L('Còn ' + n + ' ngày', n + 'd left');
return (
// Chiếm TRỌN hàng của lưới Tổng quan: đây là cụm quản lý, không phải widget nhỏ. Ở bề rộng 1 cột
// (300px) tên + số HĐ bị bóp mất hẳn, chỉ còn avatar + badge — vô dụng.
{L('HĐ tới hạn tái ký', 'Contracts due for renewal')}
{rows.length > 0 && {rows.length}}
{[30, 60, 90].map(d => (
))}
{/* danh sách dài → cuộn TRONG thẻ, giữ khung cố định (rule bố cục) */}
{rows.length === 0 &&
{L('Không có hợp đồng nào tới hạn trong ' + win + ' ngày tới.', 'No contracts due in the next ' + win + ' days.')}
}
{rows.map(r => (
// wrap + flexBasis: hẹp thì badge XUỐNG DÒNG, KHÔNG bóp chết cột tên (mobile 1 cột vẫn đọc được)
{r.autoIndefinite && {L('Đã thành vô thời hạn', 'Now indefinite')}}
{!r.autoIndefinite && r.mustIndefinite && {L('Phải ký vô thời hạn', 'Must be indefinite')}}
{dayText(r.daysLeft)}
))}
);
}
/* ---------- Hồ sơ nhân sự (list; chi tiết ở hrm-profile.jsx) ---------- */
/* Lọc nhanh bằng NÚT (giống Khoản chi ở Tài chính): đếm CHÉO — số trên chip phòng ban tính theo
trạng thái đang chọn và ngược lại → số trên chip LUÔN = số hàng lọc ra. Chỉ hiện mục CÓ dữ liệu
(chip lọc ra 0 hàng là vô dụng) nhưng luôn giữ mục đang chọn để không kẹt màn trống khi facet
kia đổi. `rows` là danh sách ĐÃ lọc theo ô tìm kiếm → số đếm khớp cả tìm kiếm. */
function HrmListFilters({ rows, dept, setDept, status, setStatus }){
const { lang } = useLang();
const L = (vi, en) => (lang === 'vi' ? vi : en);
const byStatus = rows.filter(e => status === 'all' || e.status === status);
const byDept = rows.filter(e => dept === 'all' || e.dept === dept);
const tally = (arr, k) => arr.reduce((m, e) => { const v = e[k]; if (v) m[v] = (m[v] || 0) + 1; return m; }, {});
const dN = tally(byStatus, 'dept'), sN = tally(byDept, 'status');
const depts = [...new Set(rows.map(e => e.dept).filter(Boolean))].sort().filter(d => dN[d] || d === dept);
const stats = Object.keys(HRM_STATUS).filter(s => sN[s] || s === status);
if (depts.length < 2 && stats.length < 2) return null; // 1 phòng ban + 1 trạng thái thì lọc vô nghĩa
return (<>
{depts.map(d => )}
{stats.map(s => )}
);
}
function HrmEmployees({ go }){
const { p, st, canManage, myEmp, data } = useHrm();
const { lang } = useLang();
const L = (vi, en) => (lang === 'vi' ? vi : en);
// filter sống qua chuyển tab module (useTabState — quay lại vẫn đúng bộ lọc đang xem)
const [q, setQ] = useTabState('hrm', 'emp.q', '');
const [dept, setDept] = useTabState('hrm', 'emp.dept', 'all');
const [status, setStatus] = useTabState('hrm', 'emp.status', 'all');
const [formOpen, setFormOpen] = React.useState(false);
const [scan, setScan] = React.useState(false);
const [prefill, setPrefill] = React.useState(null); // thông tin đọc từ thẻ CCCD → mở form đã điền sẵn
const srt = useTableSort();
if (p.route.id) return p.navigate({ name:'module', module:'hrm', sub:'employees' })} />;
const openable = (id) => canManage || (myEmp && myEmp.id === id);
const open = (id) => { if (openable(id)) p.navigate({ name:'module', module:'hrm', sub:'employees', id }); };
if (!canManage) {
// Nhân viên: danh bạ rút gọn (không lương/CCCD) + mở được hồ sơ CHÍNH MÌNH
const found = p.hrmDir.filter(e => (e.fullName + e.id + e.dept + e.position + e.email).toLowerCase().includes(q.toLowerCase()));
const list = srt.sortRows(hrmFilterEmployees(found, dept, status),
{ id:e => e.id, name:e => e.fullName, pos:e => e.position });
// Gom nhóm theo phòng ban (cột Phòng ban bỏ đi — đã là tiêu đề nhóm). Không dùng hook: nhánh có điều kiện.
const groups = [];
list.forEach(e => {
const k = e.dept || L('Chưa phân phòng', 'Unassigned');
const g = groups.find(x => x.dept === k) || (groups.push({ dept:k, rows:[] }), groups[groups.length - 1]);
g.rows.push(e);
});
groups.sort((a, b) => a.dept.localeCompare(b.dept, 'vi'));
const stop = (ev) => ev.stopPropagation(); // liên kết mail/tel không kích mở hồ sơ
return (
{L('Danh bạ nhân sự', 'People directory')}
{L('Danh bạ rút gọn. Bạn chỉ xem được hồ sơ đầy đủ của chính mình.', 'Reduced directory. You can only open your own full record.')}
{L('Bấm vào ô để sửa/bổ sung công (ghi vết người sửa). Đỏ = ngày trên 12h (vượt trần Đ107 BLLĐ).', 'Click a cell to edit. Red = over 12h/day (Art. 107 cap).')}