diff options
| author | Stas Vilchik <vilchiks@gmail.com> | 2014-02-03 18:22:14 +0600 |
|---|---|---|
| committer | Stas Vilchik <vilchiks@gmail.com> | 2014-02-03 18:22:22 +0600 |
| commit | 2e8de11fac0c0e08589517983afaec989312c848 (patch) | |
| tree | 1472443f98d497066359a5d19e06851690297bd5 /sonar-server | |
| parent | 0bd33ae4e7347df936fee2f280b1bbf205eb73ab (diff) | |
| download | sonarqube-2e8de11fac0c0e08589517983afaec989312c848.tar.gz sonarqube-2e8de11fac0c0e08589517983afaec989312c848.zip | |
SONAR-4981 List Component: show a spinner in the place of the checkbox while the request is in progress
Diffstat (limited to 'sonar-server')
| -rw-r--r-- | sonar-server/src/main/webapp/javascripts/select-list.js | 6 | ||||
| -rw-r--r-- | sonar-server/src/main/webapp/stylesheets/select-list.css | 27 |
2 files changed, 24 insertions, 9 deletions
diff --git a/sonar-server/src/main/webapp/javascripts/select-list.js b/sonar-server/src/main/webapp/javascripts/select-list.js index 48a2657b021..05ae748a438 100644 --- a/sonar-server/src/main/webapp/javascripts/select-list.js +++ b/sonar-server/src/main/webapp/javascripts/select-list.js @@ -99,6 +99,7 @@ data[this.settings.selectParameter] = this.model.get(this.settings.selectParameterValue); + that.$el.addClass('progress'); $.ajax({ url: url, type: 'POST', @@ -107,7 +108,10 @@ .done(function() { that.model.set('selected', !selected); }) - .fail(showError); + .fail(showError) + .always(function() { + that.$el.removeClass('progress'); + }); } }); diff --git a/sonar-server/src/main/webapp/stylesheets/select-list.css b/sonar-server/src/main/webapp/stylesheets/select-list.css index 76bb94650c7..19b2b8c8263 100644 --- a/sonar-server/src/main/webapp/stylesheets/select-list.css +++ b/sonar-server/src/main/webapp/stylesheets/select-list.css @@ -31,7 +31,9 @@ padding: 5px 10px; border-top: 1px solid #e0e0e0; color: #404040; - transition: all 0.3s ease; + transition: -webkit-transform 0.3s ease; + transition: -ms-transform 0.3s ease; + transition: transform 0.3s ease; } .select-list-list > li.removed { @@ -42,13 +44,22 @@ transform: translateX(100%); } -.select-list-list > li.added { - -webkit-transform: translateX(-100%); - -moz-transform: translateX(-100%); - -ms-transform: translateX(-100%); - -o-transform: translateX(-100%); - transform: translateX(-100%); -} + .select-list-list > li.added { + -webkit-transform: translateX(-100%); + -moz-transform: translateX(-100%); + -ms-transform: translateX(-100%); + -o-transform: translateX(-100%); + transform: translateX(-100%); + } + + .select-list-list > li.progress { + background: url(../images/loading.gif) no-repeat 10px 5px; + } + + .select-list-list > li.progress .select-list-list-checkbox { + visibility: hidden; + } + .select-list-list-checkbox { display: inline-block; |