// ============================================================================
// Admin screens — Users & access (two views) + Gradebook
//
// Access management is a master–detail with two switchable views, not a wide
// user×assignment matrix (which doesn't scale past a handful of problems):
// • By student — pick a student → category-grouped checklist of all problems
// • By assignment — pick a problem → student list with multi-select distribute
// Both use only POST/DELETE /admin/users/:id/access. New problems are authored
// from the command line, not here.
// ============================================================================
function groupByCategory(asgs) {
const m = new Map();
for (const a of asgs) {
const c = a.category || 'Other';
if (!m.has(c)) m.set(c, []);
m.get(c).push(a);
}
return [...m.entries()].map(([name, items]) => ({ name, items }));
}
// Square grant toggle (✓ granted / dash not-granted). `locked` = admin row.
function GrantToggle({ granted, locked, onClick }) {
return (
);
}
function CreateStudent({ onCreated }) {
const [nu, setNu] = useState('');
const [np, setNp] = useState('');
const [ferr, setFerr] = useState('');
const [busy, setBusy] = useState(false);
const toast = useToast();
const submit = async (e) => {
e.preventDefault(); setFerr('');
if (!/^[A-Za-z0-9_.-]{3,32}$/.test(nu)) { setFerr('Username: 3–32 chars of A–Z a–z 0–9 _ . -'); return; }
if (np.length < 8) { setFerr('Password must be at least 8 characters.'); return; }
setBusy(true);
try { await api.createUser(nu, np); toast(`Created ${nu}.`); setNu(''); setNp(''); onCreated(); }
catch (er) { setFerr(er.error); } finally { setBusy(false); }
};
return (
);
}
// --------------------------------------------------- ADMIN · USERS ----------
function AdminUsers() {
const [view, setView] = useState('student');
const [users, setUsers] = useState(null);
const [asgs, setAsgs] = useState(null);
const toast = useToast();
const loadUsers = () => api.adminUsers().then((r) => setUsers(r.data.users));
useEffect(() => { loadUsers(); api.assignments().then((r) => setAsgs(r.data.assignments)); }, []);
// grant/revoke one (user, assignment), optimistic on the users list
const setGrant = async (userId, asgId, on) => {
setUsers((list) => list.map((u) => u.id === userId
? { ...u, access: on ? [...new Set([...u.access, asgId])] : u.access.filter((a) => a !== asgId) }
: u));
try { await api.grant(userId, asgId, on); }
catch (er) { toast(er.error, 'err'); loadUsers(); }
};
const ready = users && asgs;
return (
Admin · access control
Users & access
Grant which problems each student can attempt — pick a student, or distribute one problem to many students. New problems are added from the command line.