ajax-loader for dashboard

app/assets/javascripts/loader.js

@@ -0,0 +1,11 @@
+var Loader = { 
+  img_src: "/assets/ajax-loader.gif", 
+
+  html: 
+    function(width) { 
+      img = $("<img>");
+      img.attr("width", width);
+      img.attr("src", this.img_src);
+      return img;
+    }
+}

app/assets/stylesheets/projects.css.scss

@@ -581,3 +581,9 @@ h4.middle-panel {
     }
   }
 }
+
+.dashboard-loader { 
+  float:right;
+  margin-right:30px;
+  display:none;
+}

app/views/dashboard/_menu.html.haml

@@ -2,12 +2,20 @@
   = link_to "Activities", dashboard_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_path) || current_page?(root_path) }", :id => "activities_slide"
   = link_to "Issues", dashboard_issues_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_issues_path)}", :id => "issues_slide"
   = link_to "Merge Requests", dashboard_merge_requests_path, :remote => true, :class => "button-small dash-button #{"active" if current_page?(dashboard_merge_requests_path)}", :id => "merge_requests_slide"
-
+  %img{:src => "/assets/ajax-loader-facebook.gif", :class => "dashboard-loader"}
 
 :javascript 
   $(function(){
     $(".dash-button").live("click", function() { 
       $(".dash-button").removeClass("active");
       $(this).addClass("active");
-    })
+    });
+
+    $(".dash-button").live("ajax:before", function() { 
+      $(".dashboard-loader").show();
+    });
+
+    $(".dash-button").live("ajax:complete", function() { 
+      $(".dashboard-loader").hide();
+    });
   });