File Manager

X7ROOT File Manager

Current Path: /home/cbholdings/pasukulu/availability/condition/date/yui/build/moodle-availability_date-form

home / cbholdings / pasukulu / availability / condition / date / yui / build / moodle-availability_date-form /

📁 ..
📄 moodle-availability_date-form-debug.js(8.33 KB)
📄 moodle-availability_date-form-min.js(3.68 KB)
📄 moodle-availability_date-form.js(8.33 KB)

Editing: moodle-availability_date-form.js

YUI.add('moodle-availability_date-form', function (Y, NAME) {

/**
 * 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);
        });

// 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} component 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);
};

/**
 * List out Date node value in an array node.
 *
 * This will go through all array node and list from earlier date node to current date node.
 *
 * @method convertTreeDateValue
 * @param {array} tree Tree node to convert
 * @param {array} arrayDateNode
 * @param {array} currentNode current node.
 *
 * @return {array} arrayDateNode
 */
M.availability_date.form.convertTreeDateValue = function(tree, arrayDateNode, currentNode) {
    var shouldSkip = false;
    tree.forEach(function(node) {
        if (shouldSkip) {
            return;
        }
        if (node.type === 'date') {
            // We go through all tree node, if we meet the current node then return.
            if (node.t === parseInt(currentNode.getData('time'), 10)
                && currentNode.one('select[name=direction]').get('value') == node.d) {
                shouldSkip = true;
                return;
            }
            arrayDateNode.push(node);
        } else if (node.type === undefined) {
            M.availability_date.form.convertTreeDateValue(node.c, arrayDateNode, currentNode);
        }
    });
    return arrayDateNode;
};

/**
 * Check current node.
 *
 * This will check current date node with all date node in tree node.
 *
 * @method checkConditionDate
 * @param {array} currentNode The curent node.
 *
 * @return {boolean} error Return true if the date is conflict.
 */
M.availability_date.form.checkConditionDate = function(currentNode) {
    var error = false;
    if (M.core_availability.form.rootList.getValue().op === '&') {
        var jsValue = M.core_availability.form.rootList.getValue().c;
        var arrayDateNode = M.availability_date.form.convertTreeDateValue(jsValue, [], currentNode);
        var currentNodeDirection = currentNode.one('select[name=direction]').get('value');
        var currentNodeTime = parseInt(currentNode.getData('time'), 10);
        arrayDateNode.forEach(function(checkNode) {
            // Validate if the date is conflict.
            if (checkNode.d === '<') {
                if (currentNodeDirection === '>=' && currentNodeTime >= checkNode.t) {
                    error = true;
                }
            } else {
                if (currentNodeDirection === '<' && currentNodeTime <= checkNode.t) {
                    error = true;
                }
            }
            return error;
        });
        return error;
    } else {
        if (currentNode.one('div > .badge-warning')) {
            currentNode.one('div > .badge-warning').remove();
        }
        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');
    }
};

}, '@VERSION@', {"requires": ["base", "node", "event", "io", "moodle-core_availability-form"]});

X7ROOT File Manager

Editing: moodle-availability_date-form.js

Upload File

Create Folder