From fc09097958b1127ad3f86701b792316898f1a482 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Sat, 2 Oct 2021 15:48:00 +0100
Subject: [PATCH] .

---
 .../templates/anatomy/question_detail.html    | 68 ++++++++++---------
 1 file changed, 37 insertions(+), 31 deletions(-)

diff --git a/anatomy/templates/anatomy/question_detail.html b/anatomy/templates/anatomy/question_detail.html
index ca381164..d6da1fb5 100644
--- a/anatomy/templates/anatomy/question_detail.html
+++ b/anatomy/templates/anatomy/question_detail.html
@@ -10,21 +10,23 @@
     <a href="{% url 'anatomy:question_clone' question.id %}" title="Clone the Question">Clone</a>
     <a href="{% url 'anatomy:question_delete' pk=question.pk %}" title="Delete the Question">Delete</a>
     <a href="{% url 'anatomy:question_delete' pk=question.pk %}" title="Delete the Question">Delete</a>
-    <a href="#" onclick="return window.create_popup_window('{% url 'feedback_create' question_type='anatomy' pk=question.pk %}')"> Add Note</a>
+    <a href="#"
+        onclick="return window.create_popup_window('{% url 'feedback_create' question_type='anatomy' pk=question.pk %}')">
+        Add Note</a>
     <a href="{% url 'admin:anatomy_anatomyquestion_change' question.id %}"
         title="Edit the Question using the admin interface">Admin Edit</a>
-{% if exam %}
-<div>
+    {% if exam %}
+    <div>
 
-    {% if previous > -1 %}
-    <a href="{% url 'anatomy:exam_question_detail' exam.id previous %}">Previous question</a>
+        {% if previous > -1 %}
+        <a href="{% url 'anatomy:exam_question_detail' exam.id previous %}">Previous question</a>
+        {% endif %}
+        Viewing question as part of exam: {{exam.name}} [{{pos}}/{{exam_length}}]
+        {% if next %}
+        <a href="{% url 'anatomy:exam_question_detail' exam.id next %}">Next question</a>
+        {% endif %}
+    </div>
     {% endif %}
-    Viewing question as part of exam: {{exam.name}} [{{pos}}/{{exam_length}}]
-    {% if next %}
-    <a href="{% url 'anatomy:exam_question_detail' exam.id next %}">Next question</a>
-    {% endif %}
-</div>
-{% endif %}
 </div>
 <button id="save-annotations">Save Annotations</button>
 <div id="dicom-image" class="dicom-image" data-url="https://www.penracourses.org.uk{{ question.image.url}}"
@@ -68,38 +70,44 @@
     </div>
     {% include 'question_notes.html' %}
     <div>
-        <span id="annotation-json-toggle">Annotation JSON (+/-):</span> <span id="annotation-json-content">
-        
-        {% if question.image_annotations %}
+        <details>
+            <summary>
+                <span id="annotation-json-toggle">Annotation JSON (+/-):</span> <span id="annotation-json-content">
+            </summary>
+
+            {% if question.image_annotations %}
             <pre>{{ question.image_annotations }}</pre>
-        {% else %}
-           No saved annotations. 
-        {% endif %}
-        </span>
+            {% else %}
+            No saved annotations.
+            {% endif %}
+            </span>
+        </details>
     </div>
 </div>
 <script type="text/javascript">
     $(document).ready(function () {
 
-        $("#annotation-json-toggle").click(() => { $("#annotation-json-content").toggle() });
+        //$("#annotation-json-toggle").click(() => {
+        //    $("#annotation-json-content").toggle()
+        //});
 
         // send request to change the is_private state on customSwitches toggle
         $("#save-annotations").click(function () {
             json = getJsonToolStateNoId();
             $.ajax({
-                url: "{% url 'anatomy:question_save_annotation' pk=question.pk %}",
-                data: {
-                    csrfmiddlewaretoken: "{{ csrf_token }}",
-                    annotation: json,
-                },
-                type: "POST",
-                dataType: "json",
-                error: function(e) {
+                    url: "{% url 'anatomy:question_save_annotation' pk=question.pk %}",
+                    data: {
+                        csrfmiddlewaretoken: "{{ csrf_token }}",
+                        annotation: json,
+                    },
+                    type: "POST",
+                    dataType: "json",
+                    error: function (e) {
                         toastr.warning(`Error saving annotations`)
                         console.log(e);
                     },
-                
-            })
+
+                })
                 // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
                 .done(function (data) {
                     console.log(data);
@@ -134,7 +142,5 @@
         return json_tool_state;
 
     }
-
-
 </script>
 {% endblock %}
\ No newline at end of file