Fix overriding of viewerbase style in LesionTracker. Add loading icon for worklist

LesionTracker/client/components/viewer.css

@@ -1,13 +0,0 @@
-.viewer {
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-    background-color: black;
-}
-
-#viewportAndLesionTable {
-    height: 100%;
-    width: calc(100% - 120px);
-    float: right;
-}

LesionTracker/client/components/viewer.styl

@@ -0,0 +1,18 @@
+.viewer
+  width: 100%
+  height: 100%
+  margin: 0
+  padding: 0
+  background-color: black
+
+#viewportAndLesionTable
+  height: 100%
+  width: calc(100% - 120px)
+  float: right
+
+#imageViewerViewports
+  .viewportContainer
+    // Override the orange highlight in viewerbase
+    // for active viewports
+    &.active, &:hover.active
+      border: 2px solid #777

Packages/viewerbase/components/basic/loadingText/loadingText.html

@@ -0,0 +1,5 @@
+<template name="loadingText">
+    <div class="loadingTextDiv">
+        <h5>Loading... <i class="fa fa-spinner fa-pulse"></i></h5>
+    </div>
+</template>

Packages/viewerbase/components/basic/loadingText/loadingText.styl

@@ -0,0 +1,4 @@
+.loadingTextDiv
+  margin: 30px
+  h5
+    text-align: center

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

@@ -6,8 +6,8 @@
     float: left
     border: 2px solid #777
     
-    &.active
+    &.active, &:hover.active
-      border: 2px solid #777
+      border: 2px solid #9A6617
       
     &:hover
       border: 2px solid white

Packages/viewerbase/package.js

@@ -28,6 +28,9 @@ Package.onUse(function (api) {
     api.addFiles('components/basic/login/login.html', 'client');
     api.addFiles('components/basic/notFound/notFound.html', 'client');
 
+    api.addFiles('components/basic/loadingText/loadingText.html', 'client');
+    api.addFiles('components/basic/loadingText/loadingText.styl', 'client');
+
     api.addFiles('components/basic/hidingPanel/hidingPanel.html', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.js', 'client');
     api.addFiles('components/basic/hidingPanel/hidingPanel.styl', 'client');

Packages/worklist/components/worklistResult/worklistResult.html

@@ -1,4 +1,5 @@
 <template name="worklistResult">
+    {{ #if studies.count }}
     <table id="tblStudyList" class="table table-striped">
         <thead>
         <tr>
@@ -17,4 +18,7 @@
         {{/each}}
         </tbody>
     </table>
+    {{ else }}
+        {{ >loadingText }}
+    {{ /if }}
 </template>