first commit

availability/condition/group/yui/build/moodle-availability_group-form/moodle-availability_group-form-debug.js

@@ -0,0 +1,117 @@
+YUI.add('moodle-availability_group-form', function (Y, NAME) {
+
+/**
+ * JavaScript for form editing group conditions.
+ *
+ * @module moodle-availability_group-form
+ */
+M.availability_group = M.availability_group || {};
+
+/**
+ * @class M.availability_group.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_group.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Groups available for selection (alphabetical order).
+ *
+ * @property groups
+ * @type Array
+ */
+M.availability_group.form.groups = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} groups Array of objects containing groupid => name
+ */
+M.availability_group.form.initInner = function(groups) {
+    this.groups = groups;
+};
+
+M.availability_group.form.getNode = function(json) {
+    // Create HTML structure.
+    var html = '<label><span class="pr-3">' + M.util.get_string('title', 'availability_group') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select">' +
+            '<option value="choose">' + M.util.get_string('choosedots', 'moodle') + '</option>' +
+            '<option value="any">' + M.util.get_string('anygroup', 'availability_group') + '</option>';
+    for (var i = 0; i < this.groups.length; i++) {
+        var group = this.groups[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + group.id + '" data-visibility="' + group.visibility + '">' + group.name + '</option>';
+    }
+    html += '</select></span></label>';
+    var node = Y.Node.create('<span class="d-flex flex-wrap align-items-center">' + html + '</span>');
+
+    var select = node.one('select[name=id]');
+
+    select.on('change', function(e) {
+        var value = e.target.get('value');
+        // Find the visibility of the selected group.
+        var visibility = e.target.one('option[value=' + value + ']').get('dataset').visibility;
+
+        var event;
+        if (visibility > 0) {
+            event = 'availability:privateRuleSet';
+        } else {
+            event = 'availability:privateRuleUnset';
+        }
+        node.fire(event, {plugin: 'group'});
+    });
+
+    // Set initial values (leave default 'choose' if creating afresh).
+    if (json.creating === undefined) {
+        if (json.id !== undefined) {
+            var option = select.one('option[value=' + json.id + ']');
+            if (option) {
+                select.set('value', '' + json.id);
+                var visibility = option.get('dataset').visibility;
+                if (visibility > 0) {
+                    // Defer firing the event, to allow event bubbling to be set up in M.core_availability.form.
+                    window.setTimeout(function() {
+                        node.fire('availability:privateRuleSet', {plugin: 'group'});
+                    }, 0);
+                }
+            }
+        } else if (json.id === undefined) {
+            node.one('select[name=id]').set('value', 'any');
+        }
+    }
+
+    // Add event handlers (first time only).
+    if (!M.availability_group.form.addedEvents) {
+        M.availability_group.form.addedEvents = true;
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // Just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_group select');
+    }
+
+    return node;
+};
+
+M.availability_group.form.fillValue = function(value, node) {
+    var selected = node.one('select[name=id]').get('value');
+    if (selected === 'choose') {
+        value.id = 'choose';
+    } else if (selected !== 'any') {
+        value.id = parseInt(selected, 10);
+    }
+};
+
+M.availability_group.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check group item id.
+    if (value.id && value.id === 'choose') {
+        errors.push('availability_group:error_selectgroup');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "moodle-core_availability-form"]});

availability/condition/group/yui/build/moodle-availability_group-form/moodle-availability_group-form-min.js

@@ -0,0 +1 @@
+YUI.add("moodle-availability_group-form",function(r,i){M.availability_group=M.availability_group||{},M.availability_group.form=r.Object(M.core_availability.plugin),M.availability_group.form.groups=null,M.availability_group.form.initInner=function(i){this.groups=i},M.availability_group.form.getNode=function(i){for(var a,e,t,l,o='<label><span class="pr-3">'+M.util.get_string("title","availability_group")+'</span> <span class="availability-group"><select name="id" class="custom-select"><option value="choose">'+M.util.get_string("choosedots","moodle")+'</option><option value="any">'+M.util.get_string("anygroup","availability_group")+"</option>",n=0;n<this.groups.length;n++)o+='<option value="'+(a=this.groups[n]).id+'" data-visibility="'+a.visibility+'">'+a.name+"</option>";return(t=(e=r.Node.create('<span class="d-flex flex-wrap align-items-center">'+(o+="</select></span></label>")+"</span>")).one("select[name=id]")).on("change",function(i){var a=i.target.get("value"),a=i.target.one("option[value="+a+"]").get("dataset").visibility,i=0<a?"availability:privateRuleSet":"availability:privateRuleUnset";e.fire(i,{plugin:"group"})}),i.creating===undefined&&(i.id!==undefined?(l=t.one("option[value="+i.id+"]"))&&(t.set("value",""+i.id),0<l.get("dataset").visibility&&window.setTimeout(function(){e.fire("availability:privateRuleSet",{plugin:"group"})},0)):i.id===undefined&&e.one("select[name=id]").set("value","any")),M.availability_group.form.addedEvents||(M.availability_group.form.addedEvents=!0,r.one(".availability-field").delegate("change",function(){M.core_availability.form.update()},".availability_group select")),e},M.availability_group.form.fillValue=function(i,a){a=a.one("select[name=id]").get("value");"choose"===a?i.id="choose":"any"!==a&&(i.id=parseInt(a,10))},M.availability_group.form.fillErrors=function(i,a){var e={};this.fillValue(e,a),e.id&&"choose"===e.id&&i.push("availability_group:error_selectgroup")}},"@VERSION@",{requires:["base","node","event","moodle-core_availability-form"]});

availability/condition/group/yui/build/moodle-availability_group-form/moodle-availability_group-form.js

@@ -0,0 +1,117 @@
+YUI.add('moodle-availability_group-form', function (Y, NAME) {
+
+/**
+ * JavaScript for form editing group conditions.
+ *
+ * @module moodle-availability_group-form
+ */
+M.availability_group = M.availability_group || {};
+
+/**
+ * @class M.availability_group.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_group.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Groups available for selection (alphabetical order).
+ *
+ * @property groups
+ * @type Array
+ */
+M.availability_group.form.groups = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} groups Array of objects containing groupid => name
+ */
+M.availability_group.form.initInner = function(groups) {
+    this.groups = groups;
+};
+
+M.availability_group.form.getNode = function(json) {
+    // Create HTML structure.
+    var html = '<label><span class="pr-3">' + M.util.get_string('title', 'availability_group') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select">' +
+            '<option value="choose">' + M.util.get_string('choosedots', 'moodle') + '</option>' +
+            '<option value="any">' + M.util.get_string('anygroup', 'availability_group') + '</option>';
+    for (var i = 0; i < this.groups.length; i++) {
+        var group = this.groups[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + group.id + '" data-visibility="' + group.visibility + '">' + group.name + '</option>';
+    }
+    html += '</select></span></label>';
+    var node = Y.Node.create('<span class="d-flex flex-wrap align-items-center">' + html + '</span>');
+
+    var select = node.one('select[name=id]');
+
+    select.on('change', function(e) {
+        var value = e.target.get('value');
+        // Find the visibility of the selected group.
+        var visibility = e.target.one('option[value=' + value + ']').get('dataset').visibility;
+
+        var event;
+        if (visibility > 0) {
+            event = 'availability:privateRuleSet';
+        } else {
+            event = 'availability:privateRuleUnset';
+        }
+        node.fire(event, {plugin: 'group'});
+    });
+
+    // Set initial values (leave default 'choose' if creating afresh).
+    if (json.creating === undefined) {
+        if (json.id !== undefined) {
+            var option = select.one('option[value=' + json.id + ']');
+            if (option) {
+                select.set('value', '' + json.id);
+                var visibility = option.get('dataset').visibility;
+                if (visibility > 0) {
+                    // Defer firing the event, to allow event bubbling to be set up in M.core_availability.form.
+                    window.setTimeout(function() {
+                        node.fire('availability:privateRuleSet', {plugin: 'group'});
+                    }, 0);
+                }
+            }
+        } else if (json.id === undefined) {
+            node.one('select[name=id]').set('value', 'any');
+        }
+    }
+
+    // Add event handlers (first time only).
+    if (!M.availability_group.form.addedEvents) {
+        M.availability_group.form.addedEvents = true;
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // Just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_group select');
+    }
+
+    return node;
+};
+
+M.availability_group.form.fillValue = function(value, node) {
+    var selected = node.one('select[name=id]').get('value');
+    if (selected === 'choose') {
+        value.id = 'choose';
+    } else if (selected !== 'any') {
+        value.id = parseInt(selected, 10);
+    }
+};
+
+M.availability_group.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check group item id.
+    if (value.id && value.id === 'choose') {
+        errors.push('availability_group:error_selectgroup');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "moodle-core_availability-form"]});

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

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

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

@@ -0,0 +1,112 @@
+/**
+ * JavaScript for form editing group conditions.
+ *
+ * @module moodle-availability_group-form
+ */
+M.availability_group = M.availability_group || {};
+
+/**
+ * @class M.availability_group.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_group.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Groups available for selection (alphabetical order).
+ *
+ * @property groups
+ * @type Array
+ */
+M.availability_group.form.groups = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} groups Array of objects containing groupid => name
+ */
+M.availability_group.form.initInner = function(groups) {
+    this.groups = groups;
+};
+
+M.availability_group.form.getNode = function(json) {
+    // Create HTML structure.
+    var html = '<label><span class="pr-3">' + M.util.get_string('title', 'availability_group') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select">' +
+            '<option value="choose">' + M.util.get_string('choosedots', 'moodle') + '</option>' +
+            '<option value="any">' + M.util.get_string('anygroup', 'availability_group') + '</option>';
+    for (var i = 0; i < this.groups.length; i++) {
+        var group = this.groups[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + group.id + '" data-visibility="' + group.visibility + '">' + group.name + '</option>';
+    }
+    html += '</select></span></label>';
+    var node = Y.Node.create('<span class="d-flex flex-wrap align-items-center">' + html + '</span>');
+
+    var select = node.one('select[name=id]');
+
+    select.on('change', function(e) {
+        var value = e.target.get('value');
+        // Find the visibility of the selected group.
+        var visibility = e.target.one('option[value=' + value + ']').get('dataset').visibility;
+
+        var event;
+        if (visibility > 0) {
+            event = 'availability:privateRuleSet';
+        } else {
+            event = 'availability:privateRuleUnset';
+        }
+        node.fire(event, {plugin: 'group'});
+    });
+
+    // Set initial values (leave default 'choose' if creating afresh).
+    if (json.creating === undefined) {
+        if (json.id !== undefined) {
+            var option = select.one('option[value=' + json.id + ']');
+            if (option) {
+                select.set('value', '' + json.id);
+                var visibility = option.get('dataset').visibility;
+                if (visibility > 0) {
+                    // Defer firing the event, to allow event bubbling to be set up in M.core_availability.form.
+                    window.setTimeout(function() {
+                        node.fire('availability:privateRuleSet', {plugin: 'group'});
+                    }, 0);
+                }
+            }
+        } else if (json.id === undefined) {
+            node.one('select[name=id]').set('value', 'any');
+        }
+    }
+
+    // Add event handlers (first time only).
+    if (!M.availability_group.form.addedEvents) {
+        M.availability_group.form.addedEvents = true;
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // Just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_group select');
+    }
+
+    return node;
+};
+
+M.availability_group.form.fillValue = function(value, node) {
+    var selected = node.one('select[name=id]').get('value');
+    if (selected === 'choose') {
+        value.id = 'choose';
+    } else if (selected !== 'any') {
+        value.id = parseInt(selected, 10);
+    }
+};
+
+M.availability_group.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check group item id.
+    if (value.id && value.id === 'choose') {
+        errors.push('availability_group:error_selectgroup');
+    }
+};

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

@@ -0,0 +1,10 @@
+{
+  "moodle-availability_group-form": {
+    "requires": [
+        "base",
+        "node",
+        "event",
+        "moodle-core_availability-form"
+    ]
+  }
+}