.

atlas/templates/atlas/author_list.html

@@ -2,7 +2,7 @@
 
 {% block content %}
 
-{% for author in authors %}
-<p>Author: <a href="{% url 'atlas:author_detail' pk=author.pk %}">{{author.username}}</a>, </p>
-{% endfor %}
+    {% for author in authors %}
+        <p>Author: <a href="{% url 'atlas:author_detail' pk=author.pk %}">{{author.username}}</a>, </p>
+    {% endfor %}
 {% endblock %}

atlas/templates/atlas/base.html

@@ -1,7 +1,7 @@
 {% extends 'base.html' %}
 
 {% block title %}
-Atlas
+    Atlas
 {% endblock %}
 
 {% block css %}
@@ -15,16 +15,16 @@ Atlas
 {% block content %}
 {% endblock %}
 {% block navigation %}
-Atlas: 
-{% if request.user.is_authenticated %}
-<a href="{% url 'atlas:case_view' %}">Cases</a> /
-<a href="{% url 'atlas:series_view' %}">Series</a> /
-<a href="{% url 'atlas:collection_view' %}">Collections</a> /
-<a href="{% url 'atlas:categories_list' %}">Categories</a> /
-<a href="{% url 'atlas:case_create' %}" title="Create a new atlas case">Create Case</a> /
-<a href="{% url 'atlas:series_create' %}" title="Create a new image series">Create Series</a>
-{% endif %}
-{% comment %} </br>
+    Atlas:
+    {% if request.user.is_authenticated %}
+        <a href="{% url 'atlas:case_view' %}">Cases</a> /
+        <a href="{% url 'atlas:series_view' %}">Series</a> /
+        <a href="{% url 'atlas:collection_view' %}">Collections</a> /
+        <a href="{% url 'atlas:categories_list' %}">Categories</a> /
+        <a href="{% url 'atlas:case_create' %}" title="Create a new atlas case">Create Case</a> /
+        <a href="{% url 'atlas:series_create' %}" title="Create a new image series">Create Series</a>
+    {% endif %}
+    {% comment %} </br>
 Questions by:
 <span id="authors-link"><a href="{% url 'atlas:author_list' %}">author</a></span> {% endcomment %}
 {% endblock %}

atlas/templates/atlas/case_detail.html

@@ -4,7 +4,7 @@
 
 
 
-<div class="floating-header">
+    <div class="floating-header">
         <a href="{% url 'atlas:case_update' pk=case.pk %}" title="Edit the Case">Edit</a>
         <a href="{% url 'atlas:case_clone' pk=case.pk %}"
             title="Clone the Case (duplicate everything but the images)">Clone</a>
@@ -15,10 +15,10 @@
         {% if request.user.is_superuser %}
             <a href="{% url 'admin:atlas_case_change' case.id %}" title="Edit the Case using the admin interface">Admin Edit</a>
         {% endif %}
-</div>
+    </div>
     {% include 'atlas/case_display_block.html' %}
-    {% endblock %}
+{% endblock %}
 
-    {% block js %}
+{% block js %}
 
-    {% endblock %}
+{% endblock %}

atlas/templates/atlas/case_display_block.html

@@ -111,8 +111,8 @@
         {% endfor %}
     </ul>
 </p>
-    <p class="pre-whitespace"><b>Previous case:</b> {{ case.previous_case }}</p>
-    <p class="pre-whitespace"><b>Next case:</b> {{ case.next_case }}</p>
+<p class="pre-whitespace"><b>Previous case:</b> {{ case.previous_case }}</p>
+<p class="pre-whitespace"><b>Next case:</b> {{ case.next_case }}</p>
 <div>
     {% include 'question_notes.html' %}
 

atlas/templates/atlas/case_form.html

@@ -4,10 +4,10 @@
 {% block css %}
 {% endblock %}
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
-{{form.media}}
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    {{form.media}}
 
-<script type="text/javascript">
+    <script type="text/javascript">
         function showEditPopup(url) {
             var win = window.open(url, "Edit",
                 'height=500,width=800,resizable=yes,scrollbars=yes');
@@ -44,14 +44,14 @@
             $('#add_more_differential').click(() => { add_differential_input_form() });
         })
 
-</script>
+    </script>
 
-<!-- {{ form.media }} -->
+    <!-- {{ form.media }} -->
 {% endblock %}
 {% block content %}
-<h2>Submit Case</h2>
-Use this form to create a atlas case. Existing associated image sets can be added using this form.
-<form action="" method="post" enctype="multipart/form-data" id="atlas-form">
+    <h2>Submit Case</h2>
+    Use this form to create a atlas case. Existing associated image sets can be added using this form.
+    <form action="" method="post" enctype="multipart/form-data" id="atlas-form">
         {% csrf_token %}
 
         <table>
@@ -84,15 +84,15 @@ Use this form to create a atlas case. Existing associated image sets can be adde
         </div>
         {{ casedifferential_formset.management_form }}
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
-<div id="empty_series_form" style="display:none">
+    </form>
+    <div id="empty_series_form" style="display:none">
         <ul class='no_error series-formset'>
             {{ series_formset.empty_form.as_ul }}
         </ul>
-</div>
-<div id="empty_casedifferential_form" style="display:none">
+    </div>
+    <div id="empty_casedifferential_form" style="display:none">
         <ul class='no_error casedifferential_formset'>
             {{ casedifferential_formset.empty_form.as_ul }}
         </ul>
-</div>
+    </div>
 {% endblock %}

atlas/templates/atlas/case_view.html

@@ -6,14 +6,14 @@
 
 {% block content %}
 
-<div id="view-filter-options">
+    <div id="view-filter-options">
         <h3>Filter Long </h3>
-<form action="" method="get">
+        <form action="" method="get">
             {{ filter.form }}
             <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
-</form>
-</div>
-{% render_table table %}
+        </form>
+    </div>
+    {% render_table table %}
 
 {% endblock %}
 

atlas/templates/atlas/casecollection_form.html

@@ -4,10 +4,10 @@
 {% block css %}
 {% endblock %}
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
-{{form.media}}
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    {{form.media}}
 
-<script type="text/javascript">
+    <script type="text/javascript">
         function add_case_input_form() {
             var form_idx = $('#id_casedetail_set-TOTAL_FORMS').val();
             $('#case_formset').append($('#empty_case_form').html().replace(/__prefix__/g, form_idx));
@@ -19,13 +19,13 @@
             $('#add_more_case').click(() => { add_case_input_form() });
         })
 
-</script>
-<!-- {{ form.media }} -->
+    </script>
+    <!-- {{ form.media }} -->
 {% endblock %}
 {% block content %}
-<h2>Create Collection</h2>
-Use this form to create a collection of cases
-<form action="" method="post" enctype="multipart/form-data" id="atlas-form">
+    <h2>Create Collection</h2>
+    Use this form to create a collection of cases
+    <form action="" method="post" enctype="multipart/form-data" id="atlas-form">
         {% csrf_token %}
 
         <table>
@@ -45,10 +45,10 @@ Use this form to create a collection of cases
         </div>
         {{ case_formset.management_form }}
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
-<div id="empty_case_form" style="display:none">
+    </form>
+    <div id="empty_case_form" style="display:none">
         <ul class='no_error case-formset'>
             {{ case_formset.empty_form.as_ul }}
         </ul>
-</div>
+    </div>
 {% endblock %}

atlas/templates/atlas/categories_list.html

@@ -1,12 +1,12 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-<ul>
+    <ul>
         <li><a href="{% url 'atlas:condition_view' %}">Conditions</a></li>
         <li><a href="{% url 'atlas:finding_view' %}">Findings</a></li>
         <li><a href="{% url 'atlas:structure_view' %}">Structures</li></a>
         <li><a href="{% url 'atlas:subspecialty_view' %}">Subspecialties</li></a>
         <li><a href="{% url 'atlas:presentation_view' %}">Presentations</li></a>
         <li><a href="{% url 'atlas:pathological_process_view' %}">Pathological Process</li></a>
-</ul>
+    </ul>
 {% endblock %}

atlas/templates/atlas/category_detail.html

@@ -1,13 +1,13 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-{{category}}:
-<ul>
+    {{category}}:
+    <ul>
         {% for atlas in atlas %}
             <li><a href="{% url 'atlas:case_detail' pk=atlas.pk %}">{{atlas}}
                 [{{atlas.get_authors}}]</a></li>
 
         {% endfor %}
-</ul>
+    </ul>
 
 {% endblock %}

atlas/templates/atlas/collection_candidates.html

@@ -1,8 +1,8 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-{% include 'atlas/collection_headers.html' %}
+    {% include 'atlas/collection_headers.html' %}
 
-{% include "generic/exam_cids.html" %}
+    {% include "generic/exam_cids.html" %}
 
 {% endblock %}

atlas/templates/atlas/collection_case_view.html

@@ -1,26 +1,26 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-<h2>Case {{case_number|add:1}}
+    <h2>Case {{case_number|add:1}}
 
         {% if collection.show_title %}
             : {{case.title}}
         {% endif %}
 
-</h2>
+    </h2>
 
-{% if collection.show_description and case.description%}
-<div>
+    {% if collection.show_description and case.description%}
+        <div>
             Description: {{case.description}}
-</div>
-{% endif %}
-{% if collection.show_history and case.history%}
-<div>
+        </div>
+    {% endif %}
+    {% if collection.show_history and case.history%}
+        <div>
             Description: {{case.history}}
-</div>
-{% endif %}
+        </div>
+    {% endif %}
 
-<div class="pre-whitespace multi-image-block">
+    <div class="pre-whitespace multi-image-block">
         {% for series in series_list %}
             <span class="series-block">
                 <span>
@@ -31,35 +31,35 @@
                 </span>
             </span>
         {% endfor %}
-</div>
+    </div>
 
-<div>
+    <div>
         <div id="single-dicom-viewer" class="dicom-viewer" data-images="" data-annotations=''>
         </div>
 
-</div>
-{% if collection.show_discussion and case.discussion%}
-<details>
+    </div>
+    {% if collection.show_discussion and case.discussion%}
+        <details>
             <summary>
                 Discussion:
             </summary>
             <div>
                 {{case.discussion}}
             </div>
-</details>
-{% endif %}
-{% if collection.show_report and case.report%}
-<details>
+        </details>
+    {% endif %}
+    {% if collection.show_report and case.report%}
+        <details>
             <summary>
                 Report:
             </summary>
             <div>
                 {{case.report}}
             </div>
-</details>
-{% endif %}
+        </details>
+    {% endif %}
 
-{% if take %}
+    {% if take %}
         <form method="POST" class="post-form">{% csrf_token %}
             <div class="form-contents">
                 {% if collection.publish_results %}<fieldset disabled="disabled">{% endif %}
@@ -85,23 +85,23 @@
             <button type="submit" name="finish" class="save btn btn-default">Overview</button>
             <button type="submit" id="goto-button" value="test" name="goto" class="hide">goto</button>
         </form>
-{% else %}
-<div>
+    {% else %}
+        <div>
             {% if previous %}
                 <a href="{% url 'atlas:collection_case_view' pk=collection.pk case_number=case_number|add:-1 %}">Previous</a>
             {% endif %}
             {% if next %}
                 <a href="{% url 'atlas:collection_case_view' pk=collection.pk case_number=case_number|add:1 %}">Next</a>
             {% endif %}
-</div>
-<br />
-Return to <a href='{{collection.get_absolute_url}}'>collection</a>
+        </div>
+        <br />
+        Return to <a href='{{collection.get_absolute_url}}'>collection</a>
 
-{% endif %}
+    {% endif %}
 
 {% endblock %}
 {% block js %}
-<script type="text/javascript">
+    <script type="text/javascript">
         window.images = {
             {% for series in series_list %}
                 {{ forloop.counter0 }}: ["{{ series.get_image_url_array_not_json }}"],
@@ -113,6 +113,6 @@ Return to <a href='{{collection.get_absolute_url}}'>collection</a>
                 window.loadDicomViewer(window.images[0])
             }, 500);
         })
-</script>
+    </script>
 
 {% endblock js %}

atlas/templates/atlas/collection_detail.html

@@ -1,14 +1,14 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-{% include 'atlas/collection_headers.html' %}
-<ul>
-{% for case in collection.cases.all %}
-<li><a href="{% url 'atlas:collection_case_view' pk=collection.pk case_number=forloop.counter0 %}">Case {{forloop.counter}}</a>
+    {% include 'atlas/collection_headers.html' %}
+    <ul>
+        {% for case in collection.cases.all %}
+            <li><a href="{% url 'atlas:collection_case_view' pk=collection.pk case_number=forloop.counter0 %}">Case {{forloop.counter}}</a>
                 : {{case.title}}
-</li>
+            </li>
 
-{% endfor %}
-</ul>
+        {% endfor %}
+    </ul>
 
 {% endblock %}

atlas/templates/atlas/collection_headers.html

@@ -1,17 +1,17 @@
 
 {% if request.user.is_authenticated %}
-Collection: {{collection.name}}-> <a href="{% url 'atlas:collection_detail' pk=collection.pk %}">Overview</a> / 
-<a href="{% url 'atlas:collection_mark_overview' collection.pk %}">Mark</a> /
-<a href="{% url 'atlas:collection_scores_cid' collection.pk %}">Scores</a> /
-<a href="{% url 'atlas:collection_candidates' collection.pk %}">Candidates</a>
-<div class="floating-header">
+    Collection: {{collection.name}}-> <a href="{% url 'atlas:collection_detail' pk=collection.pk %}">Overview</a> /
+    <a href="{% url 'atlas:collection_mark_overview' collection.pk %}">Mark</a> /
+    <a href="{% url 'atlas:collection_scores_cid' collection.pk %}">Scores</a> /
+    <a href="{% url 'atlas:collection_candidates' collection.pk %}">Candidates</a>
+    <div class="floating-header">
         <a href="{% url 'atlas:collection_update' collection.id %}" title="Edit the Collection">Edit</a>
         \ <a href="{% url 'atlas:collection_delete' collection.id %}" title="Delete the Collection">Delete</a>
         {% comment %} \ <a href="{% url 'atlas:collection_clone' collection.id %}" title="Clone the Collection">Clone</a> {% endcomment %}
-{% if request.user.is_superuser %}
+        {% if request.user.is_superuser %}
             \ <a href="{% url 'admin:atlas_casecollection_change' collection.id %}" title="Edit the Collection using the admin interface">Admin Edit</a>
-{% endif %}
-</div>
+        {% endif %}
+    </div>
 {% endif %}
 
 

atlas/templates/atlas/collection_index_view.html

@@ -1,10 +1,10 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-<a href="{% url 'atlas:collection_create' %}">Create collection</a>
-<ul>
-{% for collection in collections %}
-<li><a href='{{collection.get_absolute_url}}'>{{collection.name}}</a></li>
-{% endfor %}
-</ul>
+    <a href="{% url 'atlas:collection_create' %}">Create collection</a>
+    <ul>
+        {% for collection in collections %}
+            <li><a href='{{collection.get_absolute_url}}'>{{collection.name}}</a></li>
+        {% endfor %}
+    </ul>
 {% endblock %}

atlas/templates/atlas/collection_mark_overview.html

@@ -1,10 +1,10 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-{% include 'atlas/collection_headers.html' %}
+    {% include 'atlas/collection_headers.html' %}
 
-<div class="vstack gap-3">
-{% for case_detail, answers in case_map.items %}
+    <div class="vstack gap-3">
+        {% for case_detail, answers in case_map.items %}
             <div class="border border-dark">
                 <h4>Case: {{case_detail.case.title}}</h4>
                 Answers
@@ -12,19 +12,19 @@
                     {% for answer in answers %}
                         <li {% if not answer.score %}class="flagged"{% endif %}>{{answer.answer}}
                             {% if not answer.score %}
-<span class="badge rounded-pill bg-danger">Unmarked</span>
+                                <span class="badge rounded-pill bg-danger">Unmarked</span>
 
 
                             {% else %}
-<span class="badge rounded-pill bg-info">Score: {{answer.score}}</span>
+                                <span class="badge rounded-pill bg-info">Score: {{answer.score}}</span>
                             {% endif %}
                         </li>
                     {% endfor %}
                 </ul>
-<a href="{% url 'atlas:collection_mark_question' collection.pk forloop.counter0 %}">Mark</a>
-</div>
+                <a href="{% url 'atlas:collection_mark_question' collection.pk forloop.counter0 %}">Mark</a>
+            </div>
 
-{% endfor %}
-</div>
+        {% endfor %}
+    </div>
 
 {% endblock %}

atlas/templates/atlas/collection_mark_question.html

@@ -3,9 +3,10 @@
 {% block content %}
     {% include 'atlas/collection_headers.html' %}
     <h3>Marking case: {{case.title}}</h3>
+    <button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">View Case</button>
 
     <form method="POST" class="post-form">{% csrf_token %}
-<div class="vstack gap-3">
+        <div class="vstack gap-3">
             {% for answer, form in answer_forms %}
                 <div class="border border-dark">
                     CID: {{answer.cid}}<br />
@@ -31,4 +32,24 @@
 
     </form>
 
+
+    <div class="offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop" aria-labelledby="offcanvasTopLabel">
+        <div class="offcanvas-header">
+            <h5 id="offcanvasTopLabel">Offcanvas top</h5>
+            <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
+        </div>
+        <div class="offcanvas-body">
+        {% for series in series_list %}
+            <span class="series-block">
+                <span>
+                    Series {{ forloop.counter }}:
+                    <a href="#" onclick='window.loadDicomViewer(window.images[{{forloop.counter0}}])'>
+                        {{series.get_block}}
+                    </a>
+                </span>
+            </span>
+        {% endfor %}
+        </div>
+    </div>
+
 {% endblock %}

atlas/templates/atlas/collection_series_viewer.html

@@ -5,7 +5,7 @@
 </div>
 
 {% if editing_finding < 1 %}
-<button id="add-finding-button">Add finding</button>
+    <button id="add-finding-button">Add finding</button>
 {% endif %}
 <button id="reset-viewport-button">Reset viewport</button>
 <div id="finding-form">

atlas/templates/atlas/collection_take.html

@@ -1,10 +1,10 @@
 {% extends 'atlas/base.html' %}
 
 {% block content %}
-<h2>{{collection.name}}
-<ul>
-</ul>
-{% if collection.collection_type == "REP" %}
+    <h2>{{collection.name}}
+        <ul>
+        </ul>
+        {% if collection.collection_type == "REP" %}
             <h2>Start: {{exam.name}}</h2>
 
             Enter your CID and passcode in the below boxes.<br />
@@ -48,6 +48,6 @@
                     });
                 });
             </script>
-{% endif %}
+        {% endif %}
 
 {% endblock %}

atlas/templates/atlas/condition_form.html

@@ -4,23 +4,23 @@
 {% block css %}
 {% endblock %}
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
-{{form.media}}
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    {{form.media}}
 
-<script type="text/javascript">
-</script>
+    <script type="text/javascript">
+    </script>
 
-<!-- {{ form.media }} -->
+    <!-- {{ form.media }} -->
 {% endblock %}
 {% block content %}
-<h2>Add/Edit Condition</h2>
-Use this form to create or edit a condition.
-<form action="" method="post" enctype="multipart/form-data" id="condition-form">
+    <h2>Add/Edit Condition</h2>
+    Use this form to create or edit a condition.
+    <form action="" method="post" enctype="multipart/form-data" id="condition-form">
         {% csrf_token %}
 
         <table>
             {{ form.as_table }}
         </table>
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
+    </form>
 {% endblock %}

atlas/templates/atlas/finding_form.html

@@ -4,23 +4,23 @@
 {% block css %}
 {% endblock %}
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
-{{form.media}}
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    {{form.media}}
 
-<script type="text/javascript">
-</script>
+    <script type="text/javascript">
+    </script>
 
-<!-- {{ form.media }} -->
+    <!-- {{ form.media }} -->
 {% endblock %}
 {% block content %}
-<h2>Add/Edit Finding</h2>
-Use this form to create or edit a finding.
-<form action="" method="post" enctype="multipart/form-data" id="finding-form">
+    <h2>Add/Edit Finding</h2>
+    Use this form to create or edit a finding.
+    <form action="" method="post" enctype="multipart/form-data" id="finding-form">
         {% csrf_token %}
 
         <table>
             {{ form.as_table }}
         </table>
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
+    </form>
 {% endblock %}

atlas/templates/atlas/pathological_process_detail.html

@@ -5,7 +5,7 @@
 
 
     <div class="floating-header">
-{% comment %}         <a href="{% url 'atlas:pathological_process_update' pk=pathological_process.pk %}" title="Edit the Condition">Edit</a>
+        {% comment %}         <a href="{% url 'atlas:pathological_process_update' pk=pathological_process.pk %}" title="Edit the Condition">Edit</a>
         <a href="{% url 'atlas:pathological_process_delete' pk=pathological_process.pk %}" title="Delete the Condition">Delete</a> {% endcomment %}
         {% if request.user.is_superuser %}
             <a href="{% url 'admin:atlas_pathologicalprocess_change' pathological_process.id %}"

atlas/templates/atlas/presentation_detail.html

@@ -5,7 +5,7 @@
 
 
     <div class="floating-header">
-{% comment %}         <a href="{% url 'atlas:presentation_update' pk=presentation.pk %}" title="Edit the Condition">Edit</a>
+        {% comment %}         <a href="{% url 'atlas:presentation_update' pk=presentation.pk %}" title="Edit the Condition">Edit</a>
         <a href="{% url 'atlas:presentation_delete' pk=presentation.pk %}" title="Delete the Condition">Delete</a> {% endcomment %}
         {% if request.user.is_superuser %}
             <a href="{% url 'admin:atlas_presentation_change' presentation.id %}"

atlas/templates/atlas/series_form.html

@@ -3,9 +3,9 @@
 {% load static %}
 
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
 
-<script type="text/javascript">
+    <script type="text/javascript">
         document.addEventListener('drop', function (e) { e.preventDefault(); }, false);
 
         function add_input_form() {
@@ -338,15 +338,15 @@
                 console.log(err);
             }
         }
-</script>
+    </script>
 
-{{ form.media }}
+    {{ form.media }}
 {% endblock %}
 {% block content %}
-<h2>Add Series</h2>
-This form will create a image set that can be associated with a atlas question. If the question has already been created
-it can be linked below.
-<form action="" method="post" enctype="multipart/form-data" id="atlas-form">
+    <h2>Add Series</h2>
+    This form will create a image set that can be associated with a atlas question. If the question has already been created
+    it can be linked below.
+    <form action="" method="post" enctype="multipart/form-data" id="atlas-form">
         {% csrf_token %}
         <a href="/generic/examination/create" id="add_examination" class="add-popup"
             onclick="return showAddPopup(this);"><img src="{% static '/img/icon-addlink.svg' %}"></a>
@@ -374,13 +374,13 @@ it can be linked below.
         </div>
         {{ image_formset.management_form }}
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
-<div id="empty_form" style="display:none">
+    </form>
+    <div id="empty_form" style="display:none">
         <ul class='no_error image-formset'>
             {{ image_formset.empty_form.as_ul }}
         </ul>
-</div>
-<div id="images">
+    </div>
+    <div id="images">
 
-</div>
+    </div>
 {% endblock %}

atlas/templates/atlas/series_viewer.html

@@ -2,19 +2,19 @@
 <div>Description: {{series.description}}</div>
 
 {% if series.case %}
-Associated case:
-{% for case in series.case.all %}
-<a href="{% url 'atlas:case_detail' pk=case.pk %}">{{case}}</a>
-{% endfor %}
+    Associated case:
+    {% for case in series.case.all %}
+        <a href="{% url 'atlas:case_detail' pk=case.pk %}">{{case}}</a>
+    {% endfor %}
 {% else %}
-This series is not associated with any cases.
+    This series is not associated with any cases.
 {% endif %}
 
 <div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ series.get_image_url_array }}" data-annotations=''>
 </div>
 
 {% if editing_finding < 1 %}
-<button id="add-finding-button">Add finding</button>
+    <button id="add-finding-button">Add finding</button>
 {% endif %}
 <button id="reset-viewport-button">Reset viewport</button>
 <div id="finding-form">

atlas/templates/atlas/structure_form.html

@@ -4,23 +4,23 @@
 {% block css %}
 {% endblock %}
 {% block js %}
-<!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
-{{form.media}}
+    <!--<script type="text/javascript" src="/admin/jsi18n/"></script>-->
+    {{form.media}}
 
-<script type="text/javascript">
-</script>
+    <script type="text/javascript">
+    </script>
 
-<!-- {{ form.media }} -->
+    <!-- {{ form.media }} -->
 {% endblock %}
 {% block content %}
-<h2>Add/Edit Structure</h2>
-Use this form to create or edit a structure.
-<form action="" method="post" enctype="multipart/form-data" id="structure-form">
+    <h2>Add/Edit Structure</h2>
+    Use this form to create or edit a structure.
+    <form action="" method="post" enctype="multipart/form-data" id="structure-form">
         {% csrf_token %}
 
         <table>
             {{ form.as_table }}
         </table>
         <input type="submit" class="submit-button" value="Submit" name="submit">
-</form>
+    </form>
 {% endblock %}

atlas/views.py

@@ -1170,11 +1170,14 @@ def collection_mark_question(request, pk, case_number):
             form = CidReportAnswerMarkForm(instance=answer, prefix=answer.pk)
             answer_forms.append((answer, form))
 
+    series_list = case.series.all().prefetch_related("images", "examination", "plane")
+
     return render(
         request,
         "atlas/collection_mark_question.html",
         {
             "collection": collection,
+            "series_list": series_list,
             "answers": answers,
             "case_detail": case_detail,
             "case": case,