First pass at a Hanging Protocol implementation and editor (LT-131)

LesionTracker/client/components/viewerMain/viewerMain.html

@@ -1,6 +1,7 @@
 <template name="viewerMain">
     <div class="viewerMain">
         {{ >toolbar toolbarOptions=toolbarOptions }}
-        {{ >imageViewerViewports }}
+        <div id='layoutManagerTarget'>
+        </div>
     </div>
 </template>

LesionTracker/client/components/viewerMain/viewerMain.js

@@ -86,25 +86,23 @@ Template.viewerMain.helpers({
         // CR/UN/EX Tools
         var crunexToolsBtns = {
             id: 'crunexTools',
-            tools:[{
+            tools: [{
                 id: 'crTool',
                 title: 'CR Tool',
                 classes: 'imageViewerTool',
                 iconClasses: 'fa fa-cr'
-            },
-            {
+            }, {
                 id: 'unTool',
                 title: 'UN Tool',
                 classes: 'imageViewerTool',
                 iconClasses: 'fa fa-un'
-            },
-            {
+            }, {
                 id: 'exTool',
                 title: 'EX Tool',
                 classes: 'imageViewerTool',
                 iconClasses: 'fa fa-ex'
             }],
-            title: "CR/UN/EX",
+            title: 'CR/UN/EX',
             groupIcon: 'fa fa-exchange'
         };
 
@@ -118,3 +116,12 @@ Template.viewerMain.helpers({
         return toolbarOptions;
     }
 });
+
+Template.viewerMain.onRendered(function() {
+    var parentNode = document.getElementById('layoutManagerTarget');
+    var studies = this.data.studies;
+    layoutManager = new LayoutManager(parentNode, studies);
+
+    ProtocolEngine = new HP.ProtocolEngine(layoutManager, studies);
+    HP.setEngine(ProtocolEngine);
+});

LesionTracker/client/components/viewerMain/viewerMain.styl

@@ -2,15 +2,22 @@
   width: 100%
   height: 84%
 
+  #layoutManagerTarget
+    width: 100%
+    height: calc(100% - 30px)
+
 //font awesome icons
 .fa-cr:before
   content: 'CR'
   font-weight: bold
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
 
 .fa-un:before
   content: 'UN'
   font-weight: bold
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
 
 .fa-ex:before
   content: 'EX'
-  font-weight: bold
+  font-weight: bold
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif