added a warning when leaving comp, task or airspace admin page withou…

…t saving changes.
FAI-CIVL · May 21, 2021 · 43fb32e · 43fb32e
1 parent 373f75b
commit 43fb32e
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 8 deletions.
diff --git a/airscore/static/js/airspace_check_admin.js b/airscore/static/js/airspace_check_admin.js
@@ -234,8 +234,10 @@ var charts = {
     object: new Object()
   }
 };
+var isSubmitting = false;
 
 $(document).ready(function() {
+  $('#airspace_check_form').data('initial-state', $('#airspace_check_form').serialize());
   show_boundary();
   show_v_limit();
   update_parameters();
@@ -262,10 +264,25 @@ $(document).ready(function() {
 
   // inform when saving changings is needed
   $('#airspace_check_form :input').change(function(){
-    console.log('form changed');
-    $('#airspace_check_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
-    $('#save_button_warning_text').addClass('bg-warning').html('Parameters are changed and need to be saved');
+    if (!isSubmitting && $('#airspace_check_form').serialize() != $('#airspace_check_form').data('initial-state')) {
+      $('#airspace_check_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
+      $('#save_button_warning_text').addClass('bg-warning').html('Parameters are changed and need to be saved');
+    }
+    else {
+      $('#airspace_check_save_button').removeClass( "btn-warning" ).addClass( "btn-outline-secondary" );
+      $('#save_button_warning_text').removeClass('bg-warning').html('');
+    }
     update_charts();
   });
 
+  $('#airspace_check_form').submit( function() {
+    isSubmitting = true
+  });
+
+  $(window).on('beforeunload', function() {
+    if (!isSubmitting && $('#airspace_check_form').serialize() != $('#airspace_check_form').data('initial-state')) {
+      return 'You have unsaved changes which will not be saved.'
+    }
+  });
+
 });
diff --git a/airscore/static/js/comp_settings.js b/airscore/static/js/comp_settings.js
@@ -9,8 +9,10 @@ var dropdown = {
 };
 
 var comp_class = dropdown.category.val();
+var isSubmitting = false;
 
 $(document).ready(function() {
+  $('#main_comp_settings_form').data('initial-state', $('#main_comp_settings_form').serialize());
   populate_tasks( tasks_info );
   get_scorekeepers( compid );
 
@@ -87,8 +89,24 @@ $(document).ready(function() {
   });
 
   $('#main_comp_settings_form :input').change(function(){
-    $('#main_comp_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
-    $('#save_button_warning_text').addClass('bg-warning').html('Competition needs to be saved');
+    if (!isSubmitting && $('#main_comp_settings_form').serialize() != $('#main_comp_settings_form').data('initial-state')) {
+      $('#main_comp_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
+      $('#save_button_warning_text').addClass('bg-warning').html('Competition needs to be saved');
+    }
+    else {
+      $('#main_comp_save_button').removeClass( "btn-warning" ).addClass( "btn-outline-secondary" );
+      $('#save_button_warning_text').removeClass('bg-warning').html('');
+    }
+  });
+
+  $('#main_comp_settings_form').submit( function() {
+    isSubmitting = true
+  })
+
+  $(window).on('beforeunload', function() {
+    if (!isSubmitting && $('#main_comp_settings_form').serialize() != $('#main_comp_settings_form').data('initial-state')) {
+      return 'You have unsaved changes which will not be saved.'
+    }
   });
 
   // external event conversion

diff --git a/airscore/static/js/task_admin.js b/airscore/static/js/task_admin.js
@@ -1,17 +1,34 @@
 var turnpoints;
+var isSubmitting = false;
 var task = {
   isset: null,
   ready_to_score: null
 }
 
 
 $(document).ready(function() {
+  $('#main_task_settings_form').data('initial-state', $('#main_task_settings_form').serialize());
   get_turnpoints();
 
   $('#main_task_settings_form :input').change(function(){
-    console.log('form changed');
-    $('#main_task_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
-    $('#save_button_warning_text').addClass('bg-warning').html('Task needs to be saved');
+    if (!isSubmitting && $('form').serialize() != $('form').data('initial-state')) {
+      $('#main_task_save_button').removeClass( "btn-outline-secondary" ).addClass( "btn-warning" );
+      $('#save_button_warning_text').addClass('bg-warning').html('Task needs to be saved');
+    }
+    else {
+      $('#main_task_save_button').removeClass( "btn-warning" ).addClass( "btn-outline-secondary" );
+      $('#save_button_warning_text').removeClass('bg-warning').html('');
+    }
+  });
+
+  $('#main_task_settings_form').submit( function() {
+    isSubmitting = true
+  })
+
+  $(window).on('beforeunload', function() {
+    if (!isSubmitting && $('#main_task_settings_form').serialize() != $('#main_task_settings_form').data('initial-state')) {
+      return 'You have unsaved changes which will not be saved.'
+    }
   });
 
   let stopped = $('#stopped_time').val();