Proyectos de Subversion Moodle

/**

 * JavaScript for form editing date conditions.

 *

 * @module moodle-availability_date-form

 */

M.availability_date = M.availability_date || {};

/**

 * @class M.availability_date.form

 * @extends M.core_availability.plugin

 */

M.availability_date.form = Y.Object(M.core_availability.plugin);

/**

 * Initialises this plugin.

 *

 * Because the date fields are complex depending on Moodle calendar settings,

 * we create the HTML for these fields in PHP and pass it to this method.

 *

 * @method initInner

 * @param {String} html HTML to use for date fields

 * @param {Number} defaultTime Time value that corresponds to initial fields

 */

M.availability_date.form.initInner = function(html, defaultTime) {

    this.html = html;

    this.defaultTime = defaultTime;

};

M.availability_date.form.getNode = function(json) {

    var html = '<span class="col-form-label pr-3">' +

                    M.util.get_string('direction_before', 'availability_date') + '</span> <span class="availability-group">' +

            '<label><span class="accesshide">' + M.util.get_string('direction_label', 'availability_date') + ' </span>' +

            '<select name="direction" class="custom-select">' +

            '<option value="&gt;=">' + M.util.get_string('direction_from', 'availability_date') + '</option>' +

            '<option value="&lt;">' + M.util.get_string('direction_until', 'availability_date') + '</option>' +

            '</select></label></span> ' + this.html;

    var node = Y.Node.create('<span>' + html + '</span>');

    // Set initial value if non-default.

    if (json.t !== undefined) {

        node.setData('time', json.t);

        // Disable everything.

        node.all('select:not([name=direction])').each(function(select) {

            select.set('disabled', true);

        });

        var url = M.cfg.wwwroot + '/availability/condition/date/ajax.php?action=fromtime' +

            '&time=' + json.t;

        Y.io(url, {on: {

            success: function(id, response) {

                var fields = Y.JSON.parse(response.responseText);

                for (var field in fields) {

                    var select = node.one('select[name=x\\[' + field + '\\]]');

                    select.set('value', '' + fields[field]);

                    select.set('disabled', false);

                }

            },

            failure: function() {

                window.alert(M.util.get_string('ajaxerror', 'availability_date'));

            }

        }});

    } else {

        // Set default time that corresponds to the HTML selectors.

        node.setData('time', this.defaultTime);

    }

    if (json.nodeUID === undefined) {

        var miliTime = new Date();

        json.nodeUID = miliTime.getTime();

    }

    node.setData('nodeUID', json.nodeUID);

    if (json.d !== undefined) {

        node.one('select[name=direction]').set('value', json.d);

    }

    // Add event handlers (first time only).

    if (!M.availability_date.form.addedEvents) {

        M.availability_date.form.addedEvents = true;

        var root = Y.one('.availability-field');

        root.delegate('change', function() {

            // For the direction, just update the form fields.

            M.core_availability.form.update();

        }, '.availability_date select[name=direction]');

        root.delegate('change', function() {

            // Update time using AJAX call from root node.

            M.availability_date.form.updateTime(this.ancestor('span.availability_date'));

        }, '.availability_date select:not([name=direction])');

    }

    if (node.one('a[href=#]')) {

        // Add the date selector magic.

        M.form.dateselector.init_single_date_selector(node);

        // This special handler detects when the date selector changes the year.

        var yearSelect = node.one('select[name=x\\[year\\]]');

        var oldSet = yearSelect.set;

        yearSelect.set = function(name, value) {

            oldSet.call(yearSelect, name, value);

            if (name === 'selectedIndex') {

                // Do this after timeout or the other fields haven't been set yet.

                setTimeout(function() {

                    M.availability_date.form.updateTime(node);

                }, 0);

            }

        };

    }

    return node;

};

/**

 * Updates time from AJAX. Whenever the field values change, we recompute the

 * actual time via an AJAX request to Moodle.

 *

 * This will set the 'time' data on the node and then update the form, once it

 * gets an AJAX response.

 *

 * @method updateTime

 * @param {Y.Node} node Node for plugin controls

 */

M.availability_date.form.updateTime = function(node) {

    // After a change to the date/time we need to recompute the

    // actual time using AJAX because it depends on the user's

    // time zone and calendar options.

    var url = M.cfg.wwwroot + '/availability/condition/date/ajax.php?action=totime' +

            '&year=' + node.one('select[name=x\\[year\\]]').get('value') +

            '&month=' + node.one('select[name=x\\[month\\]]').get('value') +

            '&day=' + node.one('select[name=x\\[day\\]]').get('value') +

            '&hour=' + node.one('select[name=x\\[hour\\]]').get('value') +

            '&minute=' + node.one('select[name=x\\[minute\\]]').get('value');

    Y.io(url, {on: {

        success: function(id, response) {

            node.setData('time', response.responseText);

            M.core_availability.form.update();

        },

        failure: function() {

            window.alert(M.util.get_string('ajaxerror', 'availability_date'));

        }

    }});

};

M.availability_date.form.fillValue = function(value, node) {

    value.d = node.one('select[name=direction]').get('value');

    value.t = parseInt(node.getData('time'), 10);

    value.nodeUID = node.getData('nodeUID');

};

/**

 * List out Date node value in the same branch.

 *

 * This will go through all array node and list nodes that are sibling of the current node.

 *

 * @method findAllDateSiblings

 * @param {Array} tree Tree items to convert

 * @param {Number} nodeUIDToFind node UID to find.

 * @return {Array|null} array of surrounding date avaiability values

 */

M.availability_date.form.findAllDateSiblings = function(tree, nodeUIDToFind) {

    var itemValue = null;

    var siblingsFinderRecursive = function(itemsTree) {

        var dateSiblings = [];

        var nodeFound = false;

        var index;

        var childDates;

        var currentOp = itemsTree.op !== undefined ? itemsTree.op : null;

        if (itemsTree.c !== undefined) {

            var children = itemsTree.c;

            for (index = 0; index < children.length; index++) {

                itemValue = children.at(index);

                if (itemValue.type === undefined) {

                    childDates = siblingsFinderRecursive(itemValue);

                    if (childDates) {

                        return childDates;

                    }

                }

                if (itemValue.type === 'date') {

                    // We go through all tree node, if we meet the current node then we add all nodes in the current branch.

                    if (nodeUIDToFind === itemValue.nodeUID) {

                        nodeFound = true;

                    } else if (currentOp === '&') {

                        dateSiblings.push(itemValue);

                    }

                }

            }

            if (nodeFound) {

                return dateSiblings;

            }

        }

        return null;

    };

    return siblingsFinderRecursive(tree);

};

/**

 * Check current node.

 *

 * This will check current date node with all date node in tree node.

 *

 * @method checkConditionDate

 * @param {Y.Node} currentNode The curent node.

 *

 * @return {boolean} error Return true if the date is conflict.

 */

M.availability_date.form.checkConditionDate = function(currentNode) {

    var error = false;

    var currentNodeUID = currentNode.getData('nodeUID');

    var currentNodeDirection = currentNode.one('select[name=direction]').get('value');

    var currentNodeTime = parseInt(currentNode.getData('time'), 10);

    var dateSiblings = M.availability_date.form.findAllDateSiblings(

        M.core_availability.form.rootList.getValue(),

        currentNodeUID);

    if (dateSiblings) {

        dateSiblings.forEach(function(dateSibling) {

            // Validate if the date is conflict.

            if (dateSibling.d === '<') {

                if (currentNodeDirection === '>=' && currentNodeTime >= dateSibling.t) {

                    error = true;

                }

            } else {

                if (currentNodeDirection === '<' && currentNodeTime <= dateSibling.t) {

                    error = true;

                }

            }

            return error;

        });

    }

    return error;

};

M.availability_date.form.fillErrors = function(errors, node) {

    var error = M.availability_date.form.checkConditionDate(node);

    if (error) {

        errors.push('availability_date:error_dateconflict');

    }

};