LT-251: Disabling drag and drop from series and adding click-to-select behavior for quick switch areas

Packages/lesiontracker/client/components/studySeriesQuickSwitch/studySeriesQuickSwitch.html

@@ -5,7 +5,7 @@
             <div class="studySwitch"></div>
             <div class="switchHover studyHover clearfix">
                 <div class="scrollArea">
-                    {{>studyTimepointBrowser timepointViewType=timepointViewType}}
+                    {{>studyTimepointBrowser timepointViewType=timepointViewType viewportIndex=viewportIndex}}
                 </div>
             </div>
         </div>
@@ -26,7 +26,7 @@
             <div class="switchHover seriesHover clearfix">
                 <div class="scrollArea">
                     {{#each thumbnail in (thumbnails currentStudy)}}
-                        {{>thumbnailEntry thumbnail}}
+                        {{>thumbnailEntry thumbnail=thumbnail viewportIndex=viewportIndex}}
                     {{/each}}
                 </div>
             </div>

Packages/lesiontracker/client/components/studySeriesQuickSwitch/studySeriesQuickSwitch.js

@@ -13,7 +13,6 @@ Template.studySeriesQuickSwitch.helpers({
     },
 
     currentStudy() {
-        console.log('currentStudy');
         var viewportIndex = Template.instance().data.viewportIndex;
         Session.get('CornerstoneNewImage' + viewportIndex);
 
@@ -31,7 +30,6 @@ Template.studySeriesQuickSwitch.helpers({
     },
 
     currentTimepoint() {
-        console.log('currentStudy');
         var viewportIndex = Template.instance().data.viewportIndex;
         Session.get('CornerstoneNewImage' + viewportIndex);
 

Packages/lesiontracker/client/components/studySeriesQuickSwitch/studySeriesQuickSwitch.styl

@@ -30,6 +30,8 @@ $switchWrapperWidth = 140px
         opacity: 0
       .switchHover
         opacity: 0.8
+      .studyHover
+        transform(scale(1))
 
     .label
       color: $textSecondaryColor
@@ -114,22 +116,22 @@ $switchWrapperWidth = 140px
 $switchSizeSmall = 35px
 
 @media screen and (max-width: 1024px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(0.5))
 @media screen and (min-width: 1025px) and (max-width: 1152px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(0.6))
 @media screen and (min-width: 1153px) and (max-width: 1280px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(0.7))
 @media screen and (min-width: 1281px) and (max-width: 1440px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(0.8))
 @media screen and (min-width: 1441px) and (max-width: 1600px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(0.9))
 @media screen and (min-width: 1601px)
-  .switchSection:hover .switchHover
+  .switchSection:hover .seriesHover
     transform(scale(1))
 
 @media screen and (max-width: 1600px)