Changes to add loading icon while fetching and generating the tabular…

… report. JENKINS-32204
jenkinsci · Dec 27, 2015 · 2133c78 · 2133c78
1 parent 78cc9d1
commit 2133c78
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 1 deletion.
diff --git a/...resources/org/jenkinsci/plugins/testresultsanalyzer/TestResultsAnalyzerAction/index.jelly b/...resources/org/jenkinsci/plugins/testresultsanalyzer/TestResultsAnalyzerAction/index.jelly
@@ -83,6 +83,9 @@ Search: <input id="filter" class="table-filter" type="text" placeholder="Test/Cl
 </div>
 <br/>
 <div id="tree">
+    <div id="table-loading" style="display: none;">
+        <img src="${resURL}/plugin/test-results-analyzer/images/loading2.gif"/>
+    </div>
    <div class="table">
 
    </div>

diff --git a/src/main/webapp/css/table-style.css b/src/main/webapp/css/table-style.css
@@ -135,6 +135,10 @@
     .row-heading input[type="checkbox"] {
 
     }
+    #table-loading {
+        margin-left: 20%;
+        margin-top: 10%;
+    }
 
 
 
diff --git a/src/main/webapp/images/loading2.gif b/src/main/webapp/images/loading2.gif
diff --git a/src/main/webapp/js/testresult.js b/src/main/webapp/js/testresult.js
@@ -102,13 +102,14 @@ function populateTemplate(){
         noOfBuilds = $j("#noofbuilds").val();
     }
     displayValues  = $j("#show-build-durations").is(":checked");
-
+    $j("#table-loading").show();
     remoteAction.getTreeResult(noOfBuilds,$j.proxy(function(t) {
         var itemsResponse = t.responseObject();
         treeMarkup = analyzerTemplate(itemsResponse);
         $j(".table").html(treeMarkup);
         addEvents();
         generateCharts();
+        $j("#table-loading").hide();
     },this));
 }