From 58f7364688cec91b02f5b5fda87c19e3d7cfb7bb Mon Sep 17 00:00:00 2001
From: papi <adilmohak123@gmail.com>
Date: Sat, 30 Dec 2023 23:00:20 +0300
Subject: [PATCH] Improve quiz form

---
 quiz/models.py                      |   8 +-
 static/css/style.css                |   1 -
 static/css/style.css.map            |   2 +-
 static/css/style.scss               |   1 -
 templates/course/course_add.html    |   2 +-
 templates/quiz/mcquestion_form.html | 122 +++------------------
 templates/quiz/quiz_form.html       | 157 ++++------------------------
 templates/quiz/quiz_list.html       |  35 +++----
 8 files changed, 62 insertions(+), 266 deletions(-)

diff --git a/quiz/models.py b/quiz/models.py
index f5c4cbb..5f00ea4 100644
--- a/quiz/models.py
+++ b/quiz/models.py
@@ -55,7 +55,7 @@ class Quiz(models.Model):
     description = models.TextField(
         verbose_name=_("Description"),
         blank=True,
-        help_text=_("a description of the quiz"),
+        help_text=_("A detailed description of the quiz"),
     )
     category = models.TextField(choices=CATEGORY_OPTIONS, blank=True)
     random_order = models.BooleanField(
@@ -442,7 +442,11 @@ class Sitting(models.Model):
 class Question(models.Model):
     quiz = models.ManyToManyField(Quiz, verbose_name=_("Quiz"), blank=True)
     figure = models.ImageField(
-        upload_to="uploads/%Y/%m/%d", blank=True, null=True, verbose_name=_("Figure")
+        upload_to="uploads/%Y/%m/%d",
+        blank=True,
+        null=True,
+        verbose_name=_("Figure"),
+        help_text=_("Add an image for the question if it's necessary."),
     )
     content = models.CharField(
         max_length=1000,
diff --git a/static/css/style.css b/static/css/style.css
index 41a4f9b..6e4e49c 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -212,7 +212,6 @@ a.text-orange:hover {
 
 .quiz-wrapper {
   text-align: center;
-  overflow: hidden;
   border-radius: 0.3em;
   background: #fff;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
diff --git a/static/css/style.css.map b/static/css/style.css.map
index 3e8ff41..148d3ed 100644
--- a/static/css/style.css.map
+++ b/static/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"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","file":"style.css"}
\ No newline at end of file
diff --git a/static/css/style.scss b/static/css/style.scss
index a83f241..72b020f 100644
--- a/static/css/style.scss
+++ b/static/css/style.scss
@@ -249,7 +249,6 @@ a.text-orange:hover {
 }
 .quiz-wrapper {
   text-align: center;
-  overflow: hidden;
   border-radius: 0.3em;
   background: #fff;
   box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
diff --git a/templates/course/course_add.html b/templates/course/course_add.html
index 1bf00b2..8a4b87d 100644
--- a/templates/course/course_add.html
+++ b/templates/course/course_add.html
@@ -7,7 +7,7 @@
 <div id="input-nav"><a href="{% url 'home' %}" class="primary1">Home</a>
     <a href="{% url 'programs' %}" class="primary1">Programs</a> Add & Update Course</div>
 
-<div class="title-1">Course Add & Update Form</div>
+<div class="title-1">Course Add &amp; Update Form</div>
 <br>
 <br>
 {% if messages %}
diff --git a/templates/quiz/mcquestion_form.html b/templates/quiz/mcquestion_form.html
index c86b6a9..6c21198 100644
--- a/templates/quiz/mcquestion_form.html
+++ b/templates/quiz/mcquestion_form.html
@@ -1,4 +1,5 @@
 {% extends 'base.html' %}
+{% load crispy_forms_tags %}
 
 {% block content %}
 
@@ -10,7 +11,7 @@
 
 <div class="container">
 
-    <div class="header-title-xl text-center mt-4">Questions form for {{ quiz_obj }}</div>
+    <div class="header-title-md text-center mt-4">Add questions [{{ quiz_obj }}]</div>
     <div class="title-line mb-5"></div>
 
     <div class="info-text bg-orange mb-3">{{ quizQuestions }} question added</div>
@@ -19,35 +20,25 @@
         {% if form.errors %}<p class="alert alert-danger">Correct the error(s) below.</p>{% endif %}
         <div class="row">
             <div class="col mx-3 py-4 border bg-white">
-                <div class="form-group" hidden>
-                    <label for="title">{{ form.quiz.label }}</label> {{ form.quiz }}
-                    <span class="danger">{{ form.quiz.errors }}</span>
-                    <small class="d-block text-muted">Hold down "Control", or "Command" on a Mac, to select more than one.</small>
+                <div class="mb-2" hidden>
+                    {{ form.quiz }}
                 </div>
-                <div class="form-group">
-                    <label for="content">{{ form.content.label }}</label> {{ form.content }}
-                    <span class="danger">{{ form.content.errors }}</span>
-                    <small class="d-block text-muted">Enter the question text that you want displayed.</small>
+                <div class="mb-2">
+                    {{ form.content|as_crispy_field }}
                 </div>
-                <div class="form-group">
-                    <label for="figure">{{ form.figure.label }}</label> {{ form.figure }}
-                    <span class="danger">{{ form.figure.errors }}</span>
-                    <small class="d-block text-muted">Add an image for the question if it's necessary.</small>
+                <div class="mb-2">
+                    {{ form.figure|as_crispy_field }}
                 </div>
-                <div class="form-group">
-                    <label for="explanation">{{ form.explanation.label }}</label> {{ form.explanation }}
-                    <span class="danger">{{ form.explanation.errors }}</span>
-                    <small class="d-block text-muted">Explanation to be shown after the question has been answered.</small>
+                <div class="mb-2">
+                    {{ form.explanation|as_crispy_field }}
                 </div>
             </div>
             <div class="col mx-3 py-4 border bg-white">
-                <div class="form-group">
-                    <label for="choice_order">{{ form.choice_order.label }}</label> {{ form.choice_order }}
-                    <span class="danger">{{ form.choice_order.errors }}</span>
-                    <small class="d-block text-muted">The order in which multichoice choice options are displayed to the user.</small>
+                <div class="mb-2">
+                    {{ form.choice_order|as_crispy_field }}
                 </div>
-                <div class="border py-3">
-                    <div class="lead text-center">Choices</div>
+                <div class="border p-2">
+                    <label class="lead">Choices</label>
                 {{ formset.management_form }}
                 {% for fs in formset %}
                     <label for="username">{{ fs.label }}</label>
@@ -70,92 +61,7 @@
             </button>
             <button class="btn btn-lg btn-primary my-4" type="submit">Save</button>
         </center>
-
-        <!-- <h3>FormSet example</h3>
-        {{ myformset.management_form }}
-        <div id="form_set">
-            {% for form in myformset.forms %}
-                {{form.non_field_errors}}
-                {{form.errors}}
-                <table class='no_error'>
-                    {{ form }}
-                </table>
-            {% endfor %}
-        </div>
-        <input type="button" value="Add More" id="add_more">
-        <div id="empty_form" style="display:none">
-            <table class='no_error'>
-                {{ myformset.empty_form }}
-            </table>
-        </div> -->
-
     </form>
-
-    <!-- <form method="POST" action="">{% csrf_token %}
-        {% if form.errors %}<h1>Error {{ formset.errors }}</h1>{% endif %}
-        {{ formset.management_form }}
-        {% for form in formset.forms %}
-            {{form.non_field_errors}}
-            {{form.errors}}
-            <table class='no_error'>
-                {{ form }}
-            </table>
-        {% endfor %}
-        {% if formset.errors %}<h1>Formset error</h1>{% endif %}
-        <input type="button" value="Add More" id="add_more">
-        <div id="empty_form" style="display:none">
-            <table class='no_error'>
-                {{ formset.empty_form }}
-            </table>
-        </div>
-    </form> -->
-    
-    <!-- <div class="body">
-        {{ formset.management_form }}
-        {{ formset.non_form_errors }}
-        {% for form in formset.forms %}
-        <div class="inline-form prefix">
-            {{ form }}
-        </div>
-        {% endfor %}
-        <div class="new-inline">
-            <input type="button" class="add-inline" value="Add another form" />
-        </div>
-    </div> -->
-
 </div>
 
 {% endblock %}
-
-<!-- {% block js %}
-<script>
-    function add_inline_form(prefix) {
-        var count = parseInt($('#id_' + prefix + '-TOTAL_FORMS').val(), 10);
-        var last_form = $('.' + prefix + ':last');
-
-        var new_form = last_form.clone(false).html(last_form.html().replace(
-            new RegExp(prefix + '-\\\\d-', 'g'), prefix + '-' + count + '-'));
-        new_form.find('input[type="text"], textarea').each(function () {
-            $(this).val('');
-        });
-        new_form.hide().insertAfter(last_form).slideDown(300);
-
-        // Update the total form count
-        $('#id_' + prefix + '-TOTAL_FORMS').val(count + 1);
-
-        // re-initialise triggers
-
-        return false;
-    }
-
-    var regex = /(?:inline\-form) ([\\w\-]*) (?:add|existing)/;
-    $('.add-inline').each(function () {
-        var match = regex.exec($(this).closest('.body').find('.inline-form').attr('class'));
-        if (match && match.length > 1) {
-            $(this).click(function () {
-                return add_inline_form(match[1]);
-            });
-        }
-    });
-</script>
-{% endblock js %} -->
diff --git a/templates/quiz/quiz_form.html b/templates/quiz/quiz_form.html
index 5447cc1..f450001 100644
--- a/templates/quiz/quiz_form.html
+++ b/templates/quiz/quiz_form.html
@@ -1,4 +1,5 @@
 {% extends 'base.html' %}
+{% load crispy_forms_tags %}
 
 {% block content %}
 
@@ -12,125 +13,33 @@
     <div class="header-title-xl text-center">Quiz form for {{ course }}</div>
     <div class="title-line mb-5"></div>
 
-    <!-- <form method="POST" action="">{% csrf_token %}
-        <div class="card p-4">
-            {% for f in form %}
-            <label for="{{ f.label }}">{{ f.label }}</label>{{ f }}
-            {% endfor %}
-            <button class="btn btn-primary" type="submit">Save</button>
-        </div>
-    </form> -->
-    <!-- <form action="" method="POST">{% csrf_token %}
-        <div class="row">
-            <div class="col mx-3 p-3 bg-white">
-                <div class="container">
-                    <div class="form-group">
-                        <label for="course">{{ form.course.label }}</label> {{ form.course }}
-                        <span class="danger">{{ form.course.errors }}</span>
-                    </div>
-                    <div class="form-group">
-                        <label for="title">{{ form.title.label }}</label> {{ form.title }}
-                        <span class="danger">{{ form.title.errors }}</span>
-                    </div>
-                    <div class="form-group">
-                        <label for="category">{{ form.category.label }}</label> {{ form.category }}
-                        <span class="danger">{{ form.category.errors }}</span>
-                    </div>
-                    <div class="form-group">
-                        <label for="max_questions">{{ form.max_questions.label }}</label> {{ form.max_questions }}
-                        <span class="danger">{{ form.max_questions.errors }}</span>
-                        <small class="d-block text-muted">Number of questions to be answered on each attempt.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="pass_mark">{{ form.pass_mark.label }}</label> {{ form.pass_mark }}
-                        <span class="danger">{{ form.pass_mark.errors }}</span>
-                        <small class="d-block text-muted">Percentage required to pass exam.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="description">{{ form.description.label }}</label> {{ form.description }}
-                        <span class="danger">{{ form.description.errors }}</span>
-                        <small class="d-block text-muted">a description of the quiz</small>
-                    </div>
-                </div>
-            </div>
-            <div class="col mx-3 p-3 bg-white">
-                <div class="container">
-                    <div class="form-group">
-                        <label for="questions">{{ form.questions.label }}</label> {{ form.questions }}
-                        <span class="danger">{{ form.questions.errors }}</span>
-                        <small class="d-block text-muted">Hold down "Control", or "Command" on a Mac, to select more than one.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="random_order">{{ form.random_order.label }}</label> {{ form.random_order }}
-                        <span class="danger">{{ form.random_order.errors }}</span>
-                        <small class="d-block text-muted">Display the questions in a random order or as they are set?</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="answers_at_end">{{ form.answers_at_end.label }}</label> {{ form.answers_at_end }}
-                        <span class="danger">{{ form.answers_at_end.errors }}</span>
-                        <small class="d-block text-muted">Correct answer is NOT shown after question. Answers displayed at the end.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="exam_paper">{{ form.exam_paper.label }}</label> {{ form.exam_paper }}
-                        <span class="danger">{{ form.exam_paper.errors }}</span>
-                        <small class="d-block text-muted">If yes, the result of each attempt by a user will be stored. Necessary for marking.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="single_attempt">{{ form.single_attempt.label }}</label> {{ form.single_attempt }}
-                        <span class="danger">{{ form.single_attempt.errors }}</span>
-                        <small class="d-block text-muted">If yes, only one attempt by a user will be permitted. Non users cannot sit this exam.</small>
-                    </div>
-                    <div class="form-group">
-                        <label for="draft">{{ form.draft.label }}</label> {{ form.draft }}
-                        <span class="danger">{{ form.draft.errors }}</span>
-                        <small class="d-block text-muted">If yes, the quiz is not displayed in the quiz list and can only be taken by users who can edit quizzes.</small>
-                    </div>
-                </div>
-            </div>
-        </div>
-        <center>
-            <button class="btn btn-primary my-4" type="submit">Save & Continue</button>
-        </center>
-    </form> -->
-
     <form action="" method="POST">{% csrf_token %}
         <div class="row">
             <div class="col-md-6">
                 <div class="card p-2">
                 <!-- <div class="container"> -->
-                    <div class="form-group" hidden>
+                    <div class="mb-2" hidden>
                         <label for="course">{{ form.course.label }}</label><br> {{ form.course }}
                         <span class="danger">{{ form.course.errors }}</span>
                         <span class="danger">{{ form.course.errors }}</span>
                     </div>
-                    <div class="form-group">
-                        <label for="category">{{ form.category.label }}</label> {{ form.category }}
-                        <span class="danger">{{ form.category.errors }}</span>
+                    <div class="mb-2">
+                        {{ form.category|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="title">{{ form.title.label }}</label>
-                        {{ form.title }}
-                        <!-- <input type="text" name="title" value="{{ form.title }}" maxlength="60" required id="id_title" class="form-control"> -->
+                    <div class="mb-2">
+                        {{ form.title|as_crispy_field }}
                     </div>
-                    <!-- <div class="form-group">
+                    <!-- <div class="mb-2">
                         <label for="max_questions">{{ form.max_questions.label }}</label>
                         <input class="form-control" type="number" name="max_questions" min="0" id="id_max_questions">
                         <span class="danger">{{ form.max_questions.errors }}</span>
                         <small class="d-block text-muted">Number of questions to be answered on each attempt.</small>
                     </div> -->
-                    <div class="form-group">
-                        <label for="pass_mark">{{ form.pass_mark.label }}</label>
-                        {{ form.pass_mark }}
-                        <!-- <input class="form-control" type="number" name="pass_mark" value="50" id="id_pass_mark"> -->
-                        <span class="danger">{{ form.pass_mark.errors }}</span>
-                        <small class="d-block text-muted">Percentage required to pass exam.</small>
+                    <div class="mb-2">
+                        {{ form.pass_mark|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="description">{{ form.description.label }}</label><br>
-                        {{ form.description }}
-                        <!-- <textarea name="description" class="form-control" id="id_description"></textarea> -->
-                        <span class="danger">{{ form.description.errors }}</span>
-                        <small class="d-block text-muted">a description of the quiz</small>
+                    <div class="mb-2">
+                        {{ form.description|as_crispy_field }}
                     </div>
                 <!-- </div> -->
                 </div>
@@ -138,52 +47,32 @@
             <div class="col-md-6">
                 <div class="card p-3">
                 <!-- <div class="container"> -->
-                    <div class="form-group" hidden>
+                    <div class="mb-2" hidden>
                         <label for="questions">{{ form.questions.label }}</label><br> {{ form.questions }}
                         <span class="danger">{{ form.questions.errors }}</span>
                         <small class="d-block text-muted">Hold down "Control", or "Command" on a Mac, to select more than one.</small>
                     </div>
-                    <div class="form-group">
-                        <label for="random_order">{{ form.random_order.label }}</label>
-                        {{ form.random_order }}
-                        <!-- <input class="custom-checkbox" type="checkbox" name="random_order" id="id_random_order"> -->
-                        <span class="danger">{{ form.random_order.errors }}</span>
-                        <small class="d-block text-muted">Display the questions in a random order or as they are set?</small>
+                    <div class="mb-2">
+                        {{ form.random_order|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="answers_at_end">{{ form.answers_at_end.label }}</label>
-                        {{ form.answers_at_end }}
-                        <!-- <input class="custom-checkbox" type="checkbox" name="answers_at_end" id="id_answers_at_end"> -->
-                        <span class="danger">{{ form.answers_at_end.errors }}</span>
-                        <small class="d-block text-muted">Correct answer is NOT shown after question. Answers displayed at the end.</small>
+                    <div class="mb-2">
+                        {{ form.answers_at_end|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="exam_paper">{{ form.exam_paper.label }}</label>
-                        {{ form.exam_paper }}
-                        <!-- <input class="custom-checkbox" type="checkbox" name="exam_paper" id="id_exam_paper"> -->
-                        <span class="danger">{{ form.exam_paper.errors }}</span>
-                        <small class="d-block text-muted">If yes, the result of each attempt by a user will be stored. Necessary for marking.</small>
+                    <div class="mb-2">
+                        {{ form.exam_paper|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="single_attempt">{{ form.single_attempt.label }}</label>
-                        {{ form.single_attempt }}
-                        <!-- <input class="custom-checkbox" type="checkbox" name="single_attempt" id="id_single_attempt"> -->
-                        <span class="danger">{{ form.single_attempt.errors }}</span>
-                        <small class="d-block text-muted">If yes, only one attempt by a user will be permitted. Non users cannot sit this exam.</small>
+                    <div class="mb-2">
+                        {{ form.single_attempt|as_crispy_field }}
                     </div>
-                    <div class="form-group">
-                        <label for="draft">{{ form.draft.label }}</label>
-                        {{ form.draft }}
-                        <!-- <input class="custom-checkbox" type="checkbox" name="draft" id="id_draft"> -->
-                        <span class="danger">{{ form.draft.errors }}</span>
-                        <small class="d-block text-muted">If yes, the quiz is not displayed in the quiz list and can only be taken by users who can edit quizzes.</small>
+                    <div class="mb-2">
+                        {{ form.draft|as_crispy_field }}
                     </div>
                 <!-- </div> -->
                 </div>
             </div>
         </div>
         <center>
-            <button class="btn btn-lg btn-primary my-4" id="{% if form.is_valid %}btn-transition{% endif %}" type="submit">Save & Continue</button>
+            <button class="btn btn-lg btn-primary my-4" id="{% if form.is_valid %}btn-transition{% endif %}" type="submit">Save &amp; Continue</button>
         </center>
     </form>
 </div>
diff --git a/templates/quiz/quiz_list.html b/templates/quiz/quiz_list.html
index 5fb8bd6..346aa49 100644
--- a/templates/quiz/quiz_list.html
+++ b/templates/quiz/quiz_list.html
@@ -27,7 +27,7 @@
 
     <style>.bg-light-warning{background-color: rgb(252, 217, 111) !important;}</style>
 
-    <div class="header-title-xl text-center">Quiz list of {{ course }}</div>
+    <div class="header-title-md text-center">Quizzes [{{ course }}]</div>
     <div class="title-line mb-5"></div>
 
     {% if request.user.is_superuser or request.user.is_lecturer %}
@@ -38,22 +38,9 @@
         {% for quiz in quizzes %}
         <div class="col-md-4 mb-4 mx-auto text-center">
             <div class="card p-2 quiz-wrapper">
-                {% if request.user.is_superuser or request.user.is_lecturer %}
-                <div class="update-delete-wrapper">
-                    <div class="navbar">
-                        <li class="dropdown">
-                            <a class="dropdown-toggle-split" href="#" id="dropdown01" data-toggle="dropdown"><i class="fas fa-ellipsis-v text-white"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown01">
-                                <a href="{% url 'quiz_update' slug=course.slug pk=quiz.id %}" class="update"><i class="fas fa-pencil-alt"></i> Edit</a>
-                                <a href="{% url 'quiz_delete' slug=course.slug pk=quiz.id %}" class="delete"><i class="fas fa-trash-alt"></i> Delete</a>
-                            </div>
-                        </li>
-                    </div>
-                </div>
-                {% endif %}
-                <div class="row text-success mb-4">
-                    <em class="col-6 text-left">{{ quiz.category|title }} Quiz</em>
-                    <div class="col-6 text-right info-text bg-danger" style="border-bottom-right-radius: 1px; border-top-right-radius: 1px;">
+                <div class="d-flex justify-content-between align-items-center text-success mb-4">
+                    <em class="text-left">{{ quiz.category|title }} Quiz</em>
+                    <div class="text-right info-text bg-danger" style="border-bottom-right-radius: 1px; border-top-right-radius: 1px;">
                         {{ quiz.get_questions.count }} Questions
                     </div>
                 </div>
@@ -71,7 +58,19 @@
                     <small class="col-6 text-left">{% trans "Category" %}: <b>{{ quiz.category }}</b></small>
                     <small class="col-6 text-right">Time set: <b>1:30</b></small>
                 </div> -->
-                <a class="btn btn-block btn-secondary" href="{% url 'quiz_take' pk=course.pk slug=quiz.slug %}">{% trans "Start quiz" %} &raquo;</a>
+                <div class="d-flex">
+                    <a class="btn btn-block btn-secondary" href="{% url 'quiz_take' pk=course.pk slug=quiz.slug %}">{% trans "Start quiz" %} &raquo;</a>
+
+                    {% if request.user.is_superuser or request.user.is_lecturer %}
+                        <li class="dropdown">
+                            <a class="btn btn-default bg-light ml-2" href="#" id="dropdown01" data-toggle="dropdown"><i class="fas fa-ellipsis-v m-0"></i></a>
+                            <div class="dropdown-menu dropdown-menu-top-left" aria-labelledby="dropdown01">
+                                <a href="{% url 'quiz_update' slug=course.slug pk=quiz.id %}" class="update"><i class="fas fa-pencil-alt"></i> Edit</a>
+                                <a href="{% url 'quiz_delete' slug=course.slug pk=quiz.id %}" class="delete"><i class="fas fa-trash-alt"></i> Delete</a>
+                            </div>
+                        </li>
+                    {% endif %}
+                </div>
             </div>
         </div>
         {% if forloop.counter|divisibleby:3 %}</div><div class="row">{% endif %}