Enhances the formModal to allow event callback for checking if there are changes on the content of the formModel and also for taking action for reverting the data. See #71241

Author: novaxpro

public/cui.js

@@ -45070,6 +45070,12 @@ CUI.FormModal = (function(superClass) {
             };
           })(this)
         }
+      },
+      hasChanges: {
+        check: Function
+      },
+      revertData: {
+        check: Function
       }
     });
   };
@@ -45093,7 +45099,7 @@ CUI.FormModal = (function(superClass) {
     }
     opts.pane.footer_right = btn;
     mod = new CUI.Modal(opts);
-    if (this.__orig_set_data) {
+    if (this.__orig_set_data || this._hasChanges) {
       CUI.Events.listen({
         type: "data-changed",
         node: mod,
@@ -45112,6 +45118,10 @@ CUI.FormModal = (function(superClass) {
   };
 
   FormModal.prototype.revertData = function() {
+    if (this._revertData) {
+      this._revertData(this);
+      return this;
+    }
     CUI.util.assert(this.__orig_set_data, "Form.revertData", "Only supported with opts.name set and opts.data PlainObject.", {
       opts: this.opts
     });
@@ -45150,6 +45160,9 @@ CUI.FormModal = (function(superClass) {
   };
 
   FormModal.prototype.hasChanges = function() {
+    if (this._hasChanges) {
+      return this._hasChanges(this, this.getData());
+    }
     if (this.__orig_set_data) {
       return JSON.stringify(this.__orig_data) !== JSON.stringify(this.__orig_set_data[this._name]);
     } else {
@@ -45160,7 +45173,7 @@ CUI.FormModal = (function(superClass) {
   FormModal.prototype.getPopoverOpts = function() {
     var onCancel, pop_opts;
     pop_opts = CUI.util.copyObject(this._modal, true);
-    if (pop_opts.cancel && this.__orig_set_data) {
+    if (pop_opts.cancel && (this.__orig_set_data || this._hasChanges)) {
       onCancel = pop_opts.onCancel;
       pop_opts.onCancel = (function(_this) {
         return function(ev, modal) {

public/cui.min.js

@@ -25,6 +25,10 @@ class CUI.FormModal extends CUI.FormPopover
 						text: "Ok"
 					check: (v) =>
 						CUI.util.isPlainObject(v)
+			hasChanges:
+				check: Function
+			revertData:
+				check: Function
 
 	initPopover: (opts) ->
 
@@ -48,7 +52,7 @@ class CUI.FormModal extends CUI.FormPopover
 
 		mod = new CUI.Modal(opts)
 
-		if @__orig_set_data
+		if @__orig_set_data or @_hasChanges
 			CUI.Events.listen
 				type: "data-changed"
 				node: mod
@@ -61,6 +65,9 @@ class CUI.FormModal extends CUI.FormPopover
 		mod
 
 	revertData: ->
+		if @_revertData
+			@_revertData(@)
+			return @
 		CUI.util.assert(@__orig_set_data, "Form.revertData", "Only supported with opts.name set and opts.data PlainObject.", opts: @opts)
 		delete(@__data)
 		if @__orig_data
@@ -92,6 +99,8 @@ class CUI.FormModal extends CUI.FormPopover
 		super()
 
 	hasChanges: ->
+		if @_hasChanges
+			return @_hasChanges(@, @getData())
 		if @__orig_set_data
 			JSON.stringify(@__orig_data) != JSON.stringify(@__orig_set_data[@_name])
 		else
@@ -100,7 +109,7 @@ class CUI.FormModal extends CUI.FormPopover
 	getPopoverOpts: ->
 		pop_opts = CUI.util.copyObject(@_modal, true)
 
-		if pop_opts.cancel and @__orig_set_data
+		if pop_opts.cancel and (@__orig_set_data or @_hasChanges)
 			onCancel = pop_opts.onCancel
 			pop_opts.onCancel = (ev, modal) =>
 				dfr = new CUI.Deferred()