1787e3ed53
ENCOA-222: Added an option for non-assignment exams to view the transcript of a Listening audio; ENCOA-223: Updated the Listening exam to show all of the exercises/questions of each part on a single page;
70 lines
2.8 KiB
TypeScript
70 lines
2.8 KiB
TypeScript
import {
|
|
Exercise,
|
|
FillBlanksExercise,
|
|
InteractiveSpeakingExercise,
|
|
MatchSentencesExercise,
|
|
MultipleChoiceExercise,
|
|
SpeakingExercise,
|
|
TrueFalseExercise,
|
|
UserSolution,
|
|
WriteBlanksExercise,
|
|
WritingExercise,
|
|
} from "@/interfaces/exam";
|
|
import dynamic from "next/dynamic";
|
|
import FillBlanks from "./FillBlanks";
|
|
import MultipleChoice from "./MultipleChoice";
|
|
import WriteBlanks from "./WriteBlanks";
|
|
import Writing from "./Writing";
|
|
import Speaking from "./Speaking";
|
|
import TrueFalse from "./TrueFalse";
|
|
import InteractiveSpeaking from "./InteractiveSpeaking";
|
|
|
|
const MatchSentences = dynamic(() => import("@/components/Exercises/MatchSentences"), { ssr: false });
|
|
|
|
export interface CommonProps {
|
|
examID?: string;
|
|
onNext: (userSolutions: UserSolution) => void;
|
|
onBack: (userSolutions: UserSolution) => void;
|
|
enableNavigation?: boolean;
|
|
disableProgressButtons?: boolean
|
|
preview?: boolean;
|
|
}
|
|
|
|
export const renderExercise = (
|
|
exercise: Exercise,
|
|
examID: string,
|
|
onNext: (userSolutions: UserSolution) => void,
|
|
onBack: (userSolutions: UserSolution) => void,
|
|
enableNavigation?: boolean,
|
|
disableProgressButtons?: boolean,
|
|
preview?: boolean,
|
|
) => {
|
|
switch (exercise.type) {
|
|
case "fillBlanks":
|
|
return <FillBlanks disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as FillBlanksExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "trueFalse":
|
|
return <TrueFalse disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as TrueFalseExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "matchSentences":
|
|
return <MatchSentences disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as MatchSentencesExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "multipleChoice":
|
|
return <MultipleChoice disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as MultipleChoiceExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "writeBlanks":
|
|
return <WriteBlanks disableProgressButtons={disableProgressButtons} key={exercise.id} {...(exercise as WriteBlanksExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "writing":
|
|
return <Writing key={exercise.id} {...(exercise as WritingExercise)} onNext={onNext} onBack={onBack} examID={examID} enableNavigation={enableNavigation} preview={preview} />;
|
|
case "speaking":
|
|
return <Speaking key={exercise.id} {...(exercise as SpeakingExercise)} onNext={onNext} onBack={onBack} examID={examID} preview={preview} />;
|
|
case "interactiveSpeaking":
|
|
return (
|
|
<InteractiveSpeaking
|
|
key={exercise.id}
|
|
{...(exercise as InteractiveSpeakingExercise)}
|
|
examID={examID}
|
|
onNext={onNext}
|
|
onBack={onBack}
|
|
preview={preview}
|
|
/>
|
|
);
|
|
}
|
|
};
|