UI tweaks to submit button

e-valuation · Aug 15, 2016 · b6a0288 · b6a0288
1 parent d3f0039
commit b6a0288
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/evap/student/templates/student_vote.html b/evap/student/templates/student_vote.html
@@ -108,7 +108,12 @@ <h2>{{ course.name }} ({{ course.semester.name }})</h2>
         var form = $('#student-vote-form');
         form.submit(function (event) {
             event.preventDefault(); // don't use the default submission
-            $('#vote-submit-btn').prop('disabled', true)
+            var submitButton = $('#vote-submit-btn');
+            var originalText = submitButton.val();
+
+            submitButton.val("Submitting...");
+            submitButton.prop('disabled', true);
+
             $.ajax({
                 type: form.attr('method'),
                 url: form.attr('action'),
@@ -123,9 +128,10 @@ <h2>{{ course.name }} ({{ course.semester.name }})</h2>
                 },
                 error: function(data) {
                     // show a warning if the post isn't successful
-                    $('#vote-submit-btn').effect("highlight", {color:"#eb595a"}, 2000);
                     document.getElementById('submit-error-warning').style.display = 'block';
-                    $('#vote-submit-btn').prop('disabled', false)
+                    submitButton.effect("highlight", {color:"#eb595a"}, 2000);
+                    submitButton.val(originalText);
+                    submitButton.prop('disabled', false);
                 }
             });
             return false;