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

/**

 * JavaScript library for the quiz module.

 *

 * @package    mod

 * @subpackage questionnaire

 * @copyright

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

 */

/*

 * A workaround for MSIE versions < 10 which do not recognize classList. Answer by Paulpro at:

 * http://stackoverflow.com/questions/6787383/what-is-the-solution-to-remove-add-a-class-in-pure-javascript.

 * */

function addClass(el, aclass){

    el.className += ' ' + aclass;

}

function removeClass(el, aclass){

    var elClass = ' ' + el.className + ' ';

    while(elClass.indexOf(' ' + aclass + ' ') != - 1) {

         elClass = elClass.replace(' ' + aclass + ' ', '');

    }

    el.className = elClass;

}

// End classList workaround.

/**

 * Javascript for hiding/displaying children questions on preview page of

 * questionnaire with conditional branching.

 */

function depend(children, choices) {

    children = children.split(',');

    choices = choices.split(',');

    var childrenlength = children.length;

    var choiceslength = choices.length;

    var child = null;

    var choice = null;

    for (var i = 0; i < childrenlength; i++) {

        child = children[i];

        var q = document.getElementById(child);

        if (q) {

            var radios = q.getElementsByTagName('input');

            var radiolength = radios.length;

            var droplists = q.getElementsByTagName('select');

            var droplistlength = droplists.length;

            var textareas = q.getElementsByTagName('textarea');

            var textarealength = textareas.length;

            for (var k = 0; k < choiceslength; k++) {

                var j, m, n;

                choice = choices[k];

                if (child == choice) {

                    // If this browser version accepts classList.

                    if (typeof document !== "undefined" && ("classList" in document.createElement("a"))) {

                        q.classList.add('qn-container');

                        // If this browser version DOES NOT accept classList (e.g. MSIE < 10)

                    } else {

                        addClass(q, 'qn-container');

                    }

                    for (j = 0; j < radiolength; j++) {

                        var radio = radios[j];

                        radio.disabled = false;

                    }

                    for (m = 0; m < droplistlength; m++) {

                        var droplist = droplists[m];

                        droplist.disabled = false;

                    }

                    delete children[i];

                } else if (children[i]){

                    if (typeof document !== "undefined" && ("classList" in document.createElement("a"))) {

                        q.classList.remove('qn-container');

                        q.classList.add('hidedependquestion');

                    } else {

                        removeClass(q, 'qn-container');

                    }

                    addClass(q, 'hidedependquestion');

                    for (j = 0; j < radiolength; j++) {

                        var radio = radios[j];

                        radio.disabled = true;

                        radio.checked = false;

                        radio.value = '';

                    }

                    for (m = 0; m < droplistlength; m++) {

                        var droplist = droplists[m];

                        droplist.selectedIndex = 0;

                        droplist.disabled = true;

                        droplist.checked = false;

                    }

                    for (n = 0; n < textarealength; n++) {

                        var textarea = textareas[n];

                        textarea.value = '';

                    }

                }

            }

        }

    }

}

/* exported dependdrop */

function dependdrop(qId, children) {

    var e = document.getElementById(qId);

    var choice = e.options[e.selectedIndex].value;

    depend(children, choice);

}

// End conditional branching functions.

// When respondent enters text in !other field, corresponding

// radio button OR check box is automatically checked.

/* exported other_check */

function other_check(name) {

    var other = name.split("_");

    var other = name.slice(name.indexOf("o")+1);

    if (other.indexOf("]") != -1) {

        other = other.slice(0, other.indexOf("]"));

    }

    var f = document.getElementById("phpesp_response");

    for (var i = 0; i <= f.elements.length; i++) {

        if (f.elements[i].value == other) {

            f.elements[i].checked = true;

            break;

        }

    }

}

// Automatically empty an !other text input field if another Radio button is clicked.

/* exported other_check_empty */

function other_check_empty(name, value) {

    var f = document.getElementById("phpesp_response");

    var i;

    for (i = 0; i < f.elements.length; i++) {

        if ((f.elements[i].name == name) && f.elements[i].value.substr(0, 6) == "other_") {

            f.elements[i].checked = true;

            var otherid = f.elements[i].name + "_" + f.elements[i].value.substring(6);

            var other = document.getElementsByName(otherid);

            if (value.substr(0,6) != "other_") {

                other[0].value = "";

            } else {

                other[0].focus();

            }

            var actualbuttons = document.getElementsByName(name);

            for (i = 0; i <= actualbuttons.length; i++) {

                if (actualbuttons[i].value == value) {

                    actualbuttons[i].checked = true;

                    break;

                }

            }

            break;

        }

    }

}

// In a Rate question type of sub-type Order : automatically uncheck a Radio button

// when another radio button in the same column is clicked.

/* exported other_rate_uncheck */

function other_rate_uncheck(name, value) {

    var col_name = name.substr(0, name.indexOf("_"));

    var inputbuttons = document.getElementsByTagName("input");

    for (var i = 0; i <= inputbuttons.length - 1; i++) {

        var button = inputbuttons[i];

        if (button.type == "radio" && button.name != name && button.value == value

                    && button.name.substr(0, name.indexOf("_")) == col_name) {

            button.checked = false;

        }

    }

}

// Empty an !other text input when corresponding Check Box is clicked (supposedly to empty it).

/* exported checkbox_empty */

function checkbox_empty(name) {

    var actualbuttons = document.getElementsByName(name);

    for (var i = 0; i <= actualbuttons.length; i++) {

        if (actualbuttons[i].value.substr(0, 6) == "other_") {

            name = name.substring(0, name.length - 2) + actualbuttons[i].value.substring(5);

            var othertext = document.getElementsByName(name);

            if (othertext[0].value == "" && actualbuttons[i].checked == true) {

                othertext[0].focus();

            } else {

                othertext[0].value = "";

            }

            break;

        }

    }

}

M.mod_questionnaire = M.mod_questionnaire || {};

/* exported Y */

/* exported e */

M.mod_questionnaire.init_attempt_form = function(Y) {

    M.core_formchangechecker.init({formid: 'phpesp_response'});

};

M.mod_questionnaire.init_sendmessage = function(Y) {

    Y.on('click', function(e) {

        Y.all('input.usercheckbox').each(function() {

            this.set('checked', 'checked');

        });

    }, '#checkall');

    Y.on('click', function(e) {

        Y.all('input.usercheckbox').each(function() {

            this.set('checked', '');

        });

    }, '#checknone');

    Y.on('click', function(e) {

        Y.all('input.usercheckbox').each(function() {

            if (this.get('alt') == 0) {

                this.set('checked', 'checked');

            } else {

                this.set('checked', '');

            }

        });

    }, '#checknotstarted');

    Y.on('click', function(e) {

        Y.all('input.usercheckbox').each(function() {

            if (this.get('alt') == 1) {

                this.set('checked', 'checked');

            } else {

                this.set('checked', '');

            }

        });

    }, '#checkstarted');

};

M.mod_questionnaire.init_slider = function(Y) {

    const allRanges = document.querySelectorAll(".slider");

    allRanges.forEach(wrap => {

        const range = wrap.querySelector("input.questionnaire-slider");

        const bubble = wrap.querySelector(".bubble");

        range.addEventListener("input", () => {

            setBubble(range, bubble);

        });

        setBubble(range, bubble);

    });

    function setBubble(range, bubble) {

        const val = range.value;

        const min = range.min ? range.min : 0;

        const max = range.max ? range.max : 100;

        var newVal = Number(((val - min) * 100) / (max - min));

        var positiveVal = '';

        if (range.min && range.min < 0) {

            if (range.max && range.max > 0) {

                if (val > 0) {

                    positiveVal = '+';

                }

            }

        }

        bubble.innerHTML = positiveVal + val;

        // Sorta magic numbers based on size of the native UI thumb

        bubble.style.left = `calc(${newVal}% + (${8 - newVal * 0.15}px))`;

    }

};