rails-backbone-forms 0.11.1 → 0.12.0

data/vendor/assets/javascripts/backbone-forms/editors/list.js

@@ -1,10 +1,7 @@
-;(function() {
-
-  var Form = Backbone.Form,
-      editors = Form.editors;
+;(function(Form) {
 
   /**
-   * LIST
+   * List editor
    * 
    * An array editor. Creates a list of other editor items.
    *
@@ -12,8 +9,8 @@
    * @param {String} [options.schema.itemType]          The editor type for each item in the list. Default: 'Text'
    * @param {String} [options.schema.confirmDelete]     Text to display in a delete confirmation dialog. If falsey, will not ask for confirmation.
    */
-  editors.List = editors.Base.extend({
-    
+  Form.editors.List = Form.editors.Base.extend({
+
     events: {
       'click [data-action="add"]': function(event) {
         event.preventDefault();
@@ -22,16 +19,16 @@
     },
 
     initialize: function(options) {
+      options = options || {};
+
+      var editors = Form.editors;
+
       editors.Base.prototype.initialize.call(this, options);
 
       var schema = this.schema;
       if (!schema) throw "Missing required option 'schema'";
 
-      //List schema defaults
-      this.schema = _.extend({
-        listTemplate: 'list',
-        listItemTemplate: 'listItem'
-      }, schema);
+      this.template = options.template || this.constructor.template;
 
       //Determine the editor to use
       this.Editor = (function() {
@@ -55,12 +52,10 @@
           value = this.value || [];
 
       //Create main element
-      var $el = Form.helpers.parseHTML(Form.templates[this.schema.listTemplate]({
-        items: '<b class="bbf-tmp"></b>'
-      }));
+      var $el = $($.trim(this.template()));
 
       //Store a reference to the list (item container)
-      this.$list = $el.find('.bbf-tmp').parent().empty();
+      this.$list = $el.is('[data-items]') ? $el : $el.find('[data-items]');
 
       //Add existing items
       if (value.length) {
@@ -89,11 +84,13 @@
      * @param {Boolean} [userInitiated] If the item was added by the user clicking 'add'
      */
     addItem: function(value, userInitiated) {
-      var self = this;
+      var self = this,
+          editors = Form.editors;
 
       //Create the item
       var item = new editors.List.Item({
         list: this,
+        form: this.form,
         schema: this.schema,
         value: value,
         Editor: this.Editor,
@@ -218,7 +215,7 @@
     remove: function() {
       _.invoke(this.items, 'remove');
 
-      editors.Base.prototype.remove.call(this);
+      Form.editors.Base.prototype.remove.call(this);
     },
     
     /**
@@ -247,6 +244,16 @@
 
       return fieldError;
     }
+  }, {
+
+    //STATICS
+    template: _.template('\
+      <div>\
+        <div data-items></div>\
+        <button type="button" data-action="add">Add</button>\
+      </div>\
+    ', null, Form.templateSettings)
+
   });
 
 
@@ -259,7 +266,8 @@
    * @param {Mixed} options.value       Value
    * @param {Object} options.schema     Field schema
    */
-  editors.List.Item = Backbone.View.extend({
+  Form.editors.List.Item = Form.editors.Base.extend({
+
     events: {
       'click [data-action="remove"]': function(event) {
         event.preventDefault();
@@ -277,8 +285,11 @@
       this.list = options.list;
       this.schema = options.schema || this.list.schema;
       this.value = options.value;
-      this.Editor = options.Editor || editors.Text;
+      this.Editor = options.Editor || Form.editors.Text;
       this.key = options.key;
+      this.template = options.template || this.schema.itemTemplate || this.constructor.template;
+      this.errorClassName = options.errorClassName || this.constructor.errorClassName;
+      this.form = options.form;
     },
 
     render: function() {
@@ -288,15 +299,14 @@
         schema: this.schema,
         value: this.value,
         list: this.list,
-        item: this
+        item: this,
+        form: this.form
       }).render();
 
       //Create main element
-      var $el = Form.helpers.parseHTML(Form.templates[this.schema.listItemTemplate]({
-        editor: '<b class="bbf-tmp"></b>'
-      }));
+      var $el = $($.trim(this.template()));
 
-      $el.find('.bbf-tmp').replaceWith(this.editor.el);
+      $el.find('[data-editor]').append(this.editor.el);
 
       //Replace the entire element so there isn't a wrapper tag
       this.setElement($el);
@@ -330,7 +340,7 @@
       var value = this.getValue(),
           formValues = this.list.form ? this.list.form.getValue() : {},
           validators = this.schema.validators,
-          getValidator = Form.helpers.getValidator;
+          getValidator = this.getValidator;
 
       if (!validators) return null;
 
@@ -357,7 +367,7 @@
      * Show a validation error
      */
     setError: function(err) {
-      this.$el.addClass(Form.classNames.error);
+      this.$el.addClass(this.errorClassName);
       this.$el.attr('title', err.message);
     },
 
@@ -365,9 +375,21 @@
      * Hide validation errors
      */
     clearError: function() {
-      this.$el.removeClass(Form.classNames.error);
+      this.$el.removeClass(this.errorClassName);
       this.$el.attr('title', null);
     }
+  }, {
+
+    //STATICS
+    template: _.template('\
+      <div>\
+        <span data-editor></span>\
+        <button type="button" data-action="remove">&times;</button>\
+      </div>\
+    ', null, Form.templateSettings),
+
+    errorClassName: 'error'
+
   });
 
 
@@ -375,23 +397,33 @@
    * Base modal object editor for use with the List editor; used by Object 
    * and NestedModal list types
    */
-  editors.List.Modal = editors.Base.extend({
+  Form.editors.List.Modal = Form.editors.Base.extend({
+
     events: {
       'click': 'openEditor'
     },
 
     /**
      * @param {Object} options
+     * @param {Form} options.form                       The main form
      * @param {Function} [options.schema.itemToString]  Function to transform the value for display in the list.
      * @param {String} [options.schema.itemType]        Editor type e.g. 'Text', 'Object'.
      * @param {Object} [options.schema.subSchema]       Schema for nested form,. Required when itemType is 'Object'
      * @param {Function} [options.schema.model]         Model constructor function. Required when itemType is 'NestedModel'
      */
     initialize: function(options) {
-      editors.Base.prototype.initialize.call(this, options);
+      options = options || {};
+      
+      Form.editors.Base.prototype.initialize.call(this, options);
       
       //Dependencies
-      if (!editors.List.Modal.ModalAdapter) throw 'A ModalAdapter is required';
+      if (!Form.editors.List.Modal.ModalAdapter) throw 'A ModalAdapter is required';
+
+      this.form = options.form;
+      if (!options.form) throw 'Missing required option: "form"';
+
+      //Template
+      this.template = options.template || this.constructor.template;
     },
 
     /**
@@ -423,11 +455,9 @@
      * Renders the list item representation
      */
     renderSummary: function() {
-      var template = Form.templates['list.Modal'];
-
-      this.$el.html(template({
+      this.$el.html($.trim(this.template({
         summary: this.getStringValue()
-      }));
+      })));
     },
 
     /**
@@ -438,12 +468,18 @@
      * @return {String}
      */
     itemToString: function(value) {
+      var createTitle = function(key) {
+        var context = { key: key };
+
+        return Form.Field.prototype.createTitle.call(context);
+      };
+
       value = value || {};
 
       //Pretty print the object keys and values
       var parts = [];
       _.each(this.nestedSchema, function(schema, key) {
-        var desc = schema.title ? schema.title : Form.helpers.keyToTitle(key),
+        var desc = schema.title ? schema.title : createTitle(key),
             val = value[key];
 
         if (_.isUndefined(val) || _.isNull(val)) val = '';
@@ -471,14 +507,15 @@
     },
 
     openEditor: function() {
-      var self = this;
+      var self = this,
+          ModalForm = this.form.constructor;
 
-      var form = this.modalForm = new Form({
+      var form = this.modalForm = new ModalForm({
         schema: this.nestedSchema,
         data: this.value
       });
 
-      var modal = this.modal = new editors.List.Modal.ModalAdapter({
+      var modal = this.modal = new Form.editors.List.Modal.ModalAdapter({
         content: form,
         animate: true
       });
@@ -553,6 +590,9 @@
     }
   }, {
     //STATICS
+    template: _.template('\
+      <div><%= summary %></div>\
+    ', null, Form.templateSettings),
 
     //The modal adapter that creates and manages the modal dialog.
     //Defaults to BootstrapModal (http://github.com/powmedia/backbone.bootstrap-modal)
@@ -563,10 +603,10 @@
     isAsync: true
   });
 
-  
-  editors.List.Object = editors.List.Modal.extend({
+
+  Form.editors.List.Object = Form.editors.List.Modal.extend({
     initialize: function () {
-      editors.List.Modal.prototype.initialize.apply(this, arguments);
+      Form.editors.List.Modal.prototype.initialize.apply(this, arguments);
 
       var schema = this.schema;
 
@@ -577,9 +617,9 @@
   });
 
 
-  editors.List.NestedModel = editors.List.Modal.extend({
+  Form.editors.List.NestedModel = Form.editors.List.Modal.extend({
     initialize: function() {
-      editors.List.Modal.prototype.initialize.apply(this, arguments);
+      Form.editors.List.Modal.prototype.initialize.apply(this, arguments);
 
       var schema = this.schema;
 
@@ -604,7 +644,7 @@
       
       //Otherwise use the model
       return new (schema.model)(value).toString();
-    },
+    }
   });
 
-})();
+})(Backbone.Form);

data/vendor/assets/javascripts/backbone-forms/editors/list.min.js

@@ -1 +1 @@
-(function(){var e=Backbone.Form,t=e.editors;t.List=t.Base.extend({events:{'click [data-action="add"]':function(e){e.preventDefault(),this.addItem(null,!0)}},initialize:function(e){t.Base.prototype.initialize.call(this,e);var n=this.schema;if(!n)throw"Missing required option 'schema'";this.schema=_.extend({listTemplate:"list",listItemTemplate:"listItem"},n),this.Editor=function(){var e=n.itemType;return e?t.List[e]?t.List[e]:t[e]:t.Text}(),this.items=[]},render:function(){var t=this,n=this.value||[],r=e.helpers.parseHTML(e.templates[this.schema.listTemplate]({items:'<b class="bbf-tmp"></b>'}));return this.$list=r.find(".bbf-tmp").parent().empty(),n.length?_.each(n,function(e){t.addItem(e)}):this.Editor.isAsync||this.addItem(),this.setElement(r),this.$el.attr("id",this.id),this.$el.attr("name",this.key),this.hasFocus&&this.trigger("blur",this),this},addItem:function(e,n){var r=this,i=(new t.List.Item({list:this,schema:this.schema,value:e,Editor:this.Editor,key:this.key})).render(),s=function(){r.items.push(i),r.$list.append(i.el),i.editor.on("all",function(e){if(e==="change")return;var n=_.toArray(arguments);n[0]="item:"+e,n.splice(1,0,r),t.List.prototype.trigger.apply(this,n)},r),i.editor.on("change",function(){i.addEventTriggered||(i.addEventTriggered=!0,this.trigger("add",this,i.editor)),this.trigger("item:change",this,i.editor),this.trigger("change",this)},r),i.editor.on("focus",function(){if(this.hasFocus)return;this.trigger("focus",this)},r),i.editor.on("blur",function(){if(!this.hasFocus)return;var e=this;setTimeout(function(){if(_.find(e.items,function(e){return e.editor.hasFocus}))return;e.trigger("blur",e)},0)},r);if(n||e)i.addEventTriggered=!0;n&&(r.trigger("add",r,i.editor),r.trigger("change",r))};return this.Editor.isAsync?i.editor.on("readyToAdd",s,this):(s(),i.editor.focus()),i},removeItem:function(e){var t=this.schema.confirmDelete;if(t&&!confirm(t))return;var n=_.indexOf(this.items,e);this.items[n].remove(),this.items.splice(n,1),e.addEventTriggered&&(this.trigger("remove",this,e.editor),this.trigger("change",this)),!this.items.length&&!this.Editor.isAsync&&this.addItem()},getValue:function(){var e=_.map(this.items,function(e){return e.getValue()});return _.without(e,undefined,"")},setValue:function(e){this.value=e,this.render()},focus:function(){if(this.hasFocus)return;this.items[0]&&this.items[0].editor.focus()},blur:function(){if(!this.hasFocus)return;var e=_.find(this.items,function(e){return e.editor.hasFocus});e&&e.editor.blur()},remove:function(){_.invoke(this.items,"remove"),t.Base.prototype.remove.call(this)},validate:function(){if(!this.validators)return null;var e=_.map(this.items,function(e){return e.validate()}),t=_.compact(e).length?!0:!1;if(!t)return null;var n={type:"list",message:"Some of the items in the list failed validation",errors:e};return n}}),t.List.Item=Backbone.View.extend({events:{'click [data-action="remove"]':function(e){e.preventDefault(),this.list.removeItem(this)},"keydown input[type=text]":function(e){if(e.keyCode!==13)return;e.preventDefault(),this.list.addItem(),this.list.$list.find("> li:last input").focus()}},initialize:function(e){this.list=e.list,this.schema=e.schema||this.list.schema,this.value=e.value,this.Editor=e.Editor||t.Text,this.key=e.key},render:function(){this.editor=(new this.Editor({key:this.key,schema:this.schema,value:this.value,list:this.list,item:this})).render();var t=e.helpers.parseHTML(e.templates[this.schema.listItemTemplate]({editor:'<b class="bbf-tmp"></b>'}));return t.find(".bbf-tmp").replaceWith(this.editor.el),this.setElement(t),this},getValue:function(){return this.editor.getValue()},setValue:function(e){this.editor.setValue(e)},focus:function(){this.editor.focus()},blur:function(){this.editor.blur()},remove:function(){this.editor.remove(),Backbone.View.prototype.remove.call(this)},validate:function(){var t=this.getValue(),n=this.list.form?this.list.form.getValue():{},r=this.schema.validators,i=e.helpers.getValidator;if(!r)return null;var s=null;return _.every(r,function(e){return s=i(e)(t,n),s?!1:!0}),s?this.setError(s):this.clearError(),s?s:null},setError:function(t){this.$el.addClass(e.classNames.error),this.$el.attr("title",t.message)},clearError:function(){this.$el.removeClass(e.classNames.error),this.$el.attr("title",null)}}),t.List.Modal=t.Base.extend({events:{click:"openEditor"},initialize:function(e){t.Base.prototype.initialize.call(this,e);if(!t.List.Modal.ModalAdapter)throw"A ModalAdapter is required"},render:function(){var e=this;return _.isEmpty(this.value)?this.openEditor():(this.renderSummary(),setTimeout(function(){e.trigger("readyToAdd")},0)),this.hasFocus&&this.trigger("blur",this),this},renderSummary:function(){var t=e.templates["list.Modal"];this.$el.html(t({summary:this.getStringValue()}))},itemToString:function(t){t=t||{};var n=[];return _.each(this.nestedSchema,function(r,i){var s=r.title?r.title:e.helpers.keyToTitle(i),o=t[i];if(_.isUndefined(o)||_.isNull(o))o="";n.push(s+": "+o)}),n.join("<br />")},getStringValue:function(){var e=this.schema,t=this.getValue();return _.isEmpty(t)?"[Empty]":e.itemToString?e.itemToString(t):this.itemToString(t)},openEditor:function(){var n=this,r=this.modalForm=new e({schema:this.nestedSchema,data:this.value}),i=this.modal=new t.List.Modal.ModalAdapter({content:r,animate:!0});i.open(),this.trigger("open",this),this.trigger("focus",this),i.on("cancel",this.onModalClosed,this),i.on("ok",_.bind(this.onModalSubmitted,this))},onModalSubmitted:function(){var e=this.modal,t=this.modalForm,n=!this.value,r=t.validate();if(r)return e.preventClose();this.value=t.getValue(),this.renderSummary(),n&&this.trigger("readyToAdd"),this.trigger("change",this),this.onModalClosed()},onModalClosed:function(){this.modal=null,this.modalForm=null,this.trigger("close",this),this.trigger("blur",this)},getValue:function(){return this.value},setValue:function(e){this.value=e},focus:function(){if(this.hasFocus)return;this.openEditor()},blur:function(){if(!this.hasFocus)return;this.modal&&this.modal.trigger("cancel")}},{ModalAdapter:Backbone.BootstrapModal,isAsync:!0}),t.List.Object=t.List.Modal.extend({initialize:function(){t.List.Modal.prototype.initialize.apply(this,arguments);var e=this.schema;if(!e.subSchema)throw'Missing required option "schema.subSchema"';this.nestedSchema=e.subSchema}}),t.List.NestedModel=t.List.Modal.extend({initialize:function(){t.List.Modal.prototype.initialize.apply(this,arguments);var e=this.schema;if(!e.model)throw'Missing required option "schema.model"';var n=e.model.prototype.schema;this.nestedSchema=_.isFunction(n)?n():n},getStringValue:function(){var e=this.schema,t=this.getValue();return _.isEmpty(t)?null:e.itemToString?e.itemToString(t):(new e.model(t)).toString()}})})()
+(function(e){e.editors.List=e.editors.Base.extend({events:{'click [data-action="add"]':function(e){e.preventDefault(),this.addItem(null,!0)}},initialize:function(t){t=t||{};var n=e.editors;n.Base.prototype.initialize.call(this,t);var r=this.schema;if(!r)throw"Missing required option 'schema'";this.template=t.template||this.constructor.template,this.Editor=function(){var e=r.itemType;return e?n.List[e]?n.List[e]:n[e]:n.Text}(),this.items=[]},render:function(){var e=this,t=this.value||[],n=$($.trim(this.template()));return this.$list=n.is("[data-items]")?n:n.find("[data-items]"),t.length?_.each(t,function(t){e.addItem(t)}):this.Editor.isAsync||this.addItem(),this.setElement(n),this.$el.attr("id",this.id),this.$el.attr("name",this.key),this.hasFocus&&this.trigger("blur",this),this},addItem:function(t,n){var r=this,i=e.editors,s=(new i.List.Item({list:this,form:this.form,schema:this.schema,value:t,Editor:this.Editor,key:this.key})).render(),o=function(){r.items.push(s),r.$list.append(s.el),s.editor.on("all",function(e){if(e==="change")return;var t=_.toArray(arguments);t[0]="item:"+e,t.splice(1,0,r),i.List.prototype.trigger.apply(this,t)},r),s.editor.on("change",function(){s.addEventTriggered||(s.addEventTriggered=!0,this.trigger("add",this,s.editor)),this.trigger("item:change",this,s.editor),this.trigger("change",this)},r),s.editor.on("focus",function(){if(this.hasFocus)return;this.trigger("focus",this)},r),s.editor.on("blur",function(){if(!this.hasFocus)return;var e=this;setTimeout(function(){if(_.find(e.items,function(e){return e.editor.hasFocus}))return;e.trigger("blur",e)},0)},r);if(n||t)s.addEventTriggered=!0;n&&(r.trigger("add",r,s.editor),r.trigger("change",r))};return this.Editor.isAsync?s.editor.on("readyToAdd",o,this):(o(),s.editor.focus()),s},removeItem:function(e){var t=this.schema.confirmDelete;if(t&&!confirm(t))return;var n=_.indexOf(this.items,e);this.items[n].remove(),this.items.splice(n,1),e.addEventTriggered&&(this.trigger("remove",this,e.editor),this.trigger("change",this)),!this.items.length&&!this.Editor.isAsync&&this.addItem()},getValue:function(){var e=_.map(this.items,function(e){return e.getValue()});return _.without(e,undefined,"")},setValue:function(e){this.value=e,this.render()},focus:function(){if(this.hasFocus)return;this.items[0]&&this.items[0].editor.focus()},blur:function(){if(!this.hasFocus)return;var e=_.find(this.items,function(e){return e.editor.hasFocus});e&&e.editor.blur()},remove:function(){_.invoke(this.items,"remove"),e.editors.Base.prototype.remove.call(this)},validate:function(){if(!this.validators)return null;var e=_.map(this.items,function(e){return e.validate()}),t=_.compact(e).length?!0:!1;if(!t)return null;var n={type:"list",message:"Some of the items in the list failed validation",errors:e};return n}},{template:_.template('      <div>        <div data-items></div>        <button type="button" data-action="add">Add</button>      </div>    ',null,e.templateSettings)}),e.editors.List.Item=e.editors.Base.extend({events:{'click [data-action="remove"]':function(e){e.preventDefault(),this.list.removeItem(this)},"keydown input[type=text]":function(e){if(e.keyCode!==13)return;e.preventDefault(),this.list.addItem(),this.list.$list.find("> li:last input").focus()}},initialize:function(t){this.list=t.list,this.schema=t.schema||this.list.schema,this.value=t.value,this.Editor=t.Editor||e.editors.Text,this.key=t.key,this.template=t.template||this.schema.itemTemplate||this.constructor.template,this.errorClassName=t.errorClassName||this.constructor.errorClassName,this.form=t.form},render:function(){this.editor=(new this.Editor({key:this.key,schema:this.schema,value:this.value,list:this.list,item:this,form:this.form})).render();var e=$($.trim(this.template()));return e.find("[data-editor]").append(this.editor.el),this.setElement(e),this},getValue:function(){return this.editor.getValue()},setValue:function(e){this.editor.setValue(e)},focus:function(){this.editor.focus()},blur:function(){this.editor.blur()},remove:function(){this.editor.remove(),Backbone.View.prototype.remove.call(this)},validate:function(){var e=this.getValue(),t=this.list.form?this.list.form.getValue():{},n=this.schema.validators,r=this.getValidator;if(!n)return null;var i=null;return _.every(n,function(n){return i=r(n)(e,t),i?!1:!0}),i?this.setError(i):this.clearError(),i?i:null},setError:function(e){this.$el.addClass(this.errorClassName),this.$el.attr("title",e.message)},clearError:function(){this.$el.removeClass(this.errorClassName),this.$el.attr("title",null)}},{template:_.template('      <div>        <span data-editor></span>        <button type="button" data-action="remove">&times;</button>      </div>    ',null,e.templateSettings),errorClassName:"error"}),e.editors.List.Modal=e.editors.Base.extend({events:{click:"openEditor"},initialize:function(t){t=t||{},e.editors.Base.prototype.initialize.call(this,t);if(!e.editors.List.Modal.ModalAdapter)throw"A ModalAdapter is required";this.form=t.form;if(!t.form)throw'Missing required option: "form"';this.template=t.template||this.constructor.template},render:function(){var e=this;return _.isEmpty(this.value)?this.openEditor():(this.renderSummary(),setTimeout(function(){e.trigger("readyToAdd")},0)),this.hasFocus&&this.trigger("blur",this),this},renderSummary:function(){this.$el.html($.trim(this.template({summary:this.getStringValue()})))},itemToString:function(t){var n=function(t){var n={key:t};return e.Field.prototype.createTitle.call(n)};t=t||{};var r=[];return _.each(this.nestedSchema,function(e,i){var s=e.title?e.title:n(i),o=t[i];if(_.isUndefined(o)||_.isNull(o))o="";r.push(s+": "+o)}),r.join("<br />")},getStringValue:function(){var e=this.schema,t=this.getValue();return _.isEmpty(t)?"[Empty]":e.itemToString?e.itemToString(t):this.itemToString(t)},openEditor:function(){var t=this,n=this.form.constructor,r=this.modalForm=new n({schema:this.nestedSchema,data:this.value}),i=this.modal=new e.editors.List.Modal.ModalAdapter({content:r,animate:!0});i.open(),this.trigger("open",this),this.trigger("focus",this),i.on("cancel",this.onModalClosed,this),i.on("ok",_.bind(this.onModalSubmitted,this))},onModalSubmitted:function(){var e=this.modal,t=this.modalForm,n=!this.value,r=t.validate();if(r)return e.preventClose();this.value=t.getValue(),this.renderSummary(),n&&this.trigger("readyToAdd"),this.trigger("change",this),this.onModalClosed()},onModalClosed:function(){this.modal=null,this.modalForm=null,this.trigger("close",this),this.trigger("blur",this)},getValue:function(){return this.value},setValue:function(e){this.value=e},focus:function(){if(this.hasFocus)return;this.openEditor()},blur:function(){if(!this.hasFocus)return;this.modal&&this.modal.trigger("cancel")}},{template:_.template("      <div><%= summary %></div>    ",null,e.templateSettings),ModalAdapter:Backbone.BootstrapModal,isAsync:!0}),e.editors.List.Object=e.editors.List.Modal.extend({initialize:function(){e.editors.List.Modal.prototype.initialize.apply(this,arguments);var t=this.schema;if(!t.subSchema)throw'Missing required option "schema.subSchema"';this.nestedSchema=t.subSchema}}),e.editors.List.NestedModel=e.editors.List.Modal.extend({initialize:function(){e.editors.List.Modal.prototype.initialize.apply(this,arguments);var t=this.schema;if(!t.model)throw'Missing required option "schema.model"';var n=t.model.prototype.schema;this.nestedSchema=_.isFunction(n)?n():n},getStringValue:function(){var e=this.schema,t=this.getValue();return _.isEmpty(t)?null:e.itemToString?e.itemToString(t):(new e.model(t)).toString()}})})(Backbone.Form)

data/vendor/assets/javascripts/backbone-forms/templates/bootstrap.js

@@ -1,95 +1,70 @@
-/**
- * Include this file _after_ the main backbone-forms file to override the default templates.
- * You only need to include templates you want to override.
+/** 
+ * Include this template file after backbone-forms.amd.js to override the default templates
  * 
- * Requirements when customising templates:
- * - Each template must have one 'parent' element tag.
- * - "data-type" attributes are required.
- * - The main placeholder tags such as the following are required: fieldsets, fields
+ * 'data-*' attributes control where elements are placed
  */
-;(function() {
-  var Form = Backbone.Form;
+;(function(Form) {
 
-    
-  //TWITTER BOOTSTRAP TEMPLATES
-  //Requires Bootstrap 2.x
-  Form.setTemplates({
+  
+  /**
+   * Bootstrap templates for Backbone Forms
+   */
+  Form.template = _.template('\
+    <form class="form-horizontal" data-fieldsets></form>\
+  ');
 
-    //HTML
-    form: '\
-      <form class="form-horizontal">{{fieldsets}}</form>\
-    ',
 
-    fieldset: '\
-      <fieldset>\
-        <legend>{{legend}}</legend>\
-        {{fields}}\
-      </fieldset>\
-    ',
+  Form.Fieldset.template = _.template('\
+    <fieldset data-fields>\
+      <% if (legend) { %>\
+        <legend><%= legend %></legend>\
+      <% } %>\
+    </fieldset>\
+  ');
 
-    field: '\
-      <div class="control-group field-{{key}}">\
-        <label class="control-label" for="{{id}}">{{title}}</label>\
-        <div class="controls">\
-          {{editor}}\
-          <div class="help-inline">{{error}}</div>\
-          <div class="help-block">{{help}}</div>\
-        </div>\
-      </div>\
-    ',
 
-    nestedField: '\
-      <div class="field-{{key}}">\
-        <div title="{{title}}" class="input-xlarge">{{editor}}\
-          <div class="help-inline">{{error}}</div>\
-        </div>\
-        <div class="help-block">{{help}}</div>\
+  Form.Field.template = _.template('\
+    <div class="control-group field-<%= key %>">\
+      <label class="control-label" for="<%= editorId %>"><%= title %></label>\
+      <div class="controls">\
+        <span data-editor></span>\
+        <div class="help-inline" data-error></div>\
+        <div class="help-block"><%= help %></div>\
       </div>\
-    ',
+    </div>\
+  ');
 
-    list: '\
-      <div class="bbf-list">\
-        <ul class="unstyled clearfix">{{items}}</ul>\
-        <button class="btn bbf-add" data-action="add">Add</button>\
+
+  Form.NestedField.template = _.template('\
+    <div class="field-<%= key %>">\
+      <div title="<%= title %>" class="input-xlarge">\
+        <span data-editor></span>\
+        <div class="help-inline" data-error></div>\
       </div>\
-    ',
+      <div class="help-block"><%= help %></div>\
+    </div>\
+  ');
 
-    listItem: '\
-      <li class="clearfix">\
-        <div class="pull-left">{{editor}}</div>\
-        <button type="button" class="btn bbf-del" data-action="remove">&times;</button>\
-      </li>\
-    ',
 
-    date: '\
-      <div class="bbf-date">\
-        <select data-type="date" class="bbf-date">{{dates}}</select>\
-        <select data-type="month" class="bbf-month">{{months}}</select>\
-        <select data-type="year" class="bbf-year">{{years}}</select>\
-      </div>\
-    ',
+  Form.editors.List.template = _.template('\
+    <div class="bbf-list">\
+      <ul class="unstyled clearfix" data-items></ul>\
+      <button class="btn bbf-add" data-action="add">Add</button>\
+    </div>\
+  ');
 
-    dateTime: '\
-      <div class="bbf-datetime">\
-        <p>{{date}}</p>\
-        <p>\
-          <select data-type="hour" style="width: 4em">{{hours}}</select>\
-          :\
-          <select data-type="min" style="width: 4em">{{mins}}</select>\
-        </p>\
-      </div>\
-    ',
 
-    'list.Modal': '\
-      <div class="bbf-list-modal">\
-        {{summary}}\
-      </div>\
-    '
-  }, {
+  Form.editors.List.Item.template = _.template('\
+    <li class="clearfix">\
+      <div class="pull-left" data-editor></div>\
+      <button type="button" class="btn bbf-del" data-action="remove">&times;</button>\
+    </li>\
+  ');
   
-    //CLASSNAMES
-    error: 'error' //Set on the field tag when validation fails
-  });
+
+  Form.editors.List.Object.template = Form.editors.List.NestedModel.template = _.template('\
+    <div class="bbf-list-modal"><%= summary %></div>\
+  ');
 
 
-})();
+})(Backbone.Form);