allow to define a pre-existing HTML layout where fields will be inserted

Author: ebrehault

dist/schema-form.js

@@ -1259,17 +1259,21 @@ angular.module('schemaForm')
  //make the form available to decorators
  scope.schemaForm = {form: merged, schema: schema};
 
- //Create directives from the form definition
- angular.forEach(merged, function(obj, i) {
- var n = document.createElement(attrs.sfDecoratorName ||
- snakeCase(schemaFormDecorators.defaultDecorator, '-'));
- n.setAttribute('form', 'schemaForm.form[' + i + ']');
- frag.appendChild(n);
- });
-
  //clean all but pre existing html.
  element.children(':not(.schema-form-ignore)').remove();
 
+ //Create directives from the form definition
+ angular.forEach(merged,function(obj,i){
+ var n = document.createElement(attrs.sfDecorator || snake_case(schemaFormDecorators.defaultDecorator,'-'));
+ n.setAttribute('form','schemaForm.form['+i+']');
+ var slot = element[0].querySelector('*[sf-insert-field="' + obj.key + '"]');
+ if(slot) {
+ slot.appendChild(n); 
+ } else {
+ frag.appendChild(n);
+ }
+ });
+
  element[0].appendChild(frag);
 
  //compile only children