124 lines
4.1 KiB
TypeScript
124 lines
4.1 KiB
TypeScript
/* eslint-disable @next/next/no-img-element */
|
|
|
|
import {withIronSessionSsr} from "iron-session/next";
|
|
import {sessionOptions} from "@/lib/session";
|
|
import {shouldRedirectHome} from "@/utils/navigation.disabled";
|
|
import ExamPage from "./(exam)/ExamPage";
|
|
import Head from "next/head";
|
|
import {User} from "@/interfaces/user";
|
|
import { filterBy, findBy, redirect, serialize } from "@/utils";
|
|
import { requestUser } from "@/utils/api";
|
|
import { getAssignment, getAssignments, getAssignmentsByAssignee } from "@/utils/assignments.be";
|
|
import { Assignment } from "@/interfaces/results";
|
|
import useExamStore from "@/stores/examStore";
|
|
import { useEffect } from "react";
|
|
import { Exam } from "@/interfaces/exam";
|
|
import { getExamsByIds } from "@/utils/exams.be";
|
|
import { sortByModule } from "@/utils/moduleUtils";
|
|
import { uniqBy } from "lodash";
|
|
import { useRouter } from "next/router";
|
|
import { getSessionByAssignment, getSessionsByUser } from "@/utils/sessions.be";
|
|
import { Session } from "@/hooks/useSessions";
|
|
import moment from "moment";
|
|
|
|
export const getServerSideProps = withIronSessionSsr(async ({req, res, query}) => {
|
|
const user = await requestUser(req, res)
|
|
const destination = Buffer.from(req.url || "/").toString("base64")
|
|
if (!user) return redirect(`/login?destination=${destination}`)
|
|
|
|
if (shouldRedirectHome(user)) return redirect("/")
|
|
|
|
const {assignment: assignmentID} = query as {assignment?: string}
|
|
|
|
if (assignmentID) {
|
|
const assignment = await getAssignment(assignmentID)
|
|
|
|
if (!assignment) return redirect("/exam")
|
|
if (!assignment.assignees.includes(user.id) && !["admin", "developer"].includes(user.type))
|
|
return redirect("/exam")
|
|
|
|
if (filterBy(assignment.results, 'user', user.id).length > 0)
|
|
return redirect("/exam")
|
|
|
|
const exams = await getExamsByIds(uniqBy(assignment.exams, "id"))
|
|
const session = await getSessionByAssignment(assignmentID)
|
|
|
|
return {
|
|
props: serialize({user, assignment, exams, session: session ?? undefined})
|
|
}
|
|
}
|
|
|
|
return {
|
|
props: serialize({user}),
|
|
};
|
|
}, sessionOptions);
|
|
|
|
interface Props {
|
|
user: User;
|
|
assignment?: Assignment
|
|
exams?: Exam[]
|
|
session?: Session
|
|
}
|
|
|
|
export default function Page({user, assignment, exams = [], session}: Props) {
|
|
const router = useRouter()
|
|
|
|
const state = useExamStore((state) => state)
|
|
|
|
useEffect(() => {
|
|
if (assignment && exams.length > 0 && !state.assignment && !session) {
|
|
if ((moment(assignment.startDate).isAfter(moment()) || moment(assignment.endDate).isBefore(moment())) && assignment.start) return
|
|
|
|
state.setUserSolutions([]);
|
|
state.setShowSolutions(false);
|
|
state.setAssignment(assignment);
|
|
state.setExams(exams.sort(sortByModule));
|
|
state.setSelectedModules(
|
|
exams
|
|
.map((x) => x!)
|
|
.sort(sortByModule)
|
|
.map((x) => x!.module),
|
|
);
|
|
|
|
router.replace(router.asPath)
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [assignment, exams, session])
|
|
|
|
useEffect(() => {
|
|
if (assignment && exams.length > 0 && !state.assignment && !!session) {
|
|
state.setShuffles(session.userSolutions.map((x) => ({exerciseID: x.exercise, shuffles: x.shuffleMaps ? x.shuffleMaps : []})));
|
|
state.setSelectedModules(session.selectedModules);
|
|
state.setExam(session.exam);
|
|
state.setExams(session.exams);
|
|
state.setSessionId(session.sessionId);
|
|
state.setAssignment(session.assignment);
|
|
state.setExerciseIndex(session.exerciseIndex);
|
|
state.setPartIndex(session.partIndex);
|
|
state.setModuleIndex(session.moduleIndex);
|
|
state.setTimeSpent(session.timeSpent);
|
|
state.setUserSolutions(session.userSolutions);
|
|
state.setShowSolutions(false);
|
|
state.setQuestionIndex(session.questionIndex);
|
|
|
|
router.replace(router.asPath)
|
|
}
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [assignment, exams, session])
|
|
|
|
return (
|
|
<>
|
|
<Head>
|
|
<title>Exams | EnCoach</title>
|
|
<meta
|
|
name="description"
|
|
content="A training platform for the IELTS exam provided by the Muscat Training Institute and developed by eCrop."
|
|
/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
</Head>
|
|
<ExamPage page="exams" user={user} hideSidebar={!!assignment || !!state.assignment} />
|
|
</>
|
|
);
|
|
}
|