New Issues Page: Hide results list during request

diff --git a/sonar-server/src/main/webapp/javascripts/navigator/issues-app.js b/sonar-server/src/main/webapp/javascripts/navigator/issues-app.js
index df0851186fce90a806ae1334fc9b48a03662bf9c..b2e3ae5301baa83992ee1e40c8affc596039df4c 100644 (file)
--- a/sonar-server/src/main/webapp/javascripts/navigator/issues-app.js
+++ b/sonar-server/src/main/webapp/javascripts/navigator/issues-app.js
@@ -216,14 +216,22 @@ jQuery(function() {
 
     this.storeQuery(query, this.issues.sorting);
 
+    var that = this;
+    this.issuesView.$el.addClass('fetching');
     if (firstPage) {
       this.issues.fetch({
-        data: fetchQuery
+        data: fetchQuery,
+        success: function() {
+          that.issuesView.$el.removeClass('fetching');
+        }
       });
     } else {
       this.issues.fetch({
         data: fetchQuery,
-        remove: false
+        remove: false,
+        success: function() {
+          that.issuesView.$el.removeClass('fetching');
+        }
       });
     }
   };

diff --git a/sonar-server/src/main/webapp/stylesheets/navigator.css b/sonar-server/src/main/webapp/stylesheets/navigator.css
index 479c74f1043e103307df65ba402a3b20d3bc31d7..456acc9d921a9d97cf93ee7f470cfa980726ef4a 100644 (file)
--- a/sonar-server/src/main/webapp/stylesheets/navigator.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator.css
@@ -130,6 +130,18 @@
 .navigator-results-list > li.active .line:last-child {
   border-bottom-color: #e1e1e1;
 }
+.navigator-results-list.fetching {
+  position: relative;
+}
+.navigator-results-list.fetching:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(255, 255, 255, 0.7);
+}
 .navigator-results-no-issues {
   padding-top: 20%;
   color: #999;

diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.css b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
index 90e13bebe89e9dcdf4fc3f57321d8106ba60ab6a..4d4430bf99f09358ed9f5c92db07da6b531ac2a6 100644 (file)
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.css
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.css
@@ -130,6 +130,18 @@
 .navigator-results-list > li.active .line:last-child {
   border-bottom-color: #e1e1e1;
 }
+.navigator-results-list.fetching {
+  position: relative;
+}
+.navigator-results-list.fetching:before {
+  content: " ";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: rgba(255, 255, 255, 0.7);
+}
 .navigator-results-no-issues {
   padding-top: 20%;
   color: #999;

diff --git a/sonar-server/src/main/webapp/stylesheets/navigator/base.less b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
index fa3660d774691c6f6316e0d88623457e527681a5..98f1d5fe0a0036d7ee3f602b0e2a10b043afa035 100644 (file)
--- a/sonar-server/src/main/webapp/stylesheets/navigator/base.less
+++ b/sonar-server/src/main/webapp/stylesheets/navigator/base.less
@@ -90,7 +90,6 @@
 
 .navigator-results-list {
 
-
   & > li {
     padding-top: @navigatorPadding;
     cursor: pointer;
@@ -150,6 +149,18 @@
 
   }
 
+
+  &.fetching {
+    position: relative;
+
+    &:before {
+      content: " ";
+      position: absolute;
+      top: 0; bottom: 0; left: 0; right: 0;
+      background-color: rgba(255, 255, 255, 0.7);
+    }
+  }
+
 }
 
 .navigator-results-no-issues {