checkboxlist required: work in progress

Author: McNull

src/angular-form-gen/angular-form-gen-templates.js

@@ -122,7 +122,7 @@ fg.config(function ($provide) {
         pattern: function (nameOrObject, pattern) {
 
           if (angular.isString(nameOrObject)) {
-            config.validation.patterns[name] = pattern;
+            config.validation.patterns[nameOrObject] = pattern;
           } else {
             angular.extend(config.validation.patterns, nameOrObject);
           }

src/angular-form-gen/angular-form-gen.js

@@ -1,10 +1,11 @@
-<div class="checkbox" ng-repeat="option in field.schema.options">
+<div class="checkbox" ng-repeat="option in field.schema.options" ng-model="form.data[field.schema.name]"
+     fg-required-checkboxlist>
   <label title="{{ field.schema.tooltip }}">
-      <input fg-field-input
-             type="checkbox"
-             tabindex="{{ tabIndex }}"
-             name="{{ field.schema.name }}[]" value="{{ option.value }}"
-             ng-model="form.data[field.schema.name][option.value]">
-      <span>{{option.text || option.value}}</span>
+    <input fg-field-input
+           type="checkbox"
+           tabindex="{{ tabIndex }}"
+           name="{{ field.schema.name }}[]" value="{{ option.value }}"
+           ng-model="form.data[field.schema.name][option.value]">
+    <span>{{option.text || option.value}}</span>
   </label>
 </div>

src/angular-form-gen/field-templates/default/checkboxlist.ng.html

@@ -4,3 +4,6 @@
 <div fg-tabs-pane="Options">
   <div fg-property-field-options="multiple"></div>
 </div>
+<div fg-tabs-pane="Validation">
+  <div fg-property-field-validation="{ required: true }"></div>
+</div>

src/angular-form-gen/field-templates/properties/checkboxlist.ng.html

@@ -0,0 +1,47 @@
+fg.directive('fgRequiredCheckboxlist', function() {
+
+  function validate(required, value, options) {
+
+    // Set in field-templates/default/checkboxlist.ng.html
+
+    if(required) {
+
+      // Ensures that at least one option is checked
+
+      var x = options.length;
+
+      while(x--) {
+        if(value[options[x].value]) {
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+  }
+
+  var validationName = 'requiredCheckboxlist';
+
+  return {
+    require: ['ngModel', '^fgField'],
+    link: function($scope, $element, $attrs, $ctrls) {
+
+      var ngModel = $ctrls[0], schema = $scope.field.schema;
+
+      $scope.$watchCollection('form.data[field.schema.name]', function(value) {
+        ngModel.$setValidity(validationName, validate(schema.validation.required, value, schema.options));
+      });
+
+      //ngModel.$parsers.unshift(function(viewValue) {
+      //
+      //
+      //  form.state.$setValidity(validationName, validate(schema.validation.required, form.data[schema.name], schema.options));
+      //
+      //  return viewValue;
+      //
+      //});
+
+    }
+  };
+});

src/angular-form-gen/validation/required-checkboxlist.js

@@ -70,15 +70,42 @@ app.factory('Form', function (fakeHttpResolve, formData) {
 app.factory('formData', function () {
   var forms = [
     {
-
-      "name": "Radiobutton list",
+      "name": "Required option fields",
       "layout": "form-horizontal",
+      "description": "An example schema containing required option fields.",
       "schema": {
         "fields": [
+          {
+            "type": "checkboxlist",
+            "name": "checkboxes",
+            "displayName": "Checkboxes",
+            "options": [
+              {
+                "value": "1",
+                "text": "Option 1"
+              },
+              {
+                "value": "2",
+                "text": "Option 2"
+              },
+              {
+                "value": "3",
+                "text": "Option 3"
+              }
+            ],
+            "value": {
+              "1": false,
+              "2": false
+            },
+            "validation": {
+              "messages": {},
+              "required": true
+            }
+          },
           {
             "type": "radiobuttonlist",
-            "name": "field6145",
-            "displayName": "Radiobutton List",
+            "name": "radiobuttons",
+            "displayName": "Radiobuttons",
             "options": [
               {
                 "value": "1",
@@ -93,14 +120,37 @@ app.factory('formData', function () {
                 "text": "Option 3"
               }
             ],
-            "value": "1"
+            "validation": {
+              "messages": {},
+              "required": true
+            }
+          },
+          {
+            "type": "selectlist",
+            "name": "select",
+            "displayName": "Select",
+            "options": [
+              {
+                "value": "1",
+                "text": "Option 1"
+              },
+              {
+                "value": "2",
+                "text": "Option 2"
+              },
+              {
+                "value": "3",
+                "text": "Option 3"
+              }
+            ],
+            "validation": {
+              "messages": {},
+              "required": true
+            }
           }
         ]
       }
-
-
     },
-
     {
       "schema": {
         "name": "All Fields",