first commit

blocks/amd/build/add_modal.min.js

@@ -0,0 +1,10 @@
+define("core_block/add_modal",["exports","core/templates","core/str","core/ajax","core_form/modalform","core/modal_cancel"],(function(_exports,_templates,_str,_ajax,_modalform,_modal_cancel){function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
+/**
+   * Show an add block modal instead of doing it on a separate page.
+   *
+   * @module     core_block/add_modal
+   * @copyright  2016 Damyon Wiese <damyon@moodle.com>
+   * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+   */Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.init=void 0,_templates=_interopRequireDefault(_templates),_ajax=_interopRequireDefault(_ajax),_modalform=_interopRequireDefault(_modalform),_modal_cancel=_interopRequireDefault(_modal_cancel);const SELECTORS_ADD_BLOCK='[data-key="addblock"]',SELECTORS_SHOW_BLOCK_FORM='[data-action="showaddblockform"][data-blockname][data-blockform]';let listenerEventsRegistered=!1;const registerListenerEvents=(addBlockUrl,pagehash)=>{let addBlockModal=null;document.addEventListener("click",(e=>{const showAddBlockForm=e.target.closest(SELECTORS_SHOW_BLOCK_FORM);if(showAddBlockForm){e.preventDefault();const modalForm=new _modalform.default({modalConfig:{title:(0,_str.getString)("addblock","core_block",showAddBlockForm.getAttribute("data-blocktitle"))},args:{blockname:showAddBlockForm.getAttribute("data-blockname"),pagehash:pagehash,blockregion:showAddBlockForm.getAttribute("data-blockregion")},formClass:showAddBlockForm.getAttribute("data-blockform"),returnFocus:showAddBlockForm});modalForm.addEventListener(modalForm.events.FORM_SUBMITTED,(()=>{addBlockModal.destroy(),window.location.reload()})),modalForm.show()}const addBlock=e.target.closest(SELECTORS_ADD_BLOCK);if(addBlock){e.preventDefault();let addBlockModalUrl=null!=addBlockUrl?addBlockUrl:addBlock.dataset.url;buildAddBlockModal().then((modal=>{addBlockModal=modal;const modalBody=renderBlocks(addBlockModalUrl,pagehash,addBlock.getAttribute("data-blockregion"));return modal.setBody(modalBody),modal.show(),modalBody})).catch((()=>{addBlockModal.destroy()}))}}))},buildAddBlockModal=()=>_modal_cancel.default.create({title:(0,_str.getString)("addblock")}),renderBlocks=async(addBlockUrl,pagehash,region)=>{const blocks=await getAddableBlocks(pagehash);return _templates.default.render("core/add_block_body",{blocks:blocks,url:addBlockUrl,blockregion:region,pagehash:pagehash})},getAddableBlocks=async pagehash=>{const request={methodname:"core_block_fetch_addable_blocks",args:{pagecontextid:0,pagetype:"",pagelayout:"",subpage:"",pagehash:pagehash}};return _ajax.default.call([request])[0]};_exports.init=function(){let addBlockUrl=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null,pagehash=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";listenerEventsRegistered||(registerListenerEvents(addBlockUrl,pagehash),listenerEventsRegistered=!0)}}));
+
+//# sourceMappingURL=add_modal.min.js.map

blocks/amd/build/edit.min.js

@@ -0,0 +1,10 @@
+define("core_block/edit",["exports","core_form/modalform"],(function(_exports,_modalform){var obj;
+/**
+   * Javascript module for editing blocks
+   *
+   * @module      core_block/edit
+   * @copyright   2022 Marina Glancy
+   * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+   */Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.init=void 0,_modalform=(obj=_modalform)&&obj.__esModule?obj:{default:obj};const SELECTORS_EDITBLOCK='[data-action="editblock"][data-blockid][data-blockform]';_exports.init=pagehash=>{document.addEventListener("click",(e=>{const target=e.target.closest(SELECTORS_EDITBLOCK);if(!target||!target.getAttribute("data-blockform"))return;e.preventDefault();const modalForm=new _modalform.default({modalConfig:{title:target.getAttribute("data-header")},args:{blockid:target.getAttribute("data-blockid"),pagehash:pagehash},formClass:target.getAttribute("data-blockform"),returnFocus:target});modalForm.addEventListener(modalForm.events.FORM_SUBMITTED,(()=>{location.reload()})),modalForm.show()}))}}));
+
+//# sourceMappingURL=edit.min.js.map

blocks/amd/build/edit.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit.min.js","sources":["../src/edit.js"],"sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Javascript module for editing blocks\n *\n * @module      core_block/edit\n * @copyright   2022 Marina Glancy\n * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport ModalForm from 'core_form/modalform';\n\nconst SELECTORS = {\n    EDITBLOCK: '[data-action=\"editblock\"][data-blockid][data-blockform]',\n};\n\n/**\n * Initialize module\n * @param {String} pagehash\n */\nexport const init = (pagehash) => {\n    document.addEventListener('click', e => {\n        const target = e.target.closest(SELECTORS.EDITBLOCK);\n        if (!target || !target.getAttribute('data-blockform')) {\n            return;\n        }\n        e.preventDefault();\n\n        const modalForm = new ModalForm({\n            modalConfig: {\n                title: target.getAttribute('data-header'),\n            },\n            args: {blockid: target.getAttribute('data-blockid'), pagehash},\n            formClass: target.getAttribute('data-blockform'),\n            returnFocus: target,\n        });\n\n        // Reload the page when the form is submitted, there is no possibility\n        // currently to request contents update of just one block on the page.\n        modalForm.addEventListener(modalForm.events.FORM_SUBMITTED, () => {\n            location.reload();\n        });\n\n        modalForm.show();\n    });\n};\n"],"names":["SELECTORS","pagehash","document","addEventListener","e","target","closest","getAttribute","preventDefault","modalForm","ModalForm","modalConfig","title","args","blockid","formClass","returnFocus","events","FORM_SUBMITTED","location","reload","show"],"mappings":";;;;;;;sJAyBMA,oBACS,wEAOMC,WACjBC,SAASC,iBAAiB,SAASC,UACzBC,OAASD,EAAEC,OAAOC,QAAQN,yBAC3BK,SAAWA,OAAOE,aAAa,yBAGpCH,EAAEI,uBAEIC,UAAY,IAAIC,mBAAU,CAC5BC,YAAa,CACTC,MAAOP,OAAOE,aAAa,gBAE/BM,KAAM,CAACC,QAAST,OAAOE,aAAa,gBAAiBN,SAAAA,UACrDc,UAAWV,OAAOE,aAAa,kBAC/BS,YAAaX,SAKjBI,UAAUN,iBAAiBM,UAAUQ,OAAOC,gBAAgB,KACxDC,SAASC,YAGbX,UAAUY"}

blocks/amd/build/events.min.js

@@ -0,0 +1,20 @@
+define("core_block/events",["exports","core/event_dispatcher"],(function(_exports,_event_dispatcher){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.notifyBlockContentUpdated=_exports.eventTypes=void 0;
+/**
+   * Javascript events for the `core_block` subsystem.
+   *
+   * @module     core_block/events
+   * @copyright  2021 Andrew Nicols <andrew@nicols.co.uk>
+   * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+   * @since      4.0
+   *
+   * @example <caption>Example of listening to a block event.</caption>
+   * import {eventTypes as blockEventTypes} from 'core_block/events';
+   *
+   * document.addEventListener(blockEventTypes.blockContentUpdated, e => {
+   *     window.console.log(e.target); // The HTMLElement relating to the block whose content was updated.
+   *     window.console.log(e.detail.instanceId); // The instanceId of the block that was updated.
+   * });
+   */
+const eventTypes={blockContentUpdated:"core_block/contentUpdated"};_exports.eventTypes=eventTypes;_exports.notifyBlockContentUpdated=element=>(0,_event_dispatcher.dispatchEvent)(eventTypes.blockContentUpdated,{instanceId:element.dataset.instanceId},element);let legacyEventsRegistered=!1;legacyEventsRegistered||(Y.use("event","moodle-core-event",(Y=>{document.addEventListener(eventTypes.blockContentUpdated,(e=>{Y.Global.fire(M.core.event.BLOCK_CONTENT_UPDATED,{instanceid:e.detail.instanceId})}))})),legacyEventsRegistered=!0)}));
+
+//# sourceMappingURL=events.min.js.map

blocks/amd/build/events.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.min.js","sources":["../src/events.js"],"sourcesContent":["// This file is part of Moodle - http://moodle.org/ //\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Javascript events for the `core_block` subsystem.\n *\n * @module     core_block/events\n * @copyright  2021 Andrew Nicols <andrew@nicols.co.uk>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n * @since      4.0\n *\n * @example <caption>Example of listening to a block event.</caption>\n * import {eventTypes as blockEventTypes} from 'core_block/events';\n *\n * document.addEventListener(blockEventTypes.blockContentUpdated, e => {\n *     window.console.log(e.target); // The HTMLElement relating to the block whose content was updated.\n *     window.console.log(e.detail.instanceId); // The instanceId of the block that was updated.\n * });\n */\n\nimport {dispatchEvent} from 'core/event_dispatcher';\n\n/**\n * Events for `core_block`.\n *\n * @constant\n * @property {String} blockContentUpdated See {@link event:blockContentUpdated}\n */\nexport const eventTypes = {\n    /**\n     * An event triggered when the content of a block has changed.\n     *\n     * @event blockContentUpdated\n     * @type {CustomEvent}\n     * @property {HTMLElement} target The block element that was updated\n     * @property {object} detail\n     * @property {number} detail.instanceId The block instance id\n     */\n    blockContentUpdated: 'core_block/contentUpdated',\n};\n\n/**\n * Trigger an event to indicate that the content of a block was updated.\n *\n * @method notifyBlockContentUpdated\n * @param {HTMLElement} element The HTMLElement containing the updated block.\n * @returns {CustomEvent}\n * @fires blockContentUpdated\n */\nexport const notifyBlockContentUpdated = element => dispatchEvent(\n    eventTypes.blockContentUpdated,\n    {\n        instanceId: element.dataset.instanceId,\n    },\n    element\n);\n\nlet legacyEventsRegistered = false;\nif (!legacyEventsRegistered) {\n    // The following event triggers are legacy and will be removed in the future.\n    // The following approach provides a backwards-compatability layer for the new events.\n    // Code should be updated to make use of native events.\n\n    Y.use('event', 'moodle-core-event', Y => {\n        // Provide a backwards-compatability layer for YUI Events.\n        document.addEventListener(eventTypes.blockContentUpdated, e => {\n            // Trigger the legacy YUI event.\n            Y.Global.fire(M.core.event.BLOCK_CONTENT_UPDATED, {instanceid: e.detail.instanceId});\n        });\n    });\n\n    legacyEventsRegistered = true;\n}\n"],"names":["eventTypes","blockContentUpdated","element","instanceId","dataset","legacyEventsRegistered","Y","use","document","addEventListener","e","Global","fire","M","core","event","BLOCK_CONTENT_UPDATED","instanceid","detail"],"mappings":";;;;;;;;;;;;;;;;;MAuCaA,WAAa,CAUtBC,oBAAqB,+FAWgBC,UAAW,mCAChDF,WAAWC,oBACX,CACIE,WAAYD,QAAQE,QAAQD,YAEhCD,aAGAG,wBAAyB,EACxBA,yBAKDC,EAAEC,IAAI,QAAS,qBAAqBD,IAEhCE,SAASC,iBAAiBT,WAAWC,qBAAqBS,IAEtDJ,EAAEK,OAAOC,KAAKC,EAAEC,KAAKC,MAAMC,sBAAuB,CAACC,WAAYP,EAAEQ,OAAOf,mBAIhFE,wBAAyB"}

blocks/amd/src/add_modal.js

@@ -0,0 +1,160 @@
+// 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/>.
+
+/**
+ * Show an add block modal instead of doing it on a separate page.
+ *
+ * @module     core_block/add_modal
+ * @copyright  2016 Damyon Wiese <damyon@moodle.com>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+import Templates from 'core/templates';
+import {getString} from 'core/str';
+import Ajax from 'core/ajax';
+import ModalForm from "core_form/modalform";
+import CancelModal from 'core/modal_cancel';
+
+const SELECTORS = {
+    ADD_BLOCK: '[data-key="addblock"]',
+    SHOW_BLOCK_FORM: '[data-action="showaddblockform"][data-blockname][data-blockform]'
+};
+
+// Ensure we only add our listeners once.
+let listenerEventsRegistered = false;
+
+/**
+ * Register related event listeners.
+ *
+ * @method registerListenerEvents
+ * @param {String|null} addBlockUrl The add block URL
+ * @param {String} pagehash
+ */
+const registerListenerEvents = (addBlockUrl, pagehash) => {
+    let addBlockModal = null;
+    document.addEventListener('click', e => {
+
+        const showAddBlockForm = e.target.closest(SELECTORS.SHOW_BLOCK_FORM);
+        if (showAddBlockForm) {
+            e.preventDefault();
+
+            const modalForm = new ModalForm({
+                modalConfig: {
+                    title: getString('addblock', 'core_block',
+                        showAddBlockForm.getAttribute('data-blocktitle')),
+                },
+                args: {blockname: showAddBlockForm.getAttribute('data-blockname'), pagehash,
+                    blockregion: showAddBlockForm.getAttribute('data-blockregion')},
+                formClass: showAddBlockForm.getAttribute('data-blockform'),
+                returnFocus: showAddBlockForm,
+            });
+
+            modalForm.addEventListener(modalForm.events.FORM_SUBMITTED, () => {
+                addBlockModal.destroy();
+                window.location.reload();
+            });
+
+            modalForm.show();
+        }
+
+        const addBlock = e.target.closest(SELECTORS.ADD_BLOCK);
+        if (addBlock) {
+            e.preventDefault();
+
+            let addBlockModalUrl = addBlockUrl ?? addBlock.dataset.url;
+
+            buildAddBlockModal()
+                .then(modal => {
+                    addBlockModal = modal;
+                    const modalBody = renderBlocks(addBlockModalUrl, pagehash,
+                        addBlock.getAttribute('data-blockregion'));
+                    modal.setBody(modalBody);
+                    modal.show();
+
+                    return modalBody;
+                })
+                .catch(() => {
+                    addBlockModal.destroy();
+                });
+        }
+    });
+};
+
+/**
+ * Method that creates the 'add block' modal.
+ *
+ * @method buildAddBlockModal
+ * @returns {Promise} The modal promise (modal's body will be rendered later).
+ */
+const buildAddBlockModal = () => CancelModal.create({
+    title: getString('addblock'),
+});
+
+/**
+ * Method that renders the list of available blocks.
+ *
+ * @method renderBlocks
+ * @param {String} addBlockUrl The add block URL
+ * @param {String} pagehash
+ * @param {String} region
+ * @return {Promise}
+ */
+const renderBlocks = async(addBlockUrl, pagehash, region) => {
+    // Fetch all addable blocks in the given page.
+    const blocks = await getAddableBlocks(pagehash);
+
+    return Templates.render('core/add_block_body', {
+        blocks: blocks,
+        url: addBlockUrl,
+        blockregion: region,
+        pagehash
+    });
+};
+
+/**
+ * Method that fetches all addable blocks in a given page.
+ *
+ * @method getAddableBlocks
+ * @param {String} pagehash
+ * @return {Promise}
+ */
+const getAddableBlocks = async(pagehash) => {
+    const request = {
+        methodname: 'core_block_fetch_addable_blocks',
+        args: {
+            pagecontextid: 0,
+            pagetype: '',
+            pagelayout: '',
+            subpage: '',
+            pagehash: pagehash,
+        },
+    };
+
+    return Ajax.call([request])[0];
+};
+
+/**
+ * Set up the actions.
+ *
+ * @method init
+ * @param {String} addBlockUrl The add block URL
+ * @param {String} pagehash
+ */
+export const init = (addBlockUrl = null, pagehash = '') => {
+    if (!listenerEventsRegistered) {
+        registerListenerEvents(addBlockUrl, pagehash);
+        listenerEventsRegistered = true;
+    }
+};

blocks/amd/src/edit.js

@@ -0,0 +1,59 @@
+// 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/>.
+
+/**
+ * Javascript module for editing blocks
+ *
+ * @module      core_block/edit
+ * @copyright   2022 Marina Glancy
+ * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+import ModalForm from 'core_form/modalform';
+
+const SELECTORS = {
+    EDITBLOCK: '[data-action="editblock"][data-blockid][data-blockform]',
+};
+
+/**
+ * Initialize module
+ * @param {String} pagehash
+ */
+export const init = (pagehash) => {
+    document.addEventListener('click', e => {
+        const target = e.target.closest(SELECTORS.EDITBLOCK);
+        if (!target || !target.getAttribute('data-blockform')) {
+            return;
+        }
+        e.preventDefault();
+
+        const modalForm = new ModalForm({
+            modalConfig: {
+                title: target.getAttribute('data-header'),
+            },
+            args: {blockid: target.getAttribute('data-blockid'), pagehash},
+            formClass: target.getAttribute('data-blockform'),
+            returnFocus: target,
+        });
+
+        // Reload the page when the form is submitted, there is no possibility
+        // currently to request contents update of just one block on the page.
+        modalForm.addEventListener(modalForm.events.FORM_SUBMITTED, () => {
+            location.reload();
+        });
+
+        modalForm.show();
+    });
+};

blocks/amd/src/events.js

@@ -0,0 +1,84 @@
+// 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/>.
+
+/**
+ * Javascript events for the `core_block` subsystem.
+ *
+ * @module     core_block/events
+ * @copyright  2021 Andrew Nicols <andrew@nicols.co.uk>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ * @since      4.0
+ *
+ * @example <caption>Example of listening to a block event.</caption>
+ * import {eventTypes as blockEventTypes} from 'core_block/events';
+ *
+ * document.addEventListener(blockEventTypes.blockContentUpdated, e => {
+ *     window.console.log(e.target); // The HTMLElement relating to the block whose content was updated.
+ *     window.console.log(e.detail.instanceId); // The instanceId of the block that was updated.
+ * });
+ */
+
+import {dispatchEvent} from 'core/event_dispatcher';
+
+/**
+ * Events for `core_block`.
+ *
+ * @constant
+ * @property {String} blockContentUpdated See {@link event:blockContentUpdated}
+ */
+export const eventTypes = {
+    /**
+     * An event triggered when the content of a block has changed.
+     *
+     * @event blockContentUpdated
+     * @type {CustomEvent}
+     * @property {HTMLElement} target The block element that was updated
+     * @property {object} detail
+     * @property {number} detail.instanceId The block instance id
+     */
+    blockContentUpdated: 'core_block/contentUpdated',
+};
+
+/**
+ * Trigger an event to indicate that the content of a block was updated.
+ *
+ * @method notifyBlockContentUpdated
+ * @param {HTMLElement} element The HTMLElement containing the updated block.
+ * @returns {CustomEvent}
+ * @fires blockContentUpdated
+ */
+export const notifyBlockContentUpdated = element => dispatchEvent(
+    eventTypes.blockContentUpdated,
+    {
+        instanceId: element.dataset.instanceId,
+    },
+    element
+);
+
+let legacyEventsRegistered = false;
+if (!legacyEventsRegistered) {
+    // The following event triggers are legacy and will be removed in the future.
+    // The following approach provides a backwards-compatability layer for the new events.
+    // Code should be updated to make use of native events.
+
+    Y.use('event', 'moodle-core-event', Y => {
+        // Provide a backwards-compatability layer for YUI Events.
+        document.addEventListener(eventTypes.blockContentUpdated, e => {
+            // Trigger the legacy YUI event.
+            Y.Global.fire(M.core.event.BLOCK_CONTENT_UPDATED, {instanceid: e.detail.instanceId});
+        });
+    });
+
+    legacyEventsRegistered = true;
+}