disable bottom buttons during HTTP request and reset fields afterwards

Author: neodes-h

app/public/js/location_report.js

@@ -115,6 +115,14 @@ function setSuggestionMessage(msg, is_warning) {
 	}
 }
 
+function resetHighlight(){
+	$('#location-name').val($('#location-name').data('value'));
+	$('#address').val($('#address').data('value'));
+	$('#phone-number').val($('#phone-number').data('value'));
+	$('#url').val($('#url').data('value'));
+	$('.highlight').removeClass('highlight');
+}
+
 function suggestionSubmitted(r) {
 	setSuggestionMessage("Suggestion has been created.", false);
 
@@ -165,23 +173,29 @@ function suggestionButtonClicked() {
 			'url': url
 		},
 		'url': '/api/add-suggestion',
+		'beforeSend': function(jqXHR,settings) {
+			$('button').prop('disabled',true);
+		},
 		'success': suggestionSubmitted,
-		'error': suggestionFailed
+		'error': suggestionFailed,
+		'complete': function(jqXHR,textStatus) {
+			$('button').prop('disabled',false);
+			resetHighlight();
+		}
 	});
 }
 
 function highlightDiffField(id) {
-	var element = document.getElementById(id);
-	element.addEventListener("change",function(event){
+	$('#' + id).bind('input', function(event){
 		//highlight modified suggestion fields
-		if(element.dataset.value != element.value){
-			if(!$(element).hasClass('highlight'))
+		if($(this).data('value') != $(this).val()){
+			if(!$(this).hasClass('highlight'))
 				suggestion_counter += 1;
-			$(element).addClass('highlight');
+			$(this).addClass('highlight');
 		} else {
-			if($(element).hasClass('highlight'))
+			if($(this).hasClass('highlight'))
 				suggestion_counter -= 1;
-			$(element).removeClass('highlight');
+			$(this).removeClass('highlight');
 		}
 		// disable submit button when there is no difference in the fields
 		if(suggestion_counter > 0)