rails-backbone-forms 0.10.1 → 0.11.0

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

@@ -55,7 +55,7 @@
           value = this.value || [];
 
       //Create main element
-      var $el = $(Form.templates[this.schema.listTemplate]({
+      var $el = Form.helpers.parseHTML(Form.templates[this.schema.listTemplate]({
         items: '<b class="bbf-tmp"></b>'
       }));
 
@@ -105,10 +105,10 @@
         self.$list.append(item.el);
         
         item.editor.on('all', function(event) {
-          if (event == 'change') return;
+          if (event === 'change') return;
 
           // args = ["key:change", itemEditor, fieldEditor]
-          args = _.toArray(arguments);
+          var args = _.toArray(arguments);
           args[0] = 'item:' + event;
           args.splice(1, 0, self);
           // args = ["item:key:change", this=listEditor, itemEditor, fieldEditor]
@@ -156,6 +156,7 @@
       //Most editors can be added automatically
       else {
         _addItem();
+        item.editor.focus();
       }
       
       return item;
@@ -206,7 +207,7 @@
     blur: function() {
       if (!this.hasFocus) return;
 
-      focusedItem = _.find(this.items, function(item) { return item.editor.hasFocus; });
+      var focusedItem = _.find(this.items, function(item) { return item.editor.hasFocus; });
       
       if (focusedItem) focusedItem.editor.blur();
     },
@@ -265,7 +266,7 @@
         this.list.removeItem(this);
       },
       'keydown input[type=text]': function(event) {
-        if(event.keyCode != 13) return;
+        if(event.keyCode !== 13) return;
         event.preventDefault();
         this.list.addItem();
         this.list.$list.find("> li:last input").focus();
@@ -291,7 +292,7 @@
       }).render();
 
       //Create main element
-      var $el = $(Form.templates[this.schema.listItemTemplate]({
+      var $el = Form.helpers.parseHTML(Form.templates[this.schema.listItemTemplate]({
         editor: '<b class="bbf-tmp"></b>'
       }));
 
@@ -338,11 +339,15 @@
       _.every(validators, function(validator) {
         error = getValidator(validator)(value, formValues);
 
-        return continueLoop = error ? false : true;
+        return error ? false : true;
       });
 
       //Show/hide error
-      error ? this.setError(error) : this.clearError();
+      if (error){
+        this.setError(error);
+      } else {
+        this.clearError();
+      }
 
       //Return error to be aggregated by list
       return error ? error : null;
@@ -367,10 +372,10 @@
 
 
   /**
-   * Modal object editor for use with the List editor.
-   * To use it, set the 'itemType' property in a List schema to 'Object' or 'NestedModel'
+   * Base modal object editor for use with the List editor; used by Object 
+   * and NestedModal list types
    */
-  editors.List.Modal = editors.List.Object = editors.List.NestedModel = editors.Base.extend({
+  editors.List.Modal = editors.Base.extend({
     events: {
       'click': 'openEditor'
     },
@@ -384,26 +389,9 @@
      */
     initialize: function(options) {
       editors.Base.prototype.initialize.call(this, options);
-
-      var schema = this.schema;
       
       //Dependencies
       if (!editors.List.Modal.ModalAdapter) throw 'A ModalAdapter is required';
-
-      //Get nested schema if Object
-      if (schema.itemType == 'Object') {
-        if (!schema.subSchema) throw 'Missing required option "schema.subSchema"';
-
-        this.nestedSchema = schema.subSchema;
-      }
-
-      //Get nested schema if NestedModel
-      if (schema.itemType == 'NestedModel') {
-        if (!schema.model) throw 'Missing required option "schema.model"';
-
-        this.nestedSchema = schema.model.prototype.schema;
-        if (_.isFunction(this.nestedSchema)) this.nestedSchema = this.nestedSchema();
-      }
     },
 
     /**
@@ -478,11 +466,6 @@
       //If there's a specified toString use that
       if (schema.itemToString) return schema.itemToString(value);
       
-      //Otherwise check if it's NestedModel with it's own toString() method
-      if (schema.itemType == 'NestedModel') {
-        return new (schema.model)(value).toString();
-      }
-      
       //Otherwise use the generic method or custom overridden method
       return this.itemToString(value);
     },
@@ -490,50 +473,59 @@
     openEditor: function() {
       var self = this;
 
-      var form = new Form({
+      var form = this.modalForm = new Form({
         schema: this.nestedSchema,
         data: this.value
       });
 
-      var modal = this.modal = new Backbone.BootstrapModal({
+      var modal = this.modal = new editors.List.Modal.ModalAdapter({
         content: form,
         animate: true
-      }).open();
+      });
+
+      modal.open();
 
       this.trigger('open', this);
       this.trigger('focus', this);
 
-      modal.on('cancel', function() {
-        this.modal = null;
-
-        this.trigger('close', this);
-        this.trigger('blur', this);
-      }, this);
+      modal.on('cancel', this.onModalClosed, this);
       
-      modal.on('ok', _.bind(this.onModalSubmitted, this, form, modal));
+      modal.on('ok', _.bind(this.onModalSubmitted, this));
     },
 
     /**
      * Called when the user clicks 'OK'.
      * Runs validation and tells the list when ready to add the item
      */
-    onModalSubmitted: function(form, modal) {
-      var isNew = !this.value;
+    onModalSubmitted: function() {
+      var modal = this.modal,
+          form = this.modalForm,
+          isNew = !this.value;
 
       //Stop if there are validation errors
       var error = form.validate();
       if (error) return modal.preventClose();
-      this.modal = null;
 
-      //If OK, render the list item
+      //Store form value
       this.value = form.getValue();
 
+      //Render item
       this.renderSummary();
 
       if (isNew) this.trigger('readyToAdd');
       
       this.trigger('change', this);
-      
+
+      this.onModalClosed();
+    },
+
+    /**
+     * Cleans up references, triggers events. To be called whenever the modal closes
+     */
+    onModalClosed: function() {
+      this.modal = null;
+      this.modalForm = null;
+
       this.trigger('close', this);
       this.trigger('blur', this);
     },
@@ -557,7 +549,6 @@
       
       if (this.modal) {
         this.modal.trigger('cancel');
-        this.modal.close();
       }
     }
   }, {
@@ -572,4 +563,48 @@
     isAsync: true
   });
 
+  
+  editors.List.Object = editors.List.Modal.extend({
+    initialize: function () {
+      editors.List.Modal.prototype.initialize.apply(this, arguments);
+
+      var schema = this.schema;
+
+      if (!schema.subSchema) throw 'Missing required option "schema.subSchema"';
+
+      this.nestedSchema = schema.subSchema;
+    }
+  });
+
+
+  editors.List.NestedModel = editors.List.Modal.extend({
+    initialize: function() {
+      editors.List.Modal.prototype.initialize.apply(this, arguments);
+
+      var schema = this.schema;
+
+      if (!schema.model) throw 'Missing required option "schema.model"';
+
+      var nestedSchema = schema.model.prototype.schema;
+
+      this.nestedSchema = (_.isFunction(nestedSchema)) ? nestedSchema() : nestedSchema;
+    },
+
+    /**
+     * Returns the string representation of the object value
+     */
+    getStringValue: function() {
+      var schema = this.schema,
+          value = this.getValue();
+
+      if (_.isEmpty(value)) return null;
+
+      //If there's a specified toString use that
+      if (schema.itemToString) return schema.itemToString(value);
+      
+      //Otherwise use the model
+      return new (schema.model)(value).toString();
+    },
+  });
+
 })();

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

@@ -0,0 +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()}})})()

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

@@ -31,7 +31,8 @@
       <div class="control-group field-{{key}}">\
         <label class="control-label" for="{{id}}">{{title}}</label>\
         <div class="controls">\
-          <div class="input-xlarge">{{editor}}</div>\
+          {{editor}}\
+          <div class="help-inline">{{error}}</div>\
           <div class="help-block">{{help}}</div>\
         </div>\
       </div>\
@@ -39,7 +40,9 @@
 
     nestedField: '\
       <div class="field-{{key}}">\
-        <div title="{{title}}" class="input-xlarge">{{editor}}</div>\
+        <div title="{{title}}" class="input-xlarge">{{editor}}\
+          <div class="help-inline">{{error}}</div>\
+        </div>\
         <div class="help-block">{{help}}</div>\
       </div>\
     ',
@@ -47,7 +50,7 @@
     list: '\
       <div class="bbf-list">\
         <ul class="unstyled clearfix">{{items}}</ul>\
-        <button type="button" class="btn bbf-add" data-action="add">Add</div>\
+        <button class="btn bbf-add" data-action="add">Add</button>\
       </div>\
     ',
 

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

@@ -31,6 +31,7 @@
         <label for="{{id}}">{{title}}</label>\
         <div class="bbf-editor">{{editor}}</div>\
         <div class="bbf-help">{{help}}</div>\
+        <div class="bbf-error">{{error}}</div>\
       </li>\
     ',
 
@@ -39,6 +40,7 @@
         <label for="{{id}}">{{title}}</label>\
         <div class="bbf-editor">{{editor}}</div>\
         <div class="bbf-help">{{help}}</div>\
+        <div class="bbf-error">{{error}}</div>\
       </li>\
     ',
 

data/vendor/assets/stylesheets/backbone-forms/templates/default.css

@@ -34,6 +34,12 @@
     color: #999;
   }
 
+  .bbf-field .bbf-error {
+    margin-left: 25%;
+    width: 74%;
+    color: red;
+  }
+
   .bbf-field.bbf-error .bbf-editor {
     outline: 1px solid red;
   }

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: rails-backbone-forms
 version: !ruby/object:Gem::Version
-  version: 0.10.1
+  version: 0.11.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-09-02 00:00:00.000000000 Z
+date: 2013-03-25 00:00:00.000000000 Z
 dependencies: []
 description: Rails 3.1 support for the backbone-forms library
 email:
@@ -29,14 +29,13 @@ files:
 - vendor/assets/javascripts/backbone-forms-bootstrap.js
 - vendor/assets/javascripts/backbone-forms.js
 - vendor/assets/javascripts/backbone-forms/adapters/backbone.bootstrap-modal.js
+- vendor/assets/javascripts/backbone-forms/adapters/backbone.bootstrap-modal.min.js
 - vendor/assets/javascripts/backbone-forms/backbone-forms.js
-- vendor/assets/javascripts/backbone-forms/editors/jquery-ui.js
 - vendor/assets/javascripts/backbone-forms/editors/list.js
+- vendor/assets/javascripts/backbone-forms/editors/list.min.js
 - vendor/assets/javascripts/backbone-forms/templates/bootstrap.js
 - vendor/assets/javascripts/backbone-forms/templates/default.js
-- vendor/assets/stylesheets/backbone-forms-bootstrap.css
 - vendor/assets/stylesheets/backbone-forms.css
-- vendor/assets/stylesheets/backbone-forms/editors/jquery-ui.css
 - vendor/assets/stylesheets/backbone-forms/templates/bootstrap.css
 - vendor/assets/stylesheets/backbone-forms/templates/default.css
 homepage: ''
@@ -59,7 +58,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: rails-backbone-forms
-rubygems_version: 1.8.24
+rubygems_version: 1.8.25
 signing_key: 
 specification_version: 3
 summary: A wrapper for backbone-forms in the Rails asset pipeline

data/vendor/assets/javascripts/backbone-forms/editors/jquery-ui.js

@@ -1,500 +0,0 @@
-;(function() {
-  
-  var Form = Backbone.Form,
-      Base = Form.editors.Base,
-      createTemplate = Form.helpers.createTemplate,
-      triggerCancellableEvent = Form.helpers.triggerCancellableEvent,
-      exports = {};
-  
-  /**
-   * Additional editors that depend on jQuery UI
-   */
-  
-  //DATE
-  exports['jqueryui.Date'] = Base.extend({
-
-    className: 'bbf-jui-date',
-    
-    initialize: function(options) {
-      Base.prototype.initialize.call(this, options);
-      
-      //Cast to Date
-      if (this.value && !_.isDate(this.value)) {
-        this.value = new Date(this.value);
-      }
-      
-      //Set default date
-      if (!this.value) {
-        var date = new Date();
-        date.setSeconds(0);
-        date.setMilliseconds(0);
-        
-        this.value = date;
-      }
-    },
-
-    render: function() {
-      var $el = this.$el;
-
-      $el.html('<input>');
-
-      var input = $('input', $el);
-
-      input.datepicker({
-        dateFormat: 'dd/mm/yy',
-        showButtonPanel: true
-      });
-      
-      this._observeDatepickerEvents();
-
-      //Make sure setValue of this object is called, not of any objects extending it (e.g. DateTime)
-      exports['jqueryui.Date'].prototype.setValue.call(this, this.value);
-
-      return this;
-    },
-
-    /**
-    * @return {Date}   Selected date
-    */
-    getValue: function() {
-      var input = $('input', this.el),
-          date = input.datepicker('getDate');
-
-      return date;
-    },
-    
-    setValue: function(value) {
-      $('input', this.el).datepicker('setDate', value);
-    },
-    
-    focus: function() {
-      if (this.hasFocus) return;
-      
-      this.$('input').datepicker('show');
-    },
-    
-    blur: function() {
-      if (!this.hasFocus) return;
-      
-      this.$('input').datepicker('hide');
-    },
-    
-    _observeDatepickerEvents: function() {
-      var self = this;
-      this.$('input').datepicker('option', 'onSelect', function() {
-        self.trigger('change', self);
-      })
-      this.$('input').datepicker('option', 'onClose', function() {
-        if (!self.hasFocus) return;
-        self.trigger('blur', self);
-      });
-      this.$('input').datepicker('option', 'beforeShow', function() {
-        if (self.hasFocus) return {};
-        self.trigger('focus', self);
-        
-        return {};
-      });
-    }
-
-  });
-
-
-  //DATETIME
-  exports['jqueryui.DateTime'] = exports['jqueryui.Date'].extend({
-
-    className: 'bbf-jui-datetime',
-
-    template: createTemplate('<select>{{hours}}</select> : <select>{{mins}}</select>'),
-
-    render: function() {
-      function pad(n) {
-        return n < 10 ? '0' + n : n
-      }
-
-      //Render the date element first
-      exports['jqueryui.Date'].prototype.render.call(this);
-
-      //Setup hour options
-      var hours = _.range(0, 24),
-          hoursOptions = [];
-
-      _.each(hours, function(hour) {
-        hoursOptions.push('<option value="'+hour+'">' + pad(hour) + '</option>');
-      });
-
-      //Setup minute options
-      var minsInterval = this.schema.minsInterval || 15,
-          mins = _.range(0, 60, minsInterval),
-          minsOptions = [];
-
-      _.each(mins, function(min) {
-        minsOptions.push('<option value="'+min+'">' + pad(min) + '</option>');
-      });
-
-      //Render time selects
-      this.$el.append(this.template({
-        hours: hoursOptions.join(),
-        mins: minsOptions.join()
-      }));
-      
-      this._observeDatepickerEvents();
-
-      //Store references to selects
-      this.$hours = $('select:eq(0)', this.el);
-      this.$mins = $('select:eq(1)', this.el);
-      
-      //Set time
-      this.setValue(this.value);
-
-      return this;
-    },
-
-    /**
-    * @return {Date}   Selected datetime
-    */
-    getValue: function() {
-      var input = $('input', this.el),
-          date = input.datepicker('getDate');
-
-      date.setHours(this.$hours.val());
-      date.setMinutes(this.$mins.val());
-      date.setMilliseconds(0);
-
-      return date;
-    },
-    
-    setValue: function(date) {
-      exports['jqueryui.Date'].prototype.setValue.call(this, date);
-      
-      this.$hours.val(date.getHours());
-      this.$mins.val(date.getMinutes());
-    }
-
-  });
-
-
-  //LIST
-  exports['jqueryui.List'] = Base.extend({
-
-    className: 'bbf-jui-list',
-
-    //Note: The extra div around the <ul> is used to limit the drag area
-    template: createTemplate('\
-      <ul></ul>\
-      <div><button class="bbf-list-add">Add</div>\
-    '),
-
-    itemTemplate: createTemplate('\
-      <li rel="{{id}}">\
-        <span class="bbf-list-text">{{text}}</span>\
-        <div class="bbf-list-actions">\
-          <button class="bbf-list-edit">Edit</button>\
-          <button class="bbf-list-del">Delete</button>\
-        </div>\
-      </li>\
-    '),
-    
-    editorTemplate: createTemplate('\
-      <div class="bbf-field">\
-          <div class="bbf-list-editor"></div>\
-      </div>\
-    '),
-
-    events: {
-      'click .bbf-list-add':   'addNewItem',
-      'click .bbf-list-edit':  'editItem',
-      'click .bbf-list-del':   'deleteItem'
-    },
-
-    initialize: function(options) {
-      Base.prototype.initialize.call(this, options);
-
-      if (!this.schema) throw "Missing required option 'schema'";
-      
-      this.schema.listType = this.schema.listType || 'Text';
-      
-      if (this.schema.listType == 'NestedModel' && !this.schema.model)
-          throw "Missing required option 'schema.model'";
-    },
-
-    render: function() {
-      var $el = this.$el;
-      
-      //Main element
-      $el.html(this.template());
-      
-      //Create list
-      var self = this,
-          data = this.value || [],
-          schema = this.schema,
-          itemToString = this.itemToString,
-          itemTemplate = this.itemTemplate,
-          listEl = $('ul', $el);
-      
-      _.each(data, function(itemData) {     
-        var text = itemToString.call(self, itemData);
-
-        //Create DOM element
-        var li = $(itemTemplate({
-          id: itemData.id || '',
-          text: text
-        }));
-
-        //Attach data
-        $.data(li[0], 'data', itemData);
-
-        listEl.append(li);
-      });
-
-      //Make sortable
-      if (schema.sortable !== false) {
-        listEl.sortable({
-          axis: 'y',
-          cursor: 'move',
-          containment: 'parent'
-        });
-        
-        $el.addClass('bbf-list-sortable');
-      }
-
-      //jQuery UI buttonize
-      $('button.bbf-list-add', $el).button({
-        text: false,
-        icons: { primary: 'ui-icon-plus' }
-      });
-      $('button.bbf-list-edit', $el).button({
-        text: false,
-        icons: { primary: 'ui-icon-pencil' }
-      });
-      $('button.bbf-list-del', $el).button({
-        text: false,
-        icons: { primary: 'ui-icon-trash' }
-      });
-      
-      if (this.hasFocus) this.trigger('blur', this);
-
-      return this;
-    },
-
-    /**
-     * Formats an item for display in the list
-     * For example objects, dates etc. can have a custom
-     * itemToString method which says how it should be formatted.
-     */
-    itemToString: function(data) {
-      if (!data) return data;
-      
-      var schema = this.schema;
-      
-      //If there's a specified toString use that
-      if (schema.itemToString) return schema.itemToString(data);
-      
-      //Otherwise check if it's NestedModel with it's own toString() method
-      if (this.schema.listType == 'NestedModel') {
-        var model = new (this.schema.model)(data);
-      
-        return model.toString();
-      }
-      
-      //Last resort, just return the data as is
-      return data;
-    },
-
-    /**
-     * Add a new item to the list if it is completed in the editor
-     */
-    addNewItem: function(event) {
-      if (event) event.preventDefault();
-               
-      var self = this;
-
-      this.openEditor(null, function(value, editor) {
-        //Fire 'addItem' cancellable event
-        triggerCancellableEvent(self, 'addItem', [value, editor], function() {
-          var text = self.itemToString(value);
-
-          //Create DOM element
-          var li = $(self.itemTemplate({
-            id: value.id || '',
-            text: text
-          }));
-
-          //Store data
-          $.data(li[0], 'data', value);
-
-          $('ul', self.el).append(li);
-
-          //jQuery UI buttonize
-          $('button.bbf-list-edit', this.el).button({
-            text: false,
-            icons: { primary: 'ui-icon-pencil' }
-          });
-          $('button.bbf-list-del', this.el).button({
-            text: false,
-            icons: { primary: 'ui-icon-trash' }
-          });
-          
-          self.trigger('add', self, value);
-          self.trigger('item:change', self, editor);
-          self.trigger('change', self);
-        });
-      });
-    },
-
-    /**
-     * Edit an existing item in the list
-     */
-    editItem: function(event) {
-      event.preventDefault();
-             
-      var self = this,
-          li = $(event.target).closest('li'),
-          originalValue = $.data(li[0], 'data');
-
-      this.openEditor(originalValue, function(newValue, editor) {
-        //Fire 'editItem' cancellable event
-        triggerCancellableEvent(self, 'editItem', [newValue, editor], function() {
-          //Update display
-          $('.bbf-list-text', li).html(self.itemToString(newValue));
-
-          //Store data
-          $.data(li[0], 'data', newValue);
-
-          self.trigger('item:change', self, editor);
-          self.trigger('change', self);
-        });
-      });
-    },
-
-    deleteItem: function(event) {
-      event.preventDefault();
-  
-      var self = this,
-          li = $(event.target).closest('li'),
-          data = $.data(li[0], 'data');
-
-      var confirmDelete = (this.schema.confirmDelete) ? this.schema.confirmDelete : false,
-          confirmMsg = this.schema.confirmDeleteMsg || 'Are you sure?';
-                  
-      function remove() {
-        triggerCancellableEvent(self, 'removeItem', [data], function() {
-          li.remove();
-          
-          self.trigger('remove', self, data);
-          self.trigger('change', self);
-        });
-      }
-      
-      if (this.schema.confirmDelete) {
-        if (confirm(confirmMsg)) remove();
-      } else {
-        remove();
-      }
-    },
-
-    /**
-     * Opens the sub editor dialog
-     * @param {Mixed}       Data (if editing existing list item, null otherwise)
-     * @param {Function}    Save callback. receives: value
-     */
-    openEditor: function(data, callback) {
-      var self = this,
-          schema = this.schema,
-          listType = schema.listType || 'Text';
-
-      var editor = Form.helpers.createEditor(listType, {
-        key: '',
-        schema: schema,
-        value: data
-      }).render();
-      
-      var container = this.editorContainer = $(this.editorTemplate());
-      $('.bbf-list-editor', container).html(editor.el);
-      
-      var saveAndClose = function() {        
-        var errs = editor.validate();
-        if (errs) return;
-        
-        callback(editor.getValue(), editor);
-        container.dialog('close');
-      }
-      
-      var handleEnterPressed = function(event) {
-        if (event.keyCode != 13) return;
-        
-        saveAndClose();
-      }
-
-      $(container).dialog({
-        resizable:  false,
-        modal:      true,
-        width:      500,
-        title:      data ? 'Edit item' : 'New item',
-        buttons: {
-          'OK': saveAndClose, 
-          'Cancel': function() {
-            container.dialog('close');
-          }
-        },
-        close: function() {
-          self.editorContainer = null;
-          
-          $(document).unbind('keydown', handleEnterPressed);
-
-          editor.remove();
-          container.remove();
-          
-          self.trigger('item:close', self, editor);
-          self.trigger('item:blur', self, editor);
-          self.trigger('blur', self);
-        }
-      });
-      
-      this.trigger('item:open', this, editor);
-      this.trigger('item:focus', this, editor);
-      this.trigger('focus', this);
-
-      //Save and close dialog on Enter keypress
-      $(document).bind('keydown', handleEnterPressed);
-    },
-
-    getValue: function() {
-      var data = [];
-
-      $('li', this.el).each(function(index, li) {
-        data.push($.data(li, 'data'));
-      });
-
-      return data;
-    },
-    
-    setValue: function(value) {
-      this.value = value;
-      this.render();
-    },
-    
-    focus: function() {
-      if (this.hasFocus) return;
-      
-      var item = this.$('li .bbf-list-edit').first();
-      if (item.length > 0) {
-        item.click();
-      }
-      else {
-        this.addNewItem();
-      }
-    },
-    
-    blur: function() {
-      if (!this.hasFocus) return;
-      
-      if (this.editorContainer) this.editorContainer.dialog('close');
-    }
-
-  });
-
-
-  //Exports
-  _.extend(Form.editors, exports);
-  
-})();