From 28024874d643f1708ccc3f4ad3c34170b8386937 Mon Sep 17 00:00:00 2001
From: Adil Mohak <adilmohak123@gmail.com>
Date: Sun, 29 Sep 2024 09:55:26 +0300
Subject: [PATCH] Quiz form validation and minor UI fixes

---
 templates/quiz/mcquestion_form.html | 19 ++++++++++++++-----
 templates/quiz/quiz_list.html       |  5 +++++
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/templates/quiz/mcquestion_form.html b/templates/quiz/mcquestion_form.html
index 2d68194..7cae6a7 100644
--- a/templates/quiz/mcquestion_form.html
+++ b/templates/quiz/mcquestion_form.html
@@ -14,9 +14,18 @@
     </ol>
 </nav>
 
-<div class="title-1">Add questions [{{ quiz_obj|truncatechars:15 }}]</div>
-<br><br>
-{{ formset.non_form_errors }}
+<div class="title-1 mb-3">Add questions [{{ quiz_obj|truncatechars:15 }}]</div>
+
+{% if formset.non_form_errors %}
+<div class="alert alert-danger">
+    <ul class="mb-0">
+    {% for e in formset.non_form_errors %}
+    <li>{{ e }}</li>
+    {% endfor %}
+    </ul>
+</div>
+{% endif %}
+
 <div class="container">
     <div class="info-text bg-orange mb-3">{{ quizQuestions }} question added</div>
 
@@ -40,11 +49,11 @@
                     <label for="username">{{ fs.label }}</label>
                     <div class="input-group">
                         <div class="input-group-prepend">
-                            <span class="input-group-text">{{ fs.correct }} <small class="ml-1">Correct</small></span>
+                            <span class="input-group-text">{{ fs.correct }} <small class="ms-1">Correct</small></span>
                         </div>
                         {{ fs.choice }}
                         <div class="input-group-prepend">
-                            <span class="input-group-text">{{ fs.DELETE }} <small class="ml-1">Delete</small></span>
+                            <span class="input-group-text">{{ fs.DELETE }} <small class="ms-1">Delete</small></span>
                         </div>
                     </div>
                 {% endfor %}
diff --git a/templates/quiz/quiz_list.html b/templates/quiz/quiz_list.html
index 283111b..326f337 100644
--- a/templates/quiz/quiz_list.html
+++ b/templates/quiz/quiz_list.html
@@ -72,6 +72,11 @@
                 </div>
             </div>
         </div>
+
+        {% empty %}
+        <h4 class="text-center mt-5 py-5 text-muted">
+            <i class="fa-regular fa-folder-open me-2"></i> Course quizzes will appear here.
+        </h4>
         {% endfor %}
     </div>