From bd2581e7c9584d91111ca26b55327972c2cb6727 2012-02-14 15:34:27
From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: 2012-02-14 15:34:27
Subject: [PATCH] Restyles user search fields and ajax indicator.

git-svn-id: svn+ssh://rubyforge.org/var/svn/redmine/trunk@8874 e93f8b46-1217-0410-a6f0-8f06a7374b81

---

diff --git a/app/views/groups/_users.html.erb b/app/views/groups/_users.html.erb
index 3d4820f..d265c75 100644
--- a/app/views/groups/_users.html.erb
+++ b/app/views/groups/_users.html.erb
@@ -38,6 +38,8 @@
                  :update => :users,
                  :url => autocomplete_for_user_group_path(@group),
                  :method => :get,
+                 :before => '$("user_search").addClassName("ajax-loading")',
+                 :complete => '$("user_search").removeClassName("ajax-loading")',
                  :with => 'q')
                   %>
 
diff --git a/app/views/projects/settings/_members.html.erb b/app/views/projects/settings/_members.html.erb
index 5cd3afd..2710fa8 100644
--- a/app/views/projects/settings/_members.html.erb
+++ b/app/views/projects/settings/_members.html.erb
@@ -70,6 +70,8 @@
                  :update => :principals,
                  :url => autocomplete_project_memberships_path(@project),
                  :method => :get,
+                 :before => '$("principal_search").addClassName("ajax-loading")',
+                 :complete => '$("principal_search").removeClassName("ajax-loading")',
                  :with => 'q')
                   %>
 
diff --git a/app/views/watchers/_new.html.erb b/app/views/watchers/_new.html.erb
index 56a122a..9b4227a 100644
--- a/app/views/watchers/_new.html.erb
+++ b/app/views/watchers/_new.html.erb
@@ -12,6 +12,8 @@
                :frequency => 0.5,
                :update => :users_for_watcher,
                :method => :get,
+               :before => '$("user_search").addClassName("ajax-loading")',
+               :complete => '$("user_search").removeClassName("ajax-loading")',
                :url => {
                  :controller => 'watchers',
                  :action => 'autocomplete_for_user',
diff --git a/public/javascripts/application.js b/public/javascripts/application.js
index fdafc98..483bc1a 100644
--- a/public/javascripts/application.js
+++ b/public/javascripts/application.js
@@ -503,7 +503,7 @@ Ajax.Responders.register({
             request.options.requestHeaders[header] = token;
           }
 
-        if ($('ajax-indicator') && Ajax.activeRequestCount > 0) {
+        if ($('ajax-indicator') && Ajax.activeRequestCount > 0 && $$('input.ajax-loading').size() == 0) {
             Element.show('ajax-indicator');
         }
     },
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 2048ab7..65cdb51 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -517,6 +517,13 @@ div#tab-content-members fieldset div, div#tab-content-users fieldset div { max-h
 table.members td.group { padding-left: 20px; background: url(../images/group.png) no-repeat 0% 50%; }
 
 input#principal_search, input#user_search {width:100%}
+input#principal_search, input#user_search {
+  background: url(../images/magnifier.png) no-repeat 2px 50%; padding-left:20px;
+  border:1px solid #9EB1C2; border-radius:3px; height:1.5em; width:95%;
+}
+input#principal_search.ajax-loading, input#user_search.ajax-loading {
+ background-image: url(../images/loading.gif);
+}
 
 * html div#tab-content-members fieldset div { height: 450px; }