Remove tabbed layout in favour of current Lesion Tracker design (OHIF-49)

OHIFViewer/client/components/viewer/viewer.html

@@ -9,6 +9,6 @@
         {{> flexboxLayout (clone this)}}
     </div>
     {{else}}
-        {{>loadingText}}
+        {{> loadingText}}
     {{/if}}
 </template>

OHIFViewer/client/components/viewer/viewer.js

@@ -29,23 +29,11 @@ Template.viewer.onCreated(() => {
     instance.data.state.set('leftSidebar', Session.get('leftSidebar'));
     instance.data.state.set('rightSidebar', Session.get('rightSidebar'));
 
-    Meteor.subscribe('hangingprotocols');
-
-    log.info('viewer onCreated');
-
-    if (isTouchDevice()) {
-        OHIF.viewer.tooltipConfig = {
-            trigger: 'manual'
-        };
-    } else {
-        OHIF.viewer.tooltipConfig = {
-            trigger: 'hover'
-        };
-    }
+    instance.subscribe('hangingprotocols');
 
     const contentId = instance.data.contentId;
 
-    if (ViewerData[contentId].loadedSeriesData) {
+    if (ViewerData[contentId] && ViewerData[contentId].loadedSeriesData) {
         log.info('Reloading previous loadedSeriesData');
 
         OHIF.viewer.loadedSeriesData = ViewerData[contentId].loadedSeriesData;
@@ -53,7 +41,7 @@ Template.viewer.onCreated(() => {
     } else {
         log.info('Setting default ViewerData');
         OHIF.viewer.loadedSeriesData = {};
-
+        ViewerData[contentId] = {};
         ViewerData[contentId].loadedSeriesData = OHIF.viewer.loadedSeriesData;
 
         // Update the viewer data object
@@ -85,4 +73,4 @@ Template.viewer.events({
         const current = instance.data.state.get('rightSidebar');
         instance.data.state.set('rightSidebar', !current);
     },
-})
+});

OHIFViewer/client/components/viewer/viewer.styl

@@ -1,31 +1,11 @@
-@import "{design}/app.styl"
+@import "{design}/app"
 
 #viewer
-  border-top: 1px solid #525252
-  height: 100%
-  width: 100%
   align-items: stretch
   background-color: black
   display: flex
   flex-flow: column wrap
+  height: 100%
+  width: 100%
   margin: 0
-  padding: 0
-  
-  #toolbar
-  	float: left
-  	height: 30px
-  	
-		a.btn
-	    text-align: center
-	    color: $defaultColor
-	    background-color: $primaryBackgroundColor
-	    transition(all 0.1s ease)
-	    
-	    // Prevent the blue outline in Chrome when a viewport is selected
-	    outline: 0 !important
-	    
-	    &:hover
-	      color: $hoverColor
-
-	    &.active, &:active
-	      color: $activeColor
+  padding: 0