Hooks into the new form button and displays message if changes are pending.

javascript/src/QfqForm.js

@@ -179,8 +179,23 @@ var QfqNS = QfqNS || {};
     /**
      * @private
      */
-    n.QfqForm.prototype.handleNewClick = function () {
+    n.QfqForm.prototype.handleNewClick = function (event) {
+        event.preventDefault();
+        var anchorTarget = event.target.getAttribute("href");
+
         this.lastButtonPress = "new";
+        if (this.form.getFormChanged()) {
+            var alert = new n.Alert("You have unsaved changes. Do you want to close?", "warning", "yesnosave");
+            var that = this;
+            alert.on('alert.save', function () {
+                that.form.submitTo(that.submitTo);
+                window.location = anchorTarget;
+            });
+            alert.on('alert.ok', function () {
+                window.location = anchorTarget;
+            });
+            alert.show();
+        }
         n.Log.debug("new click");
     };
 
@@ -330,7 +345,7 @@ var QfqNS = QfqNS || {};
      * @private
      */
     n.QfqForm.prototype.getNewButton = function () {
-        return $("#new-button");
+        return $("#form-new-button");
     };