Index: frontend/src/app/[locale]/layout.tsx =================================================================== --- frontend/src/app/[locale]/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/[locale]/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,5 @@ +import React from 'react'; + +export default function LocaleLayout({ children }: { children: React.ReactNode }) { + return <>{children}; +} 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 &&
  • —
    • } +
+
+ + +
+
+
+ + + )} + + ); +} Index: frontend/src/app/globals.css =================================================================== --- frontend/src/app/globals.css (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/globals.css (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,122 @@ +@import "tailwindcss"; +@import "tw-animate-css"; + +@custom-variant dark (&:is(.dark *)); + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --font-sans: var(--font-geist-sans); + --font-mono: var(--font-geist-mono); + --color-sidebar-ring: var(--sidebar-ring); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar: var(--sidebar); + --color-chart-5: var(--chart-5); + --color-chart-4: var(--chart-4); + --color-chart-3: var(--chart-3); + --color-chart-2: var(--chart-2); + --color-chart-1: var(--chart-1); + --color-ring: var(--ring); + --color-input: var(--input); + --color-border: var(--border); + --color-destructive: var(--destructive); + --color-accent-foreground: var(--accent-foreground); + --color-accent: var(--accent); + --color-muted-foreground: var(--muted-foreground); + --color-muted: var(--muted); + --color-secondary-foreground: var(--secondary-foreground); + --color-secondary: var(--secondary); + --color-primary-foreground: var(--primary-foreground); + --color-primary: var(--primary); + --color-popover-foreground: var(--popover-foreground); + --color-popover: var(--popover); + --color-card-foreground: var(--card-foreground); + --color-card: var(--card); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); +} + +:root { + --radius: 0.625rem; + --background: #F4FAFF; + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: #0272D1; + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); + --chart-1: oklch(0.646 0.222 41.116); + --chart-2: oklch(0.6 0.118 184.704); + --chart-3: oklch(0.398 0.07 227.392); + --chart-4: oklch(0.828 0.189 84.429); + --chart-5: oklch(0.769 0.188 70.08); + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.145 0 0); + --sidebar-primary: oklch(0.205 0 0); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.97 0 0); + --sidebar-accent-foreground: oklch(0.205 0 0); + --sidebar-border: oklch(0.922 0 0); + --sidebar-ring: oklch(0.708 0 0); +} + +.dark { + --background: oklch(0.15 0.01 240); + --foreground: oklch(0.95 0.01 240); + --card: oklch(0.18 0.01 240); + --card-foreground: oklch(0.95 0.01 240); + --popover: oklch(0.18 0.01 240); + --popover-foreground: oklch(0.95 0.01 240); + --primary: #3b82f6; + --primary-foreground: oklch(0.98 0 0); + --secondary: oklch(0.25 0.01 240); + --secondary-foreground: oklch(0.95 0.01 240); + --muted: oklch(0.25 0.01 240); + --muted-foreground: oklch(0.65 0.01 240); + --accent: oklch(0.25 0.01 240); + --accent-foreground: oklch(0.95 0.01 240); + --destructive: oklch(0.6 0.22 25); + --border: oklch(0.3 0.01 240); + --input: oklch(0.25 0.01 240); + --ring: oklch(0.5 0.15 240); + --chart-1: oklch(0.6 0.2 270); + --chart-2: oklch(0.65 0.18 180); + --chart-3: oklch(0.7 0.19 90); + --chart-4: oklch(0.6 0.24 310); + --chart-5: oklch(0.65 0.22 30); + --sidebar: oklch(0.18 0.01 240); + --sidebar-foreground: oklch(0.95 0.01 240); + --sidebar-primary: oklch(0.5 0.2 260); + --sidebar-primary-foreground: oklch(0.98 0 0); + --sidebar-accent: oklch(0.25 0.01 240); + --sidebar-accent-foreground: oklch(0.95 0.01 240); + --sidebar-border: oklch(0.3 0.01 240); + --sidebar-ring: oklch(0.5 0.15 240); +} + +@layer base { + * { + @apply border-border outline-ring/50; + } + body { + @apply text-foreground bg-background; + } +} Index: frontend/src/app/layout.tsx =================================================================== --- frontend/src/app/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,44 @@ +"use client"; +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 { I18nextProvider } from 'react-i18next'; +import i18n from '../i18n'; +import { ThemeProvider } from '../components/theme-provider'; +import { ThemeToggle } from '../components/theme-toggle'; +import ContactBubble from '../components/contact-bubble'; + +config.autoAddCss = false; + +const geistSans = Geist({ + variable: "--font-geist-sans", + subsets: ["latin"], +}); + +const geistMono = Geist_Mono({ + variable: "--font-geist-mono", + subsets: ["latin"], +}); + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + + + +
+ +
+
{children}
+ + + + + + ); +} Index: frontend/src/app/page.tsx =================================================================== --- frontend/src/app/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,242 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faUser, + faLock, + faEye, + faEyeSlash, + faSignInAlt, + faGraduationCap +} from '@fortawesome/free-solid-svg-icons'; +import { useState } from 'react'; +import { login } from '@/lib/auth'; +import { useTranslation } from 'react-i18next'; +import LanguageSwitcher from '@/components/LanguageSwitcher'; + +export default function LoginPage() { + const { t } = useTranslation(); + const [showPassword, setShowPassword] = useState(false); + const [isSubmitting, setIsSubmitting] = useState(false); + const [errorMessage, setErrorMessage] = useState(null); + const [formData, setFormData] = useState({ + email: '', + password: '' + }); + + const handleInputChange = (e: React.ChangeEvent) => { + const { name, value } = e.target; + setFormData(prev => ({ + ...prev, + [name]: value + })); + }; + + const handleSubmit = async (e: React.FormEvent) => { + e.preventDefault(); + setErrorMessage(null); + setIsSubmitting(true); + try { + const session = await login({ email: formData.email, password: formData.password }); + // Admins previously fell through to /students, where they have no + // enrolments and every page renders empty. + const home = + session.role === 'Professor' ? '/professor' + : session.role === 'Admin' ? '/admin' + : '/students'; + window.location.href = home; + } catch (err) { + setErrorMessage(err instanceof Error ? err.message : 'Login failed.'); + } finally { + setIsSubmitting(false); + } + }; + + return ( +
+
+ {/* Login Form */} +
+
+
+ {/* Sticky Notes */} +
+
+
{t('login_student_title')}
+
+ {t('login_student_example')} +
+
+ {t('login_demo_note')} +
+
+ +
+
{t('login_professor_title')}
+
+ {t('login_professor_example')} +
+
+ {t('login_demo_note')} +
+
+ +
+
{t('login_admin_title')}
+
+ {t('login_admin_example')} +
+
+ {t('login_demo_note')} +
+
+
+ + {/* Login Card Column */} +
+ {/* Login Card */} +
+ {/* Header */} +
+
+
+ +
+
+

{t('login_welcome')}

+

+ {t('login_subtitle')} +

+
+ + {/* Form */} +
+ {/* Language Switcher above email field, centered */} +
+ +
+
+ {/* Email Field */} +
+ +
+
+ +
+ +
+
+ + {/* Password Field */} +
+ +
+
+ +
+ + +
+
+ + {/* Remember Me & Forgot Password */} +
+
+ + +
+ +
+ + {errorMessage && ( +
+ {t(errorMessage) || errorMessage} +
+ )} + + {/* Submit Button */} + +
+
+ + {/* Footer */} +
+

+ {t('login_no_account')}{' '} + +

+
+
+ + {/* Additional Info */} +
+
+ + + {t('login_footer')} + +
+
+
+ + {/* Right spacer column (keeps login centered) */} +
+
+
+
+
+
+ ); +} Index: frontend/src/app/professor/layout.tsx =================================================================== --- frontend/src/app/professor/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/professor/layout.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,38 @@ +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 ProfessorNavbar from "@/components/professor-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 - Professor Portal", + description: "Professor portal for managing students and grades", +}; + +export default function ProfessorLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( +
+
+ + {children} +
+ ); +} Index: frontend/src/app/professor/page.tsx =================================================================== --- frontend/src/app/professor/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/professor/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,5 @@ +import { redirect } from "next/navigation"; + +export default function ProfessorHome() { + redirect("/professor/students"); +} Index: frontend/src/app/professor/profile/page.tsx =================================================================== --- frontend/src/app/professor/profile/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/professor/profile/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,287 @@ +"use client"; + +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; +import { + faUser, + faIdCard, + faAddressCard, + faCalendarAlt, + faFlag, + faVenus, + faMars, + faEnvelope, + faPhone, + faMapMarkerAlt, + faPassport, +} from "@fortawesome/free-solid-svg-icons"; +import { useEffect, useState } from "react"; +import { getAccessToken } from "@/lib/auth"; +import { IconDefinition } from "@fortawesome/fontawesome-svg-core"; +import { useTranslation } from 'react-i18next'; +import { apiUrl } from '@/lib/api'; + +type PersonalInfo = { + firstName: string; + middleName: string; + lastName: string; + maidenName: string; + dateOfBirth: string; + gender: string; + nationality: string; + citizenship: string; + scholarship: string; + currentPlan: string; + registryNumber: string; + studyGroup: string; + notes?: string; + index: string; + embg: string; +}; + +type BirthInfo = { + placeOfBirth: string; + municipalityOfBirth: string; + country: string; +}; + +// Present in the API response, but intentionally not shown on professor profile. +type PreviousEducation = { + type: string; + profession: string; + average: string | number; + language: string; + country: string; + previousUniversity: string; + previousFaculty: string; + previousStudyMode: string; +}; + +// Present in the API response, but intentionally not shown on professor profile. +type EnrollmentInfo = { + enrollmentYear: string | number; + status: string; + cycle: string; + program: string; + quota: string; + secondaryEducationNumber: string; + previousEducationCredits: string | number; +}; + +type Contact = { + placeOfResidence: string; + municipalityOfResidence: string; + country: string; + address: string; + temporaryAddress: string; + phone: string; + mobilePhone: string; + passportNumber: string; + passportExpiryDate: string; + email: string; + microsoftEmail: string; +}; + +type StudentProfile = { + personalInfo: PersonalInfo; + birthInfo: BirthInfo; + previousEducation: PreviousEducation; + enrollmentInfo: EnrollmentInfo; + contact: Contact; +}; + +interface InfoRowProps { + label: string; + value: string | number; + icon?: IconDefinition; +} + +const InfoRow = ({ label, value, icon }: InfoRowProps) => { + const { t } = useTranslation(); + return ( +
+
+ {icon && } + {t(label)}: +
+
+ {value || t('n_a')} +
+
+ ); +}; + +interface SectionProps { + title: string; + icon: IconDefinition; + children: React.ReactNode; +} + +const Section = ({ title, icon, children }: SectionProps) => { + const { t } = useTranslation(); + return ( +
+
+
+ +

{t(title)}

+
+
+
{children}
+
+ ); +}; + +export default function ProfessorProfilePage() { + const [profileData, setProfileData] = useState(null); + const [isLoading, setIsLoading] = useState(true); + const [errorMessage, setErrorMessage] = useState(null); + const { t } = useTranslation(); + + useEffect(() => { + let cancelled = false; + + async function load() { + setIsLoading(true); + setErrorMessage(null); + + const token = getAccessToken(); + if (!token) { + setErrorMessage("Not authenticated. Please login again."); + setIsLoading(false); + return; + } + + try { + const response = await fetch(apiUrl("/api/user/getUser"), { + method: "GET", + headers: { + Authorization: `Bearer ${token}`, + }, + }); + + if (!response.ok) { + const text = await response.text().catch(() => ""); + throw new Error(text || `Failed to load profile (${response.status})`); + } + + const data = (await response.json()) as StudentProfile; + if (!cancelled) setProfileData(data); + } catch (err) { + if (!cancelled) { + setErrorMessage(err instanceof Error ? err.message : "Failed to load profile."); + } + } finally { + if (!cancelled) setIsLoading(false); + } + } + + void load(); + + return () => { + cancelled = true; + }; + }, []); + + if (isLoading) { + return ( +
+
{t('loading')}
+
+ ); + } + + if (errorMessage || !profileData) { + return ( +
+
+ {errorMessage ?? t('failed_to_load_profile')} +
+
+ ); + } + + const { personalInfo, birthInfo, contact } = profileData; + + return ( +
+ {/* Header */} +
+
+
+
+ +
+
+
+
+

+ {personalInfo.firstName} {personalInfo.middleName} {personalInfo.lastName} +

+
+ {t('index')}: {personalInfo.index} | {t('embg')}: {personalInfo.embg} +
+
+
+
+ + {/* Profile Sections */} +
+ {/* Personal Information */} +
+ + + + + + + + + + + + + {personalInfo.notes && ( +
+
{t('note')}:
+
{personalInfo.notes}
+
+ )} +
+ + {/* Birth Information */} +
+ + + +
+ + {/* Contact Information */} +
+
+
+
+ + + + + +
+
+ + + + + + +
+
+
+
+
+
+ ); +} Index: frontend/src/app/professor/students/page.tsx =================================================================== --- frontend/src/app/professor/students/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/professor/students/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,315 @@ +"use client"; + +import { useEffect, useMemo, useState } from "react"; +import { useTranslation } from 'react-i18next'; +import { apiUrl } from '@/lib/api'; +import { getAccessToken } from '@/lib/auth'; + +type UsersBySubject = { + /** users.id - what the grading endpoints expect as StudentId. */ + id: number; + name?: string; + /** users.index - the number shown to the professor and searched on. */ + index?: string; + grade: number; + semester?: string; +}; + +type SubjectsAndUsers = { + name?: string; + id?: number; + code?: string; + users: UsersBySubject[]; +}; + +type GradePayload = { + StudentId: number; + SubjectId: number; + Grade: number; +}; + +type FlatRow = { + studentIdNum: number; + studentIndex: string; + studentName: string; + subjectId: number; + subjectName: string; + semester: string; + grade: number; +}; + +export default function ProfessorStudentsPage() { + const { t } = useTranslation(); + const [subjects, setSubjects] = useState([]); + const [loading, setLoading] = useState(true); + const [error, setError] = useState(null); + + const [subjectFilter, setSubjectFilter] = useState("all"); + const [studentIdQuery, setStudentIdQuery] = useState(""); + + const [gradeSelection, setGradeSelection] = useState>({}); + const [actionBusyKey, setActionBusyKey] = useState(null); + + async function refresh() { + setLoading(true); + setError(null); + try { + const token = getAccessToken(); + if (!token) { + throw new Error("You are not signed in."); + } + + const res = await fetch(apiUrl("/api/prof/students"), { + cache: "no-store", + headers: { Authorization: `Bearer ${token}` }, + }); + if (!res.ok) { + throw new Error(`Failed to fetch students (${res.status})`); + } + const data = (await res.json()) as SubjectsAndUsers[]; + setSubjects(data); + + const nextSelections: Record = {}; + for (const subj of data) { + if (!subj.id) continue; + for (const u of subj.users) { + const key = `${subj.id}:${u.id}`; + // grade_type only declares 6..10, so an ungraded row starts at 6. + nextSelections[key] = u.grade >= 6 && u.grade <= 10 ? u.grade : 6; + } + } + setGradeSelection(nextSelections); + } catch (e) { + setError(e instanceof Error ? e.message : "Unknown error"); + } finally { + setLoading(false); + } + } + + useEffect(() => { + void refresh(); + }, []); + + const flatRows = useMemo(() => { + const rows: FlatRow[] = []; + for (const subj of subjects) { + if (!subj.id) continue; + for (const u of subj.users) { + rows.push({ + studentIdNum: u.id, + studentIndex: u.index ?? "", + studentName: u.name ?? "", + subjectId: subj.id, + subjectName: subj.name ?? "", + semester: u.semester ?? "", + grade: u.grade, + }); + } + } + return rows; + }, [subjects]); + + const filteredRows = useMemo(() => { + const q = studentIdQuery.trim(); + return flatRows.filter((r) => { + if (subjectFilter !== "all" && String(r.subjectId) !== subjectFilter) return false; + if (q.length > 0 && !r.studentIndex.includes(q)) return false; + return true; + }); + }, [flatRows, subjectFilter, studentIdQuery]); + + async function postGrade(url: string, payload: GradePayload, busyKey: string) { + setActionBusyKey(busyKey); + setError(null); + try { + const token = getAccessToken(); + if (!token) { + throw new Error("You are not signed in."); + } + + const res = await fetch(apiUrl(url), { + method: "POST", + headers: { + "Content-Type": "application/json", + Authorization: `Bearer ${token}`, + }, + body: JSON.stringify(payload), + }); + const body = (await res.json()) as { ok: boolean; message?: string }; + if (!res.ok || !body.ok) { + throw new Error(body.message || `Request failed (${res.status})`); + } + await refresh(); + } catch (e) { + setError(e instanceof Error ? e.message : "Unknown error"); + } finally { + setActionBusyKey(null); + } + } + + return ( +
+
+ +
+

{t('prof_students_title')}

+

+ {t('prof_students_data_note')} /api/prof/students. +

+
+ +
+
+ + +
+ +
+ + setStudentIdQuery(e.target.value)} + /> +
+
+
+ + {error && ( +
+ {error} +
+ )} + +
+ + + + + + + + + + + + {loading ? ( + + + + ) : filteredRows.length === 0 ? ( + + + + ) : ( + filteredRows.map((r) => { + const key = `${r.subjectId}:${r.studentIdNum}`; + const selected = gradeSelection[key] ?? 6; + const busy = actionBusyKey === key; + + return ( + + + + + + + + ); + }) + )} + +
{t('student')}{t('id')}{t('subject')}{t('grade')}{t('actions')}
+ {t('loading')} +
+ {t('no_students_found')} +
{r.studentName}{r.studentIndex} + {r.subjectName} + {r.semester && ( + {r.semester} + )} + +
+ + + {t('current')}: {r.grade > 0 ? r.grade : t('none')} + +
+ 		+
+ + + + + +
+
+
+
+ ); +} Index: frontend/src/app/students/applications/page.tsx =================================================================== --- frontend/src/app/students/applications/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/students/applications/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,254 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faPenToSquare, + faChevronDown, + faCalendarAlt, + faFileText, + faMoneyBillWave, + faUser, + faInfoCircle, + faCheckCircle, + faTimesCircle +} from '@fortawesome/free-solid-svg-icons'; +import { useState } from 'react'; +import { useTranslation } from 'react-i18next'; +import applicationsData from '@/data/applications.json'; + +interface TableCellProps { + children: React.ReactNode; + className?: string; +} + +const TableCell = ({ children, className = "" }: TableCellProps) => ( + + {children} + +); + +const CompletedBadge = ({ completed }: { completed: string }) => { + const { t } = useTranslation(); + if (completed === 'Да') { + return ( + + + + ); + } else { + return ( + + + + ); + } +}; + +const FeeBadge = ({ fee }: { fee: string }) => { + const feeValue = parseFloat(fee.replace(',', '.')); + + if (feeValue === 0) { + return ( + + + {fee} + + ); + } else { + return ( + + + {fee} + + ); + } +}; + +export default function ApplicationsPage() { + const { t } = useTranslation(); + const [selectedSession, setSelectedSession] = useState(applicationsData.currentSession.id); + const [isDropdownOpen, setIsDropdownOpen] = useState(false); + + const currentSessionData = applicationsData.examSessions.find(s => s.id === selectedSession) || applicationsData.currentSession; + const { applications } = applicationsData; + + return ( +
+ {/* Header */} +
+
+
+ +
+
+

{t('applications_header', 'Пријави')}

+

+ {t('applications_subheader', 'Електронски пријави за испити')} +

+
+
+
+ + {/* Session Selection */} +
+
+

+ + {t('select_exam_session', 'Избери испитна сесија:')} +

+ +
+ + + {isDropdownOpen && ( +
+ {applicationsData.examSessions.map((session) => ( + + ))} +
+ )} +
+
+
+ + {/* Applications Section */} +
+
+

{t('registered_exams', 'Пријавени испити')}

+
+ +
+ + + + + + + + + + + + + + + + {applications.map((application) => ( + + {application.id} + + + {application.serviceNumber} + + + {application.code} + +
+ + {t(application.subject, application.subject)} +
+ + + + + + + + {application.date} + +
+ + {t(application.instructor, application.instructor)} +
+ + {application.decade} + + ))} + +
#{t('serial_number', 'Сериски број')}{t('code', 'Код')}{t('subject', 'Предмет')}{t('completed', 'Завршена')}{t('fee', 'Таксени')}{t('date', 'Датум')}{t('instructor', 'Наставник')}{t('decade', 'Декада')}
+
+ + {/* Important Note */} +
+
+ +
+

{t('important_note', 'Важна забелешка')}

+

+ {t('applications_important_note_text')} +

+
+
+
+
+ + {/* Statistics Cards */} +
+
+
+
+ +
+
+

{t('registered_exams', 'Пријавени испити')}

+

+ {applications.length} +

+
+
+
+ +
+
+
+ +
+
+

{t('completed', 'Завршени')}

+

+ {applications.filter(app => app.completed === 'Да').length} +

+
+
+
+ +
+
+
+ +
+
+

{t('total_fee', 'Вкупна такса')}

+

+ {applications.reduce((sum, app) => sum + parseFloat(app.fee.replace(',', '.')), 0).toFixed(2)} +

+
+
+
+
+
+ ); +} Index: frontend/src/app/students/documents/page.tsx =================================================================== --- frontend/src/app/students/documents/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) +++ frontend/src/app/students/documents/page.tsx (revision b8093a091d45f33bab33deb8ff2fffc4734972c0) @@ -0,0 +1,447 @@ +"use client" + +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; +import { + faFilePdf, + faChevronDown, + faCheckCircle, + faClock, + faMoneyBillWave, + faFileText, + faChevronLeft, + faChevronRight, + faAngleDoubleLeft, + faAngleDoubleRight, + faSpinner +} from '@fortawesome/free-solid-svg-icons'; +import { useState } from 'react'; +import documentsData from '@/data/documents.json'; +import { useTranslation } from 'react-i18next'; +import { getAccessToken } from '@/lib/auth'; +import { downloadDocumentPDF } from '@/lib/pdf-generators'; + +interface TableCellProps { + children: React.ReactNode; + className?: string; +} + +const TableCell = ({ children, className = "" }: TableCellProps) => ( + + {children} + +); + +const StatusBadge = ({ status }: { status: string }) => { + const { t } = useTranslation(); + if (status === 'approved' || status === t('approved', 'Одобрено')) { + return ( + + + + ); + } + if (status === 'pending') { + return ( + + + {t('pending', 'Во обработка')} + + ); + } + return ( + + + + ); +}; + +const PriceBadge = ({ price }: { price: number }) => { + const { t } = useTranslation(); + if (price === 0) { + return {t('free', '0,00')}; + } + return {price.toFixed(2)}; +}; + +interface DocumentRecord { + id: number; + archive: string; + date: string; + request: string; + price: number; + paid: string; + document: string; + payOnline: boolean; + status: string; + comment: string; +} + +export default function DocumentsPage() { + const [selectedDocumentType, setSelectedDocumentType] = useState("select_document"); + const [isDropdownOpen, setIsDropdownOpen] = useState(false); + const [comment, setComment] = useState(""); + const [currentPage, setCurrentPage] = useState(1); + const [recordsPerPage, setRecordsPerPage] = useState(15); + const [downloadingId, setDownloadingId] = useState(null); + const [documents, setDocuments] = useState(documentsData.documents as DocumentRecord[]); + const [isSubmitting, setIsSubmitting] = useState(false); + const { t } = useTranslation(); + + const handleDownload = async (docId: number, request: string, archive: string, date: string) => { + const token = getAccessToken(); + if (!token) { + alert(t('not_authenticated', 'Не сте најавени. Ве молиме најавете се повторно.')); + return; + } + setDownloadingId(docId); + try { + await downloadDocumentPDF(request, archive, date, token); + } catch (err) { + console.error('PDF generation error:', err); + alert(t('pdf_error', 'Грешка при генерирање на документот. Обидете се повторно.')); + } finally { + setDownloadingId(null); + } + }; + + const handleSubmit = () => { + if (selectedDocumentType === "select_document") return; + + const docType = documentsData.documentTypes.find(d => d.id === selectedDocumentType); + if (!docType) return; + + setIsSubmitting(true); + + // Generate archive number (random 5-digit) + const archiveNumber = String(90000 + Math.floor(Math.random() * 10000)); + + // Current date in DD.MM.YYYY format + const now = new Date(); + const dateStr = `${String(now.getDate()).padStart(2, '0')}.${String(now.getMonth() + 1).padStart(2, '0')}.${now.getFullYear()}`; + + const newDoc: DocumentRecord = { + id: documents.length > 0 ? Math.max(...documents.map(d => d.id)) + 1 : 1, + archive: archiveNumber, + date: dateStr, + request: docType.name, + price: docType.price, + paid: "Не", + document: "Преземи", + payOnline: docType.price > 0, + status: "pending", + comment: comment, + }; + + setDocuments(prev => [newDoc, ...prev]); + setSelectedDocumentType("select_document"); + setComment(""); + setIsSubmitting(false); + alert(t('document_submitted', 'Барањето за документ е успешно поднесено!')); + }; + + const selectedDocument = documentsData.documentTypes.find(d => d.id === selectedDocumentType); + const { paymentInfo } = documentsData; + + const totalPages = Math.ceil(documents.length / recordsPerPage); + const startIndex = (currentPage - 1) * recordsPerPage; + const endIndex = startIndex + recordsPerPage; + const currentDocuments = documents.slice(startIndex, endIndex); + + return ( +
+ {/* Header */} +
+
+
+ +
+
+

{t('documents')}

+

+ {t('documents_overview', 'Преглед на вашите документи и нивниот статус.')} +

+
+
+
+ + {/* Document Request Form */} +
+

+ + {t('new_document_request', 'Ново барање за документ')} +

+ +
+ {/* Document Type Selection */} +
+ +
+ + + {isDropdownOpen && ( +
+ {documentsData.documentTypes.map((docType) => ( + + ))} +
+ )} +
+
+ + {/* Comment Section */} +
+ +