luca 0.8.06 → 0.8.59

data/vendor/assets/javascripts/luca-ui-base.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');
     }
   });