.

anatomy/static/js/anatomy.js

@@ -162,7 +162,7 @@ window.addEventListener('loadDicomViewerUrls', function (e) {
   loadDicomViewer(e.detail);
 }, false);
 
-function loadDicomViewer(images_to_load) {
+function loadDicomViewer(images_to_load, annotations_to_load) {
   console.log("loadDicomViewer", images_to_load);
   let single_dicom = document.getElementById("single-dicom-viewer");
   if (single_dicom) {
@@ -171,17 +171,21 @@ function loadDicomViewer(images_to_load) {
 
     if (images_to_load != undefined) {
       images = images_to_load;
-      console.log("i1", images)
     } else if (images.indexOf(",") > 0) {
-      images = images.split(",");
+      images = JSON.parse(images);
     }
 
     console.log(images);
 
     let annotations = single_dicom.dataset.annotations;
-    if (annotations != undefined && annotations.indexOf(",") > 0) {
-      annotations = annotations;
+    if (annotations != undefined) {
+      annotations = annotations_to_load;
+    } else if (annotations && annotations.indexOf(",") > 0) {
+      annotations = JSON.parse(annotations);
+    } else {
+      annotations = undefined;
     }
+
     let load_as_stack;
     if (images.length > 5) {
       load_as_stack = true;

longs/models.py

@@ -171,6 +171,9 @@ class Long(models.Model):
             ["https://www.penracourses.org.uk{}".format(i.url) for i in self.get_images()]
         )
 
+    def get_image_url_array(self):
+        return ["https://www.penracourses.org.uk{}".format(i.url) for i in self.get_images()]
+
     def get_unmarked_answer_count(self):
         answers = self.cid_user_answers.all()
         return len([ans for ans in answers if not ans.is_marked()])
@@ -416,6 +419,14 @@ class LongSeries(models.Model):
 
         return ",".join(images)
 
+    def get_image_url_array(self, feedback=False):
+        images = [
+            "https://www.penracourses.org.uk{}".format(i.image.url)
+            for i in self.images.all()
+        ]
+
+        return images
+
     def get_thumbnail(self):
         images = self.images.all()
 

longs/templates/longs/long_series_viewer.html

@@ -9,7 +9,7 @@ Associated case:
 This series is not associated with any cases.
 {% endif %}
 
-<div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ series.get_image_urls }}" data-annotations=''></div>
+<div id="single-dicom-viewer" class="dicom-viewer" data-images="{{ series.get_image_url_array }}" data-annotations=''></div>
 
 <div>Author: {{ series.get_author_display }}</div>
 

rapids/templates/rapids/mark.html

@@ -13,7 +13,7 @@ Answers will be automatically marked.
 Answers marked as normal will be automatically marked.<br/>
 Region: {{ question.get_regions }}, Abnormalities: {{ question.get_abnormalities }}
 {% endif %}
-<div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_urls}}"
+<div id="single-dicom-viewer" class="marking-dicom" data-images="{{question.get_image_url_array}}"
     data-annotations='{{question.image_annotations}}'>
 </div>
 <div class="marking">

static/js/anatomy.js

@@ -162,7 +162,7 @@ window.addEventListener('loadDicomViewerUrls', function (e) {
   loadDicomViewer(e.detail);
 }, false);
 
-function loadDicomViewer(images_to_load) {
+function loadDicomViewer(images_to_load, annotations_to_load) {
   console.log("loadDicomViewer", images_to_load);
   let single_dicom = document.getElementById("single-dicom-viewer");
   if (single_dicom) {
@@ -171,17 +171,21 @@ function loadDicomViewer(images_to_load) {
 
     if (images_to_load != undefined) {
       images = images_to_load;
-      console.log("i1", images)
     } else if (images.indexOf(",") > 0) {
-      images = images.split(",");
+      images = JSON.parse(images);
     }
 
     console.log(images);
 
     let annotations = single_dicom.dataset.annotations;
-    if (annotations != undefined && annotations.indexOf(",") > 0) {
-      annotations = annotations;
+    if (annotations != undefined) {
+      annotations = annotations_to_load;
+    } else if (annotations && annotations.indexOf(",") > 0) {
+      annotations = JSON.parse(annotations);
+    } else {
+      annotations = undefined;
     }
+
     let load_as_stack;
     if (images.length > 5) {
       load_as_stack = true;