Merge pull request AtlasOfLivingAustralia#28 from chrisala/master

Dealing with unsaved MERI plan changes.

Author: sat01a

fieldcapture-hubs-plugin/FieldcapturePluginGrailsPlugin.groovy

@@ -2,7 +2,7 @@ import grails.util.Holders
 
 class FieldcapturePluginGrailsPlugin {
     // the plugin version
-    def version = "1.0-SNAPSHOT"
+    def version = "1.0.1-SNAPSHOT"
     // the version or versions of Grails the plugin is designed for
     def grailsVersion = "2.4 > *"
     // resources that are excluded from plugin packaging

fieldcapture-hubs-plugin/grails-app/views/shared/_timeoutMessage.gsp

@@ -0,0 +1,15 @@
+<div id="timeoutMessage" class="hide">
+
+    <span class='label label-important'>Important</span><h4>There was an error while trying to save your changes.</h4>
+    <p>This could be because your login has timed out or the internet is unavailable.</p>
+    <p>Your data has been saved on this computer but you may need to login again before the data can be sent to the server.</p>
+    <a href="${url}">Click here to refresh your login and reload this page.</a>
+</div>
+
+<div id="unsavedChangesMessage" class="hide">
+
+    <span class='label label-important'>Important</span><h4>You have unsaved changes.</h4>
+    <p>Press OK to discard your changes.</p>
+    <p>Press Cancel to continue editing your ${unsavedData}.</p>
+
+</div>

fieldcapture-hubs-plugin/web-app/js/fieldcapture-application.js

@@ -196,4 +196,20 @@ function blockUIWithMessage(message) {
             opacity: .5,
             color: '#fff'
         } });
-}
+}
+
+function confirmOnPageExit(e) {
+    // If we haven't been passed the event get the window.event
+    e = e || window.event;
+
+    var message = 'You have unsaved changes.';
+
+    // For IE6-8 and Firefox prior to version 4
+    if (e)
+    {
+        e.returnValue = message;
+    }
+
+    // For Chrome, Safari, IE8+ and Opera 12+
+    return message;
+};

fieldcapture-hubs-plugin/web-app/js/knockout-dates.js

@@ -652,6 +652,49 @@ ko.dirtyFlag = function(root, isInitiallyDirty) {
     return result;
 };
 
+/**
+ * A simple dirty flag that will detect the first change to a model, then afterwards always return true (meaning
+ * dirty).  This is to prevent the full model being re-serialized to JSON on every change, which can cause
+ * performance issues for large models.
+ * From: http://www.knockmeout.net/2011/05/creating-smart-dirty-flag-in-knockoutjs.html
+ * @param root the model.
+ * @returns true if the model has changed since this function was added.
+ */
+ko.simpleDirtyFlag = function(root) {
+    var _initialized = ko.observable(false);
+
+    // this allows for models that do not have a modelAsJSON method
+    var getRepresentation = function () {
+        return (typeof root.modelAsJSON === 'function') ? root.modelAsJSON() : ko.toJSON(root);
+    };
+
+    var result = function() {};
+
+    //one-time dirty flag that gives up its dependencies on first change
+    result.isDirty = ko.computed(function () {
+        if (!_initialized()) {
+
+            //just for subscriptions
+            getRepresentation();
+
+            //next time return true and avoid ko.toJS
+            _initialized(true);
+
+            //on initialization this flag is not dirty
+            return false;
+        }
+
+        //on subsequent changes, flag is now dirty
+        return true;
+    });
+    result.reset = function() {
+        _initialized(false);
+    }
+
+    return result;
+};
+
+
 
 /**
  * A vetoableObservable is an observable that provides a mechanism to prevent changes to its value under certain
@@ -963,3 +1006,27 @@ function activityProgressClass(progress) {
     return ACTIVITY_PROGRESS_CLASSES[progress];
 }
 
+ko.bindingHandlers.numeric = {
+    init: function (element, valueAccessor) {
+        $(element).on("keydown", function (event) {
+            // Allow: backspace, delete, tab, escape, and enter
+            if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
+                    // Allow: Ctrl+A
+                (event.keyCode == 65 && event.ctrlKey === true) ||
+                    // Allow: . ,
+                (event.keyCode == 190 || event.keyCode == 110) ||
+                    // Allow: home, end, left, right
+                (event.keyCode >= 35 && event.keyCode <= 39)) {
+                // let it happen, don't do anything
+                return;
+            }
+            else {
+                // Ensure that it is a number and stop the keypress
+                if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
+                    event.preventDefault();
+                }
+            }
+        });
+    }
+};
+