feat(plugins): Add initial version of ViewportPlugin class (#242)

* Add initial version of ViewportPlugin class
* Move entrypoints from OHIFPlugin to OHIF.plugins
* Add URL route to DICOMWeb server for Standalone Viewer

Packages/ohif-viewerbase/client/components/viewer/gridLayout/gridLayout.html

@@ -1,10 +1,16 @@
 <template name="gridLayout">
     <div id='imageViewerViewports'>
         {{#each viewport in viewports}}
-            <div class="viewportContainer {{getClass @index}}" style="height:{{height}}%;width:{{width}}%;">
-                <div class="removable">
-                    {{>imageViewerViewport (clone viewport)}}
-                </div>
+            <div class="viewportContainer {{getClass @index}} {{ activeClass @index }}" style="height:{{height}}%;width:{{width}}%;">
+                {{ #if eq viewport.plugin 'cornerstone'}}
+                    <div class="removable">
+                        {{>imageViewerViewport (clone viewport)}}
+                    </div>
+                {{ else }}
+                    <div class="viewport-plugin-{{viewport.plugin}}"
+                        style="height:100%; width: 100%">
+                    </div>
+                {{ /if }}
                 {{>seriesQuickSwitch (clone this viewport=viewport viewportIndex=@index)}}
             </div>
         {{/each}}

Packages/ohif-viewerbase/client/components/viewer/gridLayout/gridLayout.js

@@ -30,7 +30,7 @@ Template.gridLayout.helpers({
         }
 
         const actualRow = Math.floor(index / columns);
-            
+
         if ( actualRow === 0 ) {
             return TOP_CLASS;
         }
@@ -40,7 +40,13 @@ Template.gridLayout.helpers({
 
         return MIDDLE_CLASS;
     },
-    
+
+    activeClass(index) {
+        if (Session.get('activeViewport') === index) {
+            return 'active';
+        };
+    },
+
     // Return the viewports list
     viewports() {
         const instance = Template.instance();