Updates to save viewport data across sessions / while switching tabs

LesionTracker/client/components/layout/layout.styl

@@ -7,7 +7,7 @@
   font-family: "Sanchez"
   color: #C1C1C1
   
-.navbar-form, .navbar-default .navbar-nav > li > a
+.navbar-default .navbar-nav > li > a
   color: #C1C1C1
   font-weight: bold
   font-size: 12pt

LesionTracker/client/components/viewer.js

@@ -1,16 +1,30 @@
-OHIF = {
-    viewer: {}
-};
+function resizeViewports() {
+    // Handle resizing of image viewer viewports
+    // For some reason, this seems to need to be on
+    // another delay, or the resizing won't work properly
+    viewportResizeTimer = setTimeout(function() {
+        var elements = $('.imageViewerViewport');
+        elements.each(function(index) {
+            var element = this;
+            if (!element) {
+                return;
+            }
+            cornerstone.resize(element, true);
+        });
+    }, 1);
+}
 
-OHIF.viewer.imageViewerLoadedSeriesDictionary = {};
-OHIF.viewer.imageViewerCurrentImageIdIndexDictionary = {};
-OHIF.viewer.loadIndicatorDelay = 3000;
-OHIF.viewer.defaultTool = 'wwwc';
-OHIF.viewer.refLinesEnabled = true;
-OHIF.viewer.isPlaying = {};
+Template.viewer.onCreated(function() {
+    console.log("Image Viewer onCreated");
+    OHIF = {
+        viewer: {}
+    };
+
+    OHIF.viewer.loadIndicatorDelay = 3000;
+    OHIF.viewer.defaultTool = 'wwwc';
+    OHIF.viewer.refLinesEnabled = true;
+    OHIF.viewer.isPlaying = {};
 
-Meteor.startup(function() {
-    OHIF.viewer.updateImageSynchronizer = new cornerstoneTools.Synchronizer("CornerstoneNewImage", cornerstoneTools.updateImageSynchronizer);
     OHIF.viewer.functionList = {
         invert: function(element) {
             var viewport = cornerstone.getViewport(element);
@@ -40,25 +54,7 @@ Meteor.startup(function() {
             trigger: 'hover'
         };
     }
-});
 
-function resizeViewports() {
-    // Handle resizing of image viewer viewports
-    // For some reason, this seems to need to be on
-    // another delay, or the resizing won't work properly
-    viewportResizeTimer = setTimeout(function() {
-        var elements = $('.imageViewerViewport');
-        elements.each(function(index) {
-            var element = this;
-            if (!element) {
-                return;
-            }
-            cornerstone.resize(element, true);
-        });
-    }, 1);
-}
-
-Template.viewer.onCreated(function() {
     if (this.data.activeViewport === undefined) {
         this.data.activeViewport = new ReactiveVar(0);
     }
@@ -68,6 +64,27 @@ Template.viewer.onCreated(function() {
     if (this.data.viewportColumns === undefined) {
         this.data.viewportColumns = new ReactiveVar(2);
     }
+
+    var contentId = this.data.contentId;
+    
+    // Update the viewer data object
+    ViewerData[contentId].viewportColumns = this.data.viewportColumns;
+    ViewerData[contentId].viewportRows = this.data.viewportRows;
+    ViewerData[contentId].activeViewport = this.data.activeViewport;
+    Session.set('ViewerData', ViewerData);
+
+    if (ViewerData[contentId].viewer) {
+        OHIF.viewer = ViewerData[contentId].viewer;
+    } else {
+        OHIF.viewer.imageViewerLoadedSeriesDictionary = {};
+        ViewerData[contentId].viewer = OHIF.viewer;
+    }
+
+    OHIF.viewer.updateImageSynchronizer = new cornerstoneTools.Synchronizer("CornerstoneNewImage", cornerstoneTools.updateImageSynchronizer);
+});
+
+Template.viewer.onDestroyed(function() {
+    OHIF.viewer.updateImageSynchronizer.destroy();
 });
 
 // Avoid doing DOM manipulation during the resize handler