luca 0.9.2 → 0.9.4

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

@@ -25,7 +25,8 @@
     modules: {},
     util: {},
     fields: {},
-    registry: {}
+    registry: {},
+    options: {}
   });
 
   _.extend(Luca, Backbone.Events);
@@ -71,26 +72,32 @@
   };
 
   Luca.isBackboneModel = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return _.isFunction(obj != null ? obj.set : void 0) && _.isFunction(obj != null ? obj.get : void 0) && _.isObject(obj != null ? obj.attributes : void 0);
   };
 
   Luca.isBackboneView = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return _.isFunction(obj != null ? obj.render : void 0) && !_.isUndefined(obj != null ? obj.el : void 0);
   };
 
   Luca.isBackboneCollection = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return _.isFunction(obj != null ? obj.fetch : void 0) && _.isFunction(obj != null ? obj.reset : void 0);
   };
 
   Luca.isViewPrototype = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return (obj != null) && (obj.prototype != null) && (obj.prototype.make != null) && (obj.prototype.$ != null) && (obj.prototype.render != null);
   };
 
   Luca.isModelPrototype = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return (obj != null) && (typeof obj.prototype === "function" ? obj.prototype((obj.prototype.save != null) && (obj.prototype.changedAttributes != null)) : void 0);
   };
 
   Luca.isCollectionPrototype = function(obj) {
+    if (_.isString(obj)) obj = Luca.util.resolve(obj);
     return (obj != null) && (obj.prototype != null) && !Luca.isModelPrototype(obj) && (obj.prototype.reset != null) && (obj.prototype.select != null) && (obj.prototype.reject != null);
   };
 
@@ -219,6 +226,64 @@
 
   _.mixin(UnderscoreExtensions);
 
+}).call(this);
+(function() {
+  var DeferredBindingProxy;
+
+  DeferredBindingProxy = (function() {
+
+    function DeferredBindingProxy(object, operation, wrapWithUnderscore) {
+      var fn,
+        _this = this;
+      this.object = object;
+      if (wrapWithUnderscore == null) wrapWithUnderscore = true;
+      if (_.isFunction(operation)) {
+        fn = operation;
+      } else if (_.isString(operation) && _.isFunction(this.object[operation])) {
+        fn = this.object[operation];
+      }
+      if (!_.isFunction(fn)) {
+        throw "Must pass a function or a string representing one";
+      }
+      if (wrapWithUnderscore === true) {
+        this.fn = function() {
+          return _.defer(fn);
+        };
+      } else {
+        this.fn = fn;
+      }
+      this;
+    }
+
+    DeferredBindingProxy.prototype.until = function(watch, trigger) {
+      if ((watch != null) && !(trigger != null)) {
+        trigger = watch;
+        watch = this.object;
+      }
+      watch.once(trigger, this.fn);
+      return this.object;
+    };
+
+    return DeferredBindingProxy;
+
+  })();
+
+  Luca.Events = {
+    defer: function(operation, wrapWithUnderscore) {
+      if (wrapWithUnderscore == null) wrapWithUnderscore = true;
+      return new DeferredBindingProxy(this, operation, wrapWithUnderscore);
+    },
+    once: function(trigger, callback, context) {
+      var onceFn;
+      context || (context = this);
+      onceFn = function() {
+        callback.apply(context, arguments);
+        return this.unbind(trigger, onceFn);
+      };
+      return this.bind(trigger, onceFn);
+    }
+  };
+
 }).call(this);
 (function() {
   var currentNamespace;
@@ -330,7 +395,7 @@
 
 }).call(this);
 (function() {
-  var DeferredBindingProxy, DefineProxy;
+  var DefineProxy;
 
   Luca.define = function(componentName) {
     return new DefineProxy(componentName);
@@ -379,7 +444,7 @@
     };
 
     DefineProxy.prototype["with"] = function(properties) {
-      var at, componentType;
+      var at, componentType, _base;
       at = this.namespaced ? Luca.util.resolve(this.namespace, window || global) : window || global;
       if (this.namespaced && !(at != null)) {
         eval("(window||global)." + this.namespace + " = {}");
@@ -389,6 +454,8 @@
       if (Luca.autoRegister === true) {
         if (Luca.isViewPrototype(at[this.componentId])) componentType = "view";
         if (Luca.isCollectionPrototype(at[this.componentId])) {
+          (_base = Luca.Collection).namespaces || (_base.namespaces = []);
+          Luca.Collection.namespaces.push(this.namespace);
           componentType = "collection";
         }
         if (Luca.isModelPrototype(at[this.componentId])) componentType = "model";
@@ -424,107 +491,6 @@
     def: Luca.define
   });
 
-  DeferredBindingProxy = (function() {
-
-    function DeferredBindingProxy(object, operation, wrapWithUnderscore) {
-      var fn,
-        _this = this;
-      this.object = object;
-      if (wrapWithUnderscore == null) wrapWithUnderscore = true;
-      if (_.isFunction(operation)) {
-        fn = operation;
-      } else if (_.isString(operation) && _.isFunction(this.object[operation])) {
-        fn = this.object[operation];
-      }
-      if (!_.isFunction(fn)) {
-        throw "Must pass a function or a string representing one";
-      }
-      if (wrapWithUnderscore === true) {
-        this.fn = function() {
-          return _.defer(fn);
-        };
-      } else {
-        this.fn = fn;
-      }
-      this;
-    }
-
-    DeferredBindingProxy.prototype.until = function(watch, trigger) {
-      if ((watch != null) && !(trigger != null)) {
-        trigger = watch;
-        watch = this.object;
-      }
-      watch.once(trigger, this.fn);
-      return this.object;
-    };
-
-    return DeferredBindingProxy;
-
-  })();
-
-  Luca.Events = {
-    defer: function(operation, wrapWithUnderscore) {
-      if (wrapWithUnderscore == null) wrapWithUnderscore = true;
-      return new DeferredBindingProxy(this, operation, wrapWithUnderscore);
-    },
-    once: function(trigger, callback, context) {
-      var onceFn;
-      context || (context = this);
-      onceFn = function() {
-        callback.apply(context, arguments);
-        return this.unbind(trigger, onceFn);
-      };
-      return this.bind(trigger, onceFn);
-    }
-  };
-
-  Luca.ScriptLoader = (function() {
-
-    ScriptLoader.loaded = {};
-
-    function ScriptLoader(options) {
-      var ready;
-      if (options == null) options = {};
-      _.extend(this, Backbone.Events, Luca.Events);
-      this.autoStart = options.autoStart === true;
-      this.scripts = options.scripts;
-      ready = function() {
-        return this.trigger("ready");
-      };
-      this.ready = _.after(this.scripts.length, ready);
-      _.bindAll(this, "load", "ready");
-      this.defer("load").until(this, "start");
-      if (this.autoStart === true) this.trigger("start");
-      this.bind("ready", this.onReady);
-    }
-
-    ScriptLoader.prototype.applyPrefix = function(script) {
-      return script;
-    };
-
-    ScriptLoader.prototype.onReady = function() {
-      return console.log("All dependencies loaded");
-    };
-
-    ScriptLoader.prototype.start = function() {
-      return this.trigger("start");
-    };
-
-    ScriptLoader.prototype.load = function() {
-      var script, _i, _len, _ref, _results;
-      _ref = this.scripts;
-      _results = [];
-      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-        script = _ref[_i];
-        _results.push(Luca.util.loadScript(this.applyPrefix(script), this.ready));
-      }
-      return _results;
-    };
-
-    return ScriptLoader;
-
-  })();
-
 }).call(this);
 (function() {
   var component_cache, registry;
@@ -608,7 +574,7 @@
 
   Luca.registry.classes = function(toString) {
     if (toString == null) toString = false;
-    return _(registry.classes).map(function(className, ctype) {
+    return _(_.extend({}, registry.classes, registry.model_classes, registry.collection_classes)).map(function(className, ctype) {
       if (toString) {
         return className;
       } else {
@@ -641,7 +607,9 @@
   var customizeRender, originalExtend;
 
   _.def("Luca.View")["extends"]("Backbone.View")["with"]({
+    include: ['Luca.Events'],
     additionalClassNames: [],
+    hooks: ["after:initialize", "before:render", "after:render", "first:activation", "activation", "deactivation"],
     debug: function() {
       var message, _i, _len, _results;
       if (!(this.debugMode || (window.LucaDebugMode != null))) return;
@@ -663,7 +631,6 @@
       }
       return Backbone.View.prototype.trigger.apply(this, arguments);
     },
-    hooks: ["after:initialize", "before:render", "after:render", "first:activation", "activation", "deactivation"],
     initialize: function(options) {
       var additional, template, unique, _i, _len, _ref;
       this.options = options != null ? options : {};
@@ -687,6 +654,7 @@
           this.$el.addClass(additional);
         }
       }
+      if (this.wrapperClass != null) this.$wrap(this.wrapperClass);
       this.trigger("after:initialize", this);
       this.registerCollectionEvents();
       return this.delegateEvents();
@@ -859,29 +827,35 @@
 
 }).call(this);
 (function() {
+  var setupComputedProperties;
+
+  setupComputedProperties = function() {
+    var attr, dependencies, _ref, _results,
+      _this = this;
+    if (_.isUndefined(this.computed)) return;
+    this._computed = {};
+    _ref = this.computed;
+    _results = [];
+    for (attr in _ref) {
+      dependencies = _ref[attr];
+      this.on("change:" + attr, function() {
+        return _this._computed[attr] = _this[attr].call(_this);
+      });
+      _results.push(_(dependencies).each(function(dep) {
+        _this.on("change:" + dep, function() {
+          return _this.trigger("change:" + attr);
+        });
+        if (_this.has(dep)) return _this.trigger("change:" + attr);
+      }));
+    }
+    return _results;
+  };
 
   _.def('Luca.Model')["extends"]('Backbone.Model')["with"]({
+    include: ['Luca.Events'],
     initialize: function() {
-      var attr, dependencies, _ref, _results,
-        _this = this;
       Backbone.Model.prototype.initialize(this, arguments);
-      if (_.isUndefined(this.computed)) return;
-      this._computed = {};
-      _ref = this.computed;
-      _results = [];
-      for (attr in _ref) {
-        dependencies = _ref[attr];
-        this.on("change:" + attr, function() {
-          return _this._computed[attr] = _this[attr].call(_this);
-        });
-        _results.push(_(dependencies).each(function(dep) {
-          _this.on("change:" + dep, function() {
-            return _this.trigger("change:" + attr);
-          });
-          if (_this.has(dep)) return _this.trigger("change:" + attr);
-        }));
-      }
-      return _results;
+      return setupComputedProperties.call(this);
     },
     get: function(attr) {
       var _ref;
@@ -902,6 +876,7 @@
   if (Backbone.QueryCollection != null) source = 'Backbone.QueryCollection';
 
   _.def("Luca.Collection")["extends"](source)["with"]({
+    include: ['Luca.Events'],
     cachedMethods: [],
     remoteFilter: false,
     initialize: function(models, options) {
@@ -1839,6 +1814,12 @@
         }
       });
     },
+    pluck: function(attribute) {
+      return _(this.components).pluck(attribute);
+    },
+    invoke: function(method) {
+      return _(this.components).invoke(method);
+    },
     select: function(attribute, value, deep) {
       var components;
       if (deep == null) deep = false;
@@ -1847,8 +1828,8 @@
         matches = [];
         test = component[attribute];
         if (test === value) matches.push(component);
-        if (deep === true && component.isContainer === true) {
-          matches.push(component.select(attribute, value, true));
+        if (deep === true) {
+          matches.push(typeof component.select === "function" ? component.select(attribute, value, true) : void 0);
         }
         return _.compact(matches);
       });
@@ -2025,10 +2006,17 @@
     };
 
     CollectionManager.prototype.guessCollectionClass = function(key) {
-      var classified, guess;
+      var classified, guess, guesses, _ref;
       classified = Luca.util.classify(key);
       guess = (this.collectionNamespace || (window || global))[classified];
       guess || (guess = (this.collectionNamespace || (window || global))["" + classified + "Collection"]);
+      if (!(guess != null) && ((_ref = Luca.Collection.namespaces) != null ? _ref.length : void 0) > 0) {
+        guesses = _(Luca.Collection.namespaces.reverse()).map(function(namespace) {
+          return Luca.util.resolve("" + namespace + "." + classified) || Luca.util.resolve("" + namespace + "." + classified + "Collection");
+        });
+        guesses = _(guesses).compact();
+        if (guesses.length > 0) guess = guesses[0];
+      }
       return guess;
     };
 
@@ -2235,7 +2223,8 @@
       return this.activeComponent().trigger("first:activation", this, this.activeComponent());
     },
     activate: function(index, silent, callback) {
-      var current, previous, _ref, _ref2, _ref3, _ref4;
+      var current, previous, _ref, _ref2, _ref3, _ref4,
+        _this = this;
       if (silent == null) silent = false;
       if (_.isFunction(silent)) {
         silent = false;
@@ -2261,6 +2250,9 @@
             _ref2.apply(previous, ["before:activation", this, previous, current]);
           }
         }
+        _.defer(function() {
+          return _this.$el.data(_this.activeAttribute || "active-card", current.name);
+        });
       }
       this.componentElements().hide();
       if (!current.previously_activated) {
@@ -2442,9 +2434,6 @@
       return _(elements).each(function(element) {
         return _this.$el.append(element);
       });
-    },
-    afterRender: function() {
-      return this._super("afterRender", this, arguments);
     }
   });
 
@@ -2577,7 +2566,7 @@
 
   _.def('Luca.containers.Viewport').extend('Luca.containers.CardView')["with"]({
     activeItem: 0,
-    className: 'luca-ui-viewport',
+    additionalClassNames: 'luca-ui-viewport',
     fullscreen: true,
     fluid: false,
     wrapperClass: 'row',
@@ -2585,8 +2574,9 @@
       this.options = options != null ? options : {};
       _.extend(this, this.options);
       if (Luca.enableBootstrap === true) {
-        if (this.fluid === true) this.wrapperClass = "row-fluid";
-        this.$wrap(this.wrapperClass);
+        if (this.fluid === true) {
+          this.wrapperClass = "row-fluid fluid-viewport-wrapper";
+        }
       }
       Luca.core.Container.prototype.initialize.apply(this, arguments);
       if (this.fullscreen) return $('html,body').addClass('luca-ui-fullscreen');
@@ -2604,8 +2594,8 @@
       if ((_ref = Luca.containers.CardView.prototype.after) != null) {
         _ref.apply(this, arguments);
       }
-      if (Luca.enableBootstrap === true) {
-        return this.$el.children().wrap('<div class="container" />');
+      if (Luca.enableBootstrap === true && this.containerClassName) {
+        return this.$el.children().wrap('<div class="#{ containerClassName }" />');
       }
     },
     renderTopNavigation: function() {
@@ -2631,6 +2621,11 @@
 
 
 
+}).call(this);
+(function() {
+
+
+
 }).call(this);
 (function() {
 
@@ -2644,13 +2639,24 @@
 
 }).call(this);
 (function() {
+  var startHistory;
+
+  startHistory = function() {
+    return Backbone.history.start();
+  };
 
   _.def('Luca.Application')["extends"]('Luca.containers.Viewport')["with"]({
-    autoStartHistory: true,
+    name: "MyApp",
+    defaultState: {},
+    autoBoot: false,
+    autoStartHistory: "before:render",
     useCollectionManager: true,
+    collectionManager: {},
     collectionManagerClass: "Luca.CollectionManager",
     plugin: false,
     useController: true,
+    useKeyHandler: false,
+    keyEvents: {},
     components: [
       {
         ctype: 'template',
@@ -2660,37 +2666,41 @@
       }
     ],
     initialize: function(options) {
-      var definedComponents, _base,
+      var alreadyRunning, app, appName, _base,
         _this = this;
       this.options = options != null ? options : {};
+      app = this;
+      appName = this.name;
+      alreadyRunning = typeof Luca.getApplication === "function" ? Luca.getApplication() : void 0;
+      (_base = Luca.Application).instances || (_base.instances = {});
+      Luca.Application.instances[appName] = app;
       Luca.containers.Viewport.prototype.initialize.apply(this, arguments);
-      if (this.useController === true) definedComponents = this.components || [];
-      this.components = [
-        {
-          ctype: 'controller',
-          name: "main_controller",
-          components: definedComponents
-        }
-      ];
-      if (this.useCollectionManager === true) {
-        if (_.isString(this.collectionManagerClass)) {
-          this.collectionManagerClass = Luca.util.resolve(this.collectionManagerClass);
-        }
-        this.collectionManager || (this.collectionManager = typeof (_base = Luca.CollectionManager).get === "function" ? _base.get() : void 0);
-        this.collectionManager || (this.collectionManager = new this.collectionManagerClass(this.collectionManagerOptions || (this.collectionManagerOptions = {})));
-      }
       this.state = new Luca.Model(this.defaultState);
+      this.setupMainController();
+      this.setupCollectionManager();
       this.defer(function() {
-        return _this.render();
-      }).until("ready");
-      if (this.useKeyRouter === true && (this.keyEvents != null)) {
-        this.setupKeyRouter();
-      }
-      if (this.plugin !== true) {
-        return Luca.getApplication = function() {
-          return _this;
+        return app.render();
+      }).until(this, "ready");
+      this.setupRouter();
+      console.log("The useKeyRouter property is being deprecated. switch to useKeyHandler instead");
+      if ((this.useKeyHandler === true || this.useKeyRouter === true) && (this.keyEvents != null)) {
+        this.setupKeyHandler();
+      }
+      if (!(this.plugin === true || alreadyRunning)) {
+        Luca.getApplication = function(name) {
+          if (name == null) return app;
+          return Luca.Application.instances[name];
         };
       }
+      if (this.autoBoot) {
+        if (Luca.util.resolve(this.name)) {
+          throw "Attempting to override window." + this.name + " when it already exists";
+        }
+        return $(function() {
+          window[appName] = app;
+          return app.boot();
+        });
+      }
     },
     activeView: function() {
       var active;
@@ -2700,50 +2710,17 @@
         return this.view(this.activeSection());
       }
     },
-    activeSubSection: function() {
-      return this.get("active_sub_section");
-    },
     activeSection: function() {
       return this.get("active_section");
     },
-    beforeRender: function() {
-      var routerStartEvent, _ref;
-      if ((_ref = Luca.containers.Viewport.prototype.beforeRender) != null) {
-        _ref.apply(this, arguments);
-      }
-      if ((this.router != null) && this.autoStartHistory === true) {
-        routerStartEvent = this.startRouterOn || "after:render";
-        if (routerStartEvent === "before:render") {
-          return Backbone.history.start();
-        } else {
-          return this.bind(routerStartEvent, function() {
-            return Backbone.history.start();
-          });
-        }
-      }
+    activeSubSection: function() {
+      return this.get("active_sub_section");
     },
-    afterComponents: function() {
-      var _ref, _ref2, _ref3,
-        _this = this;
-      if ((_ref = Luca.containers.Viewport.prototype.afterComponents) != null) {
-        _ref.apply(this, arguments);
-      }
-      if ((_ref2 = this.getMainController()) != null) {
-        _ref2.bind("after:card:switch", function(previous, current) {
-          return _this.state.set({
-            active_section: current.name
-          });
-        });
-      }
-      return (_ref3 = this.getMainController()) != null ? _ref3.each(function(component) {
-        if (component.ctype.match(/controller$/)) {
-          return component.bind("after:card:switch", function(previous, current) {
-            return _this.state.set({
-              active_sub_section: current.name
-            });
-          });
-        }
-      }) : void 0;
+    activePages: function() {
+      var _this = this;
+      return this.$('.luca-ui-controller').map(function(index, element) {
+        return $(element).data('active-section');
+      });
     },
     boot: function() {
       return this.trigger("ready");
@@ -2754,12 +2731,8 @@
     get: function(attribute) {
       return this.state.get(attribute);
     },
-    getMainController: function() {
-      if (this.useController === true) return this.components[0];
-      return Luca.cache('main_controller');
-    },
-    set: function(attributes) {
-      return this.state.set(attributes);
+    set: function(attribute, value, options) {
+      return this.state.set.apply(this.state, arguments);
     },
     view: function(name) {
       return Luca.cache(name);
@@ -2767,17 +2740,11 @@
     navigate_to: function(component_name, callback) {
       return this.getMainController().navigate_to(component_name, callback);
     },
-    setupKeyRouter: function() {
-      var router, _base;
-      if (!this.keyEvents) return;
-      (_base = this.keyEvents).control_meta || (_base.control_meta = {});
-      if (this.keyEvents.meta_control) {
-        _.extend(this.keyEvents.control_meta, this.keyEvents.meta_control);
-      }
-      router = _.bind(this.keyRouter, this);
-      return $(document).keydown(router);
+    getMainController: function() {
+      if (this.useController === true) return this.components[0];
+      return Luca.cache('main_controller');
     },
-    keyRouter: function(e) {
+    keyHandler: function(e) {
       var control, isInputEvent, keyEvent, keyname, meta, source, _ref;
       if (!(e && this.keyEvents)) return;
       isInputEvent = $(e.target).is('input') || $(e.target).is('textarea');
@@ -2797,6 +2764,88 @@
           return this.trigger(keyEvent);
         }
       }
+    },
+    setupControllerBindings: function() {
+      var _ref, _ref2,
+        _this = this;
+      if ((_ref = this.getMainController()) != null) {
+        _ref.bind("after:card:switch", function(previous, current) {
+          return _this.state.set({
+            active_section: current.name
+          });
+        });
+      }
+      return (_ref2 = this.getMainController()) != null ? _ref2.each(function(component) {
+        if (component.ctype.match(/controller$/)) {
+          return component.bind("after:card:switch", function(previous, current) {
+            return _this.state.set({
+              active_sub_section: current.name
+            });
+          });
+        }
+      }) : void 0;
+    },
+    setupMainController: function() {
+      var definedComponents;
+      if (this.useController === true) {
+        definedComponents = this.components || [];
+        this.components = [
+          {
+            ctype: 'controller',
+            name: "main_controller",
+            components: definedComponents
+          }
+        ];
+        return this.defer(this.setupControllerBindings, false).until("after:components");
+      }
+    },
+    setupCollectionManager: function() {
+      var collectionManagerOptions, _base, _ref, _ref2;
+      if (this.useCollectionManager === true) {
+        if (_.isString(this.collectionManagerClass)) {
+          this.collectionManagerClass = Luca.util.resolve(this.collectionManagerClass);
+        }
+        collectionManagerOptions = this.collectionManagerOptions;
+        if (_.isObject(this.collectionManager) && !_.isFunction((_ref = this.collectionManager) != null ? _ref.get : void 0)) {
+          collectionManagerOptions = this.collectionManager;
+          this.collectionManager = void 0;
+        }
+        if (_.isString(this.collectionManager)) {
+          collectionManagerOptions = {
+            name: this.collectionManager
+          };
+        }
+        this.collectionManager = typeof (_base = Luca.CollectionManager).get === "function" ? _base.get(collectionManagerOptions.name) : void 0;
+        if (!_.isFunction((_ref2 = this.collectionManager) != null ? _ref2.get : void 0)) {
+          return this.collectionManager = new this.collectionManagerClass(collectionManagerOptions);
+        }
+      }
+    },
+    setupRouter: function() {
+      var app, routerClass;
+      app = this;
+      if (_.isString(this.router)) {
+        routerClass = Luca.util.resolve(this.router);
+        this.router = new routerClass({
+          app: app
+        });
+      }
+      if (this.router && this.autoStartHistory) {
+        if (this.autoStartHistory === true) {
+          this.autoStartHistory = "before:render";
+        }
+        return this.defer(startHistory, false).until(this, this.autoStartHistory);
+      }
+    },
+    setupKeyHandler: function() {
+      var handler, _base;
+      if (!this.keyEvents) return;
+      (_base = this.keyEvents).control_meta || (_base.control_meta = {});
+      if (this.keyEvents.meta_control) {
+        _.extend(this.keyEvents.control_meta, this.keyEvents.meta_control);
+      }
+      handler = _.bind(this.keyHandler, this);
+      return $(document).keydown(handler);
     }
   });
 
@@ -2904,7 +2953,7 @@
         content = templateFn.call(this, item);
       }
       if ((this.itemRenderer != null) && _.isFunction(this.itemRenderer)) {
-        content = this.itemRenderer.call(this, item);
+        content = this.itemRenderer.call(this, item, item.model, item.index);
       }
       if (this.itemProperty) {
         content = item.model.get(this.itemProperty) || item.model[this.itemProperty];
@@ -2957,6 +3006,8 @@
 (function() {
 
   _.def('Luca.components.Controller')["extends"]('Luca.containers.CardView')["with"]({
+    additionalClassNames: ['luca-ui-controller'],
+    activeAttribute: "active-section",
     initialize: function(options) {
       var _ref;
       this.options = options;
@@ -2975,6 +3026,27 @@
         return fn.apply(_this, [component]);
       });
     },
+    activeSection: function() {
+      return this.get("activeSection");
+    },
+    controllers: function(deep) {
+      if (deep == null) deep = false;
+      return this.select('ctype', 'controller', deep);
+    },
+    availableSections: function() {
+      var base,
+        _this = this;
+      base = {};
+      base[this.name] = this.sectionNames();
+      return _(this.controllers()).reduce(function(memo, controller) {
+        memo[controller.name] = controller.sectionNames();
+        return memo;
+      }, base);
+    },
+    sectionNames: function(deep) {
+      if (deep == null) deep = false;
+      return this.pluck('name');
+    },
     "default": function(callback) {
       return this.navigate_to(this.defaultCard, callback);
     },
@@ -4286,13 +4358,7 @@
 }).call(this);
 (function() {
 
-  _.extend(Luca, Luca.Events);
-
-  _.extend(Luca.View.prototype, Luca.Events);
-
-  _.extend(Luca.Collection.prototype, Luca.Events);
 
-  _.extend(Luca.Model.prototype, Luca.Events);
 
 }).call(this);
 (function() {