Reverted Level to only utas placement test exercises, Speaking, bug fixes, placeholder

src/components/ExamEditor/SettingsEditor/level.tsx

@@ -7,15 +7,33 @@ import ExercisePicker from "../Shared/ExercisePicker";
 import useExamEditorStore from "@/stores/examEditor";
 import useSettingsState from "../Hooks/useSettingsState";
 import { SectionSettings } from "@/stores/examEditor/types";
+import { toast } from "react-toastify";
+import axios from "axios";
+import { playSound } from "@/utils/sound";
+import { useRouter } from "next/router";
+import { usePersistentExamStore } from "@/stores/examStore";
+import openDetachedTab from "@/utils/popout";
 
 
 const LevelSettings: React.FC = () => {
 
-    const {currentModule } = useExamEditorStore();
+    const router = useRouter();
+
+    const {
+        setExam,
+        setExerciseIndex,
+        setPartIndex,
+        setQuestionIndex,
+        setBgColor,
+    } = usePersistentExamStore();
+    
+    const {currentModule, title } = useExamEditorStore();
     const {
         focusedSection,
         difficulty,
         sections,
+        minTimer,
+        isPrivate,
     } = useExamEditorStore(state => state.modules[currentModule]);
 
     const { localSettings, updateLocalAndScheduleGlobal } = useSettingsState<SectionSettings>(
@@ -23,45 +41,80 @@ const LevelSettings: React.FC = () => {
         focusedSection
     );
 
-    const currentSection = sections.find((section) => section.sectionId == focusedSection)!.state as LevelPart;
+    const section = sections.find((section) => section.sectionId == focusedSection);
+    if (section === undefined) return;
 
-    const defaultPresets: Option[] = [
-        {
-            label: "Preset: Multiple Choice",
-            value: "Not available."
-        },
-        {
-            label: "Preset: Multiple Choice - Blank Space",
-            value: "Welcome to {part} of the {label}. In this section, you'll be asked to select the correct word or group of words that best completes each sentence.\n\nFor each question, carefully read the sentence and click on the option (A, B, C, or D) that you believe is correct. After making your selection, you can proceed to the next question by clicking \"Next\". If you need to review or change your previous answers, you can go back at any time by clicking \"Back\".",
-        },
-        {
-            label: "Preset: Multiple Choice - Underlined",
-            value: "Welcome to {part} of the {label}. In this section, you'll be asked to identify the underlined word or group of words that is not correct in each sentence.\n\nFor each question, carefully review the sentence and click on the option (A, B, C, or D) that you believe contains the incorrect word or group of words. After making your selection, you can proceed to the next question by clicking \"Next\". If needed, you can go back to previous questions by clicking \"Back\"."
-        },
-        {
-            label: "Preset: Blank Space",
-            value: "Not available."
-        },
-        {
-            label: "Preset: Reading Passage",
-            value: "Welcome to {part} of the {label}. In this section, you will read a text and answer the questions that follow.\n\nCarefully read the provided text, then select the correct answer (A, B, C, or D) for each question. After making your selection, you can proceed to the next question by clicking \"Next\". If you need to review or change your answers, you can go back at any time by clicking \"Back\"."
-        },
-        {
-            label: "Preset: Multiple Choice - Fill Blanks",
-            value: "Welcome to {part} of the {label}. In this section, you will read a text and choose the correct word to fill in each blank space.\n\nFor each question, carefully read the text and click on the option that you believe best fits the context."
+    const currentSection = section.state as LevelPart;
+
+    const canPreview = currentSection.exercises.length > 0;
+
+    const submitLevel = () => {
+        if (title === "") {
+            toast.error("Enter a title for the exam!");
+            return;
         }
-    ];
+        const exam: LevelExam = {
+            parts: sections.map((s) => {
+                const part = s.state as LevelPart;
+                return {
+                    ...part,
+                    intro: localSettings.currentIntro,
+                    category: localSettings.category
+                };
+            }),
+            isDiagnostic: false,
+            minTimer,
+            module: "level",
+            id: title,
+            difficulty,
+            private: isPrivate,
+        };
+
+        axios.post(`/api/exam/level`, exam)
+            .then((result) => {
+                playSound("sent");
+                toast.success(`Submitted Exam ID: ${result.data.id}`);
+            })
+            .catch((error) => {
+                console.log(error);
+                toast.error(error.response.data.error || "Something went wrong while submitting, please try again later.");
+            })
+    }
+
+    const preview = () => {
+        setExam({
+            parts: sections.map((s) => {
+                const exercise = s.state as LevelPart;
+                return {
+                    ...exercise,
+                    intro: s.settings.currentIntro,
+                    category: s.settings.category
+                };
+            }),
+            minTimer,
+            module: "level",
+            id: title,
+            isDiagnostic: false,
+            variant: undefined,
+            difficulty,
+            private: isPrivate,
+        } as LevelExam);
+        setExerciseIndex(0);
+        setQuestionIndex(0);
+        setPartIndex(0);
+        openDetachedTab("popout?type=Exam&module=level", router)
+    }
 
     return (
         <SettingsEditor
             sectionLabel={`Part ${focusedSection}`}
             sectionId={focusedSection}
             module="level"
-            introPresets={defaultPresets}
-            preview={()=>{}}
-            canPreview={false}
-            canSubmit={false}
-            submitModule={()=> {}}
+            introPresets={[]}
+            preview={preview}
+            canPreview={canPreview}
+            canSubmit={canPreview}
+            submitModule={submitLevel}
         >
             <div>
                 <Dropdown title="Add Exercises" className={