MDL-67814 core_h5p: added renderer and editor classes

h5p/amd/src/editor_display.js

@@ -0,0 +1,61 @@
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * This module handles the display of the H5P authoring tool.
+ *
+ * @module     core_h5p/editor_display
+ * @package    core_h5p
+ * @copyright  2020 Victor Deniz <victor@moodle.com>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+import $ from 'jquery';
+
+/**
+ * Display the H5P authoring tool.
+ *
+ * @param {String} elementId Root element.
+ */
+export const init = (elementId) => {
+    const editorwrapper = $('#' + elementId);
+    const editor = $('.h5p-editor');
+    const mform = editor.closest("form");
+    const editorupload = $("h5p-editor-upload");
+    const h5plibrary = $('input[name="h5plibrary"]');
+    const h5pparams = $('input[name="h5pparams"]');
+    const inputname = $('input[name="name"]');
+    const h5paction = $('input[name="h5paction"]');
+
+    // Cancel validation and submission of form if clicking cancel button.
+    const cancelSubmitCallback = function($button) {
+        return $button.is('[name="cancel"]');
+    };
+
+    h5paction.val("create");
+
+    H5PEditor.init(
+        mform,
+        h5paction,
+        editorupload,
+        editorwrapper,
+        editor,
+        h5plibrary,
+        h5pparams,
+        '',
+        inputname,
+        cancelSubmitCallback
+    );
+};