Proyectos de Subversion Moodle

{"version":3,"file":"section.min.js","sources":["../../../src/local/courseindex/section.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 * Course index section component.\n *\n * This component is used to control specific course section interactions like drag and drop.\n *\n * @module     core_courseformat/local/courseindex/section\n * @class      core_courseformat/local/courseindex/section\n * @copyright  2021 Ferran Recio <ferran@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport SectionTitle from 'core_courseformat/local/courseindex/sectiontitle';\nimport DndSection from 'core_courseformat/local/courseeditor/dndsection';\nimport log from \"core/log\";\n\nexport default class Component extends DndSection {\n\n    /**\n     * Constructor hook.\n     */\n    create() {\n        // Optional component name for debugging.\n        this.name = 'courseindex_section';\n        // Default query selectors.\n        this.selectors = {\n            SECTION: `[data-for='section']`,\n            SECTION_ITEM: `[data-for='section_item']`,\n            SECTION_TITLE: `[data-for='section_title']`,\n            CM_LAST: `[data-for=\"cm\"]:last-child`,\n            DND_ALLOWED: `[data-courseindexdndallowed='true']`,\n        };\n        // Default classes to toggle on refresh.\n        this.classes = {\n            SECTIONHIDDEN: 'dimmed',\n            SECTIONCURRENT: 'current',\n            LOCKED: 'editinprogress',\n            RESTRICTIONS: 'restrictions',\n            PAGEITEM: 'pageitem',\n            OVERLAYBORDERS: 'overlay-preview-borders',\n        };\n\n        // We need our id to watch specific events.\n        this.id = this.element.dataset.id;\n        this.isPageItem = false;\n    }\n\n    /**\n     * Static method to create a component instance form the mustahce template.\n     *\n     * @param {string} target the DOM main element or its ID\n     * @param {object} selectors optional css selector overrides\n     * @return {Component}\n     */\n    static init(target, selectors) {\n        let element = document.querySelector(target);\n        // TODO Remove this if condition as part of MDL-83851.\n        if (!element) {\n            log.debug('Init component with id is deprecated, use a query selector instead.');\n            element = document.getElementById(target);\n        }\n        return new this({\n            element,\n            selectors,\n        });\n    }\n\n    /**\n     * Initial state ready method.\n     *\n     * @param {Object} state the initial state\n     */\n    stateReady(state) {\n        this.configState(state);\n        const sectionItem = this.getElement(this.selectors.SECTION_ITEM);\n        // Drag and drop is only available for components compatible course formats.\n        if (this.reactive.isEditing && this.reactive.supportComponents && document.querySelector(this.selectors.DND_ALLOWED)) {\n            // Init the inner dragable element passing the full section as affected region.\n            const titleitem = new SectionTitle({\n                ...this,\n                element: sectionItem,\n                fullregion: this.element,\n            });\n            this.configDragDrop(titleitem);\n        }\n        // Check if the current url is the section url.\n        const section = state.section.get(this.id);\n        if (window.location.href == section.sectionurl.replace(/&amp;/g, \"&\")) {\n            this.reactive.dispatch('setPageItem', 'section', this.id);\n            sectionItem.scrollIntoView();\n        }\n    }\n\n    /**\n     * Component watchers.\n     *\n     * @returns {Array} of watchers\n     */\n    getWatchers() {\n        return [\n            {watch: `section[${this.id}]:deleted`, handler: this.remove},\n            {watch: `section[${this.id}]:updated`, handler: this._refreshSection},\n            {watch: `course.pageItem:updated`, handler: this._refreshPageItem},\n        ];\n    }\n\n    /**\n     * Get the last CM element of that section.\n     *\n     * @returns {element|null}\n     */\n    getLastCm() {\n        return this.getElement(this.selectors.CM_LAST);\n    }\n\n    /**\n     * Update a course index section using the state information.\n     *\n     * @param {Object} param details the update details.\n     * @param {Object} param.element the section element\n     */\n    _refreshSection({element}) {\n        // Update classes.\n        const sectionItem = this.getElement(this.selectors.SECTION_ITEM);\n        sectionItem.classList.toggle(this.classes.SECTIONHIDDEN, !element.visible);\n        sectionItem.classList.toggle(this.classes.RESTRICTIONS, element.hasrestrictions ?? false);\n        this.element.classList.toggle(this.classes.SECTIONCURRENT, element.current);\n        this.element.classList.toggle(this.classes.DRAGGING, element.dragging ?? false);\n        this.element.classList.toggle(this.classes.LOCKED, element.locked ?? false);\n        this.locked = element.locked;\n        // Update title.\n        this.getElement(this.selectors.SECTION_TITLE).innerHTML = element.title;\n    }\n\n    /**\n     * Handle a page item update.\n     *\n     * @param {Object} details the update details\n     * @param {Object} details.state the state data.\n     * @param {Object} details.element the course state data.\n     */\n    _refreshPageItem({element, state}) {\n        if (!element.pageItem) {\n            return;\n        }\n\n        const containsPageItem = this._isPageItemInThisSection(element.pageItem);\n\n        if (!containsPageItem || this._isParentSectionIndexCollapsed(state)) {\n            this.pageItem = false;\n            this.getElement(this.selectors.SECTION_ITEM).classList.remove(this.classes.PAGEITEM);\n            return;\n        }\n\n        const section = state.section.get(this.id);\n        if (section.indexcollapsed && !element.pageItem?.isStatic) {\n            this.pageItem = containsPageItem;\n        } else {\n            this.pageItem = (element.pageItem.type == 'section' && element.pageItem.id == this.id);\n        }\n        const sectionItem = this.getElement(this.selectors.SECTION_ITEM);\n        sectionItem.classList.toggle(this.classes.PAGEITEM, this.pageItem ?? false);\n        if (this.pageItem && !this.reactive.isEditing) {\n            this.element.scrollIntoView({block: \"nearest\"});\n        }\n    }\n\n    /**\n     * Check if the page item is inside this section.\n     *\n     * @private\n     * @param {Object} pageItem\n     * @param {Object} pageItem.sectionId the current page item section id.\n     * @returns {boolean}\n     */\n    _isPageItemInThisSection(pageItem) {\n        if (pageItem.sectionId == this.id) {\n            return true;\n        }\n        // Check for any possible subsections.\n        const subsection = this.element.querySelector(`${this.selectors.SECTION}[data-id=\"${pageItem.sectionId}\"]`);\n        if (subsection) {\n            return true;\n        }\n        return false;\n    }\n\n    /**\n     * Check if the parent section index is collapsed.\n     *\n     * @private\n     * @param {Object} state the current state\n     * @returns {boolean|null} null if no parent section is found.\n     */\n    _isParentSectionIndexCollapsed(state) {\n        const parentElement = this.element.parentElement.closest(this.selectors.SECTION);\n        if (!parentElement || !parentElement.dataset.id) {\n            return null;\n        }\n        const parentSection = state.section.get(parentElement.dataset.id);\n        return !!parentSection.indexcollapsed;\n    }\n\n    /**\n     * Overridden version of the component addOverlay async method.\n     *\n     * The course index is not compatible with overlay elements.\n     */\n    async addOverlay() {\n        this.element.classList.add(this.classes.OVERLAYBORDERS);\n    }\n\n    /**\n     * Overridden version of the component removeOverlay.\n     *\n     * The course index is not compatible with overlay elements.\n     */\n    removeOverlay() {\n        this.element.classList.remove(this.classes.OVERLAYBORDERS);\n    }\n}\n"],"names":["Component","DndSection","create","name","selectors","SECTION","SECTION_ITEM","SECTION_TITLE","CM_LAST","DND_ALLOWED","classes","SECTIONHIDDEN","SECTIONCURRENT","LOCKED","RESTRICTIONS","PAGEITEM","OVERLAYBORDERS","id","this","element","dataset","isPageItem","target","document","querySelector","debug","getElementById","stateReady","state","configState","sectionItem","getElement","reactive","isEditing","supportComponents","titleitem","SectionTitle","fullregion","configDragDrop","section","get","window","location","href","sectionurl","replace","dispatch","scrollIntoView","getWatchers","watch","handler","remove","_refreshSection","_refreshPageItem","getLastCm","classList","toggle","visible","hasrestrictions","current","DRAGGING","dragging","locked","innerHTML","title","pageItem","containsPageItem","_isPageItemInThisSection","_isParentSectionIndexCollapsed","indexcollapsed","_element$pageItem","isStatic","type","block","sectionId","parentElement","closest","add","removeOverlay"],"mappings":"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"}