first commit

availability/condition/grade/yui/build/moodle-availability_grade-form/moodle-availability_grade-form-debug.js

@@ -0,0 +1,167 @@
+YUI.add('moodle-availability_grade-form', function (Y, NAME) {
+
+/**
+ * JavaScript for form editing grade conditions.
+ *
+ * @module moodle-availability_grade-form
+ */
+M.availability_grade = M.availability_grade || {};
+
+/**
+ * @class M.availability_grade.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_grade.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Grade items available for selection.
+ *
+ * @property grades
+ * @type Array
+ */
+M.availability_grade.form.grades = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} grades Array of objects containing gradeid => name
+ */
+M.availability_grade.form.initInner = function(grades) {
+    this.grades = grades;
+    this.nodesSoFar = 0;
+};
+
+M.availability_grade.form.getNode = function(json) {
+    // Increment number used for unique ids.
+    this.nodesSoFar++;
+
+    // Create HTML structure.
+    var html = '<label class="mb-3"><span class="pr-3">' + M.util.get_string('title', 'availability_grade') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select"><option value="0">' + M.util.get_string('choosedots', 'moodle') + '</option>';
+    for (var i = 0; i < this.grades.length; i++) {
+        var grade = this.grades[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + grade.id + '">' + grade.name + '</option>';
+    }
+    html += '</select></span></label> <br><span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="min"/>' +
+            M.util.get_string('option_min', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_min', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="minval" title="' +
+            M.util.get_string('label_min', 'availability_grade') + '"/></label>%</span><br>' +
+            '<span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="max"/>' +
+            M.util.get_string('option_max', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_max', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="maxval" title="' +
+            M.util.get_string('label_max', 'availability_grade') + '"/></label>%</span>';
+    var node = Y.Node.create('<div class="d-inline-block d-flex flex-wrap align-items-center">' + html + '</div>');
+
+    // Set initial values.
+    if (json.id !== undefined &&
+            node.one('select[name=id] > option[value=' + json.id + ']')) {
+        node.one('select[name=id]').set('value', '' + json.id);
+    }
+    if (json.min !== undefined) {
+        node.one('input[name=min]').set('checked', true);
+        node.one('input[name=minval]').set('value', json.min);
+    }
+    if (json.max !== undefined) {
+        node.one('input[name=max]').set('checked', true);
+        node.one('input[name=maxval]').set('value', json.max);
+    }
+
+    // Disables/enables text input fields depending on checkbox.
+    var updateCheckbox = function(check, focus) {
+        var input = check.ancestor('label').next('label').one('input');
+        var checked = check.get('checked');
+        input.set('disabled', !checked);
+        if (focus && checked) {
+            input.focus();
+        }
+        return checked;
+    };
+    node.all('input[type=checkbox]').each(updateCheckbox);
+
+    // Add event handlers (first time only).
+    if (!M.availability_grade.form.addedEvents) {
+        M.availability_grade.form.addedEvents = true;
+
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // For the grade item, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade select[name=id]');
+
+        root.delegate('click', function() {
+            updateCheckbox(this, true);
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=checkbox]');
+
+        root.delegate('valuechange', function() {
+            // For grade values, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=text]');
+    }
+
+    return node;
+};
+
+M.availability_grade.form.fillValue = function(value, node) {
+    value.id = parseInt(node.one('select[name=id]').get('value'), 10);
+    if (node.one('input[name=min]').get('checked')) {
+        value.min = this.getValue('minval', node);
+    }
+    if (node.one('input[name=max]').get('checked')) {
+        value.max = this.getValue('maxval', node);
+    }
+};
+
+/**
+ * Gets the numeric value of an input field. Supports decimal points (using
+ * dot or comma).
+ *
+ * @method getValue
+ * @return {Number|String} Value of field as number or string if not valid
+ */
+M.availability_grade.form.getValue = function(field, node) {
+    // Get field value.
+    var value = node.one('input[name=' + field + ']').get('value');
+
+    // If it is not a valid positive number, return false.
+    if (!(/^[0-9]+([.,][0-9]+)?$/.test(value))) {
+        return value;
+    }
+
+    // Replace comma with dot and parse as floating-point.
+    var result = parseFloat(value.replace(',', '.'));
+    if (result < 0 || result > 100) {
+        return value;
+    } else {
+        return result;
+    }
+};
+
+M.availability_grade.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check grade item id.
+    if (value.id === 0) {
+        errors.push('availability_grade:error_selectgradeid');
+    }
+
+    // Check numeric values.
+    if ((value.min !== undefined && typeof (value.min) === 'string') ||
+            (value.max !== undefined && typeof (value.max) === 'string')) {
+        errors.push('availability_grade:error_invalidnumber');
+    } else if (value.min !== undefined && value.max !== undefined &&
+            value.min >= value.max) {
+        errors.push('availability_grade:error_backwardrange');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "moodle-core_availability-form"]});

availability/condition/grade/yui/build/moodle-availability_grade-form/moodle-availability_grade-form-min.js

@@ -0,0 +1 @@
+YUI.add("moodle-availability_grade-form",function(r,a){M.availability_grade=M.availability_grade||{},M.availability_grade.form=r.Object(M.core_availability.plugin),M.availability_grade.form.grades=null,M.availability_grade.form.initInner=function(a){this.grades=a,this.nodesSoFar=0},M.availability_grade.form.getNode=function(a){var e,i,l,t,n;for(this.nodesSoFar++,e='<label class="mb-3"><span class="pr-3">'+M.util.get_string("title","availability_grade")+'</span> <span class="availability-group"><select name="id" class="custom-select"><option value="0">'+M.util.get_string("choosedots","moodle")+"</option>",i=0;i<this.grades.length;i++)e+='<option value="'+(l=this.grades[i]).id+'">'+l.name+"</option>";return e+='</select></span></label> <br><span class="availability-group mb-3"><label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="min"/>'+M.util.get_string("option_min","availability_grade")+'</label> <label><span class="accesshide">'+M.util.get_string("label_min","availability_grade")+'</span><input type="text" class="form-control mx-1" name="minval" title="'+M.util.get_string("label_min","availability_grade")+'"/></label>%</span><br><span class="availability-group mb-3"><label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="max"/>'+M.util.get_string("option_max","availability_grade")+'</label> <label><span class="accesshide">'+M.util.get_string("label_max","availability_grade")+'</span><input type="text" class="form-control mx-1" name="maxval" title="'+M.util.get_string("label_max","availability_grade")+'"/></label>%</span>',t=r.Node.create('<div class="d-inline-block d-flex flex-wrap align-items-center">'+e+"</div>"),a.id!==undefined&&t.one("select[name=id] > option[value="+a.id+"]")&&t.one("select[name=id]").set("value",""+a.id),a.min!==undefined&&(t.one("input[name=min]").set("checked",!0),t.one("input[name=minval]").set("value",a.min)),a.max!==undefined&&(t.one("input[name=max]").set("checked",!0),t.one("input[name=maxval]").set("value",a.max)),n=function(a,e){var i=a.ancestor("label").next("label").one("input"),a=a.get("checked");return i.set("disabled",!a),e&&a&&i.focus(),a},t.all("input[type=checkbox]").each(n),M.availability_grade.form.addedEvents||(M.availability_grade.form.addedEvents=!0,(a=r.one(".availability-field")).delegate("change",function(){M.core_availability.form.update()},".availability_grade select[name=id]"),a.delegate("click",function(){n(this,!0),M.core_availability.form.update()},".availability_grade input[type=checkbox]"),a.delegate("valuechange",function(){M.core_availability.form.update()},".availability_grade input[type=text]")),t},M.availability_grade.form.fillValue=function(a,e){a.id=parseInt(e.one("select[name=id]").get("value"),10),e.one("input[name=min]").get("checked")&&(a.min=this.getValue("minval",e)),e.one("input[name=max]").get("checked")&&(a.max=this.getValue("maxval",e))},M.availability_grade.form.getValue=function(a,e){a=e.one("input[name="+a+"]").get("value");return!/^[0-9]+([.,][0-9]+)?$/.test(a)||(e=parseFloat(a.replace(",",".")))<0||100<e?a:e},M.availability_grade.form.fillErrors=function(a,e){var i={};this.fillValue(i,e),0===i.id&&a.push("availability_grade:error_selectgradeid"),i.min!==undefined&&"string"==typeof i.min||i.max!==undefined&&"string"==typeof i.max?a.push("availability_grade:error_invalidnumber"):i.min!==undefined&&i.max!==undefined&&i.max<=i.min&&a.push("availability_grade:error_backwardrange")}},"@VERSION@",{requires:["base","node","event","moodle-core_availability-form"]});

availability/condition/grade/yui/build/moodle-availability_grade-form/moodle-availability_grade-form.js

@@ -0,0 +1,167 @@
+YUI.add('moodle-availability_grade-form', function (Y, NAME) {
+
+/**
+ * JavaScript for form editing grade conditions.
+ *
+ * @module moodle-availability_grade-form
+ */
+M.availability_grade = M.availability_grade || {};
+
+/**
+ * @class M.availability_grade.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_grade.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Grade items available for selection.
+ *
+ * @property grades
+ * @type Array
+ */
+M.availability_grade.form.grades = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} grades Array of objects containing gradeid => name
+ */
+M.availability_grade.form.initInner = function(grades) {
+    this.grades = grades;
+    this.nodesSoFar = 0;
+};
+
+M.availability_grade.form.getNode = function(json) {
+    // Increment number used for unique ids.
+    this.nodesSoFar++;
+
+    // Create HTML structure.
+    var html = '<label class="mb-3"><span class="pr-3">' + M.util.get_string('title', 'availability_grade') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select"><option value="0">' + M.util.get_string('choosedots', 'moodle') + '</option>';
+    for (var i = 0; i < this.grades.length; i++) {
+        var grade = this.grades[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + grade.id + '">' + grade.name + '</option>';
+    }
+    html += '</select></span></label> <br><span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="min"/>' +
+            M.util.get_string('option_min', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_min', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="minval" title="' +
+            M.util.get_string('label_min', 'availability_grade') + '"/></label>%</span><br>' +
+            '<span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="max"/>' +
+            M.util.get_string('option_max', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_max', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="maxval" title="' +
+            M.util.get_string('label_max', 'availability_grade') + '"/></label>%</span>';
+    var node = Y.Node.create('<div class="d-inline-block d-flex flex-wrap align-items-center">' + html + '</div>');
+
+    // Set initial values.
+    if (json.id !== undefined &&
+            node.one('select[name=id] > option[value=' + json.id + ']')) {
+        node.one('select[name=id]').set('value', '' + json.id);
+    }
+    if (json.min !== undefined) {
+        node.one('input[name=min]').set('checked', true);
+        node.one('input[name=minval]').set('value', json.min);
+    }
+    if (json.max !== undefined) {
+        node.one('input[name=max]').set('checked', true);
+        node.one('input[name=maxval]').set('value', json.max);
+    }
+
+    // Disables/enables text input fields depending on checkbox.
+    var updateCheckbox = function(check, focus) {
+        var input = check.ancestor('label').next('label').one('input');
+        var checked = check.get('checked');
+        input.set('disabled', !checked);
+        if (focus && checked) {
+            input.focus();
+        }
+        return checked;
+    };
+    node.all('input[type=checkbox]').each(updateCheckbox);
+
+    // Add event handlers (first time only).
+    if (!M.availability_grade.form.addedEvents) {
+        M.availability_grade.form.addedEvents = true;
+
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // For the grade item, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade select[name=id]');
+
+        root.delegate('click', function() {
+            updateCheckbox(this, true);
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=checkbox]');
+
+        root.delegate('valuechange', function() {
+            // For grade values, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=text]');
+    }
+
+    return node;
+};
+
+M.availability_grade.form.fillValue = function(value, node) {
+    value.id = parseInt(node.one('select[name=id]').get('value'), 10);
+    if (node.one('input[name=min]').get('checked')) {
+        value.min = this.getValue('minval', node);
+    }
+    if (node.one('input[name=max]').get('checked')) {
+        value.max = this.getValue('maxval', node);
+    }
+};
+
+/**
+ * Gets the numeric value of an input field. Supports decimal points (using
+ * dot or comma).
+ *
+ * @method getValue
+ * @return {Number|String} Value of field as number or string if not valid
+ */
+M.availability_grade.form.getValue = function(field, node) {
+    // Get field value.
+    var value = node.one('input[name=' + field + ']').get('value');
+
+    // If it is not a valid positive number, return false.
+    if (!(/^[0-9]+([.,][0-9]+)?$/.test(value))) {
+        return value;
+    }
+
+    // Replace comma with dot and parse as floating-point.
+    var result = parseFloat(value.replace(',', '.'));
+    if (result < 0 || result > 100) {
+        return value;
+    } else {
+        return result;
+    }
+};
+
+M.availability_grade.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check grade item id.
+    if (value.id === 0) {
+        errors.push('availability_grade:error_selectgradeid');
+    }
+
+    // Check numeric values.
+    if ((value.min !== undefined && typeof (value.min) === 'string') ||
+            (value.max !== undefined && typeof (value.max) === 'string')) {
+        errors.push('availability_grade:error_invalidnumber');
+    } else if (value.min !== undefined && value.max !== undefined &&
+            value.min >= value.max) {
+        errors.push('availability_grade:error_backwardrange');
+    }
+};
+
+
+}, '@VERSION@', {"requires": ["base", "node", "event", "moodle-core_availability-form"]});

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

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

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

@@ -0,0 +1,162 @@
+/**
+ * JavaScript for form editing grade conditions.
+ *
+ * @module moodle-availability_grade-form
+ */
+M.availability_grade = M.availability_grade || {};
+
+/**
+ * @class M.availability_grade.form
+ * @extends M.core_availability.plugin
+ */
+M.availability_grade.form = Y.Object(M.core_availability.plugin);
+
+/**
+ * Grade items available for selection.
+ *
+ * @property grades
+ * @type Array
+ */
+M.availability_grade.form.grades = null;
+
+/**
+ * Initialises this plugin.
+ *
+ * @method initInner
+ * @param {Array} grades Array of objects containing gradeid => name
+ */
+M.availability_grade.form.initInner = function(grades) {
+    this.grades = grades;
+    this.nodesSoFar = 0;
+};
+
+M.availability_grade.form.getNode = function(json) {
+    // Increment number used for unique ids.
+    this.nodesSoFar++;
+
+    // Create HTML structure.
+    var html = '<label class="mb-3"><span class="pr-3">' + M.util.get_string('title', 'availability_grade') + '</span> ' +
+            '<span class="availability-group">' +
+            '<select name="id" class="custom-select"><option value="0">' + M.util.get_string('choosedots', 'moodle') + '</option>';
+    for (var i = 0; i < this.grades.length; i++) {
+        var grade = this.grades[i];
+        // String has already been escaped using format_string.
+        html += '<option value="' + grade.id + '">' + grade.name + '</option>';
+    }
+    html += '</select></span></label> <br><span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="min"/>' +
+            M.util.get_string('option_min', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_min', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="minval" title="' +
+            M.util.get_string('label_min', 'availability_grade') + '"/></label>%</span><br>' +
+            '<span class="availability-group mb-3">' +
+            '<label><input type="checkbox" class="form-check-input position-static mt-0 mx-1" name="max"/>' +
+            M.util.get_string('option_max', 'availability_grade') +
+            '</label> <label><span class="accesshide">' + M.util.get_string('label_max', 'availability_grade') +
+            '</span><input type="text" class="form-control mx-1" name="maxval" title="' +
+            M.util.get_string('label_max', 'availability_grade') + '"/></label>%</span>';
+    var node = Y.Node.create('<div class="d-inline-block d-flex flex-wrap align-items-center">' + html + '</div>');
+
+    // Set initial values.
+    if (json.id !== undefined &&
+            node.one('select[name=id] > option[value=' + json.id + ']')) {
+        node.one('select[name=id]').set('value', '' + json.id);
+    }
+    if (json.min !== undefined) {
+        node.one('input[name=min]').set('checked', true);
+        node.one('input[name=minval]').set('value', json.min);
+    }
+    if (json.max !== undefined) {
+        node.one('input[name=max]').set('checked', true);
+        node.one('input[name=maxval]').set('value', json.max);
+    }
+
+    // Disables/enables text input fields depending on checkbox.
+    var updateCheckbox = function(check, focus) {
+        var input = check.ancestor('label').next('label').one('input');
+        var checked = check.get('checked');
+        input.set('disabled', !checked);
+        if (focus && checked) {
+            input.focus();
+        }
+        return checked;
+    };
+    node.all('input[type=checkbox]').each(updateCheckbox);
+
+    // Add event handlers (first time only).
+    if (!M.availability_grade.form.addedEvents) {
+        M.availability_grade.form.addedEvents = true;
+
+        var root = Y.one('.availability-field');
+        root.delegate('change', function() {
+            // For the grade item, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade select[name=id]');
+
+        root.delegate('click', function() {
+            updateCheckbox(this, true);
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=checkbox]');
+
+        root.delegate('valuechange', function() {
+            // For grade values, just update the form fields.
+            M.core_availability.form.update();
+        }, '.availability_grade input[type=text]');
+    }
+
+    return node;
+};
+
+M.availability_grade.form.fillValue = function(value, node) {
+    value.id = parseInt(node.one('select[name=id]').get('value'), 10);
+    if (node.one('input[name=min]').get('checked')) {
+        value.min = this.getValue('minval', node);
+    }
+    if (node.one('input[name=max]').get('checked')) {
+        value.max = this.getValue('maxval', node);
+    }
+};
+
+/**
+ * Gets the numeric value of an input field. Supports decimal points (using
+ * dot or comma).
+ *
+ * @method getValue
+ * @return {Number|String} Value of field as number or string if not valid
+ */
+M.availability_grade.form.getValue = function(field, node) {
+    // Get field value.
+    var value = node.one('input[name=' + field + ']').get('value');
+
+    // If it is not a valid positive number, return false.
+    if (!(/^[0-9]+([.,][0-9]+)?$/.test(value))) {
+        return value;
+    }
+
+    // Replace comma with dot and parse as floating-point.
+    var result = parseFloat(value.replace(',', '.'));
+    if (result < 0 || result > 100) {
+        return value;
+    } else {
+        return result;
+    }
+};
+
+M.availability_grade.form.fillErrors = function(errors, node) {
+    var value = {};
+    this.fillValue(value, node);
+
+    // Check grade item id.
+    if (value.id === 0) {
+        errors.push('availability_grade:error_selectgradeid');
+    }
+
+    // Check numeric values.
+    if ((value.min !== undefined && typeof (value.min) === 'string') ||
+            (value.max !== undefined && typeof (value.max) === 'string')) {
+        errors.push('availability_grade:error_invalidnumber');
+    } else if (value.min !== undefined && value.max !== undefined &&
+            value.min >= value.max) {
+        errors.push('availability_grade:error_backwardrange');
+    }
+};

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

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