Improved loading indicators. Added % loaded to viewports and thumbnails

Packages/viewerbase/components/viewer/loadingIndicator/loadingIndicator.html

@@ -1,7 +1,7 @@
 <template name="loadingIndicator">
     <div class="imageViewerLoadingIndicator loadingIndicator">
         <div class="indicatorContents">
-            <p>Loading...</p>
+            <p>Loading... {{percentComplete}}</p>
         </div>
     </div>
     <div class="imageViewerErrorLoadingIndicator loadingIndicator">

Packages/viewerbase/components/viewer/loadingIndicator/loadingIndicator.js

@@ -58,4 +58,13 @@ errorLoadingHandler = function(element, imageId, error, source) {
     if (error) {
         errorLoadingIndicator.find('.details').text("Details: " + error);
     }
-};
+};
+
+Template.loadingIndicator.helpers({
+    'percentComplete': function(e) {
+        var percentComplete = Session.get('CornerstoneLoadProgress' + this.viewportIndex);
+        if (percentComplete && percentComplete !== 100) {
+            return percentComplete + '%';
+        }
+    }
+});