.

static/css/dicomViewer.css

@@ -99,6 +99,21 @@
   z-index: 999;
 }
 
+#dicom-log-panel {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  padding-left: 30px;
+  padding-right: 30px;
+  padding-bottom: 20px;
+  background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */
+  width: 90%;
+  height: 90%;
+  z-index: 999;
+}
+
 #dicom-window-panel {
   position: absolute;
   top: 100%;

static/js/dicomViewer.js

@@ -24,10 +24,15 @@ export function loadCornerstone(main_element, db, images, annotations_to_load, l
     let single_dicom_viewer = main_element.find(".single-dicom-viewer").get(0);
     console.log(single_dicom_viewer);
 
+    $(".canvas-panel").append($(`<div id='dicom-log-panel'>
+            <span id="dicom-log-close" class="close-button"><a href="#">close</a></span>
+    </div>`));
+
     // Add generic settings menus to canvas-panel
     $(".canvas-panel").append(
             $(`<div id='dicom-settings-panel'>
             <span id="dicom-settings-close" class="close-button"><a href="#">close</a></span>
+            <span class="view-log-button"><a href="#">view log</a></span>
             <h3>Image viewer settings:</h3>
 
             Primary
@@ -141,6 +146,15 @@ export function loadCornerstone(main_element, db, images, annotations_to_load, l
         $("#dicom-settings-panel").hide();
         e.preventDefault();
     });
+    $("#dicom-log-close").click(e => {
+        $("#dicom-log-panel").hide();
+        e.preventDefault();
+    });
+    $(".view-log-button").click(e => {
+        $("#dicom-settings-panel").hide();
+        $("#dicom-log-panel").show();
+        e.preventDefault();
+    });
     $("#dicom-settings-button").click(e => {
         $("#dicom-settings-panel").toggle();
     });
@@ -272,14 +286,15 @@ export function loadCornerstone(main_element, db, images, annotations_to_load, l
             imageIds
         };
         //cornerstone.loadAndCacheImage(imageIds[0]).then(function(image) {
-        console.log("load and cache", imageIds[0])
+        //console.log("load and cache", imageIds[0])
         cornerstone.loadAndCacheImage(imageIds[0]).then(function (image) {
 
-            console.log("LOAD and cache, then", image);
+            //console.log("LOAD and cache, then", image);
             loadCornerstoneMainImage(single_dicom_viewer, image, stack, db, load_as_stack);
         })
             .catch((err, err2) => {
                 console.log(err);
+                $("#dicom-log-panel").append(err);
 
             });
     }