Auto select form based on model

Change model when form is changed

src/directives/decorators/bootstrap/formselect.html

@@ -1,4 +1,4 @@
-<div sf-form-select class="schema-form-form-select {{form.htmlClass}}">
+<div sf-form-select="form" class="schema-form-form-select {{form.htmlClass}}">
   <legend ng-class="{'sr-only': !showTitle() }">{{ form.title }}</legend>
   <div class="help-block" ng-show="form.description" ng-bind-html="form.description"></div>
   <select ng-model="selectedForm"

src/directives/formselect.js

@@ -10,7 +10,42 @@ angular.module('schemaForm').directive('sfFormSelect', ['sfSelect', 'schemaForm'
       require: '?ngModel',
       link: function(scope, element, attrs, ngModel) {
         scope.selectedForm = 0;
+        // Keeps the model data for each form
+        var formData = [];
         // TODO: Watch the model value and pick a form to match it
+        scope.$parent.$watch(attrs.sfFormSelect, function(form) {
+          if (!form) {
+            return;
+          }
+
+          var model = sfSelect(form.key, scope.model);
+
+          // Watch the model value and change to a form that matches it
+          var key = sfPath.normalize(form.key);
+          scope.$parent.$watch('model' + key, function (value) {
+            model = scope.modelData = value;
+            // If the selected form still validates, make sure we don't change it
+            if (angular.isNumber(scope.selectedForm)) {
+              var r = sfValidator.validate(form.items[scope.selectedForm], model);
+              if (r.valid) return;
+            }
+            // Search for a form that is valid for the given model data
+            for (var i = 0; i < form.items.length; i++) {
+              var result = sfValidator.validate(form.items[i], model);
+              if (result.valid) {
+                scope.selectedForm = i;
+                break;
+              }
+            }
+          });
+
+          // Restore data associated with selected form
+          scope.$watch('selectedForm', function(selectedForm, oldForm) {
+            formData[oldForm] = model;
+            if (formData[selectedForm]) sfSelect(form.key, scope.model, formData[selectedForm]);
+            // TODO: Fill defaults if we don't have data for this form
+          });
+        });
       }
     };
   }

src/services/schema-form.js

@@ -298,6 +298,7 @@ angular.module('schemaForm').provider('schemaForm',
     if (!(schema.oneOf || schema.anyOf || angular.isArray(types))) return;
     var f   = stdFormObj(name, schema, options);
     f.type  = 'formselect';
+    f.key   = options.path;
     var schemas = [];
     // TODO: What if there are more than one of these keys in the same schema?
     if (angular.isArray(types)) {