Hide loading coverage when there is none

NBISweden · Jun 21, 2018 · 93f8a00 · 93f8a00
1 parent f2d0959
commit 93f8a00
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 3 deletions.
diff --git a/frontend/src/js/controller.browserController.js b/frontend/src/js/controller.browserController.js
@@ -95,6 +95,9 @@
                 });
                 Browser.getCoverage($routeParams.dataset, localThis.itemType, localThis.item).then(function(data) {
                     localThis.coverage.data = data.coverage;
+                    localThis.coverage.loaded = true;
+                }, function() {
+                    localThis.coverage.loaded = true;
                 });
             }
             if ($routeParams.variant) {

diff --git a/frontend/templates/ng-templates/browser-gene.html b/frontend/templates/ng-templates/browser-gene.html
@@ -125,7 +125,7 @@ <h1>Gene: {{ ctrl.gene.geneName }}</h1>
 </div>
 
 <!-- Loading message -->
-<div ng-if="!ctrl.coverage.data.length" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
+<div ng-if="!ctrl.coverage.loaded" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
     <strong>Loading Coverage</strong>
 </div>
 

diff --git a/frontend/templates/ng-templates/browser-region.html b/frontend/templates/ng-templates/browser-region.html
@@ -52,7 +52,7 @@ <h3>Invalid region!</h3>
 </div>
 
 <!-- Loading message -->
-<div ng-if="!ctrl.coverage.data.length" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
+<div ng-if="!ctrl.coverage.loaded" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
     <strong>Loading Coverage</strong>
 </div>
 

diff --git a/frontend/templates/ng-templates/browser-transcript.html b/frontend/templates/ng-templates/browser-transcript.html
@@ -32,7 +32,7 @@ <h3>Transcript: {{ ctrl.transcript.id }} ({{ ctrl.transcript.numberOfCDS }} codi
 </div>
 
 <!-- Loading message -->
-<div ng-if="!ctrl.coverage.data.length" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
+<div ng-if="!ctrl.coverage.loaded" class="alert alert-info col-md-4 col-md-offset-4 text-center" >
     <strong>Loading Coverage</strong>
 </div>