othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html
View File

@ -1,9 +1,9 @@
<template name="thumbnailEntry"> <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"> <div class="p-x-1">
{{>imageThumbnail (clone this)}} {{>imageThumbnail (clone this)}}
</div> </div>
<div class="seriesDetails noselect m-a-1"> <div class="seriesDetails m-a-1">
<div class="seriesDescription"> <div class="seriesDescription">
{{this.thumbnail.stack.seriesDescription}} {{this.thumbnail.stack.seriesDescription}}
</div> </div>

21
Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js
View File

@ -220,15 +220,28 @@ Template.thumbnailEntry.events({
const data = instance.data.thumbnail.stack; const data = instance.data.thumbnail.stack;
instance.isDragAndDrop && thumbnailDragEndHandler(event, data); instance.isDragAndDrop && thumbnailDragEndHandler(event, data);
}, },
// Event handlers for click (quick switch) // Event handlers for click (quick switch)
'click .thumbnailEntry'(event, instance) { 'click .thumbnailEntry'(event, instance) {
if (instance.isDragAndDrop) { if (!instance.isDragAndDrop) {
return; // 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; const data = instance.data.thumbnail.stack;
// Rerender the viewport using the clicked thumbnail data // Rerender the viewport using the clicked thumbnail data
window.layoutManager.rerenderViewportWithNewDisplaySet(instance.data.viewportIndex, data); window.layoutManager.rerenderViewportWithNewDisplaySet(viewportIndex, data);
} }
}); });