Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1
// This file is part of Moodle - http://moodle.org/
2
//
3
// Moodle is free software: you can redistribute it and/or modify
4
// it under the terms of the GNU General Public License as published by
5
// the Free Software Foundation, either version 3 of the License, or
6
// (at your option) any later version.
7
//
8
// Moodle is distributed in the hope that it will be useful,
9
// but WITHOUT ANY WARRANTY; without even the implied warranty of
10
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
11
// GNU General Public License for more details.
12
//
13
// You should have received a copy of the GNU General Public License
14
// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
15
 
16
/**
17
 * Handles events related to the multiple-choice question type answers.
18
 *
19
 * @module     qtype_multichoice/answers
20
 * @copyright  2020 Jun Pataleta <jun@moodle.com>
21
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
22
 */
23
 
24
/**
25
 * Selectors for this module.
26
 *
27
 * @type {{ANSWER_LABEL: string}}
28
 */
29
const SELECTORS = {
30
    ANSWER_LABEL: '[data-region=answer-label]',
31
};
32
 
33
/**
34
 * Init method.
35
 *
36
 * @param {string} rootId The ID of the question container.
37
 */
38
const init = (rootId) => {
39
    const root = document.getElementById(rootId);
40
 
41
    // Add click event handlers for the divs containing the answer since these cannot be enclosed in a label element.
42
    const answerLabels = root.querySelectorAll(SELECTORS.ANSWER_LABEL);
43
    answerLabels.forEach((answerLabel) => {
44
        answerLabel.addEventListener('click', (e) => {
45
            const labelId = e.currentTarget.id;
46
            // Fetch the answer this label is assigned to.
47
            const linkedOption = root.querySelector(`[aria-labelledby="${labelId}"]`);
48
            // Trigger the click event.
49
            linkedOption.click();
50
        });
51
    });
52
};
53
 
54
export default {
55
    init: init
56
};