Getter for default decorator name

First decorator that registeres gets automatically set as default.

Author: davidlgj

src/directives/schema-form.js

@@ -5,8 +5,8 @@ FIXME: real documentation
 
 angular.module('schemaForm')
        .directive('sfSchema',
-       ['$compile','schemaForm',
-function($compile,  schemaForm){
+       ['$compile','schemaForm','schemaFormDecorators',
+function($compile,  schemaForm,  schemaFormDecorators){
 
   //recurse through the entire schema.
   //FIXME: no support for arrays
@@ -18,7 +18,13 @@ function($compile,  schemaForm){
     });
   };
 
-
+  var SNAKE_CASE_REGEXP = /[A-Z]/g;
+  function snake_case(name, separator){
+    separator = separator || '_';
+    return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {
+      return (pos ? separator : '') + letter.toLowerCase();
+    });
+  }
 
   return {
     scope: {
@@ -74,11 +80,10 @@ function($compile,  schemaForm){
 
           //Create directives from the form definition
           angular.forEach(merged,function(obj,i){
-            var n = document.createElement(attrs.sfDecorator || 'bootstrap-decorator');
+            var n = document.createElement(attrs.sfDecorator || snake_case(schemaFormDecorators.defaultDecorator,'-'));
             n.setAttribute('type',obj.type);
             n.setAttribute('form','schemaForm.form['+i+']');
             frag.appendChild(n);
-
           });
 
           //clean all but pre existing html.
@@ -87,10 +92,8 @@ function($compile,  schemaForm){
           element[0].appendChild(frag);
 
           //compile only children
-
           $compile(element.children())(scope);
 
-
           //ok, now that that is done let's set any defaults
           traverse(schema,function(prop,path){
             //This is probably not so fast, but a simple solution.

src/services/decorators.js

@@ -1,8 +1,7 @@
 angular.module('schemaForm').provider('schemaFormDecorators',['$compileProvider',function($compileProvider){
-
+  var defaultDecorator = 'bootstrapDecorator';
   var directives = {};
 
-
   var templateUrl = function(name,form) {
     var directive = directives[name];
 
@@ -39,6 +38,10 @@ angular.module('schemaForm').provider('schemaFormDecorators',['$compileProvider'
       rules:    rules    || []
     };
 
+    if (!directives[defaultDecorator]) {
+      defaultDecorator = name;
+    }
+
     $compileProvider.directive(name,['$parse','$compile','$http','$templateCache',
       function($parse,  $compile,  $http,  $templateCache){
 
@@ -97,8 +100,11 @@ angular.module('schemaForm').provider('schemaFormDecorators',['$compileProvider'
 
   //Service is just a getter for directive mappings and rules
   this.$get = function(){
-    return function(name) {
-      return directives[name];
+    return {
+      directive: function(name) {
+        return directives[name];
+      },
+      defaultDecorator: defaultDecorator
     };
   };