pre series form update

anatomy/models.py

@@ -78,7 +78,7 @@ class AnatomyQuestion(models.Model):
 
     image = models.ImageField(
         upload_to=image_directory_path,
-        help_text="The image to use for the question. Ideally use use unmarked images and annotate (arrow) them on the test system. If you wish to reuse an image that is already uploaded 'clone' the question that contains it.As a preference",
+        help_text="The image to use for the question. Ideally use use unmarked images and annotate (arrow) them on the test system. If you wish to reuse an image that is already uploaded 'clone' the question that contains it.",
     )
 
     image_annotations = models.TextField(

anatomy/static/css/anatomy.css

@@ -280,6 +280,12 @@ button a {
   border: 1px dashed white;
 }
 
+.series-drop {
+  position: sticky;
+  height: 600px;
+  bottom: -500px;
+}
+
 .submit-button {
   position: sticky;
   bottom: 0;

anatomy/static/css/dicomViewer.css

@@ -1 +0,0 @@
-/home/ross/dv/dicomViewer.css

anatomy/static/css/dicomViewer.css

@@ -0,0 +1,148 @@
+.canvas-panel {
+  height: 100%;
+  position: relative;
+  color: white;
+}
+
+
+#dicom-overlay {
+  position: absolute;
+  bottom: 0;
+}
+
+#image-thumbs {
+  position: absolute;
+  right: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  overflow-y: auto;
+  max-height: 100%;
+  max-width: 30%;
+  user-select: none;
+}
+
+.thumbnail {
+  pointer-events: none;
+  display: block;
+  margin: auto;
+}
+
+.thumb {
+  position: relative;
+  border: 1px dotted blue;
+  touch-action: none;
+  user-select: none;
+}
+
+.thumb-active {
+  border: 5px dotted blue;
+}
+
+.thumb span {
+  position: absolute;
+  right: 0;
+  color: lightblue;
+}
+
+.cornerstone-element {
+    position: relative;
+    height: 100%;
+}
+
+.dicom-button {
+  font-size: 40px;
+  z-index: 99;
+  opacity: 20%;
+  color: gray;
+  top: 0;
+}
+
+.dicom-button:hover {
+  opacity: 100%;
+}
+
+.dicom-button-highlight {
+  opacity: 50%;
+  color: lightblue;
+}
+
+#dicom-toggle-mode-button {
+  position: absolute;
+  left: 0;
+}
+
+#dicom-settings-button {
+  position: absolute;
+  right: 0;
+}
+
+#dicom-fullscreen-button {
+  position: absolute;
+  transform: translate(50%, -20%);
+  right: 50%;
+}
+
+#dicom-collapse-button {
+  position: absolute;
+  transform: translate(0, -50%);
+  top: 50%;
+  right: 0;
+}
+
+#dicom-info-button {
+  position: absolute;
+  transform: translate(0, -75%);
+  right: 0;
+  top: 100%;
+}
+
+#dicom-settings-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 */
+  max-width: 100%;
+  max-height: 100%;
+  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%;
+  transform: translate(0, -100%);
+  opacity: 0.0;
+}
+#dicom-window-panel:hover {
+  opacity: 1;
+}
+
+#dicom-summary-panel {
+  position: relative;
+  z-index: 999;
+  max-width: 100%;
+  height: 100%;
+  color: red;
+  top: -100%;
+  overflow: scroll;
+  display: none;
+}