luca 0.8.06 → 0.8.59

data/vendor/assets/javascripts/luca-ui.js

@@ -1,25 +1,26 @@
 (function() {
-
-  _.mixin(_.string);
+  var DefineProxy;
 
   window.Luca = {
-    VERSION: "0.8.06",
+    VERSION: "0.8.59",
     core: {},
     containers: {},
     components: {},
     modules: {},
-    fields: {},
     util: {},
-    registry: {
-      classes: {},
-      namespaces: ["Luca.containers", "Luca.components"]
-    },
+    fields: {},
     component_cache: {
       cid_index: {},
       name_index: {}
+    },
+    registry: {
+      classes: {},
+      namespaces: ["Luca.containers", "Luca.components"]
     }
   };
 
+  Luca.enableGlobalObserver = false;
+
   Luca.enableBootstrap = true;
 
   Luca.isBackboneModel = function(obj) {
@@ -53,28 +54,35 @@
     return Luca.component_cache.cid_index[lookup_id];
   };
 
-  Luca.util.nestedValue = function(accessor, source_object) {
+  Luca.util.resolve = function(accessor, source_object) {
     return _(accessor.split(/\./)).inject(function(obj, key) {
       return obj = obj != null ? obj[key] : void 0;
     }, source_object);
   };
 
+  Luca.util.nestedValue = Luca.util.resolve;
+
+  Luca.util.classify = function(string) {
+    if (string == null) string = "";
+    return _.string.camelize(_.string.capitalize(string));
+  };
+
   Luca.registry.lookup = function(ctype) {
-    var c, className, parents;
+    var c, className, parents, _ref;
     c = Luca.registry.classes[ctype];
     if (c != null) return c;
-    className = _.camelize(_.capitalize(ctype));
+    className = Luca.util.classify(ctype);
     parents = _(Luca.registry.namespaces).map(function(namespace) {
       return Luca.util.nestedValue(namespace, window || global);
     });
-    return _.first(_.compact(_(parents).map(function(parent) {
+    return (_ref = _(parents).chain().map(function(parent) {
       return parent[className];
-    })));
+    }).compact().value()) != null ? _ref[0] : void 0;
   };
 
   Luca.util.lazyComponent = function(config) {
     var componentClass, constructor, ctype;
-    ctype = config.ctype;
+    ctype = config.ctype || config.type;
     componentClass = Luca.registry.lookup(ctype);
     if (!componentClass) {
       throw "Invalid Component Type: " + ctype + ".  Did you forget to register it?";
@@ -86,8 +94,8 @@
   Luca.register = function(component, constructor_class) {
     var exists;
     exists = Luca.registry.classes[component];
-    if (exists != null) {
-      throw "Can not register component with the signature " + component + ". Already exists";
+    if ((exists != null) && !(window.TestRun != null)) {
+      return console.log("Attempting to register component with the signature " + component + ". Already exists");
     } else {
       return Luca.registry.classes[component] = constructor_class;
     }
@@ -115,6 +123,102 @@
     }
   };
 
+  Luca.template = function(template_name, variables) {
+    var jst, luca, needle, template, _ref;
+    window.JST || (window.JST = {});
+    luca = (_ref = Luca.templates) != null ? _ref[template_name] : void 0;
+    jst = typeof JST !== "undefined" && JST !== null ? JST[template_name] : void 0;
+    if (!((luca != null) || (jst != null))) {
+      needle = new RegExp("" + template_name + "$");
+      luca = _(Luca.templates).detect(function(fn, template_id) {
+        return needle.exec(template_id);
+      });
+      jst = _(JST).detect(function(fn, template_id) {
+        return needle.exec(template_id);
+      });
+    }
+    if (!(luca || jst)) throw "Could not find template with " + template_name;
+    template = luca || jst;
+    if (variables != null) return template(variables);
+    return template;
+  };
+
+  DefineProxy = (function() {
+
+    function DefineProxy(componentName) {
+      var parts;
+      this.namespace = window || global;
+      this.componentId = this.componentName = componentName;
+      if (componentName.match(/\./)) {
+        this.namespaced = true;
+        parts = componentName.split('.');
+        this.componentId = parts.pop();
+        this.namespace = parts.join('.');
+        Luca.registry.addNamespace(parts.join('.'));
+      }
+    }
+
+    DefineProxy.prototype["in"] = function(namespace) {
+      this.namespace = namespace;
+      return this;
+    };
+
+    DefineProxy.prototype.from = function(superClassName) {
+      this.superClassName = superClassName;
+      return this;
+    };
+
+    DefineProxy.prototype["extends"] = function(superClassName) {
+      this.superClassName = superClassName;
+      return this;
+    };
+
+    DefineProxy.prototype.extend = function(superClassName) {
+      this.superClassName = superClassName;
+      return this;
+    };
+
+    DefineProxy.prototype["with"] = function(properties) {
+      var at;
+      at = this.namespaced ? Luca.util.resolve(this.namespace, window || global) : window || global;
+      if (this.namespaced && _.isUndefined(at)) {
+        eval("window." + this.namespace + " = {}");
+        at = Luca.util.resolve(this.namespace, window || global);
+      }
+      at[this.componentId] = Luca.extend(this.superClassName, this.componentName, properties);
+      Luca.register(_.string.underscored(this.componentId), this.componentName);
+      return at[this.componentId];
+    };
+
+    return DefineProxy;
+
+  })();
+
+  Luca.define = function(componentName) {
+    return new DefineProxy(componentName);
+  };
+
+  Luca.component = Luca.define;
+
+  Luca.extend = function(superClassName, childName, properties) {
+    var superClass;
+    if (properties == null) properties = {};
+    superClass = Luca.util.resolve(superClassName, window || global);
+    if (!_.isFunction(superClass != null ? superClass.extend : void 0)) {
+      throw "" + superClassName + " is not a valid component to extend from";
+    }
+    properties._className = childName;
+    properties._superClass = function() {
+      superClass._className || (superClass._className = superClassName);
+      return superClass;
+    };
+    return superClass.extend(properties);
+  };
+
+  _.mixin({
+    component: Luca.define
+  });
+
   $((function() {
     return $('body').addClass('luca-ui-enabled');
   })());
@@ -266,6 +370,14 @@
   Luca.templates || (Luca.templates = {});
   Luca.templates["fields/button_field_link"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<a class=\'btn ', input_class ,'\'>\n  '); if(icon_class.length) { __p.push('\n  <i class=\'', icon_class ,'\'></i>\n  '); } __p.push('\n  ', input_value ,'\n</a>\n');}return __p.join('');};
 }).call(this);
+(function() {
+  Luca.templates || (Luca.templates = {});
+  Luca.templates["fields/checkbox_array"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'form-horizontal\'>\n  <div class=\'control-group\'>\n    <label for=\'', input_id ,'\'>\n      ', label ,'\n    </label>\n    <div class=\'controls\'></div>\n  </div>\n</div>\n');}return __p.join('');};
+}).call(this);
+(function() {
+  Luca.templates || (Luca.templates = {});
+  Luca.templates["fields/checkbox_array_item"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  <input id=\'', input_id ,'\' name=\'', input_name ,'\' type=\'checkbox\' value=\'', value ,'\' />\n  ', label ,'\n</label>\n');}return __p.join('');};
+}).call(this);
 (function() {
   Luca.templates || (Luca.templates = {});
   Luca.templates["fields/checkbox_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label for=\'', input_id ,'\'>\n  ', label ,'\n  <input name=\'', input_name ,'\' style=\'', inputStyles ,'\' type=\'checkbox\' value=\'', input_value ,'\' />\n</label>\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n  ', helperText ,'\n</p>\n'); } __p.push('\n');}return __p.join('');};
@@ -360,6 +472,7 @@
     });
     definition.render = function() {
       var _this = this;
+      if (this.layoutTemplate != null) this.$el.html();
       if (this.deferrable) {
         this.trigger("before:render", this);
         this.deferrable.bind(this.deferrable_event, _.once(function() {
@@ -382,10 +495,19 @@
         return this;
       }
     };
-    return Luca.View.originalExtend.apply(this, [definition]);
+    return Luca.View.originalExtend.call(this, definition);
   };
 
   _.extend(Luca.View.prototype, {
+    applyStyles: function(styles) {
+      var setting, value;
+      if (styles == null) styles = {};
+      for (setting in styles) {
+        value = styles[setting];
+        this.$el.css(setting, value);
+      }
+      return this;
+    },
     debug: function() {
       var message, _i, _len, _results;
       if (!(this.debugMode || (window.LucaDebugMode != null))) return;
@@ -397,7 +519,7 @@
       return _results;
     },
     trigger: function() {
-      if (Luca.enableGlobalObserver) {
+      if (Luca.enableGlobalObserver && this.observeEvents === true) {
         Luca.ViewObserver || (Luca.ViewObserver = new Luca.Observer({
           type: "view"
         }));
@@ -436,7 +558,7 @@
         parts = eventId.split(':');
         prefix = parts.shift();
         parts = _(parts).map(function(p) {
-          return _.capitalize(p);
+          return _.string.capitalize(p);
         });
         fn = prefix + parts.join('');
         return _this.bind(eventId, function() {
@@ -477,7 +599,7 @@
 }).call(this);
 (function() {
 
-  Luca.Model = Backbone.Model.extend({
+  _.component('Luca.Model')["extends"]('Backbone.Model')["with"]({
     initialize: function() {
       var attr, dependencies, _ref, _results,
         _this = this;
@@ -743,7 +865,7 @@
 }).call(this);
 (function() {
 
-  Luca.core.Field = Luca.View.extend({
+  _.component('Luca.core.Field')["extends"]('Luca.View')["with"]({
     className: 'luca-ui-text-field luca-ui-field',
     isField: true,
     template: 'fields/text_field',
@@ -802,7 +924,7 @@
 }).call(this);
 (function() {
 
-  Luca.core.Container = Luca.View.extend({
+  _.component('Luca.core.Container')["extends"]('Luca.View')["with"]({
     className: 'luca-ui-container',
     componentClass: 'luca-ui-panel',
     isContainer: true,
@@ -913,7 +1035,8 @@
         } catch (e) {
           console.log("Error Rendering Component " + (component.name || component.cid), component);
           console.log(e.message);
-          return console.log(e.stack);
+          console.log(e.stack);
+          if ((Luca.silenceRenderErrors != null) !== true) throw e;
         }
       });
     },
@@ -1008,8 +1131,6 @@
     }
   });
 
-  Luca.register("container", "Luca.core.Container");
-
 }).call(this);
 (function() {
   var instances;
@@ -1095,7 +1216,7 @@
 
     CollectionManager.prototype.guessCollectionClass = function(key) {
       var classified, guess;
-      classified = _(key).chain().capitalize().camelize().value();
+      classified = Luca.util.classify(key);
       guess = (this.collectionNamespace || (window || global))[classified];
       guess || (guess = (this.collectionNamespace || (window || global))["" + classified + "Collection"]);
       return guess;
@@ -1209,7 +1330,7 @@
 }).call(this);
 (function() {
 
-  Luca.containers.SplitView = Luca.core.Container.extend({
+  _.component('Luca.containers.SplitView')["extends"]('Luca.core.Container')["with"]({
     layout: '100',
     componentType: 'split_view',
     containerTemplate: 'containers/basic',
@@ -1217,12 +1338,10 @@
     componentClass: 'luca-ui-panel'
   });
 
-  Luca.register('split_view', "Luca.containers.SplitView");
-
 }).call(this);
 (function() {
 
-  Luca.containers.ColumnView = Luca.core.Container.extend({
+  _.component('Luca.containers.ColumnView')["extends"]('Luca.core.Container')["with"]({
     componentType: 'column_view',
     className: 'luca-ui-column-view',
     components: [],
@@ -1269,12 +1388,10 @@
     }
   });
 
-  Luca.register('column_view', "Luca.containers.ColumnView");
-
 }).call(this);
 (function() {
 
-  Luca.containers.CardView = Luca.core.Container.extend({
+  _.component("Luca.containers.CardView")["extends"]("Luca.core.Container")["with"]({
     componentType: 'card_view',
     className: 'luca-ui-card-view-wrapper',
     activeCard: 0,
@@ -1378,12 +1495,10 @@
     }
   });
 
-  Luca.register('card_view', "Luca.containers.CardView");
-
 }).call(this);
 (function() {
 
-  Luca.containers.ModalView = Luca.core.Container.extend({
+  _.component('Luca.containers.ModalView')["extends"]('Luca.core.Container')["with"]({
     componentType: 'modal_view',
     className: 'luca-ui-modal-view',
     components: [],
@@ -1465,12 +1580,10 @@
     }
   });
 
-  Luca.register("modal_view", "Luca.containers.ModalView");
-
 }).call(this);
 (function() {
 
-  Luca.containers.PanelView = Luca.core.Container.extend({
+  _.component('Luca.containers.PanelView')["extends"]('Luca.core.Container')["with"]({
     className: 'luca-ui-panel',
     initialize: function(options) {
       this.options = options != null ? options : {};
@@ -1503,7 +1616,7 @@
 }).call(this);
 (function() {
 
-  Luca.containers.TabView = Luca.containers.CardView.extend({
+  _.component('Luca.containers.TabView')["extends"]('Luca.containers.CardView')["with"]({
     events: {
       "click ul.nav-tabs li": "select"
     },
@@ -1520,7 +1633,7 @@
       return this.bind("after:card:switch", this.highlightSelectedTab);
     },
     activeTabSelector: function() {
-      return this.tabSelectors().eq(this.activeCard);
+      return this.tabSelectors().eq(this.activeCard || this.activeTab || this.activeItem);
     },
     prepareLayout: function() {
       var _this = this;
@@ -1583,7 +1696,7 @@
 }).call(this);
 (function() {
 
-  Luca.containers.Viewport = Luca.containers.CardView.extend({
+  _.component('Luca.containers.Viewport').extend('Luca.containers.CardView')["with"]({
     activeItem: 0,
     className: 'luca-ui-viewport',
     fullscreen: true,
@@ -1593,7 +1706,6 @@
       if (this.fullscreen) return $('html,body').addClass('luca-ui-fullscreen');
     },
     render: function() {
-      console.log("Rendering Viewport");
       return this.$el.addClass('luca-ui-viewport');
     }
   });
@@ -1606,7 +1718,8 @@
 }).call(this);
 (function() {
 
-  Luca.components.Template = Luca.View.extend({
+  _.component('Luca.components.Template')["extends"]('Luca.View')["with"]({
+    templateContainer: "Luca.templates",
     initialize: function(options) {
       this.options = options != null ? options : {};
       Luca.View.prototype.initialize.apply(this, arguments);
@@ -1617,7 +1730,6 @@
         return this.templateContainer = eval("(window || global)." + this.templateContainer);
       }
     },
-    templateContainer: "Luca.templates",
     beforeRender: function() {
       if (_.isUndefined(this.templateContainer)) this.templateContainer = JST;
       return this.$el.html(this.markup || this.templateContainer[this.template](this.options));
@@ -1627,12 +1739,10 @@
     }
   });
 
-  Luca.register("template", "Luca.components.Template");
-
 }).call(this);
 (function() {
 
-  Luca.Application = Luca.containers.Viewport.extend({
+  _.component('Luca.Application')["extends"]('Luca.containers.Viewport')["with"]({
     components: [
       {
         ctype: 'controller',
@@ -1701,7 +1811,6 @@
       return (_ref = Luca.containers.Viewport.prototype.beforeRender) != null ? _ref.apply(this, arguments) : void 0;
     },
     boot: function() {
-      console.log("Sup?");
       return this.trigger("ready");
     },
     collection: function() {
@@ -1724,7 +1833,7 @@
 }).call(this);
 (function() {
 
-  Luca.components.Toolbar = Luca.core.Container.extend({
+  _.component('Luca.components.Toolbar')["extends"]('Luca.core.Container')["with"]({
     className: 'luca-ui-toolbar',
     position: 'bottom',
     initialize: function(options) {
@@ -1742,12 +1851,17 @@
     }
   });
 
-  Luca.register("toolbar", "Luca.components.Toolbar");
+}).call(this);
+(function() {
+
+  _.component('Luca.components.CollectionInspector')["extends"]('Luca.View')["with"]({
+    name: "collection_inspector"
+  });
 
 }).call(this);
 (function() {
 
-  Luca.components.CollectionLoaderView = Luca.components.Template.extend({
+  _.component('Luca.components.CollectionLoaderView')["extends"]('Luca.components.Template')["with"]({
     className: 'luca-ui-collection-loader-view',
     template: "components/collection_loader_view",
     initialize: function(options) {
@@ -1763,12 +1877,13 @@
     setupBindings: function() {
       var _this = this;
       this.manager.bind("collection_loaded", function(name) {
-        var loaded, progress, total;
+        var collectionName, loaded, progress, total;
         loaded = _this.manager.loadedCollectionsCount();
         total = _this.manager.totalCollectionsCount();
         progress = parseInt((loaded / total) * 100);
+        collectionName = _.string.titleize(_.string.humanize(name));
         _this.modalContainer().find('.progress .bar').attr("style", "width: " + progress + "%;");
-        return _this.modalContainer().find('.message').html("Loaded " + (_(name).chain().humanize().titleize().value()) + "...");
+        return _this.modalContainer().find('.message').html("Loaded " + collectionName + "...");
       });
       return this.manager.bind("all_collections_loaded", function() {
         _this.modalContainer().find('.message').html("All done!");
@@ -1779,12 +1894,10 @@
     }
   });
 
-  Luca.register("collection_loader_view", "Luca.components.CollectionLoaderView");
-
 }).call(this);
 (function() {
 
-  Luca.components.Controller = Luca.containers.CardView.extend({
+  _.component('Luca.components.Controller')["extends"]('Luca.containers.CardView')["with"]({
     initialize: function(options) {
       var _ref;
       this.options = options;
@@ -1822,7 +1935,7 @@
 }).call(this);
 (function() {
 
-  Luca.components.DevelopmentConsole = Luca.View.extend({
+  _.component('Luca.components.DevelopmentConsole')["extends"]('Luca.View')["with"]({
     name: "development_console",
     className: 'luca-ui-development-console',
     initialize: function(options) {
@@ -1857,10 +1970,10 @@
         },
         returnValue: function(val) {
           if (val == null) return "undefined";
-          return val != null ? val.toString() : void 0;
+          return (val != null ? val.toString() : void 0) || "";
         },
         parseLine: function(line) {
-          _(line).strip();
+          line = _.string.strip(line);
           line = line.replace(/^return/, ' ');
           return "return " + line;
         },
@@ -1885,8 +1998,7 @@
 }).call(this);
 (function() {
 
-  Luca.fields.ButtonField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.ButtonField')["extends"]('Luca.core.Field')["with"]({
     readOnly: true,
     events: {
       "click input": "click_handler"
@@ -1926,13 +2038,93 @@
     }
   });
 
-  Luca.register("button_field", "Luca.fields.ButtonField");
+}).call(this);
+(function() {
+
+  _.component('Luca.fields.CheckboxArray')["extends"]('Luca.core.Field')["with"]({
+    template: "fields/checkbox_array",
+    events: {
+      "click input": "clickHandler"
+    },
+    initialize: function(options) {
+      this.options = options != null ? options : {};
+      _.extend(this, this.options);
+      _.extend(this, Luca.modules.Deferrable);
+      _.bindAll(this, "populateCheckboxes", "clickHandler", "_updateModel");
+      Luca.core.Field.prototype.initialize.apply(this, arguments);
+      this.input_id || (this.input_id = _.uniqueId('field'));
+      this.input_name || (this.input_name = this.name);
+      this.label || (this.label = this.name);
+      this.valueField || (this.valueField = "id");
+      this.displayField || (this.displayField = "name");
+      return this.selectedItems = [];
+    },
+    afterInitialize: function(options) {
+      this.options = options != null ? options : {};
+      try {
+        this.configure_collection();
+      } catch (e) {
+        console.log("Error Configuring Collection", this, e.message);
+      }
+      return this.collection.bind("reset", this.populateCheckboxes);
+    },
+    afterRender: function() {
+      var _ref, _ref2;
+      if (((_ref = this.collection) != null ? (_ref2 = _ref.models) != null ? _ref2.length : void 0 : void 0) > 0) {
+        return this.populateCheckboxes();
+      } else {
+        return this.collection.trigger("reset");
+      }
+    },
+    clickHandler: function(event) {
+      var checkbox;
+      checkbox = event.target;
+      if (checkbox.checked) {
+        this.selectedItems.push(checkbox.value);
+      } else {
+        if (this.selectedItems.indexOf(checkbox.value) !== -1) {
+          this.selectedItems = _.without(this.selectedItems, [checkbox.value]);
+        }
+      }
+      return this._updateModel();
+    },
+    populateCheckboxes: function() {
+      var controls,
+        _this = this;
+      controls = $(this.el).find('.controls');
+      controls.empty();
+      if (!_.isUndefined(this.getModel())) {
+        this.selectedItems = this.getModel().get(this.name);
+      }
+      this.collection.each(function(model) {
+        var input_id, label, value;
+        value = model.get(_this.valueField);
+        label = model.get(_this.displayField);
+        input_id = _.uniqueId('field');
+        controls.append(Luca.templates["fields/checkbox_array_item"]({
+          label: label,
+          value: value,
+          input_id: input_id,
+          input_name: _this.input_name
+        }));
+        if (_this.selectedItems.indexOf(value) !== -1) {
+          return _this.$("#" + input_id).attr("checked", "checked");
+        }
+      });
+      return $(this.container).append(this.$el);
+    },
+    _updateModel: function() {
+      var attributes;
+      attributes = {};
+      attributes[this.name] = this.selectedItems;
+      return this.getModel().set(attributes);
+    }
+  });
 
 }).call(this);
 (function() {
 
-  Luca.fields.CheckboxField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.CheckboxField')["extends"]('Luca.core.Field')["with"]({
     events: {
       "change input": "change_handler"
     },
@@ -1969,13 +2161,10 @@
     }
   });
 
-  Luca.register("checkbox_field", "Luca.fields.CheckboxField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.FileUploadField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.FileUploadField')["extends"]('Luca.core.Field')["with"]({
     template: 'fields/file_upload_field',
     initialize: function(options) {
       this.options = options != null ? options : {};
@@ -1989,13 +2178,10 @@
     }
   });
 
-  Luca.register("file_upload_field", "Luca.fields.FileUploadField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.HiddenField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.HiddenField')["extends"]('Luca.core.Field')["with"]({
     template: 'fields/hidden_field',
     initialize: function(options) {
       this.options = options != null ? options : {};
@@ -2009,13 +2195,10 @@
     }
   });
 
-  Luca.register("hidden_field", "Luca.fields.HiddenField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.SelectField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.SelectField')["extends"]('Luca.core.Field')["with"]({
     events: {
       "change select": "change_handler"
     },
@@ -2106,13 +2289,10 @@
     }
   });
 
-  Luca.register("select_field", "Luca.fields.SelectField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.TextAreaField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.TextAreaField')["extends"]('Luca.core.Field')["with"]({
     events: {
       "keydown input": "keydown_handler",
       "blur input": "blur_handler",
@@ -2154,13 +2334,10 @@
     }
   });
 
-  Luca.register("text_area_field", "Luca.fields.TextAreaField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.TextField = Luca.core.Field.extend({
-    form_field: true,
+  _.component('Luca.fields.TextField')["extends"]('Luca.core.Field')["with"]({
     events: {
       "keydown input": "keydown_handler",
       "blur input": "blur_handler",
@@ -2201,13 +2378,10 @@
     }
   });
 
-  Luca.register("text_field", "Luca.fields.TextField");
-
 }).call(this);
 (function() {
 
-  Luca.fields.TypeAheadField = Luca.fields.TextField.extend({
-    form_field: true,
+  _.component('Luca.fields.TypeAheadField')["extends"]('Luca.fields.TextField')["with"]({
     className: 'luca-ui-field',
     afterInitialize: function() {
       this.input_id || (this.input_id = _.uniqueId('field'));
@@ -2219,7 +2393,7 @@
 }).call(this);
 (function() {
 
-  Luca.components.FormButtonToolbar = Luca.components.Toolbar.extend({
+  _.component('Luca.components.FormButtonToolbar')["extends"]('Luca.components.Toolbar')["with"]({
     className: 'luca-ui-form-toolbar form-actions',
     position: 'bottom',
     includeReset: false,
@@ -2246,12 +2420,10 @@
     }
   });
 
-  Luca.register("form_button_toolbar", "Luca.components.FormButtonToolbar");
-
 }).call(this);
 (function() {
 
-  Luca.components.FormView = Luca.core.Container.extend({
+  _.component("Luca.components.FormView")["extends"]('Luca.core.Container')["with"]({
     tagName: 'form',
     className: 'luca-ui-form-view',
     hooks: ["before:submit", "before:reset", "before:load", "before:load:new", "before:load:existing", "after:submit", "after:reset", "after:load", "after:load:new", "after:load:existing", "after:submit:success", "after:submit:fatal_error", "after:submit:error"],
@@ -2335,8 +2507,24 @@
         return component.container = container;
       });
     },
+    afterComponents: function() {
+      var _ref,
+        _this = this;
+      if ((_ref = Luca.core.Container.prototype.afterComponents) != null) {
+        _ref.apply(this, arguments);
+      }
+      return this.eachField(function(field) {
+        field.getForm = function() {
+          return _this;
+        };
+        return field.getModel = function() {
+          return _this.currentModel();
+        };
+      });
+    },
     render: function() {
-      return $(this.container).append(this.$el);
+      $(this.container).append(this.$el);
+      return this;
     },
     wrapper: function() {
       return this.$el.parents('.luca-ui-form-view-wrapper');
@@ -2353,6 +2541,9 @@
         return toolbar.render();
       });
     },
+    eachField: function(iterator) {
+      return _(this.getFields()).map(iterator);
+    },
     getField: function(name) {
       return _(this.getFields('name', name)).first();
     },
@@ -2390,7 +2581,7 @@
       }
     },
     reset: function() {
-      return this.loadModel(this.current_model);
+      if (this.current_model != null) return this.loadModel(this.current_model);
     },
     clear: function() {
       var _this = this;
@@ -2423,7 +2614,7 @@
       if ((options.silent != null) !== true) return this.syncFormWithModel();
     },
     getValues: function(options) {
-      options || (options = {});
+      if (options == null) options = {};
       if (options.reject_blank == null) options.reject_blank = true;
       if (options.skip_buttons == null) options.skip_buttons = true;
       return _(this.getFields()).inject(function(memo, field) {
@@ -2432,8 +2623,10 @@
         key = field.input_name || field.name;
         skip = false;
         if (options.skip_buttons && field.ctype === "button_field") skip = true;
-        if (options.reject_blank === true && _.isBlank(value)) skip = true;
-        if (field.input_name === "id" && _.isBlank(value)) skip = true;
+        if (_.string.isBlank(value)) {
+          if (options.reject_blank && !field.send_blanks) skip = true;
+          if (field.input_name === "id") skip = true;
+        }
         if (skip !== true) memo[key] = value;
         return memo;
       }, {});
@@ -2477,56 +2670,75 @@
     }
   });
 
-  Luca.register('form_view', 'Luca.components.FormView');
-
 }).call(this);
 (function() {
 
-  Luca.components.GridView = Luca.View.extend({
+  _.component('Luca.components.GridView').extend('Luca.View')["with"]({
     autoBindEventHandlers: true,
     events: {
-      "dblclick .luca-ui-g-row": "double_click_handler",
-      "click .luca-ui-g-row": "click_handler"
+      "dblclick table tbody tr": "double_click_handler",
+      "click table tbody tr": "click_handler"
     },
     className: 'luca-ui-g-view',
+    rowClass: "luca-ui-g-row",
+    wrapperClass: "luca-ui-g-view-wrapper",
+    additionalWrapperClasses: [],
+    wrapperStyles: {},
     scrollable: true,
     emptyText: 'No Results To display.',
     tableStyle: 'striped',
+    defaultHeight: 285,
+    defaultWidth: 756,
+    maxWidth: void 0,
     hooks: ["before:grid:render", "before:render:header", "before:render:row", "after:grid:render", "row:double:click", "row:click", "after:collection:load"],
-    rowClass: "luca-ui-g-row",
     initialize: function(options) {
       var _this = this;
       this.options = options != null ? options : {};
       _.extend(this, this.options);
       _.extend(this, Luca.modules.Deferrable);
       Luca.View.prototype.initialize.apply(this, arguments);
-      _.bindAll(this, "double_click_handler", "click_handler");
       this.configure_collection();
-      return this.collection.bind("reset", function(collection) {
+      this.collection.bind("reset", function(collection) {
         _this.refresh();
         return _this.trigger("after:collection:load", collection);
       });
+      return this.collection.bind("change", function(model) {
+        var cells, rowEl;
+        rowEl = _this.getRowEl(model.id || model.get('id') || model.cid);
+        cells = _this.render_row(model, _this.indexOf(model), {
+          cellsOnly: true
+        });
+        return $(rowEl).html(cells);
+      });
     },
     beforeRender: function() {
-      var _ref,
-        _this = this;
       this.trigger("before:grid:render", this);
-      if (this.scrollable) this.$el.addClass('scrollable-g-view');
       this.$el.html(Luca.templates["components/grid_view"]());
-      this.table = $('table.luca-ui-g-view', this.el);
-      this.header = $("thead", this.table);
-      this.body = $("tbody", this.table);
-      this.footer = $("tfoot", this.table);
-      if (Luca.enableBootstrap) this.table.addClass('table');
-      _((_ref = this.tableStyle) != null ? _ref.split(" ") : void 0).each(function(style) {
-        return _this.table.addClass("table-" + style);
-      });
+      this.table = this.$('table.luca-ui-g-view');
+      this.header = this.$("thead");
+      this.body = this.$("tbody");
+      this.footer = this.$("tfoot");
+      this.wrapper = this.$("." + this.wrapperClass);
+      this.applyCssClasses();
       if (this.scrollable) this.setDimensions();
       this.renderHeader();
       this.emptyMessage();
       this.renderToolbars();
       return $(this.container).append(this.$el);
     },
+    applyCssClasses: function() {
+      var _ref,
+        _this = this;
+      if (this.scrollable) this.$el.addClass('scrollable-g-view');
+      _(this.additionalWrapperClasses).each(function(containerClass) {
+        var _ref;
+        return (_ref = _this.wrapper) != null ? _ref.addClass(containerClass) : void 0;
+      });
+      if (Luca.enableBootstrap) this.table.addClass('table');
+      return _((_ref = this.tableStyle) != null ? _ref.split(" ") : void 0).each(function(style) {
+        return _this.table.addClass("table-" + style);
+      });
+    },
     toolbarContainers: function(position) {
       if (position == null) position = "bottom";
       return $(".toolbar-container." + position, this.el);
@@ -2539,20 +2751,18 @@
         return toolbar.render();
       });
     },
-    defaultWidth: 756,
-    defaultHeight: 285,
     setDimensions: function(offset) {
       var _this = this;
       this.height || (this.height = this.defaultHeight);
-      $('.luca-ui-g-view-body', this.el).height(this.height);
-      $('tbody.scrollable', this.el).height(this.height - 23);
+      this.$('.luca-ui-g-view-body').height(this.height);
+      this.$('tbody.scrollable').height(this.height - 23);
       this.container_width = (function() {
         return $(_this.container).width();
       })();
-      this.width = this.container_width > 0 ? this.container_width : this.defaultWidth;
+      this.width || (this.width = this.container_width > 0 ? this.container_width : this.defaultWidth);
       this.width = _([this.width, this.maxWidth || this.width]).max();
-      $('.luca-ui-g-view-body', this.el).width(this.width);
-      $('.luca-ui-g-view-body table', this.el).width(this.width);
+      this.$('.luca-ui-g-view-body').width(this.width);
+      this.$('.luca-ui-g-view-body table').width(this.width);
       return this.setDefaultColumnWidths();
     },
     resize: function(newWidth) {
@@ -2560,8 +2770,8 @@
         _this = this;
       difference = newWidth - this.width;
       this.width = newWidth;
-      $('.luca-ui-g-view-body', this.el).width(this.width);
-      $('.luca-ui-g-view-body table', this.el).width(this.width);
+      this.$('.luca-ui-g-view-body').width(this.width);
+      this.$('.luca-ui-g-view-body table').width(this.width);
       if (this.columns.length > 0) {
         distribution = difference / this.columns.length;
         return _(this.columns).each(function(col, index) {
@@ -2641,9 +2851,10 @@
     getRowEl: function(id) {
       return this.$("[data-record-id=" + id + "]", 'table');
     },
-    render_row: function(row, row_index) {
-      var altClass, cells, model_id, rowClass, _ref,
+    render_row: function(row, row_index, options) {
+      var altClass, cells, content, model_id, rowClass, _ref,
         _this = this;
+      if (options == null) options = {};
       rowClass = this.rowClass;
       model_id = (row != null ? row.get : void 0) && (row != null ? row.attributes : void 0) ? row.get('id') : '';
       this.trigger("before:render:row", row, row_index);
@@ -2654,11 +2865,14 @@
         display = _.isUndefined(value) ? "" : value;
         return "<td style='" + style + "' class='column-" + col_index + "'>" + display + "</td>";
       });
+      if (options.cellsOnly) return cells;
       altClass = '';
       if (this.alternateRowClasses) {
         altClass = row_index % 2 === 0 ? "even" : "odd";
       }
-      return (_ref = this.body) != null ? _ref.append("<tr data-record-id='" + model_id + "' data-row-index='" + row_index + "' class='" + rowClass + " " + altClass + "' id='row-" + row_index + "'>" + cells + "</tr>") : void 0;
+      content = "<tr data-record-id='" + model_id + "' data-row-index='" + row_index + "' class='" + rowClass + " " + altClass + "' id='row-" + row_index + "'>" + cells + "</tr>";
+      if (options.contentOnly === true) return content;
+      return (_ref = this.body) != null ? _ref.append(content) : void 0;
     },
     cell_renderer: function(row, column, columnIndex) {
       var source;
@@ -2689,12 +2903,10 @@
     }
   });
 
-  Luca.register("grid_view", "Luca.components.GridView");
-
 }).call(this);
 (function() {
 
-  Luca.components.RecordManager = Luca.containers.CardView.extend({
+  _.component('Luca.components.RecordManager').extend('Luca.containers.CardView')["with"]({
     events: {
       "click .record-manager-grid .edit-link": "edit_handler",
       "click .record-manager-filter .filter-button": "filter_handler",