From 0dfb3cc824ede3785883a42d2d5869c69ee18541 Mon Sep 17 00:00:00 2001
From: Bruno Alves de Faria <brunoalvesdefaria@gmail.com>
Date: Sat, 20 Aug 2016 09:30:56 -0300
Subject: [PATCH] Switching image in thumbnail by double clicking instead of
 dragging and dropping

---
 .../thumbnailEntry/thumbnailEntry.html        |  4 ++--
 .../thumbnailEntry/thumbnailEntry.js          | 21 +++++++++++++++----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html b/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html
index 55d5d2220..422277568 100644
--- a/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html
+++ b/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html
@@ -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>
diff --git a/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js b/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js
index b2ee60f72..cfc813201 100644
--- a/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js
+++ b/Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js
@@ -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);
     }
 });