99 lines
3.1 KiB
JavaScript
99 lines
3.1 KiB
JavaScript
function resizeViewports() {
|
|
// Handle resizing of image viewer viewports
|
|
// For some reason, this seems to need to be on
|
|
// another delay, or the resizing won't work properly
|
|
viewportResizeTimer = setTimeout(function() {
|
|
var elements = $('.imageViewerViewport');
|
|
elements.each(function(index) {
|
|
var element = this;
|
|
if (!element) {
|
|
return;
|
|
}
|
|
cornerstone.resize(element, true);
|
|
});
|
|
}, 1);
|
|
}
|
|
|
|
Template.viewer.onCreated(function() {
|
|
console.log("Image Viewer onCreated");
|
|
OHIF = {
|
|
viewer: {}
|
|
};
|
|
|
|
OHIF.viewer.loadIndicatorDelay = 3000;
|
|
OHIF.viewer.defaultTool = 'wwwc';
|
|
OHIF.viewer.refLinesEnabled = true;
|
|
OHIF.viewer.isPlaying = {};
|
|
|
|
OHIF.viewer.functionList = {
|
|
invert: function(element) {
|
|
var viewport = cornerstone.getViewport(element);
|
|
viewport.invert = !viewport.invert;
|
|
cornerstone.setViewport(element, viewport);
|
|
},
|
|
playClip: function(element) {
|
|
var viewportIndex = $('.imageViewerViewport').index(element);
|
|
var isPlaying = OHIF.viewer.isPlaying[viewportIndex] || false;
|
|
if (isPlaying === true) {
|
|
cornerstoneTools.stopClip(element);
|
|
} else {
|
|
cornerstoneTools.playClip(element);
|
|
}
|
|
OHIF.viewer.isPlaying[viewportIndex] = !OHIF.viewer.isPlaying[viewportIndex];
|
|
Session.set('UpdateCINE', Random.id());
|
|
}
|
|
};
|
|
|
|
|
|
if (isTouchDevice()) {
|
|
OHIF.viewer.tooltipConfig = {
|
|
trigger: 'manual'
|
|
};
|
|
} else {
|
|
OHIF.viewer.tooltipConfig = {
|
|
trigger: 'hover'
|
|
};
|
|
}
|
|
|
|
if (this.data.activeViewport === undefined) {
|
|
this.data.activeViewport = new ReactiveVar(0);
|
|
}
|
|
if (this.data.viewportRows === undefined) {
|
|
this.data.viewportRows = new ReactiveVar(1);
|
|
}
|
|
if (this.data.viewportColumns === undefined) {
|
|
this.data.viewportColumns = new ReactiveVar(1);
|
|
}
|
|
|
|
var contentId = this.data.contentId;
|
|
|
|
// Update the viewer data object
|
|
ViewerData[contentId].viewportColumns = this.data.viewportColumns;
|
|
ViewerData[contentId].viewportRows = this.data.viewportRows;
|
|
ViewerData[contentId].activeViewport = this.data.activeViewport;
|
|
Session.set('ViewerData', ViewerData);
|
|
|
|
if (ViewerData[contentId].viewer) {
|
|
OHIF.viewer = ViewerData[contentId].viewer;
|
|
} else {
|
|
OHIF.viewer.imageViewerLoadedSeriesDictionary = {};
|
|
ViewerData[contentId].viewer = OHIF.viewer;
|
|
}
|
|
|
|
OHIF.viewer.updateImageSynchronizer = new cornerstoneTools.Synchronizer("CornerstoneNewImage", cornerstoneTools.updateImageSynchronizer);
|
|
});
|
|
|
|
Template.viewer.onDestroyed(function() {
|
|
OHIF.viewer.updateImageSynchronizer.destroy();
|
|
});
|
|
|
|
// Avoid doing DOM manipulation during the resize handler
|
|
// because it is fired very often.
|
|
// Resizing is therefore performed 100 ms after the resize event stops.
|
|
var resizeTimer;
|
|
$(window).on('resize', function() {
|
|
clearTimeout(resizeTimer);
|
|
resizeTimer = setTimeout(function() {
|
|
resizeViewports();
|
|
}, 100);
|
|
}); |