Spaces:
Sleeping
Sleeping
Update app.py
Browse files
app.py
CHANGED
|
@@ -570,8 +570,7 @@ def create_quiz_interface():
|
|
| 570 |
participant_photo = gr.Image(label="Your Photo (Optional)", type="filepath")
|
| 571 |
|
| 572 |
generate_btn = gr.Button("Generate Assessment", variant="primary", size="lg")
|
| 573 |
-
|
| 574 |
-
# Assessment Tab
|
| 575 |
with gr.Tab("📝 Step 2: Take Assessment") as assessment_tab:
|
| 576 |
with gr.Column(visible=True) as question_box:
|
| 577 |
# Question section
|
|
@@ -616,6 +615,15 @@ def create_quiz_interface():
|
|
| 616 |
size="lg",
|
| 617 |
visible=False
|
| 618 |
)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 619 |
|
| 620 |
# Certification Tab
|
| 621 |
with gr.Tab("🎓 Step 3: Get Certified"):
|
|
@@ -627,43 +635,147 @@ def create_quiz_interface():
|
|
| 627 |
)
|
| 628 |
certificate_display = gr.Image(label="Your Certificate")
|
| 629 |
# Helper Functions
|
| 630 |
-
|
| 631 |
-
|
| 632 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 633 |
return [
|
| 634 |
-
"",
|
| 635 |
-
gr.update(
|
| 636 |
-
|
| 637 |
-
|
| 638 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 639 |
0,
|
| 640 |
-
|
| 641 |
-
gr.update(selected=
|
| 642 |
gr.update(visible=False),
|
| 643 |
gr.update(visible=False) # view_cert_btn visibility
|
| 644 |
]
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 645 |
|
| 646 |
-
|
| 647 |
-
question = questions[0]
|
| 648 |
-
|
| 649 |
-
return [
|
| 650 |
-
f"## Question 1\n{question.question}\n\nPlease select one answer:",
|
| 651 |
-
gr.update(
|
| 652 |
-
choices=question.options,
|
| 653 |
-
value=None,
|
| 654 |
-
visible=True,
|
| 655 |
-
label="Select your answer for Question 1:"
|
| 656 |
-
),
|
| 657 |
-
f"Question 1 of {len(questions)}",
|
| 658 |
-
gr.update(visible=True),
|
| 659 |
-
questions,
|
| 660 |
-
0,
|
| 661 |
-
initial_answers,
|
| 662 |
-
gr.update(selected=1),
|
| 663 |
-
gr.update(visible=False),
|
| 664 |
-
gr.update(visible=False) # view_cert_btn visibility
|
| 665 |
-
]
|
| 666 |
-
|
| 667 |
def navigate(direction, current_idx, questions, answers, current_answer):
|
| 668 |
"""Handle navigation between questions"""
|
| 669 |
if not questions:
|
|
|
|
| 570 |
participant_photo = gr.Image(label="Your Photo (Optional)", type="filepath")
|
| 571 |
|
| 572 |
generate_btn = gr.Button("Generate Assessment", variant="primary", size="lg")
|
| 573 |
+
|
|
|
|
| 574 |
with gr.Tab("📝 Step 2: Take Assessment") as assessment_tab:
|
| 575 |
with gr.Column(visible=True) as question_box:
|
| 576 |
# Question section
|
|
|
|
| 615 |
size="lg",
|
| 616 |
visible=False
|
| 617 |
)
|
| 618 |
+
back_to_assessment = gr.Button(
|
| 619 |
+
"Back to Assessment",
|
| 620 |
+
variant="secondary",
|
| 621 |
+
size="lg",
|
| 622 |
+
visible=True
|
| 623 |
+
)
|
| 624 |
+
|
| 625 |
+
|
| 626 |
+
|
| 627 |
|
| 628 |
# Certification Tab
|
| 629 |
with gr.Tab("🎓 Step 3: Get Certified"):
|
|
|
|
| 635 |
)
|
| 636 |
certificate_display = gr.Image(label="Your Certificate")
|
| 637 |
# Helper Functions
|
| 638 |
+
|
| 639 |
+
def on_generate_questions(text, num_questions):
|
| 640 |
+
success, questions = quiz_app.generate_questions(text, num_questions)
|
| 641 |
+
tab_index = 1 # Index for "Take Assessment" tab
|
| 642 |
+
|
| 643 |
+
if not success:
|
| 644 |
+
return [
|
| 645 |
+
"",
|
| 646 |
+
gr.update(choices=[], visible=False),
|
| 647 |
+
"",
|
| 648 |
+
gr.update(visible=False),
|
| 649 |
+
[],
|
| 650 |
+
0,
|
| 651 |
+
[None] * 5,
|
| 652 |
+
gr.update(selected=tab_index), # Force navigation
|
| 653 |
+
gr.update(visible=False),
|
| 654 |
+
gr.update(visible=False) # view_cert_btn visibility
|
| 655 |
+
]
|
| 656 |
+
|
| 657 |
+
initial_answers = [None] * len(questions)
|
| 658 |
+
question = questions[0]
|
| 659 |
+
|
| 660 |
return [
|
| 661 |
+
f"## Question 1\n{question.question}\n\nPlease select one answer:",
|
| 662 |
+
gr.update(
|
| 663 |
+
choices=question.options,
|
| 664 |
+
value=None,
|
| 665 |
+
visible=True,
|
| 666 |
+
label="Select your answer for Question 1:"
|
| 667 |
+
),
|
| 668 |
+
f"Question 1 of {len(questions)}",
|
| 669 |
+
gr.update(visible=True),
|
| 670 |
+
questions,
|
| 671 |
0,
|
| 672 |
+
initial_answers,
|
| 673 |
+
gr.update(selected=tab_index), # Force navigation
|
| 674 |
gr.update(visible=False),
|
| 675 |
gr.update(visible=False) # view_cert_btn visibility
|
| 676 |
]
|
| 677 |
+
|
| 678 |
+
def on_submit(questions, answers, current_idx, current_answer):
|
| 679 |
+
final_answers = list(answers)
|
| 680 |
+
if 0 <= current_idx < len(final_answers):
|
| 681 |
+
final_answers[current_idx] = current_answer
|
| 682 |
+
|
| 683 |
+
if not all(a is not None for a in final_answers[:len(questions)]):
|
| 684 |
+
return [
|
| 685 |
+
"⚠️ Please answer all questions before submitting.",
|
| 686 |
+
gr.update(visible=True),
|
| 687 |
+
0,
|
| 688 |
+
"",
|
| 689 |
+
gr.update(visible=True),
|
| 690 |
+
gr.update(selected=1),
|
| 691 |
+
gr.update(visible=False) # view_cert_btn visibility
|
| 692 |
+
]
|
| 693 |
+
|
| 694 |
+
score, passed, feedback = quiz_app.calculate_score(final_answers[:len(questions)])
|
| 695 |
+
|
| 696 |
+
feedback_html = "# Assessment Results\n\n"
|
| 697 |
+
for i, (q, f) in enumerate(zip(questions, feedback)):
|
| 698 |
+
color = "green" if f.is_correct else "red"
|
| 699 |
+
symbol = "✅" if f.is_correct else "❌"
|
| 700 |
+
feedback_html += f"""### Question {i+1}
|
| 701 |
+
{q.question}
|
| 702 |
+
|
| 703 |
+
<div style="color: {color}; padding: 10px; margin: 5px 0; border-left: 3px solid {color};">
|
| 704 |
+
{symbol} Your answer: {f.selected or "No answer"}
|
| 705 |
+
{'' if f.is_correct else f'<br>Correct answer: {f.correct_answer}'}
|
| 706 |
+
</div>
|
| 707 |
+
"""
|
| 708 |
+
|
| 709 |
+
result_msg = "🎉 Passed!" if passed else "Please try again"
|
| 710 |
+
|
| 711 |
+
# Add a message about viewing certificate if passed
|
| 712 |
+
if passed:
|
| 713 |
+
feedback_html += f"""
|
| 714 |
+
<div style="background-color: #e6ffe6; padding: 20px; margin-top: 20px; border-radius: 10px;">
|
| 715 |
+
<h3 style="color: #008000;">🎉 Congratulations!</h3>
|
| 716 |
+
<p>You passed with a score of {score:.1f}%</p>
|
| 717 |
+
<p>Click the "View Certificate" button below to see your certificate.</p>
|
| 718 |
+
</div>
|
| 719 |
+
"""
|
| 720 |
+
else:
|
| 721 |
+
feedback_html += f"""
|
| 722 |
+
<div style="background-color: #ffe6e6; padding: 20px; margin-top: 20px; border-radius: 10px;">
|
| 723 |
+
<h3 style="color: #cc0000;">Please Try Again</h3>
|
| 724 |
+
<p>Your score: {score:.1f}%</p>
|
| 725 |
+
<p>You need 80% or higher to pass and receive a certificate.</p>
|
| 726 |
+
</div>
|
| 727 |
+
"""
|
| 728 |
+
|
| 729 |
+
return [
|
| 730 |
+
feedback_html,
|
| 731 |
+
gr.update(visible=True),
|
| 732 |
+
score,
|
| 733 |
+
result_msg,
|
| 734 |
+
gr.update(visible=not passed),
|
| 735 |
+
gr.update(selected=1),
|
| 736 |
+
gr.update(visible=passed) # Show view certificate button only if passed
|
| 737 |
+
]
|
| 738 |
+
|
| 739 |
+
def goto_take_assessment():
|
| 740 |
+
"""Navigate to Take Assessment tab"""
|
| 741 |
+
return gr.update(selected=1)
|
| 742 |
+
|
| 743 |
+
def goto_certificate():
|
| 744 |
+
"""Navigate to Get Certified tab"""
|
| 745 |
+
return gr.update(selected=2)
|
| 746 |
+
|
| 747 |
+
# Event handlers
|
| 748 |
+
generate_btn.click(
|
| 749 |
+
fn=on_generate_questions,
|
| 750 |
+
inputs=[text_input, num_questions],
|
| 751 |
+
outputs=[
|
| 752 |
+
question_display,
|
| 753 |
+
current_options,
|
| 754 |
+
question_counter,
|
| 755 |
+
question_box,
|
| 756 |
+
current_questions,
|
| 757 |
+
current_question_idx,
|
| 758 |
+
answer_state,
|
| 759 |
+
tabs,
|
| 760 |
+
results_group,
|
| 761 |
+
view_cert_btn
|
| 762 |
+
]
|
| 763 |
+
)
|
| 764 |
+
|
| 765 |
+
# Fix View Certificate navigation
|
| 766 |
+
view_cert_btn.click(
|
| 767 |
+
fn=goto_certificate,
|
| 768 |
+
outputs=tabs
|
| 769 |
+
)
|
| 770 |
+
|
| 771 |
+
# Add "Back to Assessment" button in results view
|
| 772 |
+
back_to_assessment = gr.Button("Back to Assessment", visible=False)
|
| 773 |
+
back_to_assessment.click(
|
| 774 |
+
fn=goto_take_assessment,
|
| 775 |
+
outputs=tabs
|
| 776 |
+
)
|
| 777 |
|
| 778 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 779 |
def navigate(direction, current_idx, questions, answers, current_answer):
|
| 780 |
"""Handle navigation between questions"""
|
| 781 |
if not questions:
|