Enhance case display with modal functionality for findings and display sets

This commit is contained in:
Ross
2026-02-09 10:33:06 +00:00
parent f316dc9bcb
commit 5761117e68
2 changed files with 116 additions and 106 deletions
@@ -316,7 +316,6 @@
<!-- Series Findings --> <!-- Series Findings -->
<h5>Series Findings</h5> <h5>Series Findings</h5>
{% if case.ordered_series %}
{% for series in case.ordered_series %} {% for series in case.ordered_series %}
{% for finding in series.findings.all %} {% for finding in series.findings.all %}
<div class="finding-box" id="finding-box-{{ finding.pk }}" data-series="{{ series.pk }}"> <div class="finding-box" id="finding-box-{{ finding.pk }}" data-series="{{ series.pk }}">
@@ -356,14 +355,12 @@
{% endif %} {% endif %}
</div> </div>
{% endfor %} {% endfor %}
{% endfor %} {% empty%}
{% else %}
No series associated with case. No series associated with case.
{% endif %} {% endfor %}
<!-- Case Display Sets --> <!-- Case Display Sets -->
<h5 class="mt-3">Case Display Sets</h5> <h5 class="mt-3">Case Display Sets</h5>
{% if case.display_sets %}
<ul class="list-group"> <ul class="list-group">
{% for ds in case.display_sets.all %} {% for ds in case.display_sets.all %}
<li class="list-group-item"> <li class="list-group-item">
@@ -425,11 +422,10 @@
</details> </details>
</div> </div>
</li> </li>
{% empty %}
<span class="text-muted">No display sets for this case.</span>
{% endfor %} {% endfor %}
</ul> </ul>
{% else %}
<span class="text-muted">No display sets for this case.</span>
{% endif %}
</details> </details>
</div> </div>
<div> <div>
@@ -6,14 +6,28 @@
{% endif %} {% endif %}
</div> </div>
{# Viewer area for the modal - mounted by rad/static/dv3d bundle #}
<div class="mb-3">
<div id="modal_viewer_{{ ds.pk }}" class="dicom-viewer-root" style="height:420px;" data-auto-cache-stack="false" data-annotationjson="{{ ds.annotations|escapejs }}" data-viewerstate="{{ ds.viewerstate|escapejs }}"></div>
</div>
{% if ds.viewerstate and ds.annotations %} {% if ds.viewerstate and ds.annotations %}
<div class="mb-3"> <div class="mb-3">
<button <button
type="button" type="button"
class="btn btn-primary" class="btn btn-primary"
onclick='importAnnotations_main_viewer({{ ds.annotations|safe }}); importViewerState_main_viewer({{ ds.viewerstate|safe }});' onclick='(window.importAnnotations_modal_viewer_{{ ds.pk }}||window.importAnnotations_modal_viewer||window.importAnnotations)({{ ds.annotations|safe }}); (window.importViewerState_modal_viewer_{{ ds.pk }}||window.importViewerState_modal_viewer||window.importViewerState)({{ ds.viewerstate|safe }});'
>Load into viewer</button> >Reload display set</button>
</div> </div>
<script>
(function(){
try{
if(typeof window.mountDicomViewers === 'function'){
window.mountDicomViewers();
}
}catch(e){console.warn('Failed to schedule modal viewer auto-load:', e)}
})();
</script>
{% endif %} {% endif %}
<div class="mt-2"> <div class="mt-2">