{"version":3,"file":"tabplaceholder.min.js","sources":["https:\/\/2023.qmplus.qmul.ac.uk\/local\/tabableformathelpers\/amd\/src\/tabplaceholder.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 placeholder replacer.\n *\n * @module     core_courseformat\/local\/courseindex\/placeholder\n * @class      core_courseformat\/local\/courseindex\/placeholder\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 {BaseComponent} from 'core\/reactive';\nimport Templates from 'core\/templates';\nimport {getCurrentCourseEditor} from 'core_courseformat\/courseeditor';\nimport Pending from 'core\/pending';\nimport $ from 'jquery';\n\nexport default class Component extends BaseComponent {\n\n    \/**\n     * Static method to create a component instance form the mustache template.\n     *\n     * @param {element|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        return new Component({\n            element: document.getElementById(target),\n            reactive: getCurrentCourseEditor(),\n            selectors,\n        });\n    }\n\n    \/**\n     * Component creation hook.\n     *\/\n    create() {\n        \/\/ Add a pending operation waiting for the initial content.\n        this.pendingContent = new Pending(`core_courseformat\/placeholder:loadcourseindex`);\n    }\n\n    \/**\n     * Initial state ready method.\n     *\n     * This stateReady to be async because it loads the real courseindex.\n     *\n     *\/\n    async stateReady() {\n    }\n\n    getWatchers() {\n        return [\n            {watch: `state.tabs:created`, handler: this.loadTemplateContent},\n            {watch: `tabs.order:updated`, handler: this._sortTabs},\n            {watch: `tabs.list:updated`, handler: this._sortSections},\n            {watch: `tabs:updated`, handler: this._sortSections},\n            {watch: `cm:updated`, handler: this._sortSections},\n            {watch: `section.dragging:updated`, handler: this._mapTabsOnSectionDrag},\n            {watch: `section.dragging:created`, handler: this._mapTabsOnSectionDrag},\n            {watch: `section.section:updated`, handler: this._handleSectionDragEnd}\n        ];\n    }\n\n    sectionnumberTabLookup = {};\n    draggedsectionnumber = null;\n    draggedsectionid = null;\n    async _mapTabsOnSectionDrag(ev) {\n        if (ev.element.dragging) {\n            this.draggedsectionnumber = ev.element.number;\n            this.draggedsectionid = parseInt(ev.element.id);\n            let state = getCurrentCourseEditor().state;\n            this.sectionnumberTabLookup = {};\n            state.tabs.order.forEach(tabnumber => {\n                state.tabs.list[tabnumber].sections.forEach(sectionid => {\n                    this.sectionnumberTabLookup[state.section.get(sectionid).number] = parseInt(tabnumber);\n                });\n            });\n        }\n    }\n\n    async _handleSectionDragEnd(ev) {\n        if (\n            !this.draggedsectionid\n            ||\n            !this.draggedsectionnumber\n            ||\n            this.draggedsectionid !== parseInt(ev.element.id)\n            ||\n            this.draggedsectionnumber === ev.element.number\n        ) {\n            return;\n        }\n\n        getCurrentCourseEditor().dispatch(\n            'SetSectionTab',\n            this.draggedsectionid,\n            this.sectionnumberTabLookup[ev.element.number]\n        );\n    }\n\n    async _sortTabs() {\n        let taborder = getCurrentCourseEditor().state.tabs.order;\n        let sortedtabnodes = [];\n        taborder.forEach(tabnumber => {\n            sortedtabnodes.push($('.courseindex-tab[data-tabnumber=' + tabnumber + ']'));\n        });\n\n        sortedtabnodes.forEach(function(tabnode){\n            tabnode.appendTo('div#courseindex-content .courseindex');\n        });\n    }\n\n    async _sortSections() {\n        let state = getCurrentCourseEditor().state;\n        state.tabs.order.forEach(tabnumber => {\n            state.tabs.list[tabnumber].sections.forEach(sectionid => {\n                let section = state.section.get(sectionid);\n\n                if (!section) {\n                    return;\n                }\n\n                $('.courseindex-section[data-id=' + sectionid + ']').appendTo(\n                    $('.courseindex-tab[data-tabnumber=' + tabnumber + ']')\n                );\n\n                section.cmlist.forEach(cmid => {\n                    $('.courseindex-item[data-id=' + cmid + ']').appendTo(\n                        $('.courseindex-section[data-id=' + sectionid + '] ul.courseindex-sectioncontent')\n                    );\n                });\n            });\n        });\n    }\n\n    \/**\n     * Load the course index template.\n     *\/\n    async loadTemplateContent() {\n        \/\/ Collect section information from the state.\n        const state = getCurrentCourseEditor().state;\n        const exporter = this.reactive.getExporter();\n        const data = exporter.course(state);\n\n        \/\/ Use the output of the exported to build the tabs property.\n        data.editing = this.reactive.isEditing;\n        data.tabs = [];\n\n        state.tabs.order.forEach(tabnumber => {\n            let tab = state.tabs.list[tabnumber];\n\n            if (!tab.visible) {\n                return;\n            }\n\n            tab.sectionobjects = [];\n            tab.sections.forEach(sectionid => {\n                let section = state.section.get(sectionid);\n                if (section) {\n                    let sectionobj = data.sections[section.number];\n                    if (sectionobj) {\n                        tab.sectionobjects.push(sectionobj);\n                    }\n                }\n            });\n            data.tabs.push(tab);\n        });\n\n        try {\n            \/\/ To render an HTML into our component we just use the regular Templates module.\n            const {html, js} = await Templates.renderForPromise(\n                'local_tabableformathelpers\/courseindex\/courseindex',\n                data,\n            );\n            Templates.replaceNode(this.element, html, js);\n\n            $('.courseindex-section[data-number=\"0\"]').toggleClass('d-none', state.tabs.section0ontop);\n\n            $('body').toggleClass('tabsloading', false);\n\n            this.pendingContent.resolve();\n        } catch (error) {\n            throw error;\n        }\n    }\n}\n"],"names":["Component","BaseComponent","target","selectors","element","document","getElementById","reactive","create","pendingContent","Pending","getWatchers","watch","handler","this","loadTemplateContent","_sortTabs","_sortSections","_mapTabsOnSectionDrag","_handleSectionDragEnd","ev","dragging","draggedsectionnumber","number","draggedsectionid","parseInt","id","state","sectionnumberTabLookup","tabs","order","forEach","tabnumber","list","sections","sectionid","section","get","dispatch","taborder","sortedtabnodes","push","tabnode","appendTo","cmlist","cmid","data","getExporter","course","editing","isEditing","tab","visible","sectionobjects","sectionobj","html","js","Templates","renderForPromise","replaceNode","toggleClass","section0ontop","resolve","error"],"mappings":"6qBA8BqBA,kBAAkBC,wGA+CV,gDACF,8CACJ,kBAxCPC,OAAQC,kBACT,IAAIH,UAAU,CACjBI,QAASC,SAASC,eAAeJ,QACjCK,UAAU,0CACVJ,UAAAA,YAORK,cAESC,eAAiB,IAAIC,sFAY9BC,oBACW,CACH,CAACC,2BAA6BC,QAASC,KAAKC,qBAC5C,CAACH,2BAA6BC,QAASC,KAAKE,WAC5C,CAACJ,0BAA4BC,QAASC,KAAKG,eAC3C,CAACL,qBAAuBC,QAASC,KAAKG,eACtC,CAACL,mBAAqBC,QAASC,KAAKG,eACpC,CAACL,iCAAmCC,QAASC,KAAKI,uBAClD,CAACN,iCAAmCC,QAASC,KAAKI,uBAClD,CAACN,gCAAkCC,QAASC,KAAKK,oDAO7BC,OACpBA,GAAGhB,QAAQiB,SAAU,MAChBC,qBAAuBF,GAAGhB,QAAQmB,YAClCC,iBAAmBC,SAASL,GAAGhB,QAAQsB,QACxCC,OAAQ,0CAAyBA,WAChCC,uBAAyB,GAC9BD,MAAME,KAAKC,MAAMC,SAAQC,YACrBL,MAAME,KAAKI,KAAKD,WAAWE,SAASH,SAAQI,iBACnCP,uBAAuBD,MAAMS,QAAQC,IAAIF,WAAWZ,QAAUE,SAASO,8CAMhEZ,IAEnBN,KAAKU,kBAELV,KAAKQ,sBAENR,KAAKU,mBAAqBC,SAASL,GAAGhB,QAAQsB,KAE9CZ,KAAKQ,uBAAyBF,GAAGhB,QAAQmB,mDAKpBe,SACrB,gBACAxB,KAAKU,iBACLV,KAAKc,uBAAuBR,GAAGhB,QAAQmB,+BAKvCgB,UAAW,0CAAyBZ,MAAME,KAAKC,MAC\/CU,eAAiB,GACrBD,SAASR,SAAQC,YACbQ,eAAeC,MAAK,mBAAE,mCAAqCT,UAAY,SAG3EQ,eAAeT,SAAQ,SAASW,SAC5BA,QAAQC,SAAS,qEAKjBhB,OAAQ,0CAAyBA,MACrCA,MAAME,KAAKC,MAAMC,SAAQC,YACrBL,MAAME,KAAKI,KAAKD,WAAWE,SAASH,SAAQI,gBACpCC,QAAUT,MAAMS,QAAQC,IAAIF,WAE3BC,8BAIH,gCAAkCD,UAAY,KAAKQ,UACjD,mBAAE,mCAAqCX,UAAY,MAGvDI,QAAQQ,OAAOb,SAAQc,2BACjB,6BAA+BA,KAAO,KAAKF,UACzC,mBAAE,gCAAkCR,UAAY,gFAY1DR,OAAQ,0CAAyBA,MAEjCmB,KADWhC,KAAKP,SAASwC,cACTC,OAAOrB,OAG7BmB,KAAKG,QAAUnC,KAAKP,SAAS2C,UAC7BJ,KAAKjB,KAAO,GAEZF,MAAME,KAAKC,MAAMC,SAAQC,gBACjBmB,IAAMxB,MAAME,KAAKI,KAAKD,WAErBmB,IAAIC,UAITD,IAAIE,eAAiB,GACrBF,IAAIjB,SAASH,SAAQI,gBACbC,QAAUT,MAAMS,QAAQC,IAAIF,cAC5BC,QAAS,KACLkB,WAAaR,KAAKZ,SAASE,QAAQb,QACnC+B,YACAH,IAAIE,eAAeZ,KAAKa,gBAIpCR,KAAKjB,KAAKY,KAAKU,mBAKTI,KAACA,KAADC,GAAOA,UAAYC,mBAAUC,iBAC\/B,qDACAZ,yBAEMa,YAAY7C,KAAKV,QAASmD,KAAMC,wBAExC,yCAAyCI,YAAY,SAAUjC,MAAME,KAAKgC,mCAE1E,QAAQD,YAAY,eAAe,QAEhCnD,eAAeqD,UACtB,MAAOC,aACCA"}