Move server-side functions from viewerbase to worklist. Split multi-frame and single-image modalities into separate display sets (OHIF-36)

Packages/viewerbase/client/components/studyBrowser/imageThumbnail/imageThumbnail.js

@@ -16,7 +16,7 @@ Template.imageThumbnail.onRendered(() => {
         cornerstone.enable(element);
 
         // Get the image ID
-        const imageInstance = instance.data.thumbnail.stack.instances[0];
+        const imageInstance = instance.data.thumbnail.stack.images[0];
         const imageId = getImageId(imageInstance);
 
         // Activate the loading state
@@ -50,7 +50,7 @@ Template.imageThumbnail.onRendered(() => {
         }
 
         // Wait for the new data and reresh the image thumbnail
-        Meteor.setTimeout(() => {
+        Meteor.defer(() => {
             instance.refreshImage();
         });
     });

Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.html

@@ -1,5 +1,5 @@
 <template name="thumbnailEntry">
-    <div class="thumbnailEntry m-t-1 m-b-2 {{draggableClass}} {{#if isSeriesActive this.thumbnail.stack.seriesInstanceUid viewportIndex}}active{{/if}}">
+    <div class="thumbnailEntry 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>
@@ -14,7 +14,7 @@
                 </div>
                 <div class="seriesInformationNumbers">
                     <div>{{this.thumbnail.stack.seriesNumber}}</div>
-                    <div>{{this.thumbnail.stack.instances.length}}</div>
+                    <div>{{this.thumbnail.stack.numImageFrames}}</div>
                 </div>
             </div>
         </div>

Packages/viewerbase/client/components/studyBrowser/thumbnailEntry/thumbnailEntry.js

@@ -193,7 +193,7 @@ const thumbnailDragEndHandler = (event, data, handlers) => {
     const viewportIndex = $('.imageViewerViewport').index(element);
 
     // Rerender the viewport using the dragged thumbnail data
-    layoutManager.rerenderViewportWithNewSeries(viewportIndex, data);
+    window.layoutManager.rerenderViewportWithNewDisplaySet(viewportIndex, data);
 
     return false;
 };
@@ -226,7 +226,7 @@ Template.thumbnailEntry.events({
 
         const data = instance.data.thumbnail.stack;
         // Rerender the viewport using the clicked thumbnail data
-        layoutManager.rerenderViewportWithNewSeries(instance.data.viewportIndex, data);
+        window.layoutManager.rerenderViewportWithNewDisplaySet(instance.data.viewportIndex, data);
     }
 });