ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
Ross
2021-10-17 18:50:50 +01:00
parent 1c5d878d3a
commit 57caf4dc38
2 changed files with 24 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/dicomViewer.css
+7
View File
@@ -77,6 +77,13 @@
right: 50%; right: 50%;
} }
#dicom-collapse-button {
position: absolute;
transform: translate(0, -50%);
top: 50%;
right: 0;
}
#dicom-settings-panel { #dicom-settings-panel {
display: none; display: none;
position: absolute; position: absolute;
static/js/dicomViewer.js
+17 -1
View File
@@ -17,6 +17,7 @@ let tool_state = {};
export function loadCornerstone(main_element, db, images, annotations_to_load, load_as_stack = false) { export function loadCornerstone(main_element, db, images, annotations_to_load, load_as_stack = false) {
// canvas-panel holds the enabled elements and all tools / menus // canvas-panel holds the enabled elements and all tools / menus
main_element.append("<div class='canvas-panel'></div>"); main_element.append("<div class='canvas-panel'></div>");
main_element[0].dataset.collapsed = "none";
$(".canvas-panel").append($("<div class='single-dicom-viewer'></div>")); $(".canvas-panel").append($("<div class='single-dicom-viewer'></div>"));
//$(".canvas-panel").append($("<div id='dicom-summary'></div>").load("dicomSummary.html")); //$(".canvas-panel").append($("<div id='dicom-summary'></div>").load("dicomSummary.html"));
@@ -89,7 +90,8 @@ export function loadCornerstone(main_element, db, images, annotations_to_load, l
) )
.append($("<span id='dicom-toggle-mode-button' class='dicom-button' title='toggle stack/thumbnail view'>↻</span>")) .append($("<span id='dicom-toggle-mode-button' class='dicom-button' title='toggle stack/thumbnail view'>↻</span>"))
.append($("<span id='dicom-fullscreen-button' class='dicom-button' title='toggle stack/thumbnail view'>⛶</span>")) .append($("<span id='dicom-fullscreen-button' class='dicom-button' title='toggle stack/thumbnail view'>⛶</span>"))
.append($("<span id='dicom-settings-button' class='dicom-button' title='open settings'>&#9881;</span>")); .append($("<span id='dicom-settings-button' class='dicom-button' title='open settings'>&#9881;</span>"))
.append($("<span id='dicom-collapse-button' class='dicom-button' title='collapse viewer'>⇄</span>"));
$(single_dicom_viewer).append( $(single_dicom_viewer).append(
$( $(
@@ -158,6 +160,20 @@ export function loadCornerstone(main_element, db, images, annotations_to_load, l
loadCornerstone(main_element, db, images, annotations_to_load, stack) loadCornerstone(main_element, db, images, annotations_to_load, stack)
}); });
$("#dicom-collapse-button").click(e => {
//$("#dicom-settings-panel").toggle();
//let stack = !load_as_stack;
if (main_element[0].dataset.collapsed == "none") {
main_element[0].dataset.collapsed = main_element.width();
main_element.width("50px");
} else {
main_element.width(main_element[0].dataset.collapsed);
main_element[0].dataset.collapsed = "none"
}
resizeHandler();
//loadCornerstone(main_element, db, images, annotations_to_load, stack)
});
//let images = data["images"]; //let images = data["images"];
// Make sure we have an array // Make sure we have an array