Disable button when perform ajax post

group/templates/group/msg_reply_js.html

@@ -26,6 +26,8 @@ $('.reply').click(function() {
         }
         msg_bd.find('.reply-at').click(replyatHandler);
         msg_bd.find('.submit').click(function() {
+            var self = $(this);
+            self.attr('disabled', 'disabled');
             var reply = $.trim(reply_input.val());
             if (reply && reply.length <= 150) {
                 $.ajax({
@@ -42,10 +44,12 @@ $('.reply').click(function() {
                         error.attr('class', 'error hide');
                         reply_cnt.html((parseInt(reply_cnt.html()) + 1 || 1) + ' ');
                         msg_bd.find('.reply-at').click(replyatHandler);
+                        self.removeAttr('disabled');
                     }
                 });
             } else {
                 error.removeClass('hide');
+                self.removeAttr('disabled');
             }
         });
     }

media/css/seahub.css

@@ -79,6 +79,9 @@ button:hover {
     cursor:pointer;
     background: #FFF;
 }
+input[type=submit][disabled=disabled]{
+    background: #ebebe4;
+}
 input[type="file"] {
     border:none;
     height:24px;

templates/repo.html

@@ -412,6 +412,9 @@ $('#mv-form h4').click(function() {
 });
 
 $('#rename-form .submit').click(function() {
+    var self = $(this);
+    self.attr('disabled', 'disabled');
+    
     $.ajax({
         url: '{% url 'views.repo_rename_file' %}',
         type: 'POST',
@@ -429,6 +432,7 @@ $('#rename-form .submit').click(function() {
                 location.reload(true);
             } else {
                 apply_form_error('rename-form', data['error']);
+                self.removeAttr('disabled');                
             }
         },
         error: function(data, textStatus, jqXHR) {
@@ -436,12 +440,15 @@ $('#rename-form .submit').click(function() {
             $.each(errors, function(index, value) {
                 apply_form_error('rename-form', value[0]);
             });
+            self.removeAttr('disabled');            
         }
     });
     return false;
 });
 
 $('#add-new-file-form .submit').click(function() {
+    var self = $(this);
+    self.attr('disabled', 'disabled');
     $.ajax({
         url: '{% url 'views.repo_new_file' %}',
         type: 'POST',
@@ -458,6 +465,7 @@ $('#add-new-file-form .submit').click(function() {
                 location.reload(true);
             } else {
                 apply_form_error('add-new-file-form', data['error']);
+                self.removeAttr('disabled');
             }
         },
         error: function(data, textStatus, jqXHR) {
@@ -465,12 +473,16 @@ $('#add-new-file-form .submit').click(function() {
             $.each(errors, function(index, value) {
                 apply_form_error('add-new-file-form', value[0]);
             });
+            self.removeAttr('disabled');
         }
     });
     return false;
 });
 
 $('#add-new-dir-form .submit').click(function() {
+    var self = $(this);
+    self.attr('disabled', 'disabled');
+    
     $.ajax({
         url: '{% url 'views.repo_new_dir' %}',
         type: 'POST',
@@ -487,6 +499,7 @@ $('#add-new-dir-form .submit').click(function() {
                 location.reload(true);
             } else {
                 apply_form_error('add-new-dir-form', data['error']);
+                self.removeAttr('disabled');
             }
         },
         error: function(data, textStatus, jqXHR) {
@@ -494,6 +507,7 @@ $('#add-new-dir-form .submit').click(function() {
             $.each(errors, function(index, value) {
                 apply_form_error('add-new-dir-form', value[0]);
             });
+            self.removeAttr('disabled');
         }
     });
     return false;

templates/snippets/repo_create_form.html

@@ -19,5 +19,5 @@
         <input type="password" name="passwd_again" disabled="disabled" class="passwd input-disabled" />
     </div>
     <p class="error hide"></p>
-    <input type="submit" id="repo-create-submit" value="提交" class="submit" />
+    <input type="submit" id="repo-create-submit" value="提交" class="submit"/>
 </form>

templates/snippets/repo_create_js.html

@@ -21,6 +21,8 @@ $('#encrypt-switch').click(function () {
 $('#repo-create-submit').click(function() {
     var passwd = $('#repo-create-form input[name="passwd"]'),
         passwd_again = $('#repo-create-form input[name="passwd_again"]');
+    var self = $(this);
+    self.attr('disabled', 'disabled');
 
     $.ajax({
         url: '{{ post_url }}',
@@ -43,6 +45,7 @@ $('#repo-create-submit').click(function() {
                 location.reload(true);
             } else {
                 apply_form_error('repo-create-form', data['error']);
+                self.removeAttr('disabled');
             }
         },
         error: function(data, textStatus, jqXHR) {
@@ -50,6 +53,7 @@ $('#repo-create-submit').click(function() {
             $.each(errors, function(index, value) {
                 apply_form_error('repo-create-form', value[0]);
             });
+            self.removeAttr('disabled');
         }
     });