This commit is contained in:
Ross
2025-06-10 07:19:11 +01:00
parent 4873732b39
commit 4a86a95c91
+24 -5
View File
@@ -44,8 +44,8 @@ Associated case:
</div>
<div id="root" class="dicom-viewer-root" data-images="{{ image_url_array_and_count.0 }}"
style="width: 1000px; height: 600px; box-sizing: border-box; background: #222;"
data-auto-cache-stack=true
style="width: 1000px; height: 600px; box-sizing: border-box; background: #222;"
data-auto-cache-stack=true
></div>
@@ -63,6 +63,13 @@ data-auto-cache-stack=true
<button id="reset-viewport-button" class="btn btn-secondary">Reset viewport</button>
<div id="finding-form">
<div class="hide" id="hidden-form">
{% if editing_finding > 0 %}
<h3>Editing Finding</h3>
<p>Editing finding with ID: {{editing_finding}}</p>
{% else %}
<h3>Add Finding</h3>
<p>Click the button below to add a new finding.</p>
{% endif %}
<form method="post" id="series_finding_form">
{% csrf_token %}
{{series_finding_form|crispy}}
@@ -86,11 +93,11 @@ data-auto-cache-stack=true
<div class="finding-box">
<button id="finding-{{finding.pk}}" class="view-finding-button" data-annotationjson={{finding.annotation_json}}
data-viewportjson={{finding.viewport_json}} data-findingid={{finding.id}} data-currentimageid={{finding.current_image_id_index}}>Click to view</button>
{% if finding.viewer_state_3d %}
<button id="finding-{{finding.pk}}-3d" class="view-finding-button-3d" data-annotationjson3d='{{finding.annotation_json_3d}}' data-viewerstatejson='{{finding.viewer_state_3d}}'>Click to view 3D</button>
<button id="finding-{{finding.pk}}-3d" class="view-finding-button-3d" data-annotationjson3d='{{finding.annotation_json_3d}}' data-viewerstatejson='{{finding.viewer_state_3d}}'>Click to view 3D</button>
{% endif %}
<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 />
@@ -453,4 +460,16 @@ data-auto-cache-stack=true
font-weight: bold; /* Optional: Make the active button text bold */
border-style: dashed;
}
#finding-form #hidden-form {
background: #23272b;
border: 2px solid #198754;
border-radius: 1rem;
box-shadow: 0 0 16px #19875455;
padding: 2rem;
margin: 2rem 0;
transition: box-shadow 0.3s;
}
#finding-form #hidden-form:focus-within {
box-shadow: 0 0 24px #198754aa;
}
</style>