Merged LesionTracker and OHIF Viewer, refactored out common components

Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.html

@@ -0,0 +1,11 @@
+<template name="imageViewerViewports">
+    <div id='imageViewerViewports'>
+        {{ #each viewportArray }}
+        <div class="viewportContainer" style="height:{{height}}%;width:{{width}}%;">
+            <div class="removable">
+                {{ > imageViewerViewport}}
+            </div>
+        </div>
+        {{ /each }}
+    </div>
+</template>

Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.js

@@ -0,0 +1,30 @@
+function getNumViewports() {
+    var viewportRows = Session.get('viewportRows');
+    var viewportColumns = Session.get('viewportColumns');
+    return viewportRows * viewportColumns;
+}
+
+Template.imageViewerViewports.helpers({
+  height: function() {
+    var viewportRows = Session.get('viewportRows');
+    return 100 / viewportRows;
+  },
+  width: function() {
+    var viewportColumns = Session.get('viewportColumns');
+    return 100 / viewportColumns;
+  },
+  viewportArray: function() {
+    // This is a really annoying thing to have to do, but Meteor
+    // doesn't want to let me use another type of helper.
+    var numViewports = getNumViewports();
+
+    var array = [];
+    for (var i=0; i < numViewports; ++i) {
+        var data = {
+            viewportIndex: i
+        };
+        array.push(data);
+    }
+    return array;
+  }
+});

Packages/viewerbase/components/viewer/imageViewerViewports/imageViewerViewports.styl

@@ -0,0 +1,12 @@
+#imageViewerViewports
+  height: calc(100% - 30px)
+  width: 100%
+    
+  .viewportContainer
+    float: left
+    border: 2px solid #777
+    
+    .removable
+      width: 100%
+      height: 100%
+      position: relative // Necessary so that the viewportOverlay is on top of the viewports