.

atlas/templates/atlas/series_viewer.html

@@ -11,11 +11,9 @@ This series is not associated with any cases.
 
 <div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ series.get_image_url_array }}" data-annotations=''></div>
 
-<form method="post" id="series_finding_form">
+<button id="add-finding-button">Add finding</button>
-    {% csrf_token %}
+<div id="finding-form">
-    {{ series_finding_form }}
+</div>
-    <input type="submit" value="Submit">
-</form>
 
 <div>Author: {{ series.get_author_display }}</div>
 <details>
@@ -39,3 +37,23 @@ This series is not associated with any cases.
 <p>Total image size: {{series.get_total_image_size|filesizeformat}}</p>
 <p><a href="{% url 'atlas:series_download' pk=series.pk %}">Download images</a></p>
 </details>
+
+<div class="hidden" id="hidden-form">
+<form method="post" id="series_finding_form">
+    {% csrf_token %}
+    {{ series_finding_form }}
+    <input type="submit" value="Submit">
+</form>
+</div>
+
+
+<script>
+$(document).ready(function (
+    $("#add-finding-button").click(() =>{
+        $("#finding-form").clear().append(
+        $("#hidden-form form").clone();
+        );
+
+    })
+));
+</script>