Proyectos de Subversion Moodle

// 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/>.

/**

 * Report builder report management

 *

 * @module      core_reportbuilder/report

 * @copyright   2021 Paul Holden <paulh@moodle.com>

 * @license     http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later

 */

import Notification from 'core/notification';

import * as reportEvents from 'core_reportbuilder/local/events';

import * as reportSelectors from 'core_reportbuilder/local/selectors';

import {setPageNumber, refreshTableContent} from 'core_table/dynamic';

import * as tableSelectors from 'core_table/local/dynamic/selectors';

const CLASSES = {

    COLLAPSED: 'collapsed',

    EXPANDED: 'show',

    ICONUP: 'fa-angle-up',

    ICONDOWN: 'fa-angle-down'

};

let initialized = false;

/**

 * Initialise module for given report

 *

 * @method

 */

export const init = () => {

    if (initialized) {

        // We already added the event listeners (can be called multiple times by mustache template).

        return;

    }

    // Listen for the table reload event.

    document.addEventListener(reportEvents.tableReload, async(event) => {

        const reportElement = event.target.closest(reportSelectors.regions.report);

        if (reportElement === null) {

            return;

        }

        const tableRoot = reportElement.querySelector(tableSelectors.main.region);

        const pageNumber = event.detail?.preservePagination ? null : 1;

        await setPageNumber(tableRoot, pageNumber, false)

            .then(refreshTableContent)

            .then(() => {

                // TODO: Refactor this after MDL-73130 lands.

                const preserveTriggerElement = event.detail?.preserveTriggerElement;

                if (preserveTriggerElement) {

                    reportElement.querySelector(preserveTriggerElement)?.focus();

                }

                return;

            })

            .catch(Notification.exception);

    });

    // Listen for trigger popup events.

    document.addEventListener('click', event => {

        const reportActionPopup = event.target.closest(reportSelectors.actions.reportActionPopup);

        if (reportActionPopup === null) {

            return;

        }

        event.preventDefault();

        const popupAction = JSON.parse(reportActionPopup.dataset.popupAction);

        window.openpopup(event, popupAction.jsfunctionargs);

    });

    // Listen for card view toggle events.

    document.addEventListener('click', (event) => {

        const toggleCard = event.target.closest(reportSelectors.actions.toggleCardView);

        if (toggleCard) {

            const tableCard = toggleCard.closest('tr');

            const toggleIcon = toggleCard.querySelector('i');

            event.preventDefault();

            if (toggleCard.classList.contains(CLASSES.COLLAPSED)) {

                tableCard.classList.add(CLASSES.EXPANDED);

                toggleIcon.classList.replace(CLASSES.ICONDOWN, CLASSES.ICONUP);

                toggleCard.classList.remove(CLASSES.COLLAPSED);

                toggleCard.setAttribute('aria-expanded', "true");

            } else {

                tableCard.classList.remove(CLASSES.EXPANDED);

                toggleIcon.classList.replace(CLASSES.ICONUP, CLASSES.ICONDOWN);

                toggleCard.classList.add(CLASSES.COLLAPSED);

                toggleCard.removeAttribute('aria-expanded');

            }

        }

    });

    initialized = true;

};