From df381ea0ad7b586c1ddbcb73badfac3c197c27b0 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Sat, 21 Aug 2021 09:16:15 +0100
Subject: [PATCH] .

---
 sbas/templates/sbas/exam_overview.html | 71 ++++++++++++--------------
 1 file changed, 33 insertions(+), 38 deletions(-)

diff --git a/sbas/templates/sbas/exam_overview.html b/sbas/templates/sbas/exam_overview.html
index c214ca23..beae151e 100644
--- a/sbas/templates/sbas/exam_overview.html
+++ b/sbas/templates/sbas/exam_overview.html
@@ -8,10 +8,13 @@
     This exam has {{question_number}} questions.
 
     <div class="parent-help" title="Click to enable / disable the exam">
-        Exam active: <input type="checkbox" id="exam-active-switch" {% if exam.active %}checked{% endif %}> <span class="help-text">[When checked the exam will be available to take in the test system]</span>
+        Exam active: <input type="checkbox" id="exam-active-switch" {% if exam.active %}checked{% endif %}> <span
+            class="help-text">[When checked the exam will be available to take in the test system]</span>
     </div>
     <div class="parent-help" title="Click to enable / disable the exam results">
-        Publish results: <input type="checkbox" id="exam-publish-results-switch" {% if exam.publish_results %}checked{% endif %}>  <span class="help-text">[When checked the exam results will be available on this site]</span>
+        Publish results: <input type="checkbox" id="exam-publish-results-switch"
+            {% if exam.publish_results %}checked{% endif %}> <span class="help-text">[When checked the exam results will
+            be available on this site]</span>
     </div>
     <!--<p><button><a href="{% url 'anatomy:exam_take' pk=exam.pk sk=0 %}">Click here to start</a></button></p>-->
     This exam will be available to take <a href="{% url 'sbas:exam_start' pk=exam.pk %}">here</a> (when active).
@@ -21,26 +24,18 @@
         {% for question in questions.all %}
 
         <li>
+            <span>
             {{ question.stem|safe }}
             <ol type="a" class="abcde">
-        <li>
-            {{ question.a_answer|safe }}
-        </li>
-        <li>
-            {{ question.b_answer|safe }}
-        </li>
-        <li>
-            {{ question.c_answer|safe }}
-        </li>
-        <li>
-            {{ question.d_answer|safe }}
-        </li>
-        <li>
-            {{ question.e_answer|safe }}
-        </li>
-        Best answer : {{question.best_answer}}
-        </ol>
-            Category: {{ question.category }}, <a href="{% url 'sbas:question_detail' pk=question.pk %}">View</a> <a href="{% url 'admin:sbas_question_change' question.id %}">Edit</a>
+                <li> {{ question.a_answer|safe }} </li>
+                <li> {{ question.b_answer|safe }} </li>
+                <li> {{ question.c_answer|safe }} </li>
+                <li> {{ question.d_answer|safe }} </li>
+                <li> {{ question.e_answer|safe }} </li> Best answer : {{question.best_answer}}
+            </ol>
+            </span>
+            Category: {{ question.category }}, <a href="{% url 'sbas:question_detail' pk=question.pk %}">View</a> <a
+                href="{% url 'admin:sbas_question_change' question.id %}">Edit</a>
 
         </li>
         {% endfor %}
@@ -53,20 +48,20 @@
         // send request to change the is_private state on customSwitches toggle
         $("#exam-active-switch").on("change", function () {
             $.ajax({
-                url: "{% url 'sbas:exam_toggle_active' pk=exam.pk %}",
-                data: {
-                    csrfmiddlewaretoken: "{{ csrf_token }}",
-                    active: this.checked // true if checked else false
-                },
-                type: "POST",
-                dataType: "json",
-            })
+                    url: "{% url 'sbas:exam_toggle_active' pk=exam.pk %}",
+                    data: {
+                        csrfmiddlewaretoken: "{{ csrf_token }}",
+                        active: this.checked // true if checked else false
+                    },
+                    type: "POST",
+                    dataType: "json",
+                })
                 // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
                 .done(function (data) {
                     console.log(data);
 
                     if (data.status == "success") {
-                    toastr.info('Exam state changed.')
+                        toastr.info('Exam state changed.')
                     }
                     // show some message according to the response. 
                     // For eg. A message box showing that the status has been changed
@@ -77,20 +72,20 @@
         })
         $("#exam-publish-results-switch").on("change", function () {
             $.ajax({
-                url: "{% url 'sbas:exam_toggle_results_published' pk=exam.pk %}",
-                data: {
-                    csrfmiddlewaretoken: "{{ csrf_token }}",
-                    publish_results: this.checked // true if checked else false
-                },
-                type: "POST",
-                dataType: "json",
-            })
+                    url: "{% url 'sbas:exam_toggle_results_published' pk=exam.pk %}",
+                    data: {
+                        csrfmiddlewaretoken: "{{ csrf_token }}",
+                        publish_results: this.checked // true if checked else false
+                    },
+                    type: "POST",
+                    dataType: "json",
+                })
                 // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
                 .done(function (data) {
                     console.log(data);
 
                     if (data.status == "success") {
-                    toastr.info('Publish results state changed.')
+                        toastr.info('Publish results state changed.')
                     }
                     // show some message according to the response. 
                     // For eg. A message box showing that the status has been changed