Update app.py

app.py

@@ -615,29 +615,43 @@ def create_quiz_interface():
                 )
                 certificate_display = gr.Image(label="Your Certificate")
 
-        def update_question_display(questions, idx, current_answers):
-            if not questions or idx >= len(questions):
+        def on_generate_questions(text, num_questions):
+            success, questions = quiz_app.generate_questions(text, num_questions)
+            if not success:
                 return {
                     question_display: "",
-                    current_options: gr.update(choices=[], value=None, visible=False),
+                    current_options: gr.update(choices=[], visible=False),
                     question_counter: "",
-                    question_box: gr.update(visible=False)
+                    question_box: gr.update(visible=False),
+                    current_questions: [],
+                    current_question_idx: 0,
+                    answer_state: [None] * 5,
+                    tabs: gr.update(selected=1),
+                    results_group: gr.update(visible=False)
                 }
             
-            question = questions[idx]
+            # Initialize first question
+            initial_answers = [None] * len(questions)
+            question = questions[0]
+            
             return {
-                question_display: f"""## Question {idx + 1}
+                question_display: f"""## Question 1
 {question.question}
 
 Please select one answer:""",
                 current_options: gr.update(
                     choices=question.options,
-                    value=current_answers[idx] if idx < len(current_answers) else None,
+                    value=None,
                     visible=True,
-                    label=f"Select your answer for Question {idx + 1}:"
+                    label="Select your answer for Question 1:"
                 ),
-                question_counter: f"Question {idx + 1} of {len(questions)}",
-                question_box: gr.update(visible=True)
+                question_counter: f"Question 1 of {len(questions)}",
+                question_box: gr.update(visible=True),
+                current_questions: questions,
+                current_question_idx: 0,
+                answer_state: initial_answers,
+                tabs: gr.update(selected=1),
+                results_group: gr.update(visible=False)
             }
 
         def navigate(direction, current_idx, questions, answers, current_answer):
@@ -669,9 +683,9 @@ Please select one answer:""",
                 current_question_idx: new_idx,
                 answer_state: new_answers,
                 question_display: f"""## Question {new_idx + 1}
-    {question.question}
-    
-    Please select one answer:""",
+{question.question}
+
+Please select one answer:""",
                 current_options: gr.update(
                     choices=question.options,
                     value=new_answers[new_idx] if new_idx < len(new_answers) else None,
@@ -681,31 +695,84 @@ Please select one answer:""",
                 question_counter: f"Question {new_idx + 1} of {len(questions)}",
                 question_box: gr.update(visible=True)
             }
-    
+
+        def on_submit(questions, answers, current_idx, current_answer):
+            # Update the current answer in the answers list
+            final_answers = list(answers)
+            if 0 <= current_idx < len(final_answers):
+                final_answers[current_idx] = current_answer
+            
+            # Validate all answers are provided
+            if not all(a is not None for a in final_answers[:len(questions)]):
+                return {
+                    feedback_box: "⚠️ Please answer all questions before submitting.",
+                    results_group: gr.update(visible=True),
+                    score_display: 0,
+                    result_message: "",
+                    question_box: gr.update(visible=True),
+                    tabs: gr.update(selected=1)
+                }
+            
+            score, passed, feedback = quiz_app.calculate_score(final_answers[:len(questions)])
+            
+            # Generate feedback HTML
+            feedback_html = "# Assessment Results\n\n"
+            for i, (q, f) in enumerate(zip(questions, feedback)):
+                color = "green" if f.is_correct else "red"
+                symbol = "✅" if f.is_correct else "❌"
+                feedback_html += f"""
+                ### Question {i+1}
+                {q.question}
+                
+                <div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
+                    {symbol} Your answer: {f.selected or "No answer"}
+                    {'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
+                </div>
+                """
+            
+            result_msg = "🎉 Passed!" if passed else "Please try again"
+            if not passed:
+                feedback_html += f"""
+                <div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
+                    <h3 style="color: #cc0000;">Please Try Again</h3>
+                    <p>Your score: {score:.1f}%</p>
+                    <p>You need 80% or higher to pass and receive a certificate.</p>
+                </div>
+                """
+            
+            return {
+                feedback_box: feedback_html,
+                results_group: gr.update(visible=True),
+                score_display: score,
+                result_message: result_msg,
+                question_box: gr.update(visible=passed),
+                tabs: gr.update(selected=2 if passed else 1)
+            }
+
         # Event handlers
         generate_btn.click(
             fn=on_generate_questions,
             inputs=[text_input, num_questions],
-            outputs=[
-                question_display,
-                current_options,
-                question_counter,
-                question_box,
-                current_questions,
-                current_question_idx,
-                answer_state,
-                tabs,
-                results_group
-            ]
+            outputs={
+                question_display: "value",
+                current_options: "value",
+                question_counter: "value",
+                question_box: "visible",
+                current_questions: "value",
+                current_question_idx: "value",
+                answer_state: "value",
+                tabs: "selected",
+                results_group: "visible"
+            }
         )
-    
-        # Navigation event handlers with dictionary returns
+
+        # Navigation event handlers
         def handle_prev(current_idx, questions, answers, current_answer):
             return navigate(-1, current_idx, questions, answers, current_answer)
-    
+
         def handle_next(current_idx, questions, answers, current_answer):
             return navigate(1, current_idx, questions, answers, current_answer)
-    
+
         prev_btn.click(
             fn=handle_prev,
             inputs=[
@@ -723,7 +790,7 @@ Please select one answer:""",
                 question_box: "visible"
             }
         )
-    
+
         next_btn.click(
             fn=handle_next,
             inputs=[
@@ -741,20 +808,20 @@ Please select one answer:""",
                 question_box: "visible"
             }
         )
-    
+
         # Update answer state when radio button changes
         def update_answer_state(answer, idx, current_answers):
             new_answers = list(current_answers)
             if 0 <= idx < len(new_answers):
                 new_answers[idx] = answer
             return new_answers
-    
+
         current_options.change(
             fn=update_answer_state,
             inputs=[current_options, current_question_idx, answer_state],
             outputs=answer_state
         )
-    
+
         # Submission handler
         submit_btn.click(
             fn=on_submit,
@@ -773,16 +840,15 @@ Please select one answer:""",
                 tabs: "selected"
             }
         )
-    
+
         # Certificate generation
         score_display.change(
             fn=quiz_app.certificate_generator.generate,
             inputs=[score_display, name, course_name, company_logo, participant_photo],
             outputs=certificate_display
         )
-    
-        return demo
-        
+
+    return demo
 
 if __name__ == "__main__":
     demo = create_quiz_interface()