question/bank/usage/amd/src/usage.js

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

/**
 * Usage column selector js.
 *
 * @module     qbank_usage/usage
 * @copyright  2021 Catalyst IT Australia Pty Ltd
 * @author     Safat Shahin <safatshahin@catalyst-au.net>
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

import Fragment from 'core/fragment';
import ModalCancel from 'core/modal_cancel';
import Notification from 'core/notification';
import * as Str from 'core/str';

let modal = null;

/**
 * Event listeners for the module.
 *
 * @method clickEvent
 * @param {int} questionId
 * @param {int} contextId
 * @param {boolean} specificVersion Is the view listing specific question versions?
 */
const usageEvent = async(questionId, contextId, specificVersion) => {
    const args = {
        questionid: questionId,
        specificversion: specificVersion,
    };
    if (modal === null) {
        try {
            modal = await ModalCancel.create({
                title: Str.get_string('usageheader', 'qbank_usage'),
                body: Fragment.loadFragment('qbank_usage', 'question_usage', contextId, args),
                large: true,
                show: true,
            });
        } catch (e) {
            Notification.exception(e);
            return;
        }

        modal.getRoot().on('click', 'a[href].page-link', function(e) {
            e.preventDefault();
            let attr = e.target.getAttribute("href");
            if (attr !== '#') {
                args.querystring = attr;
                modal.setBody(Fragment.loadFragment('qbank_usage', 'question_usage', contextId, args));
            }
        });
        // Version selection event.
        modal.getRoot().on('change', '#question_usage_version_dropdown', function(e) {
            args.questionid = e.target.value;
            modal.setBody(Fragment.loadFragment('qbank_usage', 'question_usage', contextId, args));
        });
    } else {
        modal.setBody(Fragment.loadFragment('qbank_usage', 'question_usage', contextId, args));
        modal.show();
    }

};

/**
 * Entrypoint of the js.
 *
 * @method init
 * @param {boolean} specificVersion Is the view listing specific question versions?
 */
export const init = (specificVersion = false) => {
    const target = document.querySelector('#categoryquestions');
    if (target !== null) {
        target.addEventListener('click', (e) => {
            if (e.target.dataset.target && e.target.dataset.target.includes('questionusagepreview')) {
                // Call for the event listener to listed for clicks in any usage count row.
                usageEvent(e.target.dataset.questionid, e.target.dataset.contextid, specificVersion);
            }
        });
    }
};