Fixed button display, added Alert instead of disabled button.

javascript/src/QfqForm.js

@@ -67,6 +67,7 @@ var QfqNS = QfqNS || {};
             this.form = new n.Form(this.formId, false);
         }
 
+        this.infoLockedButton = this.infoLockedButton.bind(this);
 
         // This is required when displaying validation messages, in order to activate the tab, which has validation
         // issues
@@ -822,12 +823,29 @@ var QfqNS = QfqNS || {};
 
     n.QfqForm.prototype.deactivateSaveButton = function () {
         this.getSaveButton().addClass("disabled");
-        this.getSaveButton().attr("disabled", "disabled");
+        //this.getSaveButton().attr("disabled", "disabled");
+        this.getSaveButton().off('click');
+        this.getSaveButton().on('click', this.infoLockedButton);
+        this.getSaveButton().css("color", "#fff");
+    };
+
+    n.QfqForm.prototype.infoLockedButton = function(e) {
+        var alert = new n.Alert({
+            message: "Please wait until the upload finishes to save this form",
+            buttons: [{ label: "Ok", eventName: "ok"}],
+            modal: true
+        });
+        alert.show();
+        e.preventDefault();
+        return false;
     };
 
     n.QfqForm.prototype.activateSaveButton = function () {
+        this.getSaveButton().off('click');
         this.getSaveButton().removeClass("disabled");
-        this.getSaveButton().removeAttr("disabled");
+        //this.getSaveButton().removeAttr("disabled");
+        this.getSaveButton().css("color", "");
+        this.getSaveButton().click(this.handleSaveClick.bind(this));
     };
 
     n.QfqForm.prototype.getSaveButtonAttentionClass = function () {