\n ', text ,'\n
\n\n ', helperText ,'\n
\n'); } __p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["fields/file_upload_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('\n\n'); if(helperText) { __p.push('\n\n ', helperText ,'\n
\n'); } __p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["fields/hidden_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["fields/select_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('\n\n'); if(helperText) { __p.push('\n\n ', helperText ,'\n
\n'); } __p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["fields/text_area_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('\n\n'); if(helperText) { __p.push('\n\n ', helperText ,'\n
\n'); } __p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["fields/text_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n\n ', addOn ,'\n\n'); } __p.push('\n\n'); if(helperText) { __p.push('\n\n ', helperText ,'\n
\n'); } __p.push('\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["sample/contents"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('Sample Contents
\n');}return __p.join('');}; }).call(this); (function() { Luca.templates || (Luca.templates = {}); Luca.templates["sample/welcome"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('welcome.luca\n');}return __p.join('');}; }).call(this); (function() { var __slice = Array.prototype.slice; Luca.Observer = (function() { function Observer(options) { var _this = this; this.options = options != null ? options : {}; _.extend(this, Backbone.Events); this.type = this.options.type; if (this.options.debugAll) { this.bind("event", function() { var args, t; t = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; return console.log("Observed " + _this.type + " " + (t.name || t.id || t.cid), t, _(args).flatten()); }); } } Observer.prototype.relay = function() { var args, triggerer; triggerer = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : []; this.trigger("event", triggerer, args); return this.trigger("event:" + args[0], triggerer, args.slice(1)); }; return Observer; })(); Luca.Observer.enableObservers = function(options) { if (options == null) options = {}; Luca.enableGlobalObserver = true; Luca.ViewObserver = new Luca.Observer(_.extend(options, { type: "view" })); return Luca.CollectionObserver = new Luca.Observer(_.extend(options, { type: "collection" })); }; }).call(this); (function() { Luca.View = Backbone.View.extend({ base: 'Luca.View' }); Luca.View.originalExtend = Backbone.View.extend; Luca.View.extend = function(definition) { var _base; _base = definition.render; _base || (_base = function() { var container; container = _.isFunction(this.container) ? this.container() : this.container; if (!($(container) && this.$el)) return this; $(container).append(this.$el); return this; }); definition.render = function() { var _this = this; if (this.deferrable) { this.trigger("before:render", this); this.deferrable.bind(this.deferrable_event, _.once(function() { _base.apply(_this, arguments); return _this.trigger("after:render", _this); })); if (!this.deferrable_trigger) this.immediate_trigger = true; if (this.immediate_trigger === true) { return this.deferrable.fetch(); } else { return this.bind(this.deferrable_trigger, _.once(function() { return _this.deferrable.fetch(); })); } } else { this.trigger("before:render", this); _base.apply(this, arguments); return this.trigger("after:render", this); } }; return Luca.View.originalExtend.apply(this, [definition]); }; _.extend(Luca.View.prototype, { debug: function() { var message, _i, _len, _results; if (!(this.debugMode || (window.LucaDebugMode != null))) return; _results = []; for (_i = 0, _len = arguments.length; _i < _len; _i++) { message = arguments[_i]; _results.push(console.log([this.name || this.cid, message])); } return _results; }, trigger: function() { if (Luca.enableGlobalObserver) { Luca.ViewObserver || (Luca.ViewObserver = new Luca.Observer({ type: "view" })); Luca.ViewObserver.relay(this, arguments); } return Backbone.View.prototype.trigger.apply(this, arguments); }, hooks: ["after:initialize", "before:render", "after:render", "first:activation", "activation", "deactivation"], deferrable_event: "reset", initialize: function(options) { var unique, _this = this; this.options = options != null ? options : {}; _.extend(this, this.options); if (this.name != null) this.cid = _.uniqueId(this.name); Luca.cache(this.cid, this); unique = _(Luca.View.prototype.hooks.concat(this.hooks)).uniq(); this.setupHooks(unique); if (this.autoBindEventHandlers === true) { _(this.events).each(function(handler, event) { if (_.isString(handler)) return _.bindAll(_this, handler); }); } this.trigger("after:initialize", this); return this.registerCollectionEvents(); }, $container: function() { return $(this.container); }, setupHooks: function(set) { var _this = this; set || (set = this.hooks); return _(set).each(function(event) { var fn, parts, prefix; parts = event.split(':'); prefix = parts.shift(); parts = _(parts).map(function(p) { return _.capitalize(p); }); fn = prefix + parts.join(''); return _this.bind(event, function() { if (_this[fn]) return _this[fn].apply(_this, arguments); }); }); }, getCollectionManager: function() { var _ref; return this.collectionManager || ((_ref = Luca.CollectionManager.get) != null ? _ref.call() : void 0); }, registerCollectionEvents: function() { var manager, _this = this; manager = this.getCollectionManager(); return _(this.collectionEvents).each(function(handler, signature) { var collection, event, key, _ref; _ref = signature.split(" "), key = _ref[0], event = _ref[1]; collection = _this["" + key + "Collection"] = manager.getOrCreate(key); if (!collection) throw "Could not find collection specified by " + key; if (_.isString(handler)) handler = _this[handler]; if (!_.isFunction(handler)) throw "invalid collectionEvents configuration"; try { return collection.bind(event, handler); } catch (e) { console.log("Error Binding To Collection in registerCollectionEvents", _this); throw e; } }); } }); }).call(this); (function() { Luca.Collection = (Backbone.QueryCollection || Backbone.Collection).extend({ initialize: function(models, options) { var table, _this = this; if (models == null) models = []; this.options = options; _.extend(this, this.options); if (this.cached) { this.bootstrap_cache_key = _.isFunction(this.cached) ? this.cached() : this.cached; } if (this.registerAs || this.registerWith) { console.log("This configuration API is deprecated. use @name and @manager properties instead"); } this.name || (this.name = this.registerAs); this.manager || (this.manager = this.registerWith); if (this.name && !this.manager) this.manager = Luca.CollectionManager.get(); if (this.manager) { this.name || (this.name = this.cached()); this.name = _.isFunction(this.name) ? this.name() : this.name; if (!(this.private || this.anonymous)) { this.bind("after:initialize", function() { return _this.register(_this.manager, _this.name, _this); }); } } if (this.useLocalStorage === true && (window.localStorage != null)) { table = this.bootstrap_cache_key || this.name; throw "Must specify either a cached or registerAs property to use localStorage"; this.localStorage = new Luca.LocalStore(table); } if (_.isArray(this.data) && this.data.length > 0) { this.memoryCollection = true; } if (this.useNormalUrl !== true) this.__wrapUrl(); Backbone.Collection.prototype.initialize.apply(this, [models, this.options]); return this.trigger("after:initialize"); }, __wrapUrl: function() { var params, url, _this = this; if (_.isFunction(this.url)) { return this.url = _.wrap(this.url, function(fn) { var existing_params, new_val, parts, queryString, val; val = fn.apply(_this); parts = val.split('?'); if (parts.length > 1) existing_params = _.last(parts); queryString = _this.queryString(); if (existing_params && val.match(existing_params)) { queryString = queryString.replace(existing_params, ''); } new_val = "" + val + "?" + queryString; if (new_val.match(/\?$/)) new_val = new_val.replace(/\?$/, ''); return new_val; }); } else { url = this.url; params = this.queryString(); return this.url = _([url, params]).compact().join("?"); } }, queryString: function() { var parts, _this = this; parts = _(this.base_params || (this.base_params = Luca.Collection.baseParams())).inject(function(memo, value, key) { var str; str = "" + key + "=" + value; memo.push(str); return memo; }, []); return _.uniq(parts).join("&"); }, resetFilter: function() { this.base_params = Luca.Collection.baseParams(); return this; }, applyFilter: function(filter, options) { if (filter == null) filter = {}; if (options == null) options = {}; this.applyParams(filter); return this.fetch(_.extend(options, { refresh: true })); }, applyParams: function(params) { this.base_params || (this.base_params = _(Luca.Collection.baseParams()).clone()); return _.extend(this.base_params, params); }, register: function(collectionManager, key, collection) { if (collectionManager == null) { collectionManager = Luca.CollectionManager.get(); } if (key == null) key = ""; if (!(key.length >= 1)) { throw "Can not register with a collection manager without a key"; } if (collectionManager == null) { throw "Can not register with a collection manager without a valid collection manager"; } if (_.isString(collectionManager)) { collectionManager = Luca.util.nestedValue(collectionManager, window || global); } if (!collectionManager) throw "Could not register with collection manager"; if (_.isFunction(collectionManager.add)) { return collectionManager.add(key, collection); } if (_.isObject(collectionManager)) { return collectionManager[key] = collection; } }, loadFromBootstrap: function() { if (!this.bootstrap_cache_key) return; this.reset(this.cached_models()); return this.trigger("bootstrapped", this); }, bootstrap: function() { return this.loadFromBootstrap(); }, cached_models: function() { return Luca.Collection.cache(this.bootstrap_cache_key); }, fetch: function(options) { var url; if (options == null) options = {}; this.trigger("before:fetch", this); if (this.memoryCollection === true) return this.reset(this.data); if (this.cached_models().length && !options.refresh) return this.bootstrap(); url = _.isFunction(this.url) ? this.url() : this.url; if (!((url && url.length > 1) || this.localStorage)) return true; this.fetching = true; try { return Backbone.Collection.prototype.fetch.apply(this, arguments); } catch (e) { console.log("Error in Collection.fetch", e); throw e; } }, onceLoaded: function(fn, options) { var wrapped, _this = this; if (options == null) { options = { autoFetch: true }; } if (this.length > 0 && !this.fetching) { fn.apply(this, [this]); return; } wrapped = function() { return fn.apply(_this, [_this]); }; this.bind("reset", function() { wrapped(); return this.unbind("reset", this); }); if (!(this.fetching || !options.autoFetch)) return this.fetch(); }, ifLoaded: function(fn, options) { var scope, _this = this; if (options == null) { options = { scope: this, autoFetch: true }; } scope = options.scope || this; if (this.length > 0 && !this.fetching) fn.apply(scope, [this]); this.bind("reset", function(collection) { return fn.apply(scope, [collection]); }); if (!(this.fetching === true || !options.autoFetch || this.length > 0)) { return this.fetch(); } }, parse: function(response) { var models; this.fetching = false; this.trigger("after:response", response); models = this.root != null ? response[this.root] : response; if (this.bootstrap_cache_key) { Luca.Collection.cache(this.bootstrap_cache_key, models); } return models; } }); _.extend(Luca.Collection.prototype, { trigger: function() { if (Luca.enableGlobalObserver) { Luca.CollectionObserver || (Luca.CollectionObserver = new Luca.Observer({ type: "collection" })); Luca.CollectionObserver.relay(this, arguments); } return Backbone.View.prototype.trigger.apply(this, arguments); } }); Luca.Collection.baseParams = function(obj) { if (obj) return Luca.Collection._baseParams = obj; if (_.isFunction(Luca.Collection._baseParams)) { return Luca.Collection._baseParams.call(); } if (_.isObject(Luca.Collection._baseParams)) { return Luca.Collection._baseParams; } }; Luca.Collection._bootstrapped_models = {}; Luca.Collection.bootstrap = function(obj) { return _.extend(Luca.Collection._bootstrapped_models, obj); }; Luca.Collection.cache = function(key, models) { if (models) return Luca.Collection._bootstrapped_models[key] = models; return Luca.Collection._bootstrapped_models[key] || []; }; }).call(this); (function() { Luca.core.Field = Luca.View.extend({ className: 'luca-ui-text-field luca-ui-field', isField: true, template: 'fields/text_field', labelAlign: 'top', hooks: ["before:validation", "after:validation", "on:change"], statuses: ["warning", "error", "success"], initialize: function(options) { var _ref; this.options = options != null ? options : {}; _.extend(this, this.options); Luca.View.prototype.initialize.apply(this, arguments); this.input_id || (this.input_id = _.uniqueId('field')); this.input_name || (this.input_name = this.name); this.helperText || (this.helperText = ""); if (this.required && !((_ref = this.label) != null ? _ref.match(/^\*/) : void 0)) { this.label || (this.label = "*" + this.label); } this.inputStyles || (this.inputStyles = ""); if (this.disabled) this.disable(); this.updateState(this.state); return this.placeHolder || (this.placeHolder = ""); }, beforeRender: function() { if (Luca.enableBootstrap) this.$el.addClass('control-group'); if (this.required) this.$el.addClass('required'); this.$el.html(Luca.templates[this.template](this)); return this.input = $('input', this.el); }, change_handler: function(e) { return this.trigger("on:change", this, e); }, disable: function() { return $("input", this.el).attr('disabled', true); }, enable: function() { return $("input", this.el).attr('disabled', false); }, getValue: function() { return this.input.attr('value'); }, render: function() { return $(this.container).append(this.$el); }, setValue: function(value) { return this.input.attr('value', value); }, updateState: function(state) { var _this = this; return _(this.statuses).each(function(cls) { _this.$el.removeClass(cls); return _this.$el.addClass(state); }); } }); }).call(this); (function() { Luca.core.Container = Luca.View.extend({ className: 'luca-ui-container', componentClass: 'luca-ui-panel', isContainer: true, hooks: ["before:components", "before:layout", "after:components", "after:layout", "first:activation"], rendered: false, components: [], initialize: function(options) { this.options = options != null ? options : {}; _.extend(this, this.options); this.setupHooks(Luca.core.Container.prototype.hooks); return Luca.View.prototype.initialize.apply(this, arguments); }, beforeRender: function() { this.debug("container before render"); this.doLayout(); return this.doComponents(); }, doLayout: function() { this.debug("container do layout"); this.trigger("before:layout", this); this.prepareLayout(); return this.trigger("after:layout", this); }, doComponents: function() { this.debug("container do components"); this.trigger("before:components", this, this.components); this.prepareComponents(); this.createComponents(); this.renderComponents(); return this.trigger("after:components", this, this.components); }, applyPanelConfig: function(panel, panelIndex) { var config, style_declarations; style_declarations = []; if (panel.height) { style_declarations.push("height: " + (_.isNumber(panel.height) ? panel.height + 'px' : panel.height)); } if (panel.width) { style_declarations.push("width: " + (_.isNumber(panel.width) ? panel.width + 'px' : panel.width)); } if (panel.float) style_declarations.push("float: " + panel.float); return config = { classes: (panel != null ? panel.classes : void 0) || this.componentClass, id: "" + this.cid + "-" + panelIndex, style: style_declarations.join(';') }; }, prepareLayout: function() { var _this = this; this.debug("container prepare layout"); this.componentContainers = _(this.components).map(function(component, index) { return _this.applyPanelConfig.apply(_this, [component, index]); }); if (this.appendContainers) { return _(this.componentContainers).each(function(container) { return _this.$el.append(Luca.templates["containers/basic"](container)); }); } }, prepareComponents: function() { var _this = this; this.debug("container prepare components"); return this.components = _(this.components).map(function(object, index) { var panel; panel = _this.componentContainers[index]; object.container = _this.appendContainers ? "#" + panel.id : _this.el; return object; }); }, createComponents: function() { var map, _this = this; this.debug("container create components"); map = this.componentIndex = { name_index: {}, cid_index: {} }; this.components = _(this.components).map(function(object, index) { var component; component = _.isObject(object) && object.render && object.trigger ? object : (object.ctype || (object.ctype = Luca.defaultComponentType || "template"), Luca.util.lazyComponent(object)); if (!component.container && component.options.container) { component.container = component.options.container; } if (map && (component.cid != null)) map.cid_index[component.cid] = index; if (map && (component.name != null)) { map.name_index[component.name] = index; } return component; }); return this.debug("components created", this.components); }, renderComponents: function(debugMode) { var _this = this; this.debugMode = debugMode != null ? debugMode : ""; this.debug("container render components"); return _(this.components).each(function(component) { component.getParent = function() { return _this; }; $(component.container).append($(component.el)); try { return component.render(); } catch (e) { console.log("Error Rendering Component " + (component.name || component.cid), component); console.log(e.message); return console.log(e.stack); } }); }, firstActivation: function() { var _this = this; return _(this.components).each(function(component) { var activator, _ref; activator = _this; if ((component != null ? component.previously_activated : void 0) !== true) { if (component != null) { if ((_ref = component.trigger) != null) { _ref.apply(component, ["first:activation", [component, activator]]); } } return component.previously_activated = true; } }); }, select: function(attribute, value, deep) { var components; if (deep == null) deep = false; components = _(this.components).map(function(component) { var matches, test; matches = []; test = component[attribute]; if (test === value) matches.push(component); if (deep === true && component.isContainer === true) { matches.push(component.select(attribute, value, true)); } return _.compact(matches); }); return _.flatten(components); }, findComponentByName: function(name, deep) { if (deep == null) deep = false; return this.findComponent(name, "name_index", deep); }, findComponentById: function(id, deep) { if (deep == null) deep = false; return this.findComponent(id, "cid_index", deep); }, findComponent: function(needle, haystack, deep) { var component, position, sub_container, _ref, _ref2; if (haystack == null) haystack = "name"; if (deep == null) deep = false; position = (_ref = this.componentIndex) != null ? _ref[haystack][needle] : void 0; component = (_ref2 = this.components) != null ? _ref2[position] : void 0; if (component) return component; if (deep === true) { sub_container = _(this.components).detect(function(component) { return component != null ? typeof component.findComponent === "function" ? component.findComponent(needle, haystack, true) : void 0 : void 0; }); return sub_container != null ? typeof sub_container.findComponent === "function" ? sub_container.findComponent(needle, haystack, true) : void 0 : void 0; } }, eachComponent: function(fn, deep) { var _this = this; if (deep == null) deep = true; return _(this.components).each(function(component) { var _ref; fn.apply(component, [component]); if (deep) { return component != null ? (_ref = component.eachComponent) != null ? _ref.apply(component, [fn, deep]) : void 0 : void 0; } }); }, indexOf: function(name) { var names; names = _(this.components).pluck('name'); return _(names).indexOf(name); }, activeComponent: function() { if (!this.activeItem) return this; return this.components[this.activeItem]; }, componentElements: function() { return $("." + this.componentClass, this.el); }, getComponent: function(needle) { return this.components[needle]; }, rootComponent: function() { return !(this.getParent != null); }, getRootComponent: function() { if (this.rootComponent()) { return this; } else { return this.getParent().getRootComponent(); } } }); Luca.register("container", "Luca.core.Container"); }).call(this); (function() { var instances; instances = []; Luca.CollectionManager = (function() { CollectionManager.prototype.__collections = {}; function CollectionManager(options) { this.options = options != null ? options : {}; _.extend(this, this.options); _.extend(this, Backbone.Events); instances.push(this); this.state = new Backbone.Model; if (this.collectionNames) { this.state.set({ loaded_collections_count: 0, collections_count: this.collectionNames.length }); this.state.bind("change:loaded_collections_count", this.collectionCountDidChange); if (this.useProgressLoader) { this.loader = new Luca.components.CollectionLoaderView({ manager: this, name: "collection_loader_view" }); } this.loadInitialCollections(); } this; } CollectionManager.prototype.add = function(key, collection) { var _base; return (_base = this.currentScope())[key] || (_base[key] = collection); }; CollectionManager.prototype.allCollections = function() { return _(this.currentScope()).values(); }; CollectionManager.prototype.create = function(key, collectionOptions, initialModels) { var CollectionClass, collection; if (collectionOptions == null) collectionOptions = {}; if (initialModels == null) initialModels = []; CollectionClass = collectionOptions.base; CollectionClass || (CollectionClass = this.guessCollectionClass(key)); if (collectionOptions.private) collectionOptions.name = ""; collection = new CollectionClass(initialModels, collectionOptions); this.add(key, collection); return collection; }; CollectionManager.prototype.collectionNamespace = Luca.Collection.namespace; CollectionManager.prototype.currentScope = function() { var current_scope, _base; if (current_scope = this.getScope()) { return (_base = this.__collections)[current_scope] || (_base[current_scope] = {}); } else { return this.__collections; } }; CollectionManager.prototype.each = function(fn) { return _(this.all()).each(fn); }; CollectionManager.prototype.get = function(key) { return this.currentScope()[key]; }; CollectionManager.prototype.getScope = function() { return; }; CollectionManager.prototype.getOrCreate = function(key, collectionOptions, initialModels) { if (collectionOptions == null) collectionOptions = {}; if (initialModels == null) initialModels = []; return this.get(key) || this.create(key, collectionOptions, initialModels, false); }; CollectionManager.prototype.guessCollectionClass = function(key) { var classified, guess; classified = _(key).chain().capitalize().camelize().value(); guess = (this.collectionNamespace || (window || global))[classified]; guess || (guess = (this.collectionNamespace || (window || global))["" + classified + "Collection"]); return guess; }; CollectionManager.prototype.loadInitialCollections = function() { var collectionDidLoad, _this = this; collectionDidLoad = function(collection) { collection.unbind("reset"); return _this.trigger("collection_loaded", collection.name); }; return _(this.collectionNames).each(function(name) { var collection; collection = _this.getOrCreate(name); collection.bind("reset", function() { return collectionDidLoad(collection); }); return collection.fetch(); }); }; CollectionManager.prototype.collectionCountDidChange = function() { if (this.totalCollectionsCount() === this.loadedCollectionsCount()) { return this.trigger("all_collections_loaded"); } }; CollectionManager.prototype.totalCollectionsCount = function() { return this.state.get("collections_count"); }; CollectionManager.prototype.loadedCollectionsCount = function() { return this.state.get("loaded_collections_count"); }; CollectionManager.prototype.private = function(key, collectionOptions, initialModels) { if (collectionOptions == null) collectionOptions = {}; if (initialModels == null) initialModels = []; return this.create(key, collectionOptions, initialModels, true); }; return CollectionManager; })(); Luca.CollectionManager.destroyAll = function() { return instances = []; }; Luca.CollectionManager.instances = function() { return instances; }; Luca.CollectionManager.get = function() { return _(instances).last(); }; }).call(this); (function() { Luca.SocketManager = (function() { function SocketManager(options) { this.options = options != null ? options : {}; _.extend(Backbone.Events); this.loadTransport(); } SocketManager.prototype.connect = function() { switch (this.options.provider) { case "socket.io": return this.socket = io.connect(this.options.socket_host); case "faye.js": return this.socket = new Faye.Client(this.options.socket_host); } }; SocketManager.prototype.transportLoaded = function() { return this.connect(); }; SocketManager.prototype.transport_script = function() { switch (this.options.provider) { case "socket.io": return "" + this.options.transport_host + "/socket.io/socket.io.js"; case "faye.js": return "" + this.options.transport_host + "/faye.js"; } }; SocketManager.prototype.loadTransport = function() { var script, _this = this; script = document.createElement('script'); script.setAttribute("type", "text/javascript"); script.setAttribute("src", this.transport_script()); script.onload = this.transportLoaded; if (Luca.util.isIE()) { script.onreadystatechange = function() { if (script.readyState === "loaded") return _this.transportLoaded(); }; } return document.getElementsByTagName('head')[0].appendChild(script); }; return SocketManager; })(); }).call(this); (function() { Luca.containers.SplitView = Luca.core.Container.extend({ layout: '100', componentType: 'split_view', containerTemplate: 'containers/basic', className: 'luca-ui-split-view', componentClass: 'luca-ui-panel' }); Luca.register('split_view', "Luca.containers.SplitView"); }).call(this); (function() { Luca.containers.ColumnView = Luca.core.Container.extend({ componentType: 'column_view', className: 'luca-ui-column-view', components: [], initialize: function(options) { this.options = options != null ? options : {}; Luca.core.Container.prototype.initialize.apply(this, arguments); return this.setColumnWidths(); }, componentClass: 'luca-ui-column', containerTemplate: "containers/basic", appendContainers: true, autoColumnWidths: function() { var widths, _this = this; widths = []; _(this.components.length).times(function() { return widths.push(parseInt(100 / _this.components.length)); }); return widths; }, setColumnWidths: function() { this.columnWidths = this.layout != null ? _(this.layout.split('/')).map(function(v) { return parseInt(v); }) : this.autoColumnWidths(); return this.columnWidths = _(this.columnWidths).map(function(val) { return "" + val + "%"; }); }, beforeComponents: function() { this.debug("column_view before components"); return _(this.components).each(function(component) { return component.ctype || (component.ctype = "panel_view"); }); }, beforeLayout: function() { var _ref, _this = this; this.debug("column_view before layout"); _(this.columnWidths).each(function(width, index) { _this.components[index].float = "left"; return _this.components[index].width = width; }); return (_ref = Luca.core.Container.prototype.beforeLayout) != null ? _ref.apply(this, arguments) : void 0; } }); Luca.register('column_view', "Luca.containers.ColumnView"); }).call(this); (function() { Luca.containers.CardView = Luca.core.Container.extend({ componentType: 'card_view', className: 'luca-ui-card-view-wrapper', activeCard: 0, components: [], hooks: ['before:card:switch', 'after:card:switch'], initialize: function(options) { this.options = options; Luca.core.Container.prototype.initialize.apply(this, arguments); return this.setupHooks(this.hooks); }, componentClass: 'luca-ui-card', beforeLayout: function() { var _this = this; return this.cards = _(this.components).map(function(card, cardIndex) { return { classes: _this.componentClass, style: "display:" + (cardIndex === _this.activeCard ? 'block' : 'none'), id: "" + _this.cid + "-" + cardIndex }; }); }, prepareLayout: function() { var _this = this; return this.card_containers = _(this.cards).map(function(card, index) { _this.$el.append(Luca.templates["containers/basic"](card)); return $("#" + card.id); }); }, prepareComponents: function() { var _this = this; return this.components = _(this.components).map(function(object, index) { var card; card = _this.cards[index]; object.container = "#" + card.id; return object; }); }, activeComponent: function() { return this.getComponent(this.activeCard); }, cycle: function() { var nextIndex; nextIndex = this.activeCard < this.components.length - 1 ? this.activeCard + 1 : 0; return this.activate(nextIndex); }, find: function(name) { return this.findComponentByName(name, true); }, firstActivation: function() { return this.activeComponent().trigger("first:activation", this, this.activeComponent()); }, activate: function(index, silent, callback) { var current, previous, _ref; if (silent == null) silent = false; if (_.isFunction(silent)) { silent = false; callback = silent; } if (index === this.activeCard) return; previous = this.activeComponent(); current = this.getComponent(index); if (!current) { index = this.indexOf(index); current = this.getComponent(index); } if (!current) return; if (!silent) this.trigger("before:card:switch", previous, current); _(this.card_containers).each(function(container) { var _ref; if ((_ref = container.trigger) != null) { _ref.apply(container, ["deactivation", this, previous, current]); } return container.hide(); }); if (!current.previously_activated) { current.trigger("first:activation"); current.previously_activated = true; } $(current.container).show(); this.activeCard = index; if (!silent) { this.trigger("after:card:switch", previous, current); if ((_ref = current.trigger) != null) { _ref.apply(current, ["activation", this, previous, current]); } } if (_.isFunction(callback)) { return callback.apply(this, [this, previous, current]); } } }); Luca.register('card_view', "Luca.containers.CardView"); }).call(this); (function() { Luca.containers.ModalView = Luca.core.Container.extend({ componentType: 'modal_view', className: 'luca-ui-modal-view', components: [], renderOnInitialize: true, showOnRender: false, hooks: ['before:show', 'before:hide'], defaultModalOptions: { minWidth: 375, maxWidth: 375, minHeight: 550, maxHeight: 550, opacity: 80, onOpen: function(modal) { this.onOpen.apply(this); return this.onModalOpen.apply(modal, [modal, this]); }, onClose: function(modal) { this.onClose.apply(this); return this.onModalClose.apply(modal, [modal, this]); } }, modalOptions: {}, initialize: function(options) { var _this = this; this.options = options != null ? options : {}; Luca.core.Container.prototype.initialize.apply(this, arguments); this.setupHooks(this.hooks); _(this.defaultModalOptions).each(function(value, setting) { var _base; return (_base = _this.modalOptions)[setting] || (_base[setting] = value); }); this.modalOptions.onOpen = _.bind(this.modalOptions.onOpen, this); return this.modalOptions.onClose = _.bind(this.modalOptions.onClose, this); }, onOpen: function() { return true; }, onClose: function() { return true; }, getModal: function() { return this.modal; }, onModalOpen: function(modal, view) { view.modal = modal; modal.overlay.show(); modal.container.show(); return modal.data.show(); }, onModalClose: function(modal, view) { return $.modal.close(); }, prepareLayout: function() { return $('body').append(this.$el); }, prepareComponents: function() { var _this = this; return this.components = _(this.components).map(function(object, index) { object.container = _this.el; return object; }); }, afterInitialize: function() { this.$el.hide(); if (this.renderOnInitialize) return this.render(); }, afterRender: function() { if (this.showOnRender) return this.show(); }, wrapper: function() { return $(this.$el.parent()); }, show: function() { this.trigger("before:show", this); return this.$el.modal(this.modalOptions); }, hide: function() { return this.trigger("before:hide", this); } }); Luca.register("modal_view", "Luca.containers.ModalView"); }).call(this); (function() { Luca.containers.PanelView = Luca.core.Container.extend({ className: 'luca-ui-panel', initialize: function(options) { this.options = options != null ? options : {}; return Luca.core.Container.prototype.initialize.apply(this, arguments); }, afterLayout: function() { var contents; if (this.template) { contents = (Luca.templates || JST)[this.template](this); return this.$el.html(contents); } }, render: function() { return $(this.container).append(this.$el); }, afterRender: function() { var _ref, _this = this; if ((_ref = Luca.core.Container.prototype.afterRender) != null) { _ref.apply(this, arguments); } if (this.css) { console.log("Yes Yes Yall", this.css, this.$el); return _(this.css).each(function(value, property) { return _this.$el.css(property, value); }); } } }); }).call(this); (function() { Luca.containers.TabView = Luca.containers.CardView.extend({ events: { "click ul.nav-tabs li": "select" }, hooks: ["before:select", "after:select"], componentType: 'tab_view', className: 'luca-ui-tab-view tabbable', tab_position: 'top', tabVerticalOffset: '50px', initialize: function(options) { this.options = options != null ? options : {}; Luca.containers.CardView.prototype.initialize.apply(this, arguments); _.bindAll(this, "select", "highlightSelectedTab"); this.setupHooks(this.hooks); return this.bind("after:card:switch", this.highlightSelectedTab); }, activeTabSelector: function() { return this.tabSelectors().eq(this.activeCard); }, prepareLayout: function() { var _this = this; return this.card_containers = _(this.cards).map(function(card, index) { _this.$('.tab-content').append(Luca.templates["containers/basic"](card)); return $("#" + card.id); }); }, beforeLayout: function() { this.$el.addClass("tabs-" + this.tab_position); if (this.tab_position === "below") { this.$el.append(Luca.templates["containers/tab_view"](this)); this.$el.append(Luca.templates["containers/tab_selector_container"](this)); } else { this.$el.append(Luca.templates["containers/tab_selector_container"](this)); this.$el.append(Luca.templates["containers/tab_view"](this)); } return Luca.containers.CardView.prototype.beforeLayout.apply(this, arguments); }, beforeRender: function() { var _ref; if ((_ref = Luca.containers.CardView.prototype.beforeRender) != null) { _ref.apply(this, arguments); } this.activeTabSelector().addClass('active'); if (Luca.enableBootstrap && this.tab_position === "left" || this.tab_position === "right") { this.$el.addClass('grid-12'); this.tabContainerWrapper().addClass('grid-3'); this.tabContentWrapper().addClass('grid-9'); if (this.tabVerticalOffset) { return this.tabContainerWrapper().css('padding-top', this.tabVerticalOffset); } } }, highlightSelectedTab: function() { this.tabSelectors().removeClass('active'); return this.activeTabSelector().addClass('active'); }, select: function(e) { var me, my; me = my = $(e.currentTarget); this.trigger("before:select", this); this.activate(my.data('target')); return this.trigger("after:select", this); }, tabContentWrapper: function() { return $("#" + this.cid + "-tab-view-content"); }, tabContainerWrapper: function() { return $("#" + this.cid + "-tabs-selector"); }, tabContainer: function() { return $("ul#" + this.cid + "-tabs-nav"); }, tabSelectors: function() { return $('li.tab-selector', this.tabContainer()); } }); }).call(this); (function() { Luca.containers.Viewport = Luca.containers.CardView.extend({ activeItem: 0, className: 'luca-ui-viewport', fullscreen: true, initialize: function(options) { this.options = options != null ? options : {}; Luca.core.Container.prototype.initialize.apply(this, arguments); if (this.fullscreen) return $('html,body').addClass('luca-ui-fullscreen'); }, render: function() { console.log("Rendering Viewport"); return this.$el.addClass('luca-ui-viewport'); } }); }).call(this); (function() { }).call(this); (function() { Luca.components.Template = Luca.View.extend({ initialize: function(options) { this.options = options != null ? options : {}; Luca.View.prototype.initialize.apply(this, arguments); if (!(this.template || this.markup)) { throw "Templates must specify which template / markup to use"; } if (_.isString(this.templateContainer)) { 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)); }, render: function() { return $(this.container).append(this.$el); } }); Luca.register("template", "Luca.components.Template"); }).call(this); (function() { Luca.Application = Luca.containers.Viewport.extend({ components: [ { ctype: 'controller', name: 'main_controller', defaultCard: 'welcome', components: [ { ctype: 'template', name: 'welcome', template: 'sample/welcome', templateContainer: "Luca.templates" } ] } ], initialize: function(options) { var _this = this; this.options = options != null ? options : {}; Luca.containers.Viewport.prototype.initialize.apply(this, arguments); this.collectionManager = new Luca.CollectionManager(); this.state = new Backbone.Model(this.defaultState); return this.bind("ready", function() { return _this.render(); }); }, activeView: function() { var active; if (active = this.activeSubSection()) { return this.view(active); } else { return this.view(this.activeSection()); } }, activeSubSection: function() { return this.get("active_sub_section"); }, activeSection: function() { return this.get("active_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; }, beforeRender: function() { var _ref; 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() { return this.collectionManager.getOrCreate.apply(this.collectionManager, arguments); }, get: function(attribute) { return this.state.get(attribute); }, getMainController: function() { return this.view("main_controler"); }, set: function(attributes) { return this.state.set(attributes); }, view: function(name) { return Luca.cache(name); } }); }).call(this); (function() { Luca.components.Toolbar = Luca.core.Container.extend({ className: 'luca-ui-toolbar', position: 'bottom', initialize: function(options) { this.options = options != null ? options : {}; return Luca.core.Container.prototype.initialize.apply(this, arguments); }, prepareComponents: function() { var _this = this; return _(this.components).each(function(component) { return component.container = _this.el; }); }, render: function() { return $(this.container).append(this.el); } }); Luca.register("toolbar", "Luca.components.Toolbar"); }).call(this); (function() { Luca.components.CollectionLoaderView = Luca.components.Template.extend({ className: 'luca-ui-collection-loader-view', template: "components/collection_loader_view", initialize: function(options) { this.options = options != null ? options : {}; Luca.components.Template.prototype.initialize.apply(this, arguments); this.container || (this.container = $('body')); this.manager || (this.manager = Luca.CollectionManager.get()); return this.setupBindings(); }, modalContainer: function() { return $("#progress-modal", this.el); }, setupBindings: function() { var _this = this; this.manager.bind("collection_loaded", function(name) { var loaded, progress, total; loaded = _this.manager.loadedCollectionsCount(); total = _this.manager.totalCollectionsCount(); progress = parseInt((loaded / total) * 100); _this.modalContainer().find('.progress .bar').attr("style", "width: " + progress + "%;"); return _this.modalContainer().find('.message').html("Loaded " + (_(name).chain().humanize().titleize().value()) + "..."); }); return this.manager.bind("all_collections_loaded", function() { _this.modalContainer().find('.message').html("All done!"); return _.delay(function() { return _this.modalContainer().modal('hide'); }, 400); }); } }); Luca.register("collection_loader_view", "Luca.components.CollectionLoaderView"); }).call(this); (function() { Luca.components.Controller = Luca.containers.CardView.extend({ initialize: function(options) { var _ref; this.options = options; Luca.containers.CardView.prototype.initialize.apply(this, arguments); this.defaultCard || (this.defaultCard = (_ref = this.components[0]) != null ? _ref.name : void 0); if (!this.defaultCard) { throw "Controllers must specify a defaultCard property and/or the first component must have a name"; } return this.state = new Backbone.Model({ active_section: this.defaultCard }); }, each: function(fn) { var _this = this; return _(this.components).each(function(component) { return fn.apply(_this, [component]); }); }, "default": function(callback) { return this.navigate_to(this.defaultCard, callback); }, navigate_to: function(section, callback) { var _this = this; section || (section = this.defaultCard); this.activate(section, false, function(activator, previous, current) { _this.state.set({ active_section: current.name }); if (_.isFunction(callback)) return callback.apply(current); }); return this.find(section); } }); }).call(this); (function() { Luca.fields.ButtonField = Luca.core.Field.extend({ form_field: true, readOnly: true, events: { "click input": "click_handler" }, hooks: ["button:click"], className: 'luca-ui-field luca-ui-button-field', template: 'fields/button_field', click_handler: function(e) { var me, my; me = my = $(e.currentTarget); return this.trigger("button:click"); }, initialize: function(options) { var _ref; this.options = options != null ? options : {}; _.extend(this.options); _.bindAll(this, "click_handler"); Luca.core.Field.prototype.initialize.apply(this, arguments); if ((_ref = this.icon_class) != null ? _ref.length : void 0) { return this.template = "fields/button_field_link"; } }, afterInitialize: function() { this.input_id || (this.input_id = _.uniqueId('button')); this.input_name || (this.input_name = this.name || (this.name = this.input_id)); this.input_value || (this.input_value = this.label || (this.label = this.text)); this.input_type || (this.input_type = "button"); this.input_class || (this.input_class = this["class"]); this.icon_class || (this.icon_class = ""); if (this.icon_class.length && !this.icon_class.match(/^icon-/)) { return this.icon_class = "icon-" + this.icon_class; } }, setValue: function() { return true; } }); Luca.register("button_field", "Luca.fields.ButtonField"); }).call(this); (function() { Luca.fields.CheckboxField = Luca.core.Field.extend({ form_field: true, events: { "change input": "change_handler" }, change_handler: function(e) { var me, my; me = my = $(e.currentTarget); this.trigger("on:change", this, e); if (me.checked === true) { return this.trigger("checked"); } else { return this.trigger("unchecked"); } }, className: 'luca-ui-checkbox-field luca-ui-field', template: 'fields/checkbox_field', hooks: ["checked", "unchecked"], initialize: function(options) { this.options = options != null ? options : {}; _.extend(this, this.options); _.bindAll(this, "change_handler"); return Luca.core.Field.prototype.initialize.apply(this, arguments); }, afterInitialize: function() { this.input_id || (this.input_id = _.uniqueId('field')); this.input_name || (this.input_name = this.name); this.input_value || (this.input_value = 1); return this.label || (this.label = this.name); }, setValue: function(checked) { return this.input.attr('checked', checked); }, getValue: function() { return this.input.attr('checked') === true; } }); Luca.register("checkbox_field", "Luca.fields.CheckboxField"); }).call(this); (function() { Luca.fields.FileUploadField = Luca.core.Field.extend({ form_field: true, template: 'fields/file_upload_field', initialize: function(options) { this.options = options != null ? options : {}; return Luca.core.Field.prototype.initialize.apply(this, arguments); }, afterInitialize: function() { this.input_id || (this.input_id = _.uniqueId('field')); this.input_name || (this.input_name = this.name); this.label || (this.label = this.name); return this.helperText || (this.helperText = ""); } }); Luca.register("file_upload_field", "Luca.fields.FileUploadField"); }).call(this); (function() { Luca.fields.HiddenField = Luca.core.Field.extend({ form_field: true, template: 'fields/hidden_field', initialize: function(options) { this.options = options != null ? options : {}; return Luca.core.Field.prototype.initialize.apply(this, arguments); }, afterInitialize: function() { this.input_id || (this.input_id = _.uniqueId('field')); this.input_name || (this.input_name = this.name); this.input_value || (this.input_value = this.value); return this.label || (this.label = this.name); } }); Luca.register("hidden_field", "Luca.fields.HiddenField"); }).call(this); (function() { Luca.fields.SelectField = Luca.core.Field.extend({ form_field: true, events: { "change select": "change_handler" }, hooks: ["after:select"], className: 'luca-ui-select-field luca-ui-field', template: "fields/select_field", includeBlank: true, blankValue: '', blankText: 'Select One', initialize: function(options) { this.options = options != null ? options : {}; _.extend(this, this.options); _.extend(this, Luca.modules.Deferrable); _.bindAll(this, "change_handler", "populateOptions", "beforeFetch"); 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); if (_.isUndefined(this.retainValue)) return this.retainValue = true; }, afterInitialize: function() { var _ref; if ((_ref = this.collection) != null ? _ref.data : void 0) { this.valueField || (this.valueField = "id"); this.displayField || (this.displayField = "name"); this.parseData(); } try { this.configure_collection(); } catch (e) { console.log("Error Configuring Collection", this, e.message); } this.collection.bind("before:fetch", this.beforeFetch); return this.collection.bind("reset", this.populateOptions); }, parseData: function() { var _this = this; return this.collection.data = _(this.collection.data).map(function(record) { var hash; if (!_.isArray(record)) return record; hash = {}; hash[_this.valueField] = record[0]; hash[_this.displayField] = record[1]; return hash; }); }, afterRender: function() { var _ref, _ref2; this.input = $('select', this.el); if (((_ref = this.collection) != null ? (_ref2 = _ref.models) != null ? _ref2.length : void 0 : void 0) > 0) { return this.populateOptions(); } else { return this.collection.trigger("reset"); } }, setValue: function(value) { this.currentValue = value; return Luca.core.Field.prototype.setValue.apply(this, arguments); }, beforeFetch: function() { return this.resetOptions(); }, change_handler: function(e) { return this.trigger("on:change", this, e); }, resetOptions: function() { this.input.html(''); if (this.includeBlank) { return this.input.append(""); } }, populateOptions: function() { var _ref, _this = this; this.resetOptions(); if (((_ref = this.collection) != null ? _ref.each : void 0) != null) { this.collection.each(function(model) { var display, option, selected, value; value = model.get(_this.valueField); display = model.get(_this.displayField); if (_this.selected && value === _this.selected) selected = "selected"; option = ""; return _this.input.append(option); }); } this.trigger("after:populate:options", this); return this.setValue(this.currentValue); } }); Luca.register("select_field", "Luca.fields.SelectField"); }).call(this); (function() { Luca.fields.TextAreaField = Luca.core.Field.extend({ form_field: true, events: { "keydown input": "keydown_handler", "blur input": "blur_handler", "focus input": "focus_handler" }, template: 'fields/text_area_field', height: "200px", width: "90%", initialize: function(options) { this.options = options != null ? options : {}; _.bindAll(this, "keydown_handler"); 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.input_class || (this.input_class = this["class"]); return this.inputStyles || (this.inputStyles = "height:" + this.height + ";width:" + this.width); }, setValue: function(value) { return $(this.field()).val(value); }, getValue: function() { return $(this.field()).val(); }, field: function() { return this.input = $("textarea#" + this.input_id, this.el); }, keydown_handler: function(e) { var me, my; return me = my = $(e.currentTarget); }, blur_handler: function(e) { var me, my; return me = my = $(e.currentTarget); }, focus_handler: function(e) { var me, my; return me = my = $(e.currentTarget); } }); Luca.register("text_area_field", "Luca.fields.TextAreaField"); }).call(this); (function() { Luca.fields.TextField = Luca.core.Field.extend({ form_field: true, events: { "keydown input": "keydown_handler", "blur input": "blur_handler", "focus input": "focus_handler", "change input": "change_handler" }, template: 'fields/text_field', initialize: function(options) { this.options = options != null ? options : {}; _.bindAll(this, "keydown_handler", "blur_handler", "focus_handler"); 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); if (this.prepend) { this.$el.addClass('input-prepend'); this.addOn = this.prepend; } if (this.append) { this.$el.addClass('input-append'); return this.addOn = this.append; } }, keydown_handler: _.throttle((function(e) { return this.change_handler.apply(this, arguments); }), 300), blur_handler: function(e) { var me, my; return me = my = $(e.currentTarget); }, focus_handler: function(e) { var me, my; return me = my = $(e.currentTarget); }, change_handler: function(e) { return this.trigger("on:change", this, e); } }); Luca.register("text_field", "Luca.fields.TextField"); }).call(this); (function() { Luca.fields.TypeAheadField = Luca.fields.TextField.extend({ form_field: true, className: 'luca-ui-field', afterInitialize: function() { this.input_id || (this.input_id = _.uniqueId('field')); this.input_name || (this.input_name = this.name); return this.label || (this.label = this.name); } }); }).call(this); (function() { Luca.components.FormButtonToolbar = Luca.components.Toolbar.extend({ className: 'luca-ui-form-toolbar form-actions', position: 'bottom', includeReset: false, render: function() { return $(this.container).append(this.el); }, initialize: function(options) { this.options = options != null ? options : {}; Luca.components.Toolbar.prototype.initialize.apply(this, arguments); this.components = [ { ctype: 'button_field', label: 'Submit', "class": 'btn submit-button' } ]; if (this.includeReset) { return this.components.push({ ctype: 'button_field', label: 'Reset', "class": 'btn reset-button' }); } } }); Luca.register("form_button_toolbar", "Luca.components.FormButtonToolbar"); }).call(this); (function() { Luca.components.FormView = Luca.core.Container.extend({ 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"], events: { "click .submit-button": "submitHandler", "click .reset-button": "resetHandler" }, toolbar: true, initialize: function(options) { this.options = options != null ? options : {}; Luca.core.Container.prototype.initialize.apply(this, arguments); _.bindAll(this, "submitHandler", "resetHandler", "renderToolbars"); this.state || (this.state = new Backbone.Model); this.setupHooks(this.hooks); this.legend || (this.legend = ""); this.configureToolbars(); return this.applyStyles(); }, addBootstrapFormControls: function() { var _this = this; return this.bind("after:render", function() { var el; el = _this.$('.toolbar-container.bottom'); el.addClass('form-controls'); return el.html(_this.formControlsTemplate || Luca.templates["components/bootstrap_form_controls"](_this)); }); }, applyStyles: function() { if (Luca.enableBootstrap) this.applyBootstrapStyles(); if (this.labelAlign) this.$el.addClass("label-align-" + this.labelAlign); if (this.fieldLayoutClass) return this.$el.addClass(this.fieldLayoutClass); }, applyBootstrapStyles: function() { if (this.labelAlign === "left") this.inlineForm = true; if (this.well) this.$el.addClass('well'); if (this.searchForm) this.$el.addClass('form-search'); if (this.horizontalForm) this.$el.addClass('form-horizontal'); if (this.inlineForm) return this.$el.addClass('form-inline'); }, configureToolbars: function() { if (Luca.enableBootstrap && this.toolbar === true) { return this.addBootstrapFormControls(); } if (this.toolbar === true) { this.toolbars = [ { ctype: 'form_button_toolbar', includeReset: true, position: 'bottom' } ]; } if (this.toolbars && this.toolbars.length) { return this.bind("after:render", _.once(this.renderToolbars)); } }, resetHandler: function(e) { var me, my; me = my = $(e.currentTarget); this.trigger("before:reset", this); this.reset(); return this.trigger("after:reset", this); }, submitHandler: function(e) { var me, my; me = my = $(e.currentTarget); this.trigger("before:submit", this); return this.submit(); }, beforeLayout: function() { var _ref; if ((_ref = Luca.core.Container.prototype.beforeLayout) != null) { _ref.apply(this, arguments); } return this.$el.html(Luca.templates["components/form_view"](this)); }, prepareComponents: function() { var container; container = $('.form-view-body', this.el); return _(this.components).each(function(component) { return component.container = container; }); }, render: function() { return $(this.container).append(this.$el); }, wrapper: function() { return this.$el.parents('.luca-ui-form-view-wrapper'); }, toolbarContainers: function(position) { if (position == null) position = "bottom"; return $(".toolbar-container." + position, this.wrapper()).first(); }, renderToolbars: function() { var _this = this; return _(this.toolbars).each(function(toolbar) { toolbar.container = $("#" + _this.cid + "-" + toolbar.position + "-toolbar-container"); toolbar = Luca.util.lazyComponent(toolbar); return toolbar.render(); }); }, getField: function(name) { return _(this.getFields('name', name)).first(); }, getFields: function(attr, value) { var fields; fields = this.select("isField", true, true); if (fields.length > 0 && attr && value) { fields = _(fields).select(function(field) { var property, propvalue; property = field[attr]; if (property == null) return false; propvalue = _.isFunction(property) ? property() : property; return value === propvalue; }); } return fields; }, loadModel: function(current_model) { var event, fields, form, _this = this; this.current_model = current_model; form = this; fields = this.getFields(); this.trigger("before:load", this, this.current_model); if (this.current_model) { event = "before:load:" + (this.current_model.isNew() ? "new" : "existing"); this.trigger(event, this, this.current_model); } _(fields).each(function(field) { var field_name, value; field_name = field.input_name || field.name; value = _.isFunction(_this.current_model[field_name]) ? _this.current_model[field_name].apply(_this, form) : _this.current_model.get(field_name); if (field.readOnly !== true) { return field != null ? field.setValue(value) : void 0; } }); this.trigger("after:load", this, this.current_model); if (this.current_model) { return this.trigger("after:load:" + (this.current_model.isNew() ? "new" : "existing"), this, this.current_model); } }, reset: function() { return this.loadModel(this.current_model); }, clear: function() { var _this = this; this.current_model = this.defaultModel != null ? this.defaultModel() : void 0; return _(this.getFields()).each(function(field) { try { return field.setValue(''); } catch (e) { return console.log("Error Clearing", _this, field); } }); }, getValues: function(reject_blank, skip_buttons) { if (reject_blank == null) reject_blank = false; if (skip_buttons == null) skip_buttons = true; return _(this.getFields()).inject(function(memo, field) { var skip, value; value = field.getValue(); skip = false; if (skip_buttons && field.ctype === "button_field") skip = true; if (reject_blank && _.isBlank(value)) skip = true; if (field.input_name === "id" && _.isBlank(value)) skip = true; if (!skip) memo[field.input_name || name] = value; return memo; }, {}); }, submit_success_handler: function(model, response, xhr) { this.trigger("after:submit", this, model, response); if (response && response.success) { return this.trigger("after:submit:success", this, model, response); } else { return this.trigger("after:submit:error", this, model, response); } }, submit_fatal_error_handler: function() { this.trigger.apply(["after:submit", this].concat(arguments)); return this.trigger.apply(["after:submit:fatal_error", this].concat(arguments)); }, submit: function(save, saveOptions) { if (save == null) save = true; if (saveOptions == null) saveOptions = {}; _.bindAll(this, "submit_success_handler", "submit_fatal_error_handler"); saveOptions.success || (saveOptions.success = this.submit_success_handler); saveOptions.error || (saveOptions.error = this.submit_fatal_error_handler); this.current_model.set(this.getValues()); if (!save) return; return this.current_model.save(this.current_model.toJSON(), saveOptions); }, currentModel: function() { return this.current_model; }, setLegend: function(legend) { this.legend = legend; return $('fieldset legend', this.el).first().html(this.legend); } }); Luca.register('form_view', 'Luca.components.FormView'); }).call(this); (function() { Luca.components.GridView = Luca.View.extend({ events: { "dblclick .grid-view-row": "double_click_handler", "click .grid-view-row": "click_handler" }, className: 'luca-ui-grid-view', scrollable: true, emptyText: 'No Results To display', tableStyle: 'striped', hooks: ["before:grid:render", "before:render:header", "before:render:row", "after:grid:render", "row:double:click", "row:click", "after:collection:load"], 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.refresh(); return _this.trigger("after:collection:load", collection); }); }, beforeRender: function() { var _ref, _this = this; this.trigger("before:grid:render", this); if (this.scrollable) this.$el.addClass('scrollable-grid-view'); this.$el.html(Luca.templates["components/grid_view"]()); this.table = $('table.luca-ui-grid-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); }); if (this.scrollable) this.setDimensions(); this.renderHeader(); this.emptyMessage(); this.renderToolbars(); return $(this.container).append(this.$el); }, toolbarContainers: function(position) { if (position == null) position = "bottom"; return $(".toolbar-container." + position, this.el); }, renderToolbars: function() { var _this = this; return _(this.toolbars).each(function(toolbar) { toolbar = Luca.util.lazyComponent(toolbar); toolbar.container = _this.toolbarContainers(toolbar.position); return toolbar.render(); }); }, setDimensions: function(offset) { var _this = this; this.height || (this.height = 285); $('.grid-view-body', this.el).height(this.height); $('tbody.scrollable', this.el).height(this.height - 23); this.container_width = (function() { return $(_this.container).width(); })(); this.width = this.container_width > 0 ? this.container_width : 756; $('.grid-view-body', this.el).width(this.width); $('.grid-view-body table', this.el).width(this.width); return this.setDefaultColumnWidths(); }, resize: function(newWidth) { var difference, distribution, _this = this; difference = newWidth - this.width; this.width = newWidth; $('.grid-view-body', this.el).width(this.width); $('.grid-view-body table', this.el).width(this.width); if (this.columns.length > 0) { distribution = difference / this.columns.length; return _(this.columns).each(function(col, index) { var column; column = $(".column-" + index, _this.el); return column.width(col.width = col.width + distribution); }); } }, padLastColumn: function() { var configured_column_widths, unused_width; configured_column_widths = _(this.columns).inject(function(sum, column) { return sum = column.width + sum; }, 0); unused_width = this.width - configured_column_widths; if (unused_width > 0) return this.lastColumn().width += unused_width; }, setDefaultColumnWidths: function() { var default_column_width; default_column_width = this.columns.length > 0 ? this.width / this.columns.length : 200; _(this.columns).each(function(column) { return parseInt(column.width || (column.width = default_column_width)); }); return this.padLastColumn(); }, lastColumn: function() { return this.columns[this.columns.length - 1]; }, afterRender: function() { this.refresh(); return this.trigger("after:grid:render", this); }, emptyMessage: function(text) { if (text == null) text = ""; text || (text = this.emptyText); this.body.html(''); return this.body.append(Luca.templates["components/grid_view_empty_text"]({ colspan: this.columns.length, text: text })); }, refresh: function() { var _this = this; this.body.html(''); this.collection.each(function(model, index) { return _this.render_row.apply(_this, [model, index]); }); if (this.collection.models.length === 0) return this.emptyMessage(); }, ifLoaded: function(fn, scope) { scope || (scope = this); fn || (fn = function() { return true; }); return this.collection.ifLoaded(fn, scope); }, applyFilter: function(values, options) { if (options == null) { options = { auto: true, refresh: true }; } return this.collection.applyFilter(values, options); }, renderHeader: function() { var headers, _this = this; this.trigger("before:render:header"); headers = _(this.columns).map(function(column, column_index) { var style; style = column.width ? "width:" + column.width + "px;" : ""; return "