js for preventing user do stupid things durning ajax

app/assets/javascripts/inc/ajax_setting.js

@@ -0,0 +1,14 @@
+// $.ready(function(){
+//   $('body').bind("ajaxSend", function(){
+//      $('<div class="modal-backdrop fade in"></div>').appendTo('body');
+//     }).bind("ajaxComplete", function(){
+//       $('body > div.modal-backdrop').hide().remove();
+//   });  
+// });
+jQuery(document).ajaxStart(function(){
+  $('<div class="modal-backdrop fade in" id="sys_modal"><img src="/assets/ajax-loader.gif" style="margin-top: 25%;margin-left: 50%;"></div>').appendTo('body');
+});
+
+jQuery(document).ajaxComplete(function(){
+  $("#sys_modal").hide().remove();
+});

app/views/layouts/new_admin.html.erb

@@ -9,6 +9,7 @@
 	<![endif]-->
 	<%= stylesheet_link_tag "new_admin" %>
 	<%= javascript_include_tag "new_admin" %>
+	<%= javascript_include_tag "inc/ajax_setting"  %>
 	<%= yield :page_specific_css %>
 	<%= yield :page_specific_javascript %>
 	<%= csrf_meta_tag %>