From 02284be1a227053ca7ebec457fa7ec3ed742e7e3 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 10 Nov 2025 11:46:20 +0000
Subject: [PATCH] Update DICOM image element ID and CSS class for legacy
 support

---
 .../anatomy/partials/exam_review_question_fragment.html       | 2 +-
 rad/static/css/anatomy.css                                    | 4 ++--
 rapids/templates/rapids/question_display_block.html           | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/anatomy/templates/anatomy/partials/exam_review_question_fragment.html b/anatomy/templates/anatomy/partials/exam_review_question_fragment.html
index 99566d2c..b8c2fd2d 100644
--- a/anatomy/templates/anatomy/partials/exam_review_question_fragment.html
+++ b/anatomy/templates/anatomy/partials/exam_review_question_fragment.html
@@ -1,7 +1,7 @@
 <div class="card mb-3">
     <div class="card-body">
         <p class="lead">{{ question.question_type }}</p>
-        <div id="dicom-image" class="dicom-image" data-url="{{ question.get_image_url }}"
+        <div id="dicom-image" class="dicom-image-legacy" data-url="{{ remote_url }}{{ question.image.url}}"
             data-annotations='{{question.image_annotations}}' data-edit_annotation=true>
         </div>
 
diff --git a/rad/static/css/anatomy.css b/rad/static/css/anatomy.css
index 2840f33d..7cb15bea 100644
--- a/rad/static/css/anatomy.css
+++ b/rad/static/css/anatomy.css
@@ -184,9 +184,9 @@ button a {
   float: right;
 }
 
-#dicom-image {
+#dicom-image-legacy {
   width: 100%;
-/*   height: 600px; */
+  height: 600px;
 }
 
 .dicom-viewer {
diff --git a/rapids/templates/rapids/question_display_block.html b/rapids/templates/rapids/question_display_block.html
index b9d5b272..8c6b29ce 100755
--- a/rapids/templates/rapids/question_display_block.html
+++ b/rapids/templates/rapids/question_display_block.html
@@ -23,7 +23,7 @@
         {% for image in question.images.all %}
             <span class="image-block">
                 Image {{ forloop.counter }}{% if image.description %} ({{image.description}}){% endif %}{% if image.feedback_image %} [feedback image]{% endif %}:
-                <div class="dicom-image rapid-img {% if image.feedback_image %}feedback-img{% endif %}"
+                <div class="dicom-image-legacy rapid-img {% if image.feedback_image %}feedback-img{% endif %}"
                      data-url="https://www.penracourses.org.uk{{ image.image.url}}"></div>
             </span>
         {% endfor %}