first commit

availability/condition/date/yui/build/moodle-availability_date-form/moodle-availability_date-form-debug.js

@@ -0,0 +1,241 @@
+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);
+        });
+
+        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');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "io", "moodle-core_availability-form"]});

availability/condition/date/yui/build/moodle-availability_date-form/moodle-availability_date-form-min.js

@@ -0,0 +1 @@
+YUI.add("moodle-availability_date-form",function(o,e){M.availability_date=M.availability_date||{},M.availability_date.form=o.Object(M.core_availability.plugin),M.availability_date.form.initInner=function(e,a){this.html=e,this.defaultTime=a},M.availability_date.form.getNode=function(e){var t,i,a='<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,l=o.Node.create("<span>"+a+"</span>");return e.t!==undefined?(l.setData("time",e.t),l.all("select:not([name=direction])").each(function(e){e.set("disabled",!0)}),a=M.cfg.wwwroot+"/availability/condition/date/ajax.php?action=fromtime&time="+e.t,o.io(a,{on:{success:function(e,a){var t,i,n=o.JSON.parse(a.responseText);for(t in n)(i=l.one("select[name=x\\["+t+"\\]]")).set("value",""+n[t]),i.set("disabled",!1)},failure:function(){window.alert(M.util.get_string("ajaxerror","availability_date"))}}})):l.setData("time",this.defaultTime),e.nodeUID===undefined&&(a=new Date,e.nodeUID=a.getTime()),l.setData("nodeUID",e.nodeUID),e.d!==undefined&&l.one("select[name=direction]").set("value",e.d),M.availability_date.form.addedEvents||(M.availability_date.form.addedEvents=!0,(a=o.one(".availability-field")).delegate("change",function(){M.core_availability.form.update()},".availability_date select[name=direction]"),a.delegate("change",function(){M.availability_date.form.updateTime(this.ancestor("span.availability_date"))},".availability_date select:not([name=direction])")),l.one("a[href=#]")&&(M.form.dateselector.init_single_date_selector(l),t=l.one("select[name=x\\[year\\]]"),i=t.set,t.set=function(e,a){i.call(t,e,a),"selectedIndex"===e&&setTimeout(function(){M.availability_date.form.updateTime(l)},0)}),l},M.availability_date.form.updateTime=function(t){var e=M.cfg.wwwroot+"/availability/condition/date/ajax.php?action=totime&year="+t.one("select[name=x\\[year\\]]").get("value")+"&month="+t.one("select[name=x\\[month\\]]").get("value")+"&day="+t.one("select[name=x\\[day\\]]").get("value")+"&hour="+t.one("select[name=x\\[hour\\]]").get("value")+"&minute="+t.one("select[name=x\\[minute\\]]").get("value");o.io(e,{on:{success:function(e,a){t.setData("time",a.responseText),M.core_availability.form.update()},failure:function(){window.alert(M.util.get_string("ajaxerror","availability_date"))}}})},M.availability_date.form.fillValue=function(e,a){e.d=a.one("select[name=direction]").get("value"),e.t=parseInt(a.getData("time"),10),e.nodeUID=a.getData("nodeUID")},M.availability_date.form.findAllDateSiblings=function(e,d){var r,c=function(e){var a,t,i,n=[],l=!1,o=e.op!==undefined?e.op:null;if(e.c!==undefined){for(i=e.c,a=0;a<i.length;a++){if((r=i.at(a)).type===undefined&&(t=c(r)))return t;"date"===r.type&&(d===r.nodeUID?l=!0:"&"===o&&n.push(r))}if(l)return n}return null};return c(e)},M.availability_date.form.checkConditionDate=function(e){var a=!1,t=e.getData("nodeUID"),i=e.one("select[name=direction]").get("value"),n=parseInt(e.getData("time"),10),e=M.availability_date.form.findAllDateSiblings(M.core_availability.form.rootList.getValue(),t);return e&&e.forEach(function(e){return"<"===e.d?">="===i&&n>=e.t&&(a=!0):"<"===i&&n<=e.t&&(a=!0),a}),a},M.availability_date.form.fillErrors=function(e,a){M.availability_date.form.checkConditionDate(a)&&e.push("availability_date:error_dateconflict")}},"@VERSION@",{requires:["base","node","event","io","moodle-core_availability-form"]});

availability/condition/date/yui/build/moodle-availability_date-form/moodle-availability_date-form.js

@@ -0,0 +1,241 @@
+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);
+        });
+
+        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');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "io", "moodle-core_availability-form"]});

availability/condition/date/yui/src/form/build.json

@@ -0,0 +1,10 @@
+{
+  "name": "moodle-availability_date-form",
+  "builds": {
+    "moodle-availability_date-form": {
+      "jsfiles": [
+        "form.js"
+      ]
+    }
+  }
+}

availability/condition/date/yui/src/form/js/form.js

@@ -0,0 +1,236 @@
+/**
+ * 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');
+    }
+};

availability/condition/date/yui/src/form/meta/form.json

@@ -0,0 +1,11 @@
+{
+  "moodle-availability_date-form": {
+    "requires": [
+        "base",
+        "node",
+        "event",
+        "io",
+        "moodle-core_availability-form"
+    ]
+  }
+}