start of new forms implementation

themes/grav/js/forms/fields/checkboxes.js

@@ -0,0 +1,99 @@
+(function () {
+    var root = window || {};
+    root = root.GravJS = root.GravJS || {};
+    root = root.FormFields = root.FormFields || {};
+
+    var CheckboxesField = function (el, form) {
+        el = $(el);
+        this.el = el.is('[' + form.fieldIndicator + ']') ? el : el.closest('[' + form.fieldIndicator + ']');
+
+        this.keys = this.el.data('grav-keys') || false;
+
+        this._disabled = this.el.data('grav-disabled') || false;
+        this._default = this.el.data('grav-default') || '';
+    };
+
+    CheckboxesField.getName = function () {
+        return 'checkboxes';
+    };
+
+    CheckboxesField.getTypes = function () {
+        return [ 'checkboxes' ];
+    };
+
+    CheckboxesField.prototype.valid = function() {
+        return true;
+    };
+
+    CheckboxesField.prototype.disabled = function(state) {
+        if (typeof state !== 'undefined') {
+            this._disabled = state ? true : false;
+        }
+
+        return this._disabled;
+    };
+
+    CheckboxesField.prototype.name = function(name) {
+        if (name) {
+            this.el.data('grav-field-name', name);
+            return name;
+        }
+
+        return this.el.data('grav-field-name')
+    };
+
+    CheckboxesField.prototype.value = function(val) {
+        var useKeys = this.keys,
+            values = useKeys ? {} : [];
+
+        if (typeof val !== 'undefined') {
+            this.el.find('input').each(function () {
+                var checked = false;
+
+                if (useKeys && typeof val[$(this).attr('name')] !== 'undefined') {
+                    checked = val[$(this).attr('name')];
+                } else if (!useKeys && val.indexOf($(this).val()) !== -1) {
+                    checked = true;
+                }
+
+                $(this).prop('checked', checked);
+            });
+
+            return val;
+        }
+
+        this.el.find('input').each(function () {
+            if (useKeys) {
+                values[$(this).attr('name')] = $(this).is(':checked');
+            } else if ($(this).is(':checked')) {
+                values.push($(this).val());
+            }
+        });
+
+        return values;
+    };
+
+    CheckboxesField.prototype.reset = function() {
+        this.value(this._default);
+    };
+
+    CheckboxesField.prototype.formValues = function() {
+        var values = this.value(),
+            name = this.name(),
+            formValues = {};
+
+        for (var key in values) { if (values.hasOwnProperty(key)) {
+                formValues[name + '[' + key + ']'] = values[key] ? '1' : '0';
+            }
+        }
+
+        return formValues;
+    };
+
+    CheckboxesField.prototype.onChange = function(eh) {
+        var self = this;
+        this.el.find('input').on('change', function () { eh.call(self, self.value()); });
+    };
+
+    root.Checkboxes = CheckboxesField;
+})();