✨ Added option to shuffle answers

classquiz/routers/quiz.py

@@ -4,6 +4,7 @@
 
 
 import json
+import random
 import re
 import uuid
 from datetime import datetime
@@ -80,6 +81,7 @@ async def start_quiz(
     captcha_enabled: bool = True,
     custom_field: str | None = None,
     cqcs_enabled: bool = False,
+    randomize_answers: bool = False,
     user: User = Depends(get_current_user),
 ):
     try:
@@ -101,6 +103,10 @@ async def start_quiz(
         game_pin = randint(100000, 999999)
         game = await redis.get(f"game:{game_pin}")
 
+    if randomize_answers:
+        for question in quiz.questions:
+            random.shuffle(question["answers"])
+
     game = PlayGame(
         quiz_id=quiz_id,
         game_pin=str(game_pin),

frontend/src/lib/dashboard/start_game.svelte

@@ -21,6 +21,7 @@ SPDX-License-Identifier: MPL-2.0
 	let loading = false;
 	let custom_field = '';
 	let cqcs_enabled = false;
+	let randomized_answers = false;
 
 	const tippy = createTippy({
 		arrow: true,
@@ -39,6 +40,7 @@ SPDX-License-Identifier: MPL-2.0
 		loading = true;
 		localStorage.setItem('custom_field', custom_field);
 		const cqcs_enabled_parsed = cqcs_enabled ? 'True' : 'False';
+		const randomized_answers_parsed = randomized_answers ? 'True' : 'False';
 		if (captcha_enabled && captcha_selected) {
 			res = await fetch(
 				`/api/v1/quiz/start/${id}?captcha_enabled=True&game_mode=${selected_game_mode}&custom_field=${custom_field}&cqcs_enabled=${cqcs_enabled_parsed}`,
@@ -48,7 +50,7 @@ SPDX-License-Identifier: MPL-2.0
 			);
 		} else {
 			res = await fetch(
-				`/api/v1/quiz/start/${id}?captcha_enabled=False&game_mode=${selected_game_mode}&custom_field=${custom_field}&cqcs_enabled=${cqcs_enabled_parsed}`,
+				`/api/v1/quiz/start/${id}?captcha_enabled=False&game_mode=${selected_game_mode}&custom_field=${custom_field}&cqcs_enabled=${cqcs_enabled_parsed}&randomize_answers=${randomized_answers_parsed}`,
 				{
 					method: 'POST'
 				}
@@ -173,6 +175,23 @@ SPDX-License-Identifier: MPL-2.0
 				>
 			</label>
 		</div>
+		<div class="flex justify-center w-full my-auto">
+			<label
+				for="randomized-answers-toggle"
+				class="inline-flex relative items-center cursor-pointer"
+			>
+				<input
+					type="checkbox"
+					bind:checked={randomized_answers}
+					id="randomized-answers-toggle"
+					class="sr-only peer"
+				/>
+				<span
+					class="w-14 h-7 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:left-[4px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-6 after:w-6 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+				/>
+				<span class="ml-3 text-sm font-medium text-gray-900"> Randomize answers</span>
+			</label>
+		</div>
 
 		<button
 			class="mt-auto mx-auto bg-green-500 p-4 rounded-lg shadow-lg hover:bg-green-400 transition-all marck-script text-2xl"