.

atlas/templates/atlas/collection_mark_question.html

@@ -3,6 +3,7 @@
 {% 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">
@@ -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/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,