Creating ohif-studies package to deal with studies browsing

Packages/ohif-viewerbase/client/components/viewer/studySeriesQuickSwitch/studySeriesQuickSwitch.js

@@ -53,7 +53,7 @@ Template.studySeriesQuickSwitch.onCreated(() => {
 
 const checkScrollArea = element => {
     const { scrollHeight, offsetHeight, scrollTop } = element;
-    
+
     const matrix = $(element).find('.thumbnailsWrapper').css('transform');
 
     let translateY = 0;
@@ -92,7 +92,7 @@ Template.studySeriesQuickSwitch.events({
         instance.$('.js-quick-switch, .switchSectionSeries').removeClass('hover');
         instance.$('.quickSwitchWrapper').removeClass('overlay');
     },
-    'click .studyTimepointStudy'(event, instance) {
+    'click .study-browser-item'(event, instance) {
         instance.$('.switchSectionSeries').addClass('hover');
     },
     'scroll .scrollArea'(event) {

Packages/ohif-viewerbase/client/components/viewer/studySeriesQuickSwitch/studySeriesQuickSwitch.styl

@@ -105,7 +105,7 @@ $seriesSpacing = 2px
     .studySwitch
       .studyTimepointBrowser
         background-color: transparent
-      .studyTimepointStudy.active .studyModality
+      .study-browser-item.active .study-item-box
         theme('box-shadow', 'inset 0 0 0 3px $activeColor')
       .studyBox
         theme('background-color', '$uiGrayDark')
@@ -164,10 +164,10 @@ $seriesSpacing = 2px
     overflow-x: hidden
     overflow-y: scroll
     width: calc(100% + 22px)
-    
+
     &.is-mac
       padding-right: 22px
-      
+
     &.show-scroll-indicator-up:before
     &.show-scroll-indicator-down:after
       font-family: FontAwesome
@@ -180,11 +180,11 @@ $seriesSpacing = 2px
       z-index: 1
       text-align: center
       left: 0
-        
+
     &.show-scroll-indicator-up:before
       top: -10px
       content: '\f102'
-        
+
     &.show-scroll-indicator-down:after
       bottom: 18px
       content: '\f103'