Add setting extra options in the popover dialog

Gruntfile.coffee

@@ -70,6 +70,7 @@ module.exports = (grunt) ->
         'uglify'
     ]
     grunt.registerTask 'test', ['karma']
+    grunt.registerTask('default', ['build']);
 
     # -----------------------------------
     # Plugins

example/demo.coffee

@@ -92,6 +92,9 @@ angular.module 'app', ['builder', 'builder.components', 'validator.rules']
         component: 'sampleInput'
     # formObjects
     $scope.form = $builder.forms['default']
+    $scope.formMeta = {
+        name: 'default',
+    }
 
     # ----------------------------------------
     # form

example/demo.js

@@ -57,6 +57,9 @@
         component: 'sampleInput'
       });
       $scope.form = $builder.forms['default'];
+      $scope.formMeta = {
+        name: 'default'
+      };
       $scope.input = [];
       $scope.defaultValue = {};
       $scope.defaultValue[textbox.id] = 'default value';

index.html

@@ -26,7 +26,7 @@ <h1>angular-form-builder</h1>
                 <div class="panel-heading">
                     <h3 class="panel-title">Builder</h3>
                 </div>
-                <div fb-builder="default"></div>
+                <div fb-builder="default" fb-builder-meta="formMeta"></div>
                 <div class="panel-footer">
                     <div class="checkbox">
                         <label><input type="checkbox" ng-model="isShowScope" />

src/controller.coffee

@@ -34,13 +34,14 @@ angular.module 'builder.controller', ['builder.provider']
 
         $scope.optionsText = formObject.options.join '\n'
 
-        $scope.$watch '[label, description, placeholder, required, options, validation]', ->
+        $scope.$watch '[label, description, placeholder, required, options, validation, meta]', ->
             formObject.label = $scope.label
             formObject.description = $scope.description
             formObject.placeholder = $scope.placeholder
             formObject.required = $scope.required
             formObject.options = $scope.options
             formObject.validation = $scope.validation
+            formObject.meta = $scope.meta
         , yes
 
         $scope.$watch 'optionsText', (text) ->
@@ -63,6 +64,7 @@ angular.module 'builder.controller', ['builder.provider']
                 required: $scope.required
                 optionsText: $scope.optionsText
                 validation: $scope.validation
+                meta: $scope.meta
         rollback: ->
             ###
             Rollback input value.
@@ -74,6 +76,7 @@ angular.module 'builder.controller', ['builder.provider']
             $scope.required = @model.required
             $scope.optionsText = @model.optionsText
             $scope.validation = @model.validation
+            $scope.meta = @model.meta
 ]
 
 

src/directive.coffee

@@ -20,7 +20,8 @@ angular.module 'builder.directive', [
 
     restrict: 'A'
     scope:
-        fbBuilder: '='
+        fbBuilder: '=fbBuilder'
+        fbBuilderMeta: '=?fbBuilderMeta'
     template:
         """
         <div class='form-horizontal'>
@@ -33,6 +34,7 @@ angular.module 'builder.directive', [
         # valuables
         # ----------------------------------------
         scope.formName = attrs.fbBuilder
+        scope.fbBuilderMeta = scope.fbBuilderMeta || {}
         $builder.forms[scope.formName] ?= []
         scope.formObjects = $builder.forms[scope.formName]
         beginMove = yes
@@ -123,6 +125,7 @@ angular.module 'builder.directive', [
     scope:
         formObject: '=fbFormObjectEditable'
     link: (scope, element) ->
+        scope.form = scope.$parent.$parent.fbBuilderMeta;
         scope.inputArray = [] # just for fix warning
         # get component
         scope.$component = $builder.components[scope.formObject.component]

src/provider.coffee

@@ -49,6 +49,7 @@ angular.module 'builder.provider', []
             validation: component.validation ? '/.*/'
             validationOptions: component.validationOptions ? []
             options: component.options ? []
+            meta: component.meta ? {}
             arrayToText: component.arrayToText ? no
             template: component.template
             templateUrl: component.templateUrl
@@ -74,6 +75,7 @@ angular.module 'builder.provider', []
             options: formObject.options ? component.options
             required: formObject.required ? component.required
             validation: formObject.validation ? component.validation
+            meta: formObject.meta ? component.meta
         result
 
     @reindexFormObject = (name) =>