Index: frontend/src/app/admin/layout.tsx =================================================================== --- frontend/src/app/admin/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/admin/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,27 @@ +import type { Metadata } from "next"; +import { Geist, Geist_Mono } from "next/font/google"; +import "../globals.css"; +import "@fortawesome/fontawesome-svg-core/styles.css"; +import { config } from "@fortawesome/fontawesome-svg-core"; +import Header from "@/components/header"; +import AdminNavbar from "@/components/admin-navbar"; + +config.autoAddCss = false; + +const geistSans = Geist({ variable: "--font-geist-sans", subsets: ["latin"] }); +const geistMono = Geist_Mono({ variable: "--font-geist-mono", subsets: ["latin"] }); + +export const metadata: Metadata = { + title: "IKnow - Admin Portal", + description: "Administration of subjects, semesters and teaching assignments", +}; + +export default function AdminLayout({ children }: Readonly<{ children: React.ReactNode }>) { + return ( +
+
+ + {children} +
+ ); +} Index: frontend/src/app/admin/page.tsx =================================================================== --- frontend/src/app/admin/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/admin/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,5 @@ +import { redirect } from "next/navigation"; + +export default function AdminIndex() { + redirect("/admin/subjects"); +} Index: frontend/src/app/admin/schedule/page.tsx =================================================================== --- frontend/src/app/admin/schedule/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/admin/schedule/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,224 @@ +"use client"; + +import { useCallback, useEffect, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { adminGet, adminSend, type AdminSemester, type Schedule } from "@/lib/admin-api"; + +export default function AdminSchedulePage() { + const { t } = useTranslation(); + + const [semesters, setSemesters] = useState([]); + const [semesterId, setSemesterId] = useState(null); + const [schedule, setSchedule] = useState(null); + + const [loading, setLoading] = useState(true); + const [busy, setBusy] = useState(false); + const [error, setError] = useState(null); + const [notice, setNotice] = useState(null); + + const [subjectId, setSubjectId] = useState(""); + const [professorId, setProfessorId] = useState(""); + + useEffect(() => { + (async () => { + try { + const list = await adminGet("/api/admin/semesters"); + setSemesters(list); + setSemesterId(list[0]?.id ?? null); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setLoading(false); + } + })(); + }, []); + + const loadSchedule = useCallback(async (id: number) => { + setLoading(true); + setError(null); + try { + setSchedule(await adminGet(`/api/admin/schedule/${id}`)); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setLoading(false); + } + }, []); + + useEffect(() => { + if (semesterId !== null) void loadSchedule(semesterId); + }, [semesterId, loadSchedule]); + + async function run(action: () => Promise<{ message?: string }>) { + setBusy(true); + setError(null); + setNotice(null); + try { + const result = await action(); + setNotice(result.message ?? null); + if (semesterId !== null) await loadSchedule(semesterId); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setBusy(false); + } + } + + return ( +
+
+

{t("admin_schedule")}

+

{t("admin_schedule_intro")}

+
+ + {error && ( +
{error}
+ )} + {notice && ( +
{notice}
+ )} + +
+
+ + + + + + + +
+
+ + {schedule && schedule.uncoveredSubjects.length > 0 && ( +
+ {t("admin_uncovered_count", { count: schedule.uncoveredSubjects.length })} + {t("admin_uncovered_hint")} +
+ {schedule.uncoveredSubjects.map((u) => u.code).join(", ")} +
+
+ )} + +
+
+
+

+ {t("admin_assignments")} {schedule ? `— ${schedule.semesterName}` : ""} +

+
+
+ + + + + + + + + + + {loading ? ( + + ) : !schedule || schedule.assignments.length === 0 ? ( + + ) : ( + schedule.assignments.map((a) => ( + + + + + + + )) + )} + +
{t("admin_subject_code")}{t("subject")}{t("admin_professor")}{t("actions")}
{t("loading")}
{t("admin_no_assignments")}
{a.subjectCode}{a.subjectName}{a.professorName} + +
+
+
+ +
+
+

{t("admin_load")}

+
+
    + {schedule?.load.map((l) => ( +
  • + {l.professorName} + {l.subjects} +
    • + ))} + {!schedule?.load.length && ( +
  • {t("admin_no_professors")}
    • + )} +
+
+
+
+ ); +} Index: frontend/src/app/admin/semesters/page.tsx =================================================================== --- frontend/src/app/admin/semesters/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/admin/semesters/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,173 @@ +"use client"; + +import { useCallback, useEffect, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { adminGet, adminSend, type AdminSemester } from "@/lib/admin-api"; + +export default function AdminSemestersPage() { + const { t } = useTranslation(); + + const [semesters, setSemesters] = useState([]); + const [loading, setLoading] = useState(true); + const [busy, setBusy] = useState(false); + const [error, setError] = useState(null); + const [notice, setNotice] = useState(null); + + const [year, setYear] = useState(new Date().getFullYear()); + const [type, setType] = useState<"winter" | "summer">("winter"); + const [expandedId, setExpandedId] = useState(null); + + const refresh = useCallback(async () => { + setLoading(true); + setError(null); + try { + setSemesters(await adminGet("/api/admin/semesters")); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setLoading(false); + } + }, []); + + useEffect(() => { + void refresh(); + }, [refresh]); + + async function create() { + setBusy(true); + setError(null); + setNotice(null); + try { + const result = await adminSend("/api/admin/semesters", "POST", { Year: year, Type: type }); + setNotice(result.message ?? null); + await refresh(); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setBusy(false); + } + } + + return ( +
+
+

{t("admin_semesters")}

+

{t("admin_semesters_intro")}

+
+ + {error && ( +
{error}
+ )} + {notice && ( +
{notice}
+ )} + +
+

{t("admin_new_semester")}

+
+ + + +
+
+ +
+
+

{t("admin_open_semesters")}

+
+
+ + + + + + + + + + + {loading ? ( + + ) : semesters.length === 0 ? ( + + ) : ( + semesters.map((s) => { + const uncovered = s.uncoveredSubjects.length; + return ( + <> + + + + + + + {expandedId === s.id && uncovered > 0 && ( + + + + )} + + ); + }) + )} + +
{t("semester")}{t("admin_enrolments")}{t("admin_coverage")}{t("actions")}
{t("loading")}
{t("admin_no_semesters")}
{s.name}{s.enrolmentCount} + {uncovered === 0 ? ( + + {t("admin_fully_covered")} + + ) : ( + + {t("admin_uncovered_count", { count: uncovered })} + + )} + + {uncovered > 0 && ( + + )} +
+

{t("admin_uncovered_hint")}

+
    + {s.uncoveredSubjects.map((u) => ( +
  • + {u.code} — {u.name} +
    • + ))} +
+
+
+
+
+ ); +} Index: frontend/src/app/admin/subjects/page.tsx =================================================================== --- frontend/src/app/admin/subjects/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/admin/subjects/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,409 @@ +"use client"; + +import { useCallback, useEffect, useMemo, useState } from "react"; +import { useTranslation } from "react-i18next"; +import { + adminGet, + adminSend, + type AdminSubject, + type SubjectRef, +} from "@/lib/admin-api"; + +const EMPTY_FORM = { name: "", code: "", awardedCredits: 6, dependencyCredit: 0 }; + +export default function AdminSubjectsPage() { + const { t } = useTranslation(); + + const [subjects, setSubjects] = useState([]); + const [majors, setMajors] = useState([]); + const [loading, setLoading] = useState(true); + const [busy, setBusy] = useState(false); + const [error, setError] = useState(null); + const [notice, setNotice] = useState(null); + + const [form, setForm] = useState(EMPTY_FORM); + const [editingId, setEditingId] = useState(null); + const [expandedId, setExpandedId] = useState(null); + const [query, setQuery] = useState(""); + + const refresh = useCallback(async () => { + setLoading(true); + setError(null); + try { + const [s, m] = await Promise.all([ + adminGet("/api/admin/subjects"), + adminGet("/api/admin/majors"), + ]); + setSubjects(s); + setMajors(m); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setLoading(false); + } + }, []); + + useEffect(() => { + void refresh(); + }, [refresh]); + + async function run(action: () => Promise<{ message?: string }>) { + setBusy(true); + setError(null); + setNotice(null); + try { + const result = await action(); + setNotice(result.message ?? null); + await refresh(); + } catch (e) { + setError(e instanceof Error ? e.message : String(e)); + } finally { + setBusy(false); + } + } + + const filtered = useMemo(() => { + const q = query.trim().toLowerCase(); + if (!q) return subjects; + return subjects.filter( + (s) => + (s.name ?? "").toLowerCase().includes(q) || + (s.code ?? "").toLowerCase().includes(q), + ); + }, [subjects, query]); + + function startEdit(s: AdminSubject) { + setEditingId(s.id); + setForm({ + name: s.name ?? "", + code: s.code ?? "", + awardedCredits: s.awardedCredits, + dependencyCredit: s.dependencyCredit ?? 0, + }); + window.scrollTo({ top: 0, behavior: "smooth" }); + } + + function cancelEdit() { + setEditingId(null); + setForm(EMPTY_FORM); + } + + return ( +
+
+

{t("admin_subjects")}

+

{t("admin_subjects_intro")}

+
+ + {error && ( +
+ {error} +
+ )} + {notice && ( +
+ {notice} +
+ )} + + {/* create / edit */} +
+

+ {editingId === null ? t("admin_new_subject") : t("admin_edit_subject")} +

+
+ + + + +
+
+ + {editingId !== null && ( + + )} +
+
+ + {/* list */} +
+
+

+ {t("admin_subjects")} ({filtered.length}) +

+ setQuery(e.target.value)} + /> +
+ +
+ + + + + + + + + + + + + {loading ? ( + + ) : filtered.length === 0 ? ( + + ) : ( + filtered.map((s) => ( + setExpandedId(expandedId === s.id ? null : s.id)} + onEdit={() => startEdit(s)} + run={run} + /> + )) + )} + +
{t("admin_subject_code")}{t("admin_subject_name")}{t("admin_credits")}{t("admin_majors")}{t("admin_prerequisites")}{t("actions")}
{t("loading")}
{t("admin_no_subjects")}
+
+
+
+ ); +} + +function ExpandableRow({ + subject, + majors, + subjects, + busy, + expanded, + onToggle, + onEdit, + run, +}: { + subject: AdminSubject; + majors: SubjectRef[]; + subjects: AdminSubject[]; + busy: boolean; + expanded: boolean; + onToggle: () => void; + onEdit: () => void; + run: (action: () => Promise<{ message?: string }>) => Promise; +}) { + const { t } = useTranslation(); + const [majorId, setMajorId] = useState(""); + const [semester, setSemester] = useState(1); + const [prereqId, setPrereqId] = useState(""); + + // A subject already taken by students cannot be deleted; the FK forbids it. + const deletable = subject.enrolledCount === 0; + + return ( + <> + + {subject.code} + {subject.name} + {subject.awardedCredits} + + {subject.majors.length === 0 ? "—" : subject.majors.map((m) => `${m.majorName} (${m.mandatorySemester})`).join(", ")} + + + {subject.prerequisites.length === 0 ? "—" : subject.prerequisites.map((p) => p.code).join(", ")} + + +
+ + + +
+ + + + {expanded && ( + + +
+ {/* majors */} +
+

{t("admin_majors")}

+
    + {subject.majors.map((m) => ( +
  • + {m.majorName} — {t("enroll_semester_short")} {m.mandatorySemester} + +
    • + ))} + {subject.majors.length === 0 &&
  • —
    • } +
+
+ + setSemester(Number(e.target.value))} + /> + +
+
+ + {/* prerequisites */} +
+

{t("admin_prerequisites")}

+
    + {subject.prerequisites.map((p) => ( +
  • + {p.code} — {p.name} + +
    • + ))} + {subject.prerequisites.length === 0 &&
  • —
    • } +
+
+ + +
+
+
+ + + )} + + ); +}