(function() {
_.mixin(_.string);
window.Luca = {
VERSION: "0.6.7",
core: {},
containers: {},
components: {},
modules: {},
fields: {},
util: {},
registry: {
classes: {},
namespaces: ["Luca.containers", "Luca.components"]
},
component_cache: {
cid_index: {},
name_index: {}
}
};
Luca.enableBootstrap = true;
Luca.registry.addNamespace = function(identifier) {
Luca.registry.namespaces.push(identifier);
return Luca.registry.namespaces = _(Luca.registry.namespaces).uniq();
};
Luca.cache = function(needle, component) {
var lookup_id;
if (component != null) Luca.component_cache.cid_index[needle] = component;
component = Luca.component_cache.cid_index[needle];
if ((component != null ? component.component_name : void 0) != null) {
Luca.component_cache.name_index[component.component_name] = component.cid;
} else if ((component != null ? component.name : void 0) != null) {
Luca.component_cache.name_index[component.name] = component.cid;
}
if (component != null) return component;
lookup_id = Luca.component_cache.name_index[needle];
return Luca.component_cache.cid_index[lookup_id];
};
Luca.util.nestedValue = function(accessor, source_object) {
return _(accessor.split(/\./)).inject(function(obj, key) {
return obj = obj != null ? obj[key] : void 0;
}, source_object);
};
Luca.registry.lookup = function(ctype) {
var c, className, parents;
c = Luca.registry.classes[ctype];
if (c != null) return c;
className = _.camelize(_.capitalize(ctype));
parents = _(Luca.registry.namespaces).map(function(namespace) {
return Luca.util.nestedValue(namespace, window || global);
});
return _.first(_.compact(_(parents).map(function(parent) {
return parent[className];
})));
};
Luca.util.lazyComponent = function(config) {
var componentClass, constructor, ctype;
ctype = config.ctype;
componentClass = Luca.registry.lookup(ctype);
if (!componentClass) {
throw "Invalid Component Type: " + ctype + ". Did you forget to register it?";
}
constructor = eval(componentClass);
return new constructor(config);
};
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";
} else {
return Luca.registry.classes[component] = constructor_class;
}
};
Luca.available_templates = function(filter) {
var available;
if (filter == null) filter = "";
available = _(Luca.templates).keys();
if (filter.length > 0) {
return _(available).select(function(tmpl) {
return tmpl.match(filter);
});
} else {
return available;
}
};
Luca.util.isIE = function() {
try {
Object.defineProperty({}, '', {});
return false;
} catch (e) {
return true;
}
};
$((function() {
return $('body').addClass('luca-ui-enabled');
})());
}).call(this);
(function() {
Luca.modules.Deferrable = {
configure_collection: function(setAsDeferrable) {
var collectionManager, _ref, _ref2;
if (setAsDeferrable == null) setAsDeferrable = true;
if (!this.collection) return;
if (_.isString(this.collection) && (collectionManager = (_ref = Luca.CollectionManager) != null ? _ref.get() : void 0)) {
this.collection = collectionManager.getOrCreate(this.collection);
}
if (!(this.collection && _.isFunction(this.collection.fetch) && _.isFunction(this.collection.reset))) {
this.collection = new Luca.Collection(this.collection.initial_set, this.collection);
}
if ((_ref2 = this.collection) != null ? _ref2.deferrable_trigger : void 0) {
this.deferrable_trigger = this.collection.deferrable_trigger;
}
if (setAsDeferrable) return this.deferrable = this.collection;
}
};
}).call(this);
(function() {
Luca.LocalStore = (function() {
function LocalStore(name) {
var store;
this.name = name;
store = localStorage.getItem(this.name);
this.data = (store && JSON.parse(store)) || {};
}
LocalStore.prototype.guid = function() {
var S4;
S4 = function() {
return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
};
return S4() + S4() + "-" + S4() + "-" + S4() + "-" + S4() + "-" + S4() + S4() + S4();
};
LocalStore.prototype.save = function() {
return localStorage.setItem(this.name, JSON.stringify(this.data));
};
LocalStore.prototype.create = function(model) {
if (!model.id) model.id = model.attribtues.id = this.guid();
this.data[model.id] = model;
this.save();
return model;
};
LocalStore.prototype.update = function(model) {
this.data[model.id] = model;
this.save();
return model;
};
LocalStore.prototype.find = function(model) {
return this.data[model.id];
};
LocalStore.prototype.findAll = function() {
return _.values(this.data);
};
LocalStore.prototype.destroy = function(model) {
delete this.data[model.id];
this.save();
return model;
};
return LocalStore;
})();
Backbone.LocalSync = function(method, model, options) {
var resp, store;
store = model.localStorage || model.collection.localStorage;
resp = (function() {
switch (method) {
case "read":
if (model.id) {
return store.find(model);
} else {
return store.findAll();
}
case "create":
return store.create(model);
case "update":
return store.update(model);
case "delete":
return store.destroy(model);
}
})();
if (resp) {
return options.success(resp);
} else {
return options.error("Record not found");
}
};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["components/bootstrap_form_controls"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'form-actions\'>\n <a class=\'btn btn-primary submit-button\'>\n <i class=\'icon-ok icon-white\'></i>\n Save Changes\n </a>\n <a class=\'btn reset-button cancel-button\'>\n <i class=\'icon-remove\'></i>\n Cancel\n </a>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["components/collection_loader_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'modal\' id=\'progress-model\' stype=\'display: none;\'>\n <div class=\'progress progress-info progress-striped active\'>\n <div class=\'bar\' style=\'width: 0%;\'></div>\n </div>\n <div class=\'message\'>\n Initializing...\n </div>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["components/form_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'luca-ui-form-view-wrapper\' id=\'', cid ,'-wrapper\'>\n <div class=\'form-view-header\'>\n <div class=\'toolbar-container top\' id=\'', cid ,'-top-toolbar-container\'></div>\n </div>\n '); if(legend){ __p.push('\n <fieldset>\n <legend>\n ', legend ,'\n </legend>\n <div class=\'form-view-flash-container\'></div>\n <div class=\'form-view-body\'></div>\n </fieldset>\n '); } else { __p.push('\n <ul class=\'form-view-flash-container\'></ul>\n <div class=\'form-view-body\'></div>\n '); } __p.push('\n <div class=\'form-view-footer\'>\n <div class=\'toolbar-container bottom\' id=\'', cid ,'-bottom-toolbar-container\'></div>\n </div>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["components/grid_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'luca-ui-grid-view-wrapper\'>\n <div class=\'grid-view-header\'>\n <div class=\'toolbar-container top\'></div>\n </div>\n <div class=\'grid-view-body\'>\n <table cellpadding=\'0\' cellspacing=\'0\' class=\'luca-ui-grid-view scrollable-table\' width=\'100%\'>\n <thead class=\'fixed\'></thead>\n <tbody class=\'scrollable\'></tbody>\n </table>\n </div>\n <div class=\'grid-view-footer\'>\n <div class=\'toolbar-container bottom\'></div>\n </div>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["components/grid_view_empty_text"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'empty-text-wrapper\'>\n <p>\n ', text ,'\n </p>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["containers/basic"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'', classes ,'\' id=\'', id ,'\' style=\'', style ,'\'></div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["containers/tab_selector_container"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'tab-selector-container\' id=\'', cid ,'-tab-selector\'>\n <ul class=\'nav nav-tabs\' id=\'', cid ,'-tabs-nav\'>\n '); for(var i = 0; i < components.length; i++ ) { __p.push('\n '); var component = components[i];__p.push('\n <li class=\'tab-selector\' data-target=\'', i ,'\'>\n <a data-target=\'', i ,'\'>\n ', component.title ,'\n </a>\n </li>\n '); } __p.push('\n </ul>\n</div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["containers/tab_view"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'tab-content\' id=\'', cid ,'-tab-view-content\'></div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["containers/toolbar_wrapper"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<div class=\'luca-ui-toolbar-wrapper\' id=\'', id ,'\'></div>\n');}return __p.join('');};
}).call(this);
(function() {
Luca.templates || (Luca.templates = {});
Luca.templates["fields/button_field"] = function(obj){var __p=[],print=function(){__p.push.apply(__p,arguments);};with(obj||{}){__p.push('<label> </label>\n<input class=\'btn ', input_class ,'\' id=\'', input_id ,'\' style=\'', inputStyles ,'\' type=\'', input_type ,'\' value=\'', input_value ,'\' />\n');}return __p.join('');};
}).call(this);
(function() {
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_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('');};
}).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('<label for=\'', input_id ,'\'>\n ', label ,'\n</label>\n<input id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\' type=\'file\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n ', helperText ,'\n</p>\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('<input id=\'', input_id ,'\' name=\'', input_name ,'\' type=\'hidden\' value=\'', input_value ,'\' />\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('<label for=\'', input_id ,'\'>\n ', label ,'\n</label>\n<select id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\'></select>\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n ', helperText ,'\n</p>\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('<label for=\'', input_id ,'\'>\n ', label ,'\n</label>\n<textarea class=\'', input_class ,'\' id=\'', input_id ,'\' name=\'', input_name ,'\' style=\'', inputStyles ,'\'></textarea>\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n ', helperText ,'\n</p>\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('<label class=\'control-label\' for=\'', input_id ,'\'>\n ', label ,'\n</label>\n'); if( typeof(addOn) !== "undefined" ) { __p.push('\n<span class=\'add-on\'>\n ', addOn ,'\n</span>\n'); } __p.push('\n<input id=\'', input_id ,'\' name=\'', input_name ,'\' placeholder=\'', placeHolder ,'\' style=\'', inputStyles ,'\' type=\'text\' />\n'); if(helperText) { __p.push('\n<p class=\'helper-text help-block\'>\n ', helperText ,'\n</p>\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('<p>Sample Contents</p>\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("<option value='" + this.blankValue + "'>" + this.blankText + "</option>");
}
},
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 = "<option " + selected + " value='" + value + "'>" + display + "</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 "<th style='" + style + "' class='column-" + column_index + "'>" + column.header + "</th>";
});
return this.header.append("<tr>" + headers + "</tr>");
},
render_row: function(row, row_index) {
var alt_class, cells, model_id, _ref,
_this = this;
model_id = (row != null ? row.get : void 0) && (row != null ? row.attributes : void 0) ? row.get('id') : '';
this.trigger("before:render:row", row, row_index);
cells = _(this.columns).map(function(column, col_index) {
var display, style, value;
value = _this.cell_renderer(row, column, col_index);
style = column.width ? "width:" + column.width + "px;" : "";
display = _.isUndefined(value) ? "" : value;
return "<td style='" + style + "' class='column-" + col_index + "'>" + display + "</td>";
});
if (this.alternateRowClasses) {
alt_class = row_index % 2 === 0 ? "even" : "odd";
}
return (_ref = this.body) != null ? _ref.append("<tr data-record-id='" + model_id + "' data-row-index='" + row_index + "' class='grid-view-row " + alt_class + "' id='row-" + row_index + "'>" + cells + "</tr>") : void 0;
},
cell_renderer: function(row, column, columnIndex) {
var source;
if (_.isFunction(column.renderer)) {
return column.renderer.apply(this, [row, column, columnIndex]);
} else if (column.data.match(/\w+\.\w+/)) {
source = row.attributes || row;
return Luca.util.nestedValue(column.data, source);
} else {
return (typeof row.get === "function" ? row.get(column.data) : void 0) || row[column.data];
}
},
double_click_handler: function(e) {
var me, my, record, rowIndex;
me = my = $(e.currentTarget);
rowIndex = my.data('row-index');
record = this.collection.at(rowIndex);
return this.trigger("row:double:click", this, record, rowIndex);
},
click_handler: function(e) {
var me, my, record, rowIndex;
me = my = $(e.currentTarget);
rowIndex = my.data('row-index');
record = this.collection.at(rowIndex);
this.trigger("row:click", this, record, rowIndex);
$('.grid-view-row', this.body).removeClass('selected-row');
return me.addClass('selected-row');
}
});
Luca.register("grid_view", "Luca.components.GridView");
}).call(this);
(function() {
Luca.components.RecordManager = Luca.containers.CardView.extend({
events: {
"click .record-manager-grid .edit-link": "edit_handler",
"click .record-manager-filter .filter-button": "filter_handler",
"click .record-manager-filter .reset-button": "reset_filter_handler",
"click .add-button": "add_handler",
"click .refresh-button": "filter_handler",
"click .back-to-search-button": "back_to_search_handler"
},
record_manager: true,
initialize: function(options) {
var _this = this;
this.options = options != null ? options : {};
Luca.containers.CardView.prototype.initialize.apply(this, arguments);
if (!this.name) throw "Record Managers must specify a name";
_.bindAll(this, "add_handler", "edit_handler", "filter_handler", "reset_filter_handler");
if (this.filterConfig) _.extend(this.components[0][0], this.filterConfig);
if (this.gridConfig) _.extend(this.components[0][1], this.gridConfig);
if (this.editorConfig) _.extend(this.components[1][0], this.editorConfig);
return this.bind("after:card:switch", function() {
if (_this.activeCard === 0) _this.trigger("activation:search", _this);
if (_this.activeCard === 1) {
return _this.trigger("activation:editor", _this);
}
});
},
components: [
{
ctype: 'split_view',
relayFirstActivation: true,
components: [
{
ctype: 'form_view'
}, {
ctype: 'grid_view'
}
]
}, {
ctype: 'form_view'
}
],
getSearch: function(activate, reset) {
if (activate == null) activate = false;
if (reset == null) reset = true;
if (activate === true) this.activate(0);
if (reset === true) this.getEditor().clear();
return _.first(this.components);
},
getFilter: function() {
return _.first(this.getSearch().components);
},
getGrid: function() {
return _.last(this.getSearch().components);
},
getCollection: function() {
return this.getGrid().collection;
},
getEditor: function(activate, reset) {
var _this = this;
if (activate == null) activate = false;
if (reset == null) reset = false;
if (activate === true) {
this.activate(1, function(activator, previous, current) {
return current.reset();
});
}
return _.last(this.components);
},
beforeRender: function() {
var _ref;
this.$el.addClass("" + this.resource + "-manager");
if ((_ref = Luca.containers.CardView.prototype.beforeRender) != null) {
_ref.apply(this, arguments);
}
this.$el.addClass("" + this.resource + " record-manager");
this.$el.data('resource', this.resource);
$(this.getGrid().el).addClass("" + this.resource + " record-manager-grid");
$(this.getFilter().el).addClass("" + this.resource + " record-manager-filter");
return $(this.getEditor().el).addClass("" + this.resource + " record-manager-editor");
},
afterRender: function() {
var collection, editor, filter, grid, manager, _ref,
_this = this;
if ((_ref = Luca.containers.CardView.prototype.afterRender) != null) {
_ref.apply(this, arguments);
}
manager = this;
grid = this.getGrid();
filter = this.getFilter();
editor = this.getEditor();
collection = this.getCollection();
grid.bind("row:double:click", function(grid, model, index) {
manager.getEditor(true);
return editor.loadModel(model);
});
editor.bind("before:submit", function() {
$('.form-view-flash-container', _this.el).html('');
return $('.form-view-body', _this.el).spin("large");
});
editor.bind("after:submit", function() {
return $('.form-view-body', _this.el).spin(false);
});
editor.bind("after:submit:fatal_error", function() {
$('.form-view-flash-container', _this.el).append("<li class='error'>There was an internal server error saving this record. Please contact developers@benchprep.com to report this error.</li>");
return $('.form-view-body', _this.el).spin(false);
});
editor.bind("after:submit:error", function(form, model, response) {
return _(response.errors).each(function(error) {
return $('.form-view-flash-container', _this.el).append("<li class='error'>" + error + "</li>");
});
});
editor.bind("after:submit:success", function(form, model, response) {
$('.form-view-flash-container', _this.el).append("<li class='success'>Successfully Saved Record</li>");
model.set(response.result);
form.loadModel(model);
grid.refresh();
return _.delay(function() {
$('.form-view-flash-container li.success', _this.el).fadeOut(1000);
return $('.form-view-flash-container', _this.el).html('');
}, 4000);
});
return filter.eachComponent(function(component) {
try {
return component.bind("on:change", _this.filter_handler);
} catch (e) {
return;
}
});
},
firstActivation: function() {
this.getGrid().trigger("first:activation", this, this.getGrid());
return this.getFilter().trigger("first:activation", this, this.getGrid());
},
reload: function() {
var editor, filter, grid, manager;
manager = this;
grid = this.getGrid();
filter = this.getFilter();
editor = this.getEditor();
filter.clear();
return grid.applyFilter();
},
manageRecord: function(record_id) {
var model,
_this = this;
model = this.getCollection().get(record_id);
if (model) return this.loadModel(model);
console.log("Could Not Find Model, building and fetching");
model = this.buildModel();
model.set({
id: record_id
}, {
silent: true
});
return model.fetch({
success: function(model, response) {
return _this.loadModel(model);
}
});
},
loadModel: function(current_model) {
this.current_model = current_model;
this.getEditor(true).loadModel(this.current_model);
return this.trigger("model:loaded", this.current_model);
},
currentModel: function() {
return this.getEditor(false).currentModel();
},
buildModel: function() {
var collection, editor, model;
editor = this.getEditor(false);
collection = this.getCollection();
collection.add([{}], {
silent: true,
at: 0
});
return model = collection.at(0);
},
createModel: function() {
return this.loadModel(this.buildModel());
},
reset_filter_handler: function(e) {
this.getFilter().clear();
return this.getGrid().applyFilter(this.getFilter().getValues());
},
filter_handler: function(e) {
return this.getGrid().applyFilter(this.getFilter().getValues());
},
edit_handler: function(e) {
var me, model, my, record_id;
me = my = $(e.currentTarget);
record_id = my.parents('tr').data('record-id');
if (record_id) model = this.getGrid().collection.get(record_id);
return model || (model = this.getGrid().collection.at(row_index));
},
add_handler: function(e) {
var me, my, resource;
me = my = $(e.currentTarget);
return resource = my.parents('.record-manager').eq(0).data('resource');
},
destroy_handler: function(e) {},
back_to_search_handler: function() {}
});
}).call(this);
(function() {
Luca.Router = Backbone.Router.extend({
routes: {
"": "default"
},
initialize: function(options) {
var _this = this;
this.options = options;
_.extend(this, this.options);
this.routeHandlers = _(this.routes).values();
return _(this.routeHandlers).each(function(route_id) {
return _this.bind("route:" + route_id, function() {
return _this.trigger.apply(_this, ["change:navigation", route_id].concat(_(arguments).flatten()));
});
});
},
navigate: function(route, triggerRoute) {
if (triggerRoute == null) triggerRoute = false;
Backbone.Router.prototype.navigate.apply(this, arguments);
return this.buildPathFrom(Backbone.history.getFragment());
},
buildPathFrom: function(matchedRoute) {
var _this = this;
return _(this.routes).each(function(route_id, route) {
var args, regex;
regex = _this._routeToRegExp(route);
if (regex.test(matchedRoute)) {
args = _this._extractParameters(regex, matchedRoute);
return _this.trigger.apply(_this, ["change:navigation", route_id].concat(args));
}
});
}
});
}).call(this);
(function() {
}).call(this);