add the ablitiy to truncate series on the site

atlas/templates/atlas/series_viewer.html

@@ -10,47 +10,64 @@
     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>
-{% endif %}
-<button id="reset-viewport-button">Reset viewport</button>
-<div id="finding-form">
-    <div class="hide" id="hidden-form">
-        <form method="post" id="series_finding_form">
-            {% csrf_token %}
-            {{series_finding_form.management_form}}
-            <div>
-                <div>Description: {{ series_finding_form.description }}</div>
-                <div>Findings: {{ series_finding_form.findings }}</div>
-                <div>Structures: {{ series_finding_form.structures }}</div>
-            </div>
-            <input type="submit" value="Submit">
-            <button id="cancel-add-finding-button">Cancel</button>
-        </form>
+{% with image_url_array_and_count=series.get_image_url_array_and_count %}
+    <div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ image_url_array_and_count.0 }}" data-annotations=''>
     </div>
-</div>
 
-<details open>
-    <summary>Findings</summary>
-
-    {% for finding in series.findings.all %}
-        <div class="finding-box">
-            <button class="view-finding-button" data-annotationjson={{finding.annotation_json}}
-                    data-viewportjson={{finding.viewport_json}} data-findingid={{finding.id}}>Click to view</button>
-            <span class="view-finding-details">
-                Finding(s): {% for f in finding.findings.all %}{{f.get_link}}{% endfor %}<br />
-                Structure(s): {% for s in finding.structures.all %}{{s.get_link}}{% endfor %}<br />
-                Description: {{finding.description}}<br />
-            </span>
-            <a href="{% url 'atlas:series_edit_finding' pk=series.pk finding_pk=finding.pk %}" class="edit-finding-link">Edit</a>
-            <a href="{% url 'atlas:delete_finding' pk=finding.pk %}" class="delete-finding-link">Delete</a>
+    {% if editing_finding < 1 %}
+        <button id="add-finding-button">Add finding</button>
+    {% endif %}
+    <button id="reset-viewport-button">Reset viewport</button>
+    <div id="finding-form">
+        <div class="hide" id="hidden-form">
+            <form method="post" id="series_finding_form">
+                {% csrf_token %}
+                {{series_finding_form.management_form}}
+                <div>
+                    <div>Description: {{ series_finding_form.description }}</div>
+                    <div>Findings: {{ series_finding_form.findings }}</div>
+                    <div>Structures: {{ series_finding_form.structures }}</div>
+                </div>
+                <input type="submit" value="Submit">
+                <button id="cancel-add-finding-button">Cancel</button>
+            </form>
         </div>
+    </div>
 
-    {% endfor %}
-</details>
+    <details open>
+        <summary>Findings</summary>
+
+
+
+
+
+        {% for finding in series.findings.all %}
+            <div class="finding-box">
+                <button class="view-finding-button" data-annotationjson={{finding.annotation_json}}
+                        data-viewportjson={{finding.viewport_json}} data-findingid={{finding.id}}>Click to view</button>
+                <span class="view-finding-details">
+                    Finding(s): {% for f in finding.findings.all %}{{f.get_link}}{% endfor %}<br />
+                    Structure(s): {% for s in finding.structures.all %}{{s.get_link}}{% endfor %}<br />
+                    Description: {{finding.description}}<br />
+                </span>
+                <a href="{% url 'atlas:series_edit_finding' pk=series.pk finding_pk=finding.pk %}" class="edit-finding-link">Edit</a>
+                <a href="{% url 'atlas:delete_finding' pk=finding.pk %}" class="delete-finding-link">Delete</a>
+            </div>
+
+        {% endfor %}
+    </details>
+    <details>
+        <summary>Truncate series</summary>
+        <p>
+            This will limit the series to the selected bounds (the rest of the images will be deleted). This is useful when you have a large volume of which only a small area is relevant to the case. NOTE: once deleted the images cannot be recovered on the site (they would have to be reuploaded if required).
+        </p>
+        Start <input id="lower-truncation-bound-input" type="number" value="1"> <button id="set-lower-truncation-bound-button">Set</button><br/>
+        End <input  id="upper-truncation-bound-input"type="number" value="{{image_url_array_and_count.1}}"> <button id="set-upper-truncation-bound-button">Set</button><br/>
+        <button id="truncate-button">Trucate series</button>
+        <div id="trucate-output"></div>
+
+    </details>
+{% endwith %}
 
 
 <div>Author: {{ series.get_author_display }}</div>
@@ -72,20 +89,20 @@
         <summary>
             Image details
         </summary>
-            {% for image in series.images.all %}
-                [{{  image.id  }}] <a href='{% url "atlas:series_image_dicom" image.pk %}'>{{image.image.url}}</a>, pos: {{image.position}}, {{image.upload_filename}}
+        {% for image in series.get_images %}
+            [{{  image.id  }}] <a href='{% url "atlas:series_image_dicom" image.pk %}'>{{image.image.url}}</a>, pos: {{image.position}}, {{image.upload_filename}}
 
 
-                {% if image.image %}
-                    [{{image.image.size|filesizeformat}}]
-                {% endif %}
+            {% if image.image %}
+                [{{image.image.size|filesizeformat}}]
+            {% endif %}
 
-                {{image.image_md5_hash}} ({{image.is_dicom}})
+            {{image.image_md5_hash}} ({{image.is_dicom}})
 
-                <br />
+            <br />
         {% comment %} {{image.get_dicom_info|safe}}<br /> {% endcomment %}
 
-            {% endfor %}
+        {% endfor %}
     </details>
 
     <p>Total image size: {{series.get_total_image_size|filesizeformat}}</p>
@@ -95,6 +112,35 @@
 
 <script>
     $(document).ready(function () {
+        $("#set-lower-truncation-bound-button").click(() => {
+            dicom_element = $(".cornerstone-element").get(0);
+            index = cornerstone.getEnabledElement(dicom_element).toolStateManager.toolState.stack.data[0].currentImageIdIndex
+            $("#lower-truncation-bound-input").val(index+1);
+        });
+        $("#set-upper-truncation-bound-button").click(() => {
+            dicom_element = $(".cornerstone-element").get(0);
+            index = cornerstone.getEnabledElement(dicom_element).toolStateManager.toolState.stack.data[0].currentImageIdIndex
+            $("#upper-truncation-bound-input").val(index+1);
+        });
+        $("#truncate-button").click(() => {
+            console.log("click")
+
+            lower_bound = parseInt($("#lower-truncation-bound-input").val()) - 1;
+            upper_bound = parseInt($("#upper-truncation-bound-input").val()) - 1;
+
+            if (lower_bound >= upper_bound) {
+                alert("The lower bound must be less than the upper bound.");
+                return;
+            }
+
+            if(confirm(`Trucated series. This will leave ${upper_bound - lower_bound + 1} images.`) == true) {
+                htmx.ajax("GET", `{% url 'api-1:series_truncate' series.id '****' '++++' %}`.replace("****", lower_bound).replace("++++", upper_bound), "#trucate-output")
+
+            }
+
+
+        })
+
         $("#add-finding-button").click(() => {
             dicom_element = $(".cornerstone-element").get(0);
             cornerstoneTools.globalImageIdSpecificToolStateManager.clear(dicom_element);