First commit

app.py

@@ -46,18 +46,20 @@ def on_leave():
         print(f"{username} left the quiz.")
 
 @socketio.on('select_exam')
-def select_exam(exam_name):
+def select_exam(data):
     global selected_questions
+    exam_name = data['exam_name']
+    start_question = data['start_question'] - 1  # Adjust for 0-based indexing
     selected_questions = backend.select_exam(exam_name)
     if selected_questions:
-        emit('exam_loaded', {"success": True, "exam_name": exam_name}, room=request.sid)
+        num_questions = len(selected_questions)
+        current_question['index'] = start_question
+        emit('exam_loaded', {"success": True, "exam_name": exam_name, "num_questions": num_questions, "start_question": start_question + 1}, room=request.sid)
     else:
         emit('exam_loaded', {"success": False, "exam_name": exam_name}, room=request.sid)
 
 @socketio.on('restart_quiz')
 def restart_quiz():
-    reset_quiz()
-    emit('quiz_reset', room='quiz')
     start_quiz()
 
 def start_quiz():
@@ -73,8 +75,7 @@ def receive_answer(data):
     username = participants[request.sid]["username"]
     answer = data['answer']
     current_question['answers'][username] = answer
-    if len(current_question['answers']) == len(participants):
-        emit('all_answers_received', room='quiz')
+    print(f"{username} submitted an answer: {answer}")
 
 @socketio.on('check_answers')
 def check_answers():
@@ -113,9 +114,10 @@ def end_quiz():
     emit('display_final_results', final_results, room='quiz')
 
 def generate_chart(answers, options):
+    letters = ['A', 'B', 'C', 'D']
     counts = [list(answers.values()).count(option) for option in options]
     plt.figure(figsize=(6, 4))
-    plt.bar(options, counts)
+    plt.bar(letters[:len(options)], counts)
     plt.xlabel('Options')
     plt.ylabel('Number of Votes')
     plt.title('Results')
@@ -138,4 +140,4 @@ def reset_quiz():
         participant["score"] = 0
 
 if __name__ == '__main__':
-    socketio.run(app, debug=True)
+    socketio.run(app, debug=True)

static/script.js

@@ -25,11 +25,14 @@ function submitForm(event) {
 
 function selectExam() {
     const examName = document.getElementById('exam-selector').value;
-    socket.emit('select_exam', examName);
+    const startQuestion = document.getElementById('start-question').value;
+    socket.emit('select_exam', { exam_name: examName, start_question: parseInt(startQuestion) });
 }
 
 socket.on('exam_loaded', (data) => {
     if (data.success) {
+        document.getElementById('question-count').textContent = 
+            `Exam "${data.exam_name}" loaded with ${data.num_questions} questions. Starting from question ${data.start_question}.`;
         alert(`Exam "${data.exam_name}" loaded successfully!`);
     } else {
         alert(`Failed to load exam "${data.exam_name}".`);
@@ -49,6 +52,7 @@ socket.on('new_question', (data) => {
         <label for="${letters[index]}">${letters[index]}) ${opt}</label><br>`
     ).join('');
     document.getElementById('options').innerHTML = options;
+    document.getElementById('end-quiz').disabled = false;
 });
 
 function checkAnswers() {

templates/host.html

@@ -17,9 +17,12 @@
                 <option value="{{ exam }}">{{ exam }}</option>
             {% endfor %}
         </select>
-        <button onclick="restartQuiz()" class="btn btn-success mt-3">Start New Quiz</button>
-        <button onclick="checkAnswers()" class="btn btn-primary mt-2">Check Answers</button>
-        <button onclick="nextQuestion()" class="btn btn-secondary mt-2">Next Question</button>
+        <p id="question-count" style="margin-top: 15px;"></p>
+        <label for="start-question" class="mt-3">Select starting question:</label>
+        <input type="range" id="start-question" min="1" max="10" value="1" class="form-range mt-2 mb-4">
+        <button onclick="restartQuiz()" class="btn btn-success mt-3">Start New Quiz</button><br><br>
+        <button onclick="checkAnswers()" class="btn btn-primary mt-2">Check Answers</button><br><br>
+        <button onclick="nextQuestion()" class="btn btn-secondary mt-2">Next Question</button><br><br>
         <button onclick="endQuiz()" id="end-quiz" class="btn btn-danger mt-2" disabled>End Quiz</button>
         <div id="question-section" class="mt-4">
             <p id="question-text"></p>