Checking for unsaved changes when leaving demographics, any LBF visit form or layout editor.

sunsetsystems · sunsetsystems · commit 364afe27cfa3 · 2016-06-28T07:59:12.000-07:00
diff --git a/interface/forms/LBF/new.php b/interface/forms/LBF/new.php
@@ -1,6 +1,6 @@
 <?php
 /**
- * Copyright (C) 2009-2014 Rod Roark <rod@sunsetsystems.com>
+ * Copyright (C) 2009-2016 Rod Roark <rod@sunsetsystems.com>
  *
  * LICENSE: This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU General Public License
@@ -256,7 +256,12 @@ function end_group() {
 <?php include_once("{$GLOBALS['srcdir']}/options.js.php"); ?>
 
 <script language="JavaScript">
+
+// Support for beforeunload handler.
+var somethingChanged = false;
+
 $(document).ready(function() {
+
   // fancy box
   if (window.enable_modals) {
     enable_modals();
@@ -278,6 +283,19 @@ function end_group() {
     // add drag and drop functionality to fancybox
     $("#fancy_outer").easydrag();
   });
+
+  // Support for beforeunload handler.
+  $('.lbfdata input, .lbfdata select, .lbfdata textarea').change(function() {
+    somethingChanged = true;
+  });
+  window.addEventListener("beforeunload", function (e) {
+    if (somethingChanged) {
+      var msg = "<?php echo xls('You have unsaved changes.'); ?>";
+      e.returnValue = msg;     // Gecko, Trident, Chrome 34+
+      return msg;              // Gecko, WebKit, Chrome <34
+    }
+  });
+
 });
 
 var mypcc = '<?php echo $GLOBALS['phone_country_code'] ?>';
@@ -340,12 +358,24 @@ function sel_related(elem, codetype) {
  dlgopen(url, '_blank', 500, 400);
 }
 
+// Compute the length of a string without leading and trailing spaces.
+function trimlen(s) {
+ var i = 0;
+ var j = s.length - 1;
+ for (; i <= j && s.charAt(i) == ' '; ++i);
+ for (; i <= j && s.charAt(j) == ' '; --j);
+ if (i > j) return 0;
+ return j + 1 - i;
+}
+
 // Validation logic for form submission.
 function validate(f) {
 <?php generate_layout_validation($formname); ?>
+ somethingChanged = false; // turn off "are you sure you want to leave"
  top.restoreSession();
  return true;
 }
+
 <?php if (function_exists($formname . '_javascript')) call_user_func($formname . '_javascript'); ?>
 
 </script>
@@ -498,7 +528,7 @@ function validate(f) {
         echo "<div id='div_" . attr($group_seq) . "' class='section' style='display:" . attr($display_style) . ";'>\n";
       }
       // echo " <table border='0' cellpadding='0' width='100%'>\n";
-      echo " <table border='0' cellspacing='0' cellpadding='0' width='100%'>\n";
+      echo " <table border='0' cellspacing='0' cellpadding='0' width='100%' class='lbfdata'>\n";
       $display_style = 'none';
 
       // Initialize historical data array and write date headers.
diff --git a/interface/patient_file/summary/demographics_full.php b/interface/patient_file/summary/demographics_full.php
@@ -71,6 +71,10 @@
 <link rel="stylesheet" type="text/css" href="../../../library/js/fancybox/jquery.fancybox-1.2.6.css" media="screen" />
 
 <script type="text/javascript">
+
+// Support for beforeunload handler.
+var somethingChanged = false;
+
 $(document).ready(function(){
     tabbify();
     enable_modals();
@@ -83,6 +87,17 @@
 		'frameWidth' : 650
 	});
 
+  // Support for beforeunload handler.
+  $('.tab input, .tab select, .tab textarea').change(function() {
+    somethingChanged = true;
+  });
+  window.addEventListener("beforeunload", function (e) {
+    if (somethingChanged) {
+      var msg = "<?php echo xls('You have unsaved changes.'); ?>";
+      e.returnValue = msg;     // Gecko, Trident, Chrome 34+
+      return msg;              // Gecko, WebKit, Chrome <34
+    }
+  });
 });
 
 var mypcc = '<?php echo $GLOBALS['phone_country_code'] ?>';
@@ -311,6 +326,7 @@ function validate(f) {
 function submitme() {
  var f = document.forms[0];
  if (validate(f)) {
+  somethingChanged = false; // turn off "are you sure you want to leave"
   top.restoreSession();
   f.submit();
  }
diff --git a/interface/super/edit_layout.php b/interface/super/edit_layout.php
@@ -1,6 +1,6 @@
 <?php
 /**
- * Copyright (C) 2014-2015 Rod Roark <rod@sunsetsystems.com>
+ * Copyright (C) 2014-2016 Rod Roark <rod@sunsetsystems.com>
  *
  * LICENSE: This program is free software; you can redistribute it and/or
  * modify it under the terms of the GNU General Public License
@@ -926,6 +926,26 @@ function cidChanged(lino, seq) {
   setListItemOptions(lino, seq, false);
 }
 
+// Call this to disable the warning about unsaved changes and submit the form.
+function mySubmit() {
+ somethingChanged = false;
+ top.restoreSession();
+ document.forms[0].submit();
+}
+
+// User is about to do something that would discard any unsaved changes.
+// Return true if that is OK.
+function myChangeCheck() {
+  if (somethingChanged) {
+    if (!confirm('<?php echo xls('You have unsaved changes. Abandon them?'); ?>')) {
+      return false;
+    }
+    // Do not set somethingChanged to false here because if they cancel the
+    // action then the previously changed values will still be of interest.
+  }
+  return true;
+}
+
 </script>
 
 </head>
@@ -1238,6 +1258,9 @@ function cidChanged(lino, seq) {
 // used when selecting a list-name for a field
 var selectedfield;
 
+// Support for beforeunload handler.
+var somethingChanged = false;
+
 // Get the next logical sequence number for a field in the specified group.
 // Note it guesses and uses the existing increment value.
 function getNextSeq(group) {
@@ -1261,7 +1284,13 @@ function getNextSeq(group) {
 
 $(document).ready(function(){
     $("#save").click(function() { SaveChanges(); });
-    $("#layout_id").change(function() { $('#theform').submit(); });
+    $("#layout_id").change(function() {
+      if (!myChangeCheck()) {
+        $("#layout_id").val("<?php echo $layout_id; ?>");
+        return;
+      }
+      mySubmit();
+    });
 
     $(".addgroup").click(function() { AddGroup(this); });
     $(".savenewgroup").click(function() { SaveNewGroup(this); });
@@ -1304,7 +1333,7 @@ function getNextSeq(group) {
     // Save the changes made to the form
     var SaveChanges = function () {
         $("#formaction").val("save");
-        $("#theform").submit();
+        mySubmit();
     }
 
     /****************************************************/
@@ -1313,6 +1342,8 @@ function getNextSeq(group) {
 
     // display the 'new group' DIV
     var AddGroup = function(btnObj) {
+        if (!myChangeCheck()) return;
+        $("#save").attr("disabled", true);
         // show the field details DIV
         $('#groupdetail').css('visibility', 'visible');
         $('#groupdetail').css('display', 'block');
@@ -1381,7 +1412,7 @@ function getNextSeq(group) {
 
         // submit the form to add a new field to a specific group
         $("#formaction").val("addgroup");
-        $("#theform").submit();
+        mySubmit();
     }
 
     // actually delete an entire group from the database
@@ -1403,24 +1434,27 @@ function getNextSeq(group) {
         $('#groupdetail').css('display', 'none');
         // reset the new group values to a default
         $('#groupdetail > #newgroupname').val("");
+        $("#save").attr("disabled", false);
     };
 
     // display the 'new field' DIV
     var MoveGroup = function(btnObj) {
+        if (!myChangeCheck()) return;
         var btnid = $(btnObj).attr("id");
         var parts = btnid.split("~");
         var groupid = parts[0];
         var direction = parts[1];
-
         // submit the form to change group order
         $("#formaction").val("movegroup");
         $("#movegroupname").val(groupid);
         $("#movedirection").val(direction);
-        $("#theform").submit();
+        mySubmit();
     }
 
     // show the rename group DIV
     var RenameGroup = function(btnObj) {
+        if (!myChangeCheck()) return;
+        $("#save").attr("disabled", true);
         $('#renamegroupdetail').css('visibility', 'visible');
         $('#renamegroupdetail').css('display', 'block');
         $(btnObj).parent().append($("#renamegroupdetail"));
@@ -1441,7 +1475,7 @@ function getNextSeq(group) {
 
         // submit the form to add a new field to a specific group
         $("#formaction").val("renamegroup");
-        $("#theform").submit();
+        mySubmit();
     }
 
     // just hide the new field DIV
@@ -1460,6 +1494,8 @@ function getNextSeq(group) {
 
     // display the 'new field' DIV
     var AddField = function(btnObj) {
+        if (!myChangeCheck()) return;
+        $("#save").attr("disabled", true);
         // update the fieldgroup value to be the groupid
         var btnid = $(btnObj).attr("id");
         var parts = btnid.split("~");
@@ -1474,6 +1510,7 @@ function getNextSeq(group) {
     };
 
     var DeleteFields = function(btnObj) {
+        if (!myChangeCheck()) return;
         if (confirm("<?php xl('WARNING','e','',' - ') . xl('This action cannot be undone.','e','','\n') . xl('Are you sure you wish to delete the selected fields?','e'); ?>")) {
             var delim = "";
             $(".selectfield").each(function(i) {
@@ -1487,7 +1524,7 @@ function getNextSeq(group) {
             });
             // submit the form to delete the field(s)
             $("#formaction").val("deletefields");
-            $("#theform").submit();
+            mySubmit();
         }
     };
     
@@ -1532,7 +1569,7 @@ function getNextSeq(group) {
     
         // submit the form to add a new field to a specific group
         $("#formaction").val("addfield");
-        $("#theform").submit();
+        mySubmit();
     };
     
     // just hide the new field DIV
@@ -1542,6 +1579,7 @@ function getNextSeq(group) {
         $('#fielddetail').css('display', 'none');
         // reset the new field values to a default
         ResetNewFieldValues();
+        $("#save").attr("disabled", false);
     };
 
     // show the popup choice of lists
@@ -1552,6 +1590,7 @@ function getNextSeq(group) {
     
     // show the popup choice of groups
     var ShowGroups = function(btnObj) {
+        if (!myChangeCheck()) return;
         window.open("./show_groups_popup.php?layout_id=<?php echo $layout_id;?>", "groups", "width=300,height=300,scrollbars=yes");
     };
     
@@ -1585,6 +1624,18 @@ function getNextSeq(group) {
       }
     }
 
+  // Support for beforeunload handler.
+  $('tbody input, tbody select, tbody textarea').not('.selectfield').change(function() {
+    somethingChanged = true;
+  });
+  window.addEventListener("beforeunload", function (e) {
+    if (somethingChanged) {
+      var msg = "<?php echo xls('You have unsaved changes.'); ?>";
+      e.returnValue = msg;     // Gecko, Trident, Chrome 34+
+      return msg;              // Gecko, WebKit, Chrome <34
+    }
+  });
+
 });
 
 function NationNotesContext(lineitem,val){
@@ -1672,7 +1723,7 @@ function MoveFields(targetgroup) {
         }
     });
     $("#formaction").val("movefields");
-    $("#theform").submit();
+    mySubmit();
 };
 
 // set the new-field values to a default state
