Merge pull request #120 from opf/feature/jquery-ajax-indicator

Feature/jquery ajax indicator

app/assets/javascripts/application.js

@@ -470,6 +470,7 @@ var WarnLeavingUnsaved = Class.create({
 document.observe("dom:loaded", function() {
   Ajax.Responders.register({
     onCreate: function(request){
+      debugger;
       var csrf_meta_tag = $$('meta[name=csrf-token]')[0];
 
       if (csrf_meta_tag) {
@@ -555,17 +556,38 @@ jQuery.viewportHeight = function() {
         document.body.clientHeight;
 };
 
-/* TODO: integrate with existing code and/or refactor */
++
++  /*
++  * 1 - registers a callback which copies the csrf token into the
++  * X-CSRF-Token header with each ajax request.  Necessary to
++  * work with rails applications which have fixed
++  * CVE-2011-0447
++  * 2 - shows and hides ajax indicator
++  */
 jQuery(document).ready(function($) {
   document.ajaxActive = false;
+  $(document).ajaxSend(function (event, request) {
+    document.ajaxActive = true;
+    var csrf_meta_tag = $('meta[name=csrf-token]');
 
+    if (csrf_meta_tag) {
+      var header = 'X-CSRF-Token',
+      token = csrf_meta_tag.attr('content');
 
-  $(document).ajaxStart(function () {
-    document.ajaxActive = true;
-  });
+      request.setRequestHeader[header] = token;
+    }
 
+    if ($('#ajax-indicator')) {
+      $('#ajax-indicator').show();
+    }
+  });
+  // ajaxStop gets called when ALL Requests finish, so we won't need a counter as in PT
   $(document).ajaxStop(function () {
     document.ajaxActive = false;
+    if ($('#ajax-indicator')) {
+      $('#ajax-indicator').hide();
+    }
+    addClickEventToAllErrorMessages();
   });
 
     var propagateOpenClose = function () {