MDL-64573 output: ajax form event

Add an event that can be fired when an mform is about to be submitted via ajax.
This allows custom field types to perform an action when the form is submitted.

The atto text editor will reset any autosaves when the form is submitted.

calendar/amd/src/modal_event_form.js

@@ -407,7 +407,17 @@ define([
      * @return {object} A promise
      */
     ModalEventForm.prototype.save = function() {
-        var loadingContainer = this.saveButton.find(SELECTORS.LOADING_ICON_CONTAINER);
+        var invalid,
+            loadingContainer = this.saveButton.find(SELECTORS.LOADING_ICON_CONTAINER);
+
+        // Now the change events have run, see if there are any "invalid" form fields.
+        invalid = this.getForm().find('[aria-invalid="true"]');
+
+        // If we found invalid fields, focus on the first one and do not submit via ajax.
+        if (invalid.length) {
+            invalid.first().focus();
+            return;
+        }
 
         loadingContainer.removeClass('hidden');
         this.disableButtons();
@@ -472,6 +482,8 @@ define([
         // Catch the submit event before it is actually processed by the browser and
         // prevent the submission. We'll take it from here.
         this.getModal().on('submit', function(e) {
+            Event.notifyFormSubmitAjax(this.getForm()[0]);
+
             this.save();
 
             // Stop the form from actually submitting and prevent it's

lib/amd/src/event.js

@@ -68,6 +68,35 @@ define(['jquery', 'core/yui'],
                 Y.fire(M.core.event.FILTER_CONTENT_UPDATED, {nodes: yuiNodes});
             });
         },
+
+        /**
+         * Trigger an event using both JQuery and YUI
+         *
+         * @method notifyFormSubmittedAjax
+         * @param {DOMElement} form
+         * @param {boolean} skipValidation Submit the form without validation. E.g. "Cancel".
+         */
+        notifyFormSubmitAjax: function(form, skipValidation) {
+
+            // Argument is optional.
+            skipValidation = skipValidation || false;
+
+            Y.use('event', 'moodle-core-event', function(Y) {
+                if (skipValidation) {
+                    window.skipClientValidation = true;
+                }
+                // Trigger it the JQuery way.
+                $(form).trigger(M.core.event.FORM_SUBMIT_AJAX);
+
+                // And again for YUI.
+                Y.one(form).fire(M.core.event.FORM_SUBMIT_AJAX, {currentTarget: Y.one(form)});
+
+                if (skipValidation) {
+                    window.skipClientValidation = false;
+                }
+            });
+        },
+
         /**
          * Trigger an event using both JQuery and YUI
          * This event alerts the world that the editor has restored some content.

lib/editor/atto/yui/build/moodle-editor_atto-editor/moodle-editor_atto-editor-debug.js

@@ -1222,6 +1222,7 @@ Y.extend(EditorAutosaveIoDispatcher, Y.Base, {
         if (typeof this._submitEvents[node.generateID()] === 'undefined') {
             this._submitEvents[node.generateID()] = {
                 event: node.on('submit', this._onSubmit, this),
+                ajaxEvent: node.on(M.core.event.FORM_SUBMIT_AJAX, this._onSubmit, this),
                 ios: []
             };
         }