Switching image in thumbnail by double clicking instead of dragging and dropping

This commit is contained in:
Bruno Alves de Faria 2016-08-20 09:30:56 -03:00
parent ac7f163807
commit 0dfb3cc824
2 changed files with 19 additions and 6 deletions

View File

@ -1,9 +1,9 @@
<template name="thumbnailEntry">
<div class="thumbnailEntry m-t-1 m-b-2 {{draggableClass}} {{#if isDisplaySetActive this.thumbnail.stack.displaySetInstanceUid viewportIndex}}active{{/if}}">
<div class="thumbnailEntry noselect m-t-1 m-b-2 {{draggableClass}} {{#if isDisplaySetActive this.thumbnail.stack.displaySetInstanceUid viewportIndex}}active{{/if}}">
<div class="p-x-1">
{{>imageThumbnail (clone this)}}
</div>
<div class="seriesDetails noselect m-a-1">
<div class="seriesDetails m-a-1">
<div class="seriesDescription">
{{this.thumbnail.stack.seriesDescription}}
</div>

View File

@ -220,15 +220,28 @@ Template.thumbnailEntry.events({
const data = instance.data.thumbnail.stack;
instance.isDragAndDrop && thumbnailDragEndHandler(event, data);
},
// Event handlers for click (quick switch)
'click .thumbnailEntry'(event, instance) {
if (instance.isDragAndDrop) {
return;
}
if (!instance.isDragAndDrop) {
// Get the thumbnail stack data
const data = instance.data.thumbnail.stack;
// Rerender the viewport using the clicked thumbnail data
window.layoutManager.rerenderViewportWithNewDisplaySet(instance.data.viewportIndex, data);
}
},
// Event handlers for double click
'dblclick .thumbnailEntry'(event, instance) {
// Get the active viewport index
const viewportIndex = Session.get('activeViewport') || 0;
// Get the thumbnail stack data
const data = instance.data.thumbnail.stack;
// Rerender the viewport using the clicked thumbnail data
window.layoutManager.rerenderViewportWithNewDisplaySet(instance.data.viewportIndex, data);
window.layoutManager.rerenderViewportWithNewDisplaySet(viewportIndex, data);
}
});