Work towards study / series hover tools (LT-251)

Packages/hangingprotocols/client/protocolEngine.js

@@ -587,7 +587,7 @@ HP.ProtocolEngine = class ProtocolEngine {
             viewportData.push(currentViewportData);
         });
 
-        this.LayoutManager.layoutTempleName = layoutTemplateName;
+        this.LayoutManager.layoutTemplateName = layoutTemplateName;
         this.LayoutManager.layoutProps = layoutProps;
         this.LayoutManager.viewportData = viewportData;
 

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

@@ -22,8 +22,12 @@
         </div>
 
         <div class="studyHover js-hide-studies {{ #unless studiesOpen}}hidden{{/unless}}">
+            {{>studyTimepointBrowser timepointViewType=timepointViewType}}
         </div>
         <div class="seriesHover js-hide-series {{ #unless seriesOpen }}tiny{{/unless}}">
+            {{#each thumbnail in (thumbnails currentStudy)}}
+                {{>thumbnailEntry thumbnail}}
+            {{/each}}
         </div>
     </div>
 </template>

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

@@ -1,8 +1,13 @@
 Template.studySeriesQuickSwitch.onCreated(function studySeriesQuickSwitchOnCreated() {
     const instance = this;
 
+    var viewportIndex = instance.data.viewportIndex;
+
     instance.seriesOpen = new ReactiveVar(false);
     instance.studiesOpen = new ReactiveVar(false);
+
+    instance.data.timepointViewType = new ReactiveVar();
+    instance.data.timepointViewType.set('key');
 });
 
 Template.studySeriesQuickSwitch.events({
@@ -30,5 +35,58 @@ Template.studySeriesQuickSwitch.helpers({
 
     studiesOpen() {
         return Template.instance().studiesOpen.get();
+    },
+
+    currentStudy() {
+        console.log('currentStudy');
+        var viewportIndex = Template.instance().data.viewportIndex;
+        Session.get('CornerstoneNewImage' + viewportIndex);
+
+        layoutManager = window.layoutManager;
+        if (!layoutManager) {
+            return;
+        }
+
+        var studyInstanceUid = layoutManager.viewportData[viewportIndex].studyInstanceUid;
+        var study = ViewerStudies.findOne({
+            studyInstanceUid: studyInstanceUid
+        });
+
+        return study;
+    },
+
+    currentTimepoint() {
+        console.log('currentStudy');
+        var viewportIndex = Template.instance().data.viewportIndex;
+        Session.get('CornerstoneNewImage' + viewportIndex);
+
+        layoutManager = window.layoutManager;
+        if (!layoutManager) {
+            return;
+        }
+
+        var studyInstanceUid = layoutManager.viewportData[viewportIndex].studyInstanceUid;
+        var study = ViewerStudies.findOne({
+            studyInstanceUid: studyInstanceUid
+        });
+
+        var timepoint = Timepoint.findOne({
+            timepointId: study.timepointId
+        });
+
+        return timepoint;
+    },
+
+    thumbnails: function(study) {
+        var stacks = createStacks(study);
+
+        var array = [];
+        stacks.forEach(function(stack, index) {
+            array.push({
+                thumbnailIndex: index,
+                stack: stack
+            });
+        });
+        return array;
     }
-});
+});

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

@@ -49,7 +49,9 @@ $switchSize = 50px
   left: -350px
   width: 400px
   height: 500px
-  background: red
+  background: black
+  opacity: 0.8
+  border-radius: 5px
   transition(all 0.3s ease)
 
 .seriesHover
@@ -59,10 +61,17 @@ $switchSize = 50px
   left: 50px
   width: 700px
   height: 900px
-  background: blue
+  background: black
+  opacity: 0.8
+  border-radius: 5px
   transition(all 0.3s ease)
 
   &.tiny
     width: 0
     height: 0
     opacity: 0
+
+  .thumbnailEntry
+    margin: 0
+    width: 33%
+    display: inline-block

Packages/lesiontracker/client/components/toolbarSection/toolbarSection.html

@@ -21,8 +21,8 @@
                 </div>
             </div>
 
-            {{ >studySeriesQuickSwitch side="left"}}
-            {{ >studySeriesQuickSwitch side="right"}}
+            {{ >studySeriesQuickSwitch side="left" viewportIndex=0}}
+            {{ >studySeriesQuickSwitch side="right" viewportIndex=1}}
 
             <div class="pull-right toolbarSectionEntry">
                 {{ >caseProgress }}
@@ -74,4 +74,4 @@
             </div>
         </div>
     </div>
-</template>
+</template>

Packages/lesiontracker/client/components/viewerMain/viewerMain.js

@@ -5,6 +5,6 @@ Template.viewerMain.onRendered(function() {
     var parentElement = instance.$("#layoutManagerTarget").get(0);
     window.layoutManager = new LayoutManager(parentElement, studies);
 
-    ProtocolEngine = new HP.ProtocolEngine(layoutManager, studies);
+    ProtocolEngine = new HP.ProtocolEngine(window.layoutManager, studies);
     HP.setEngine(ProtocolEngine);
 });

Packages/viewerbase/lib/createStacks.js

@@ -14,7 +14,7 @@ createStacks = function(study) {
     // Define an empty array of stacks
     var stacks = [];
 
-    if (!study.seriesList) {
+    if (!study || !study.seriesList) {
     	return stacks;
     }