diff --git a/Gruntfile.js b/Gruntfile.js index b6e5aada7..e5f8b6ab2 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -6,14 +6,14 @@ module.exports = function(grunt) { curl: { 'UI/JsLibraries/backbone.collectionbinder.js': 'http://raw.github.com/theironcook/Backbone.ModelBinder/master/Backbone.CollectionBinder.js', - 'UI/JsLibraries/backbone.js': 'http://raw.github.com/documentcloud/backbone/master/backbone.js', - 'UI/JsLibraries/backbone.marionette.js': 'http://raw.github.com/marionettejs/backbone.marionette/master/lib/backbone.marionette.js', + 'UI/JsLibraries/backbone.js': 'http://backbonejs.org/backbone.js', + 'UI/JsLibraries/backbone.marionette.js': 'http://marionettejs.com/downloads/backbone.marionette.js', 'UI/JsLibraries/backbone.modelbinder.js': 'http://raw.github.com/theironcook/Backbone.ModelBinder/master/Backbone.ModelBinder.js', 'UI/JsLibraries/backbone.mutators.js': 'http://raw.github.com/asciidisco/Backbone.Mutators/master/backbone.mutators.js', 'UI/JsLibraries/backbone.shortcuts.js': 'http://raw.github.com/bry4n/backbone-shortcuts/master/backbone.shortcuts.js', //'UI/JsLibraries/bootstrap.js': //'UI/JsLibraries/bootstrap.slider.js': - 'UI/JsLibraries/bootstrap.swtitch.js': 'http://raw.github.com/nostalgiaz/bootstrap-switch/master/static/js/bootstrapSwitch.js', + 'UI/JsLibraries/bootstrap.switch.js': 'http://raw.github.com/nostalgiaz/bootstrap-switch/master/static/js/bootstrapSwitch.js', 'UI/JsLibraries/handlebars.runtime.js': 'http://raw.github.com/wycats/handlebars.js/master/dist/handlebars.runtime.js', 'UI/JsLibraries/jquery.cookie.js': 'http://raw.github.com/carhartl/jquery-cookie/master/jquery.cookie.js', 'UI/JsLibraries/jquery.js': 'http://code.jquery.com/jquery.js', @@ -21,7 +21,7 @@ module.exports = function(grunt) { //'NzbDrone.Backbone/JsLibraries/jquery.tablesorter.js': 'UI/JsLibraries/require.js': 'http://raw.github.com/jrburke/requirejs/master/require.js', 'UI/JsLibraries/sugar.js': 'http://raw.github.com/andrewplummer/Sugar/master/release/sugar-full.development.js', - 'UI/JsLibraries/underscore.js': 'http://raw.github.com/documentcloud/underscore/master/underscore.js' + 'UI/JsLibraries/underscore.js': 'http://underscorejs.org/underscore.js' }, uglify: { @@ -43,6 +43,7 @@ module.exports = function(grunt) { handlebars: { options: { namespace: "Templates", + wrapped: true, processName: function(fileName){ return fileName .replace('UI/','') @@ -123,5 +124,6 @@ module.exports = function(grunt) { grunt.loadNpmTasks('grunt-curl'); // Default task(s). grunt.registerTask('default', ['copy','less:bootstrap','handlebars', 'watch']); + grunt.registerTask('update', ['curl']); }; \ No newline at end of file diff --git a/UI/AddSeries/AddSeriesLayout.js b/UI/AddSeries/AddSeriesLayout.js index 4218c4f09..205ec88b5 100644 --- a/UI/AddSeries/AddSeriesLayout.js +++ b/UI/AddSeries/AddSeriesLayout.js @@ -57,13 +57,9 @@ define([ }, - initialize: function (context, action, query) { - if (action) { - this.action = action.toLowerCase(); - } - - if (query) { - this.query = query.toLowerCase(); + initialize: function (options) { + if (options.action) { + this.action = options.action.toLowerCase(); } }, diff --git a/UI/Calendar/CalendarCollectionView.js b/UI/Calendar/CalendarCollectionView.js index 7855e2048..fb1b89142 100644 --- a/UI/Calendar/CalendarCollectionView.js +++ b/UI/Calendar/CalendarCollectionView.js @@ -10,8 +10,8 @@ define(['app', 'Calendar/CalendarItemView'], function () { calendar: '#calendar' }, - initialize : function (context, action, query, collection) { - this.collection = collection; + initialize : function () { + //should use this.collection? this.calendar = new NzbDrone.Calendar.CalendarCollection(); }, onCompositeCollectionRendered: function () { diff --git a/UI/Controller.js b/UI/Controller.js index ad50b0ef6..8fdb55c36 100644 --- a/UI/Controller.js +++ b/UI/Controller.js @@ -9,69 +9,69 @@ define(['app', 'Shared/ModalRegion', 'AddSeries/AddSeriesLayout', var controller = Backbone.Marionette.Controller.extend({ - addSeries: function (action, query) { - this.setTitle('Add Series'); - NzbDrone.mainRegion.show(new NzbDrone.AddSeries.AddSeriesLayout(this, action, query)); - }, - series: function () { - this.setTitle('NzbDrone'); + this._setTitle('NzbDrone'); NzbDrone.mainRegion.show(new NzbDrone.Series.Index.SeriesIndexCollectionView()); }, - - upcoming: function (action, query) { - this.setTitle('Upcoming'); - NzbDrone.mainRegion.show(new NzbDrone.Upcoming.UpcomingCollectionView(this, action, query)); - }, - - calendar: function (action, query) { - this.setTitle('Calendar'); - var calendarCollection = new NzbDrone.Calendar.CalendarCollection(); - calendarCollection.fetch(); - NzbDrone.mainRegion.show(new NzbDrone.Calendar.CalendarCollectionView(this, action, query, calendarCollection)); - }, - seriesDetails: function (query) { var self = this; - this.setTitle('Loading Series'); + this._setTitle('Loading Series'); var series = new NzbDrone.Series.SeriesModel({ id: query }); series.fetch({ success: function (seriesModel) { - self.setTitle(seriesModel.get('title')); + self._setTitle(seriesModel.get('title')); NzbDrone.mainRegion.show(new NzbDrone.Series.Details.SeriesDetailsView({ model: seriesModel })); } }); }, - settings: function (action, query) { - this.setTitle('Settings'); + addSeries: function (action) { + this._setTitle('Add Series'); + NzbDrone.mainRegion.show(new NzbDrone.AddSeries.AddSeriesLayout({action: action})); + }, + + upcoming: function () { + this._setTitle('Upcoming'); + NzbDrone.mainRegion.show(new NzbDrone.Upcoming.UpcomingCollectionView()); + }, + + calendar: function () { + this._setTitle('Calendar'); + var calendarCollection = new NzbDrone.Calendar.CalendarCollection(); + calendarCollection.fetch(); + NzbDrone.mainRegion.show(new NzbDrone.Calendar.CalendarCollectionView({collection: calendarCollection})); + }, + + + settings: function (action) { + this._setTitle('Settings'); var settingsModel = new NzbDrone.Settings.SettingsModel(); settingsModel.fetch({ success: function (settings) { - NzbDrone.mainRegion.show(new NzbDrone.Settings.SettingsLayout(this, action, query, settings)); + NzbDrone.mainRegion.show(new NzbDrone.Settings.SettingsLayout({settings: settings, action: action})); } }); }, - missing: function (action, query) { - this.setTitle('Missing'); + missing: function () { + this._setTitle('Missing'); var missingCollection = new NzbDrone.Missing.MissingCollection(); missingCollection.fetch({ - success: function (missing) { - NzbDrone.mainRegion.show(new NzbDrone.Missing.MissingCollectionView(this, action, query, missing)); + success: function () { + NzbDrone.mainRegion.show(new NzbDrone.Missing.MissingCollectionView({collection: missingCollection})); } }); }, notFound: function () { - this.setTitle('Not Found'); + this._setTitle('Not Found'); NzbDrone.mainRegion.show(new NzbDrone.Shared.NotFoundView(this)); }, - setTitle: function (title) { + _setTitle: function (title) { $('#title-region').html(title); if (title.toLocaleLowerCase() === 'nzbdrone') { diff --git a/UI/Index.html b/UI/Index.html index dfadfedfc..24e63a4fa 100644 --- a/UI/Index.html +++ b/UI/Index.html @@ -92,7 +92,7 @@ - + diff --git a/UI/JsLibraries/backbone.collectionbinder.js b/UI/JsLibraries/backbone.collectionbinder.js index 7b6f19e50..12f081bc9 100644 --- a/UI/JsLibraries/backbone.collectionbinder.js +++ b/UI/JsLibraries/backbone.collectionbinder.js @@ -1,23 +1,23 @@ -// Backbone.CollectionBinder v0.1.1 -// (c) 2012 Bart Wood +// Backbone.CollectionBinder v1.0.0 +// (c) 2013 Bart Wood // Distributed Under MIT License -(function () { +(function(){ - if (!Backbone) { + if(!Backbone){ throw 'Please include Backbone.js before Backbone.ModelBinder.js'; } - if (!Backbone.ModelBinder) { + if(!Backbone.ModelBinder){ throw 'Please include Backbone.ModelBinder.js before Backbone.CollectionBinder.js'; } - Backbone.CollectionBinder = function (elManagerFactory, options) { + Backbone.CollectionBinder = function(elManagerFactory, options){ _.bindAll(this); this._elManagers = {}; this._elManagerFactory = elManagerFactory; - if (!this._elManagerFactory) throw 'elManagerFactory must be defined.'; + if(!this._elManagerFactory) throw 'elManagerFactory must be defined.'; // Let the factory just use the trigger function on the view binder this._elManagerFactory.trigger = this.trigger; @@ -25,14 +25,14 @@ this._options = options || {}; }; - Backbone.CollectionBinder.VERSION = '0.1.1'; + Backbone.CollectionBinder.VERSION = '1.0.0'; _.extend(Backbone.CollectionBinder.prototype, Backbone.Events, { - bind: function (collection, parentEl) { + bind: function(collection, parentEl){ this.unbind(); - if (!collection) throw 'collection must be defined'; - if (!parentEl) throw 'parentEl must be defined'; + if(!collection) throw 'collection must be defined'; + if(!parentEl) throw 'parentEl must be defined'; this._collection = collection; this._elManagerFactory.setParentEl(parentEl); @@ -45,8 +45,8 @@ }, - unbind: function () { - if (this._collection !== undefined) { + unbind: function(){ + if(this._collection !== undefined){ this._collection.off('add', this._onCollectionAdd); this._collection.off('remove', this._onCollectionRemove); this._collection.off('reset', this._onCollectionReset); @@ -55,13 +55,13 @@ this._removeAllElManagers(); }, - getManagerForEl: function (el) { + getManagerForEl: function(el){ var i, elManager, elManagers = _.values(this._elManagers); - for (i = 0; i < elManagers.length; i++) { + for(i = 0; i < elManagers.length; i++){ elManager = elManagers[i]; - if (elManager.isElContained(el)) { + if(elManager.isElContained(el)){ return elManager; } } @@ -69,13 +69,13 @@ return undefined; }, - getManagerForModel: function (model) { + getManagerForModel: function(model){ var i, elManager, elManagers = _.values(this._elManagers); - for (i = 0; i < elManagers.length; i++) { + for(i = 0; i < elManagers.length; i++){ elManager = elManagers[i]; - if (elManager.getModel() === model) { + if(elManager.getModel() === model){ return elManager; } } @@ -83,31 +83,31 @@ return undefined; }, - _onCollectionAdd: function (model) { + _onCollectionAdd: function(model){ this._elManagers[model.cid] = this._elManagerFactory.makeElManager(model); this._elManagers[model.cid].createEl(); - if (this._options['autoSort']) { + if(this._options['autoSort']){ this.sortRootEls(); } }, - _onCollectionRemove: function (model) { + _onCollectionRemove: function(model){ this._removeElManager(model); }, - _onCollectionReset: function () { + _onCollectionReset: function(){ this._removeAllElManagers(); - this._collection.each(function (model) { + this._collection.each(function(model){ this._onCollectionAdd(model); }, this); this.trigger('elsReset', this._collection); }, - _removeAllElManagers: function () { - _.each(this._elManagers, function (elManager) { + _removeAllElManagers: function(){ + _.each(this._elManagers, function(elManager){ elManager.removeEl(); delete this._elManagers[elManager._model.cid]; }, this); @@ -116,21 +116,21 @@ this._elManagers = {}; }, - _removeElManager: function (model) { - if (this._elManagers[model.cid] !== undefined) { + _removeElManager: function(model){ + if(this._elManagers[model.cid] !== undefined){ this._elManagers[model.cid].removeEl(); delete this._elManagers[model.cid]; } }, - sortRootEls: function () { - this._collection.each(function (model, modelIndex) { + sortRootEls: function(){ + this._collection.each(function(model, modelIndex){ var modelElManager = this.getManagerForModel(model); - if (modelElManager) { + if(modelElManager){ var modelEl = modelElManager.getEl(); - var currentRootEls = this._elManagerFactory.getParentEl().children(); + var currentRootEls = $(this._elManagerFactory.getParentEl()).children(); - if (currentRootEls[modelIndex] !== modelEl[0]) { + if(currentRootEls[modelIndex] !== modelEl[0]){ modelEl.detach(); modelEl.insertBefore(currentRootEls[modelIndex]); } @@ -142,40 +142,40 @@ // The ElManagerFactory is used for els that are just html templates // elHtml - how the model's html will be rendered. Must have a single root element (div,span). // bindings (optional) - either a string which is the binding attribute (name, id, data-name, etc.) or a normal bindings hash - Backbone.CollectionBinder.ElManagerFactory = function (elHtml, bindings) { + Backbone.CollectionBinder.ElManagerFactory = function(elHtml, bindings){ _.bindAll(this); this._elHtml = elHtml; this._bindings = bindings; - if (!_.isString(this._elHtml)) throw 'elHtml must be a valid html string'; + if(! _.isString(this._elHtml)) throw 'elHtml must be a valid html string'; }; _.extend(Backbone.CollectionBinder.ElManagerFactory.prototype, { - setParentEl: function (parentEl) { + setParentEl: function(parentEl){ this._parentEl = parentEl; }, - getParentEl: function () { + getParentEl: function(){ return this._parentEl; }, - makeElManager: function (model) { + makeElManager: function(model){ var elManager = { _model: model, - createEl: function () { + createEl: function(){ - this._el = $(this._elHtml); + this._el = $(this._elHtml); $(this._parentEl).append(this._el); - if (this._bindings) { - if (_.isString(this._bindings)) { + if(this._bindings){ + if(_.isString(this._bindings)){ this._modelBinder = new Backbone.ModelBinder(); this._modelBinder.bind(this._model, this._el, Backbone.ModelBinder.createDefaultBindings(this._el, this._bindings)); } - else if (_.isObject(this._bindings)) { + else if(_.isObject(this._bindings)){ this._modelBinder = new Backbone.ModelBinder(); this._modelBinder.bind(this._model, this._el, this._bindings); } @@ -187,8 +187,8 @@ this.trigger('elCreated', this._model, this._el); }, - removeEl: function () { - if (this._modelBinder !== undefined) { + removeEl: function(){ + if(this._modelBinder !== undefined){ this._modelBinder.unbind(); } @@ -196,15 +196,15 @@ this.trigger('elRemoved', this._model, this._el); }, - isElContained: function (findEl) { + isElContained: function(findEl){ return this._el === findEl || $(this._el).has(findEl).length > 0; }, - getModel: function () { + getModel: function(){ return this._model; }, - getEl: function () { + getEl: function(){ return this._el; } }; @@ -218,36 +218,36 @@ // The ViewManagerFactory is used for els that are created and owned by backbone views. // There is no bindings option because the view made by the viewCreator should take care of any binding // viewCreator - a callback that will create backbone view instances for a model passed to the callback - Backbone.CollectionBinder.ViewManagerFactory = function (viewCreator) { + Backbone.CollectionBinder.ViewManagerFactory = function(viewCreator){ _.bindAll(this); this._viewCreator = viewCreator; - if (!_.isFunction(this._viewCreator)) throw 'viewCreator must be a valid function that accepts a model and returns a backbone view'; + if(!_.isFunction(this._viewCreator)) throw 'viewCreator must be a valid function that accepts a model and returns a backbone view'; }; _.extend(Backbone.CollectionBinder.ViewManagerFactory.prototype, { - setParentEl: function (parentEl) { + setParentEl: function(parentEl){ this._parentEl = parentEl; }, - getParentEl: function () { + getParentEl: function(){ return this._parentEl; }, - makeElManager: function (model) { + makeElManager: function(model){ var elManager = { _model: model, - createEl: function () { + createEl: function(){ this._view = this._viewCreator(model); $(this._parentEl).append(this._view.render(this._model).el); this.trigger('elCreated', this._model, this._view); }, - removeEl: function () { - if (this._view.close !== undefined) { + removeEl: function(){ + if(this._view.close !== undefined){ this._view.close(); } else { @@ -258,19 +258,19 @@ this.trigger('elRemoved', this._model, this._view); }, - isElContained: function (findEl) { + isElContained: function(findEl){ return this._view.el === findEl || this._view.$el.has(findEl).length > 0; }, - getModel: function () { + getModel: function(){ return this._model; }, - getView: function () { + getView: function(){ return this._view; }, - getEl: function () { + getEl: function(){ return this._view.$el; } }; @@ -281,4 +281,4 @@ } }); -}).call(this); \ No newline at end of file +}).call(this); diff --git a/UI/JsLibraries/backbone.js b/UI/JsLibraries/backbone.js index 81fa010b8..3512d42fb 100644 --- a/UI/JsLibraries/backbone.js +++ b/UI/JsLibraries/backbone.js @@ -1,1499 +1,1571 @@ -// Backbone.js 0.9.10 +// Backbone.js 1.0.0 -// (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. +// (c) 2010-2013 Jeremy Ashkenas, DocumentCloud Inc. // Backbone may be freely distributed under the MIT license. // For all details and documentation: // http://backbonejs.org -(function () { +(function(){ - // Initial Setup - // ------------- + // Initial Setup + // ------------- - // Save a reference to the global object (`window` in the browser, `exports` - // on the server). - var root = this; + // Save a reference to the global object (`window` in the browser, `exports` + // on the server). + var root = this; - // Save the previous value of the `Backbone` variable, so that it can be - // restored later on, if `noConflict` is used. - var previousBackbone = root.Backbone; + // Save the previous value of the `Backbone` variable, so that it can be + // restored later on, if `noConflict` is used. + var previousBackbone = root.Backbone; - // Create a local reference to array methods. - var array = []; - var push = array.push; - var slice = array.slice; - var splice = array.splice; + // Create local references to array methods we'll want to use later. + var array = []; + var push = array.push; + var slice = array.slice; + var splice = array.splice; - // The top-level namespace. All public Backbone classes and modules will - // be attached to this. Exported for both CommonJS and the browser. - var Backbone; - if (typeof exports !== 'undefined') { - Backbone = exports; - } else { - Backbone = root.Backbone = {}; + // The top-level namespace. All public Backbone classes and modules will + // be attached to this. Exported for both the browser and the server. + var Backbone; + if (typeof exports !== 'undefined') { + Backbone = exports; + } else { + Backbone = root.Backbone = {}; + } + + // Current version of the library. Keep in sync with `package.json`. + Backbone.VERSION = '1.0.0'; + + // Require Underscore, if we're on the server, and it's not already present. + var _ = root._; + if (!_ && (typeof require !== 'undefined')) _ = require('underscore'); + + // For Backbone's purposes, jQuery, Zepto, Ender, or My Library (kidding) owns + // the `$` variable. + Backbone.$ = root.jQuery || root.Zepto || root.ender || root.$; + + // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable + // to its previous owner. Returns a reference to this Backbone object. + Backbone.noConflict = function() { + root.Backbone = previousBackbone; + return this; + }; + + // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option + // will fake `"PUT"` and `"DELETE"` requests via the `_method` parameter and + // set a `X-Http-Method-Override` header. + Backbone.emulateHTTP = false; + + // Turn on `emulateJSON` to support legacy servers that can't deal with direct + // `application/json` requests ... will encode the body as + // `application/x-www-form-urlencoded` instead and will send the model in a + // form param named `model`. + Backbone.emulateJSON = false; + + // Backbone.Events + // --------------- + + // A module that can be mixed in to *any object* in order to provide it with + // custom events. You may bind with `on` or remove with `off` callback + // functions to an event; `trigger`-ing an event fires all callbacks in + // succession. + // + // var object = {}; + // _.extend(object, Backbone.Events); + // object.on('expand', function(){ alert('expanded'); }); + // object.trigger('expand'); + // + var Events = Backbone.Events = { + + // Bind an event to a `callback` function. Passing `"all"` will bind + // the callback to all events fired. + on: function(name, callback, context) { + if (!eventsApi(this, 'on', name, [callback, context]) || !callback) return this; + this._events || (this._events = {}); + var events = this._events[name] || (this._events[name] = []); + events.push({callback: callback, context: context, ctx: context || this}); + return this; + }, + + // Bind an event to only be triggered a single time. After the first time + // the callback is invoked, it will be removed. + once: function(name, callback, context) { + if (!eventsApi(this, 'once', name, [callback, context]) || !callback) return this; + var self = this; + var once = _.once(function() { + self.off(name, once); + callback.apply(this, arguments); + }); + once._callback = callback; + return this.on(name, once, context); + }, + + // Remove one or many callbacks. If `context` is null, removes all + // callbacks with that function. If `callback` is null, removes all + // callbacks for the event. If `name` is null, removes all bound + // callbacks for all events. + off: function(name, callback, context) { + var retain, ev, events, names, i, l, j, k; + if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this; + if (!name && !callback && !context) { + this._events = {}; + return this; + } + + names = name ? [name] : _.keys(this._events); + for (i = 0, l = names.length; i < l; i++) { + name = names[i]; + if (events = this._events[name]) { + this._events[name] = retain = []; + if (callback || context) { + for (j = 0, k = events.length; j < k; j++) { + ev = events[j]; + if ((callback && callback !== ev.callback && callback !== ev.callback._callback) || + (context && context !== ev.context)) { + retain.push(ev); + } + } + } + if (!retain.length) delete this._events[name]; + } + } + + return this; + }, + + // Trigger one or many events, firing all bound callbacks. Callbacks are + // passed the same arguments as `trigger` is, apart from the event name + // (unless you're listening on `"all"`, which will cause your callback to + // receive the true name of the event as the first argument). + trigger: function(name) { + if (!this._events) return this; + var args = slice.call(arguments, 1); + if (!eventsApi(this, 'trigger', name, args)) return this; + var events = this._events[name]; + var allEvents = this._events.all; + if (events) triggerEvents(events, args); + if (allEvents) triggerEvents(allEvents, arguments); + return this; + }, + + // Tell this object to stop listening to either specific events ... or + // to every object it's currently listening to. + stopListening: function(obj, name, callback) { + var listeners = this._listeners; + if (!listeners) return this; + var deleteListener = !name && !callback; + if (typeof name === 'object') callback = this; + if (obj) (listeners = {})[obj._listenerId] = obj; + for (var id in listeners) { + listeners[id].off(name, callback, this); + if (deleteListener) delete this._listeners[id]; + } + return this; } - // Current version of the library. Keep in sync with `package.json`. - Backbone.VERSION = '0.9.10'; + }; - // Require Underscore, if we're on the server, and it's not already present. - var _ = root._; - if (!_ && (typeof require !== 'undefined')) _ = require('underscore'); + // Regular expression used to split event strings. + var eventSplitter = /\s+/; - // For Backbone's purposes, jQuery, Zepto, or Ender owns the `$` variable. - Backbone.$ = root.jQuery || root.Zepto || root.ender; + // Implement fancy features of the Events API such as multiple event + // names `"change blur"` and jQuery-style event maps `{change: action}` + // in terms of the existing API. + var eventsApi = function(obj, action, name, rest) { + if (!name) return true; - // Runs Backbone.js in *noConflict* mode, returning the `Backbone` variable - // to its previous owner. Returns a reference to this Backbone object. - Backbone.noConflict = function () { - root.Backbone = previousBackbone; - return this; + // Handle event maps. + if (typeof name === 'object') { + for (var key in name) { + obj[action].apply(obj, [key, name[key]].concat(rest)); + } + return false; + } + + // Handle space separated event names. + if (eventSplitter.test(name)) { + var names = name.split(eventSplitter); + for (var i = 0, l = names.length; i < l; i++) { + obj[action].apply(obj, [names[i]].concat(rest)); + } + return false; + } + + return true; + }; + + // A difficult-to-believe, but optimized internal dispatch function for + // triggering events. Tries to keep the usual cases speedy (most internal + // Backbone events have 3 arguments). + var triggerEvents = function(events, args) { + var ev, i = -1, l = events.length, a1 = args[0], a2 = args[1], a3 = args[2]; + switch (args.length) { + case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); return; + case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1); return; + case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2); return; + case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, a1, a2, a3); return; + default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); + } + }; + + var listenMethods = {listenTo: 'on', listenToOnce: 'once'}; + + // Inversion-of-control versions of `on` and `once`. Tell *this* object to + // listen to an event in another object ... keeping track of what it's + // listening to. + _.each(listenMethods, function(implementation, method) { + Events[method] = function(obj, name, callback) { + var listeners = this._listeners || (this._listeners = {}); + var id = obj._listenerId || (obj._listenerId = _.uniqueId('l')); + listeners[id] = obj; + if (typeof name === 'object') callback = this; + obj[implementation](name, callback, this); + return this; }; + }); - // Turn on `emulateHTTP` to support legacy HTTP servers. Setting this option - // will fake `"PUT"` and `"DELETE"` requests via the `_method` parameter and - // set a `X-Http-Method-Override` header. - Backbone.emulateHTTP = false; + // Aliases for backwards compatibility. + Events.bind = Events.on; + Events.unbind = Events.off; - // Turn on `emulateJSON` to support legacy servers that can't deal with direct - // `application/json` requests ... will encode the body as - // `application/x-www-form-urlencoded` instead and will send the model in a - // form param named `model`. - Backbone.emulateJSON = false; + // Allow the `Backbone` object to serve as a global event bus, for folks who + // want global "pubsub" in a convenient place. + _.extend(Backbone, Events); - // Backbone.Events - // --------------- + // Backbone.Model + // -------------- - // Regular expression used to split event strings. - var eventSplitter = /\s+/; + // Backbone **Models** are the basic data object in the framework -- + // frequently representing a row in a table in a database on your server. + // A discrete chunk of data and a bunch of useful, related methods for + // performing computations and transformations on that data. - // Implement fancy features of the Events API such as multiple event - // names `"change blur"` and jQuery-style event maps `{change: action}` - // in terms of the existing API. - var eventsApi = function (obj, action, name, rest) { - if (!name) return true; - if (typeof name === 'object') { - for (var key in name) { - obj[action].apply(obj, [key, name[key]].concat(rest)); - } - } else if (eventSplitter.test(name)) { - var names = name.split(eventSplitter); - for (var i = 0, l = names.length; i < l; i++) { - obj[action].apply(obj, [names[i]].concat(rest)); - } - } else { - return true; - } - }; + // Create a new model with the specified attributes. A client id (`cid`) + // is automatically generated and assigned for you. + var Model = Backbone.Model = function(attributes, options) { + var defaults; + var attrs = attributes || {}; + options || (options = {}); + this.cid = _.uniqueId('c'); + this.attributes = {}; + _.extend(this, _.pick(options, modelOptions)); + if (options.parse) attrs = this.parse(attrs, options) || {}; + if (defaults = _.result(this, 'defaults')) { + attrs = _.defaults({}, attrs, defaults); + } + this.set(attrs, options); + this.changed = {}; + this.initialize.apply(this, arguments); + }; - // Optimized internal dispatch function for triggering events. Tries to - // keep the usual cases speedy (most Backbone events have 3 arguments). - var triggerEvents = function (events, args) { - var ev, i = -1, l = events.length; - switch (args.length) { - case 0: while (++i < l) (ev = events[i]).callback.call(ev.ctx); - return; - case 1: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0]); - return; - case 2: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0], args[1]); - return; - case 3: while (++i < l) (ev = events[i]).callback.call(ev.ctx, args[0], args[1], args[2]); - return; - default: while (++i < l) (ev = events[i]).callback.apply(ev.ctx, args); - } - }; + // A list of options to be attached directly to the model, if provided. + var modelOptions = ['url', 'urlRoot', 'collection']; - // A module that can be mixed in to *any object* in order to provide it with - // custom events. You may bind with `on` or remove with `off` callback - // functions to an event; `trigger`-ing an event fires all callbacks in - // succession. - // - // var object = {}; - // _.extend(object, Backbone.Events); - // object.on('expand', function(){ alert('expanded'); }); - // object.trigger('expand'); - // - var Events = Backbone.Events = { + // Attach all inheritable methods to the Model prototype. + _.extend(Model.prototype, Events, { - // Bind one or more space separated events, or an events map, - // to a `callback` function. Passing `"all"` will bind the callback to - // all events fired. - on: function (name, callback, context) { - if (!(eventsApi(this, 'on', name, [callback, context]) && callback)) return this; - this._events || (this._events = {}); - var list = this._events[name] || (this._events[name] = []); - list.push({ callback: callback, context: context, ctx: context || this }); - return this; - }, + // A hash of attributes whose current and previous value differ. + changed: null, - // Bind events to only be triggered a single time. After the first time - // the callback is invoked, it will be removed. - once: function (name, callback, context) { - if (!(eventsApi(this, 'once', name, [callback, context]) && callback)) return this; - var self = this; - var once = _.once(function () { - self.off(name, once); - callback.apply(this, arguments); - }); - once._callback = callback; - this.on(name, once, context); - return this; - }, + // The value returned during the last failed validation. + validationError: null, - // Remove one or many callbacks. If `context` is null, removes all - // callbacks with that function. If `callback` is null, removes all - // callbacks for the event. If `name` is null, removes all bound - // callbacks for all events. - off: function (name, callback, context) { - var list, ev, events, names, i, l, j, k; - if (!this._events || !eventsApi(this, 'off', name, [callback, context])) return this; - if (!name && !callback && !context) { - this._events = {}; - return this; - } + // The default name for the JSON `id` attribute is `"id"`. MongoDB and + // CouchDB users may want to set this to `"_id"`. + idAttribute: 'id', - names = name ? [name] : _.keys(this._events); - for (i = 0, l = names.length; i < l; i++) { - name = names[i]; - if (list = this._events[name]) { - events = []; - if (callback || context) { - for (j = 0, k = list.length; j < k; j++) { - ev = list[j]; - if ((callback && callback !== ev.callback && - callback !== ev.callback._callback) || - (context && context !== ev.context)) { - events.push(ev); - } - } - } - this._events[name] = events; - } - } + // Initialize is an empty function by default. Override it with your own + // initialization logic. + initialize: function(){}, - return this; - }, + // Return a copy of the model's `attributes` object. + toJSON: function(options) { + return _.clone(this.attributes); + }, - // Trigger one or many events, firing all bound callbacks. Callbacks are - // passed the same arguments as `trigger` is, apart from the event name - // (unless you're listening on `"all"`, which will cause your callback to - // receive the true name of the event as the first argument). - trigger: function (name) { - if (!this._events) return this; - var args = slice.call(arguments, 1); - if (!eventsApi(this, 'trigger', name, args)) return this; - var events = this._events[name]; - var allEvents = this._events.all; - if (events) triggerEvents(events, args); - if (allEvents) triggerEvents(allEvents, arguments); - return this; - }, + // Proxy `Backbone.sync` by default -- but override this if you need + // custom syncing semantics for *this* particular model. + sync: function() { + return Backbone.sync.apply(this, arguments); + }, - // An inversion-of-control version of `on`. Tell *this* object to listen to - // an event in another object ... keeping track of what it's listening to. - listenTo: function (obj, name, callback) { - var listeners = this._listeners || (this._listeners = {}); - var id = obj._listenerId || (obj._listenerId = _.uniqueId('l')); - listeners[id] = obj; - obj.on(name, typeof name === 'object' ? this : callback, this); - return this; - }, + // Get the value of an attribute. + get: function(attr) { + return this.attributes[attr]; + }, - // Tell this object to stop listening to either specific events ... or - // to every object it's currently listening to. - stopListening: function (obj, name, callback) { - var listeners = this._listeners; - if (!listeners) return; - if (obj) { - obj.off(name, typeof name === 'object' ? this : callback, this); - if (!name && !callback) delete listeners[obj._listenerId]; - } else { - if (typeof name === 'object') callback = this; - for (var id in listeners) { - listeners[id].off(name, callback, this); - } - this._listeners = {}; - } - return this; - } - }; + // Get the HTML-escaped value of an attribute. + escape: function(attr) { + return _.escape(this.get(attr)); + }, - // Aliases for backwards compatibility. - Events.bind = Events.on; - Events.unbind = Events.off; + // Returns `true` if the attribute contains a value that is not null + // or undefined. + has: function(attr) { + return this.get(attr) != null; + }, - // Allow the `Backbone` object to serve as a global event bus, for folks who - // want global "pubsub" in a convenient place. - _.extend(Backbone, Events); + // Set a hash of model attributes on the object, firing `"change"`. This is + // the core primitive operation of a model, updating the data and notifying + // anyone who needs to know about the change in state. The heart of the beast. + set: function(key, val, options) { + var attr, attrs, unset, changes, silent, changing, prev, current; + if (key == null) return this; - // Backbone.Model - // -------------- + // Handle both `"key", value` and `{key: value}` -style arguments. + if (typeof key === 'object') { + attrs = key; + options = val; + } else { + (attrs = {})[key] = val; + } - // Create a new model, with defined attributes. A client id (`cid`) - // is automatically generated and assigned for you. - var Model = Backbone.Model = function (attributes, options) { - var defaults; - var attrs = attributes || {}; - this.cid = _.uniqueId('c'); - this.attributes = {}; - if (options && options.collection) this.collection = options.collection; - if (options && options.parse) attrs = this.parse(attrs, options) || {}; - if (defaults = _.result(this, 'defaults')) { - attrs = _.defaults({}, attrs, defaults); - } - this.set(attrs, options); + options || (options = {}); + + // Run validation. + if (!this._validate(attrs, options)) return false; + + // Extract attributes and options. + unset = options.unset; + silent = options.silent; + changes = []; + changing = this._changing; + this._changing = true; + + if (!changing) { + this._previousAttributes = _.clone(this.attributes); this.changed = {}; - this.initialize.apply(this, arguments); - }; - - // Attach all inheritable methods to the Model prototype. - _.extend(Model.prototype, Events, { - - // A hash of attributes whose current and previous value differ. - changed: null, - - // The default name for the JSON `id` attribute is `"id"`. MongoDB and - // CouchDB users may want to set this to `"_id"`. - idAttribute: 'id', - - // Initialize is an empty function by default. Override it with your own - // initialization logic. - initialize: function () { }, - - // Return a copy of the model's `attributes` object. - toJSON: function (options) { - return _.clone(this.attributes); - }, - - // Proxy `Backbone.sync` by default. - sync: function () { - return Backbone.sync.apply(this, arguments); - }, - - // Get the value of an attribute. - get: function (attr) { - return this.attributes[attr]; - }, - - // Get the HTML-escaped value of an attribute. - escape: function (attr) { - return _.escape(this.get(attr)); - }, - - // Returns `true` if the attribute contains a value that is not null - // or undefined. - has: function (attr) { - return this.get(attr) != null; - }, - - // ---------------------------------------------------------------------- - - // Set a hash of model attributes on the object, firing `"change"` unless - // you choose to silence it. - set: function (key, val, options) { - var attr, attrs, unset, changes, silent, changing, prev, current; - if (key == null) return this; - - // Handle both `"key", value` and `{key: value}` -style arguments. - if (typeof key === 'object') { - attrs = key; - options = val; - } else { - (attrs = {})[key] = val; - } - - options || (options = {}); - - // Run validation. - if (!this._validate(attrs, options)) return false; - - // Extract attributes and options. - unset = options.unset; - silent = options.silent; - changes = []; - changing = this._changing; - this._changing = true; - - if (!changing) { - this._previousAttributes = _.clone(this.attributes); - this.changed = {}; - } - current = this.attributes, prev = this._previousAttributes; - - // Check for changes of `id`. - if (this.idAttribute in attrs) this.id = attrs[this.idAttribute]; - - // For each `set` attribute, update or delete the current value. - for (attr in attrs) { - val = attrs[attr]; - if (!_.isEqual(current[attr], val)) changes.push(attr); - if (!_.isEqual(prev[attr], val)) { - this.changed[attr] = val; - } else { - delete this.changed[attr]; - } - unset ? delete current[attr] : current[attr] = val; - } - - // Trigger all relevant attribute changes. - if (!silent) { - if (changes.length) this._pending = true; - for (var i = 0, l = changes.length; i < l; i++) { - this.trigger('change:' + changes[i], this, current[changes[i]], options); - } - } - - if (changing) return this; - if (!silent) { - while (this._pending) { - this._pending = false; - this.trigger('change', this, options); - } - } - this._pending = false; - this._changing = false; - return this; - }, - - // Remove an attribute from the model, firing `"change"` unless you choose - // to silence it. `unset` is a noop if the attribute doesn't exist. - unset: function (attr, options) { - return this.set(attr, void 0, _.extend({}, options, { unset: true })); - }, - - // Clear all attributes on the model, firing `"change"` unless you choose - // to silence it. - clear: function (options) { - var attrs = {}; - for (var key in this.attributes) attrs[key] = void 0; - return this.set(attrs, _.extend({}, options, { unset: true })); - }, - - // Determine if the model has changed since the last `"change"` event. - // If you specify an attribute name, determine if that attribute has changed. - hasChanged: function (attr) { - if (attr == null) return !_.isEmpty(this.changed); - return _.has(this.changed, attr); - }, - - // Return an object containing all the attributes that have changed, or - // false if there are no changed attributes. Useful for determining what - // parts of a view need to be updated and/or what attributes need to be - // persisted to the server. Unset attributes will be set to undefined. - // You can also pass an attributes object to diff against the model, - // determining if there *would be* a change. - changedAttributes: function (diff) { - if (!diff) return this.hasChanged() ? _.clone(this.changed) : false; - var val, changed = false; - var old = this._changing ? this._previousAttributes : this.attributes; - for (var attr in diff) { - if (_.isEqual(old[attr], (val = diff[attr]))) continue; - (changed || (changed = {}))[attr] = val; - } - return changed; - }, - - // Get the previous value of an attribute, recorded at the time the last - // `"change"` event was fired. - previous: function (attr) { - if (attr == null || !this._previousAttributes) return null; - return this._previousAttributes[attr]; - }, - - // Get all of the attributes of the model at the time of the previous - // `"change"` event. - previousAttributes: function () { - return _.clone(this._previousAttributes); - }, - - // --------------------------------------------------------------------- - - // Fetch the model from the server. If the server's representation of the - // model differs from its current attributes, they will be overriden, - // triggering a `"change"` event. - fetch: function (options) { - options = options ? _.clone(options) : {}; - if (options.parse === void 0) options.parse = true; - var success = options.success; - options.success = function (model, resp, options) { - if (!model.set(model.parse(resp, options), options)) return false; - if (success) success(model, resp, options); - }; - return this.sync('read', this, options); - }, - - // Set a hash of model attributes, and sync the model to the server. - // If the server returns an attributes hash that differs, the model's - // state will be `set` again. - save: function (key, val, options) { - var attrs, success, method, xhr, attributes = this.attributes; - - // Handle both `"key", value` and `{key: value}` -style arguments. - if (key == null || typeof key === 'object') { - attrs = key; - options = val; - } else { - (attrs = {})[key] = val; - } - - // If we're not waiting and attributes exist, save acts as `set(attr).save(null, opts)`. - if (attrs && (!options || !options.wait) && !this.set(attrs, options)) return false; - - options = _.extend({ validate: true }, options); - - // Do not persist invalid models. - if (!this._validate(attrs, options)) return false; - - // Set temporary attributes if `{wait: true}`. - if (attrs && options.wait) { - this.attributes = _.extend({}, attributes, attrs); - } - - // After a successful server-side save, the client is (optionally) - // updated with the server-side state. - if (options.parse === void 0) options.parse = true; - success = options.success; - options.success = function (model, resp, options) { - // Ensure attributes are restored during synchronous saves. - model.attributes = attributes; - var serverAttrs = model.parse(resp, options); - if (options.wait) serverAttrs = _.extend(attrs || {}, serverAttrs); - if (_.isObject(serverAttrs) && !model.set(serverAttrs, options)) { - return false; - } - if (success) success(model, resp, options); - }; - - // Finish configuring and sending the Ajax request. - method = this.isNew() ? 'create' : (options.patch ? 'patch' : 'update'); - if (method === 'patch') options.attrs = attrs; - xhr = this.sync(method, this, options); - - // Restore attributes. - if (attrs && options.wait) this.attributes = attributes; - - return xhr; - }, - - // Destroy this model on the server if it was already persisted. - // Optimistically removes the model from its collection, if it has one. - // If `wait: true` is passed, waits for the server to respond before removal. - destroy: function (options) { - options = options ? _.clone(options) : {}; - var model = this; - var success = options.success; - - var destroy = function () { - model.trigger('destroy', model, model.collection, options); - }; - - options.success = function (model, resp, options) { - if (options.wait || model.isNew()) destroy(); - if (success) success(model, resp, options); - }; - - if (this.isNew()) { - options.success(this, null, options); - return false; - } - - var xhr = this.sync('delete', this, options); - if (!options.wait) destroy(); - return xhr; - }, - - // Default URL for the model's representation on the server -- if you're - // using Backbone's restful methods, override this to change the endpoint - // that will be called. - url: function () { - var base = _.result(this, 'urlRoot') || _.result(this.collection, 'url') || urlError(); - if (this.isNew()) return base; - return base + (base.charAt(base.length - 1) === '/' ? '' : '/') + encodeURIComponent(this.id); - }, - - // **parse** converts a response into the hash of attributes to be `set` on - // the model. The default implementation is just to pass the response along. - parse: function (resp, options) { - return resp; - }, - - // Create a new model with identical attributes to this one. - clone: function () { - return new this.constructor(this.attributes); - }, - - // A model is new if it has never been saved to the server, and lacks an id. - isNew: function () { - return this.id == null; - }, - - // Check if the model is currently in a valid state. - isValid: function (options) { - return !this.validate || !this.validate(this.attributes, options); - }, - - // Run validation against the next complete set of model attributes, - // returning `true` if all is well. Otherwise, fire a general - // `"error"` event and call the error callback, if specified. - _validate: function (attrs, options) { - if (!options.validate || !this.validate) return true; - attrs = _.extend({}, this.attributes, attrs); - var error = this.validationError = this.validate(attrs, options) || null; - if (!error) return true; - this.trigger('invalid', this, error, options || {}); - return false; - } - - }); - - // Backbone.Collection - // ------------------- - - // Provides a standard collection class for our sets of models, ordered - // or unordered. If a `comparator` is specified, the Collection will maintain - // its models in sort order, as they're added and removed. - var Collection = Backbone.Collection = function (models, options) { - options || (options = {}); - if (options.model) this.model = options.model; - if (options.comparator !== void 0) this.comparator = options.comparator; - this.models = []; - this._reset(); - this.initialize.apply(this, arguments); - if (models) this.reset(models, _.extend({ silent: true }, options)); - }; - - // Define the Collection's inheritable methods. - _.extend(Collection.prototype, Events, { - - // The default model for a collection is just a **Backbone.Model**. - // This should be overridden in most cases. - model: Model, - - // Initialize is an empty function by default. Override it with your own - // initialization logic. - initialize: function () { }, - - // The JSON representation of a Collection is an array of the - // models' attributes. - toJSON: function (options) { - return this.map(function (model) { return model.toJSON(options); }); - }, - - // Proxy `Backbone.sync` by default. - sync: function () { - return Backbone.sync.apply(this, arguments); - }, - - // Add a model, or list of models to the set. - add: function (models, options) { - models = _.isArray(models) ? models.slice() : [models]; - options || (options = {}); - var i, l, model, attrs, existing, doSort, add, at, sort, sortAttr; - add = []; - at = options.at; - sort = this.comparator && (at == null) && options.sort != false; - sortAttr = _.isString(this.comparator) ? this.comparator : null; - - // Turn bare objects into model references, and prevent invalid models - // from being added. - for (i = 0, l = models.length; i < l; i++) { - if (!(model = this._prepareModel(attrs = models[i], options))) { - this.trigger('invalid', this, attrs, options); - continue; - } - - // If a duplicate is found, prevent it from being added and - // optionally merge it into the existing model. - if (existing = this.get(model)) { - if (options.merge) { - existing.set(attrs === model ? model.attributes : attrs, options); - if (sort && !doSort && existing.hasChanged(sortAttr)) doSort = true; - } - continue; - } - - // This is a new model, push it to the `add` list. - add.push(model); - - // Listen to added models' events, and index models for lookup by - // `id` and by `cid`. - model.on('all', this._onModelEvent, this); - this._byId[model.cid] = model; - if (model.id != null) this._byId[model.id] = model; - } - - // See if sorting is needed, update `length` and splice in new models. - if (add.length) { - if (sort) doSort = true; - this.length += add.length; - if (at != null) { - splice.apply(this.models, [at, 0].concat(add)); - } else { - push.apply(this.models, add); - } - } - - // Silently sort the collection if appropriate. - if (doSort) this.sort({ silent: true }); - - if (options.silent) return this; - - // Trigger `add` events. - for (i = 0, l = add.length; i < l; i++) { - (model = add[i]).trigger('add', model, this, options); - } - - // Trigger `sort` if the collection was sorted. - if (doSort) this.trigger('sort', this, options); - - return this; - }, - - // Remove a model, or a list of models from the set. - remove: function (models, options) { - models = _.isArray(models) ? models.slice() : [models]; - options || (options = {}); - var i, l, index, model; - for (i = 0, l = models.length; i < l; i++) { - model = this.get(models[i]); - if (!model) continue; - delete this._byId[model.id]; - delete this._byId[model.cid]; - index = this.indexOf(model); - this.models.splice(index, 1); - this.length--; - if (!options.silent) { - options.index = index; - model.trigger('remove', model, this, options); - } - this._removeReference(model); - } - return this; - }, - - // Add a model to the end of the collection. - push: function (model, options) { - model = this._prepareModel(model, options); - this.add(model, _.extend({ at: this.length }, options)); - return model; - }, - - // Remove a model from the end of the collection. - pop: function (options) { - var model = this.at(this.length - 1); - this.remove(model, options); - return model; - }, - - // Add a model to the beginning of the collection. - unshift: function (model, options) { - model = this._prepareModel(model, options); - this.add(model, _.extend({ at: 0 }, options)); - return model; - }, - - // Remove a model from the beginning of the collection. - shift: function (options) { - var model = this.at(0); - this.remove(model, options); - return model; - }, - - // Slice out a sub-array of models from the collection. - slice: function (begin, end) { - return this.models.slice(begin, end); - }, - - // Get a model from the set by id. - get: function (obj) { - if (obj == null) return void 0; - this._idAttr || (this._idAttr = this.model.prototype.idAttribute); - return this._byId[obj.id || obj.cid || obj[this._idAttr] || obj]; - }, - - // Get the model at the given index. - at: function (index) { - return this.models[index]; - }, - - // Return models with matching attributes. Useful for simple cases of `filter`. - where: function (attrs) { - if (_.isEmpty(attrs)) return []; - return this.filter(function (model) { - for (var key in attrs) { - if (attrs[key] !== model.get(key)) return false; - } - return true; - }); - }, - - // Force the collection to re-sort itself. You don't need to call this under - // normal circumstances, as the set will maintain sort order as each item - // is added. - sort: function (options) { - if (!this.comparator) { - throw new Error('Cannot sort a set without a comparator'); - } - options || (options = {}); - - // Run sort based on type of `comparator`. - if (_.isString(this.comparator) || this.comparator.length === 1) { - this.models = this.sortBy(this.comparator, this); - } else { - this.models.sort(_.bind(this.comparator, this)); - } - - if (!options.silent) this.trigger('sort', this, options); - return this; - }, - - // Pluck an attribute from each model in the collection. - pluck: function (attr) { - return _.invoke(this.models, 'get', attr); - }, - - // Smartly update a collection with a change set of models, adding, - // removing, and merging as necessary. - update: function (models, options) { - options = _.extend({ add: true, merge: true, remove: true }, options); - if (options.parse) models = this.parse(models, options); - var model, i, l, existing; - var add = [], remove = [], modelMap = {}; - - // Allow a single model (or no argument) to be passed. - if (!_.isArray(models)) models = models ? [models] : []; - - // Proxy to `add` for this case, no need to iterate... - if (options.add && !options.remove) return this.add(models, options); - - // Determine which models to add and merge, and which to remove. - for (i = 0, l = models.length; i < l; i++) { - model = models[i]; - existing = this.get(model); - if (options.remove && existing) modelMap[existing.cid] = true; - if ((options.add && !existing) || (options.merge && existing)) { - add.push(model); - } - } - if (options.remove) { - for (i = 0, l = this.models.length; i < l; i++) { - model = this.models[i]; - if (!modelMap[model.cid]) remove.push(model); - } - } - - // Remove models (if applicable) before we add and merge the rest. - if (remove.length) this.remove(remove, options); - if (add.length) this.add(add, options); - return this; - }, - - // When you have more items than you want to add or remove individually, - // you can reset the entire set with a new list of models, without firing - // any `add` or `remove` events. Fires `reset` when finished. - reset: function (models, options) { - options || (options = {}); - if (options.parse) models = this.parse(models, options); - for (var i = 0, l = this.models.length; i < l; i++) { - this._removeReference(this.models[i]); - } - options.previousModels = this.models.slice(); - this._reset(); - if (models) this.add(models, _.extend({ silent: true }, options)); - if (!options.silent) this.trigger('reset', this, options); - return this; - }, - - // Fetch the default set of models for this collection, resetting the - // collection when they arrive. If `update: true` is passed, the response - // data will be passed through the `update` method instead of `reset`. - fetch: function (options) { - options = options ? _.clone(options) : {}; - if (options.parse === void 0) options.parse = true; - var success = options.success; - options.success = function (collection, resp, options) { - var method = options.update ? 'update' : 'reset'; - collection[method](resp, options); - if (success) success(collection, resp, options); - }; - return this.sync('read', this, options); - }, - - // Create a new instance of a model in this collection. Add the model to the - // collection immediately, unless `wait: true` is passed, in which case we - // wait for the server to agree. - create: function (model, options) { - options = options ? _.clone(options) : {}; - if (!(model = this._prepareModel(model, options))) return false; - if (!options.wait) this.add(model, options); - var collection = this; - var success = options.success; - options.success = function (model, resp, options) { - if (options.wait) collection.add(model, options); - if (success) success(model, resp, options); - }; - model.save(null, options); - return model; - }, - - // **parse** converts a response into a list of models to be added to the - // collection. The default implementation is just to pass it through. - parse: function (resp, options) { - return resp; - }, - - // Create a new collection with an identical list of models as this one. - clone: function () { - return new this.constructor(this.models); - }, - - // Reset all internal state. Called when the collection is reset. - _reset: function () { - this.length = 0; - this.models.length = 0; - this._byId = {}; - }, - - // Prepare a model or hash of attributes to be added to this collection. - _prepareModel: function (attrs, options) { - if (attrs instanceof Model) { - if (!attrs.collection) attrs.collection = this; - return attrs; - } - options || (options = {}); - options.collection = this; - var model = new this.model(attrs, options); - if (!model._validate(attrs, options)) return false; - return model; - }, - - // Internal method to remove a model's ties to a collection. - _removeReference: function (model) { - if (this === model.collection) delete model.collection; - model.off('all', this._onModelEvent, this); - }, - - // Internal method called every time a model in the set fires an event. - // Sets need to update their indexes when models change ids. All other - // events simply proxy through. "add" and "remove" events that originate - // in other collections are ignored. - _onModelEvent: function (event, model, collection, options) { - if ((event === 'add' || event === 'remove') && collection !== this) return; - if (event === 'destroy') this.remove(model, options); - if (model && event === 'change:' + model.idAttribute) { - delete this._byId[model.previous(model.idAttribute)]; - if (model.id != null) this._byId[model.id] = model; - } - this.trigger.apply(this, arguments); - }, - - sortedIndex: function (model, value, context) { - value || (value = this.comparator); - var iterator = _.isFunction(value) ? value : function (model) { - return model.get(value); - }; - return _.sortedIndex(this.models, model, iterator, context); - } - - }); - - // Underscore methods that we want to implement on the Collection. - var methods = ['forEach', 'each', 'map', 'collect', 'reduce', 'foldl', - 'inject', 'reduceRight', 'foldr', 'find', 'detect', 'filter', 'select', - 'reject', 'every', 'all', 'some', 'any', 'include', 'contains', 'invoke', - 'max', 'min', 'toArray', 'size', 'first', 'head', 'take', 'initial', 'rest', - 'tail', 'drop', 'last', 'without', 'indexOf', 'shuffle', 'lastIndexOf', - 'isEmpty', 'chain']; - - // Mix in each Underscore method as a proxy to `Collection#models`. - _.each(methods, function (method) { - Collection.prototype[method] = function () { - var args = slice.call(arguments); - args.unshift(this.models); - return _[method].apply(_, args); - }; - }); - - // Underscore methods that take a property name as an argument. - var attributeMethods = ['groupBy', 'countBy', 'sortBy']; - - // Use attributes instead of properties. - _.each(attributeMethods, function (method) { - Collection.prototype[method] = function (value, context) { - var iterator = _.isFunction(value) ? value : function (model) { - return model.get(value); - }; - return _[method](this.models, iterator, context); - }; - }); - - // Backbone.Router - // --------------- - - // Routers map faux-URLs to actions, and fire events when routes are - // matched. Creating a new one sets its `routes` hash, if not set statically. - var Router = Backbone.Router = function (options) { - options || (options = {}); - if (options.routes) this.routes = options.routes; - this._bindRoutes(); - this.initialize.apply(this, arguments); - }; - - // Cached regular expressions for matching named param parts and splatted - // parts of route strings. - var optionalParam = /\((.*?)\)/g; - var namedParam = /(\(\?)?:\w+/g; - var splatParam = /\*\w+/g; - var escapeRegExp = /[\-{}\[\]+?.,\\\^$|#\s]/g; - - // Set up all inheritable **Backbone.Router** properties and methods. - _.extend(Router.prototype, Events, { - - // Initialize is an empty function by default. Override it with your own - // initialization logic. - initialize: function () { }, - - // Manually bind a single named route to a callback. For example: - // - // this.route('search/:query/p:num', 'search', function(query, num) { - // ... - // }); - // - route: function (route, name, callback) { - if (!_.isRegExp(route)) route = this._routeToRegExp(route); - if (!callback) callback = this[name]; - Backbone.history.route(route, _.bind(function (fragment) { - var args = this._extractParameters(route, fragment); - callback && callback.apply(this, args); - this.trigger.apply(this, ['route:' + name].concat(args)); - this.trigger('route', name, args); - Backbone.history.trigger('route', this, name, args); - }, this)); - return this; - }, - - // Simple proxy to `Backbone.history` to save a fragment into the history. - navigate: function (fragment, options) { - Backbone.history.navigate(fragment, options); - return this; - }, - - // Bind all defined routes to `Backbone.history`. We have to reverse the - // order of the routes here to support behavior where the most general - // routes can be defined at the bottom of the route map. - _bindRoutes: function () { - if (!this.routes) return; - var route, routes = _.keys(this.routes); - while ((route = routes.pop()) != null) { - this.route(route, this.routes[route]); - } - }, - - // Convert a route string into a regular expression, suitable for matching - // against the current location hash. - _routeToRegExp: function (route) { - route = route.replace(escapeRegExp, '\\$&') - .replace(optionalParam, '(?:$1)?') - .replace(namedParam, function (match, optional) { - return optional ? match : '([^\/]+)'; - }) - .replace(splatParam, '(.*?)'); - return new RegExp('^' + route + '$'); - }, - - // Given a route, and a URL fragment that it matches, return the array of - // extracted parameters. - _extractParameters: function (route, fragment) { - return route.exec(fragment).slice(1); - } - - }); - - // Backbone.History - // ---------------- - - // Handles cross-browser history management, based on URL fragments. If the - // browser does not support `onhashchange`, falls back to polling. - var History = Backbone.History = function () { - this.handlers = []; - _.bindAll(this, 'checkUrl'); - - // Ensure that `History` can be used outside of the browser. - if (typeof window !== 'undefined') { - this.location = window.location; - this.history = window.history; - } - }; - - // Cached regex for stripping a leading hash/slash and trailing space. - var routeStripper = /^[#\/]|\s+$/g; - - // Cached regex for stripping leading and trailing slashes. - var rootStripper = /^\/+|\/+$/g; - - // Cached regex for detecting MSIE. - var isExplorer = /msie [\w.]+/; - - // Cached regex for removing a trailing slash. - var trailingSlash = /\/$/; - - // Has the history handling already been started? - History.started = false; - - // Set up all inheritable **Backbone.History** properties and methods. - _.extend(History.prototype, Events, { - - // The default interval to poll for hash changes, if necessary, is - // twenty times a second. - interval: 50, - - // Gets the true hash value. Cannot use location.hash directly due to bug - // in Firefox where location.hash will always be decoded. - getHash: function (window) { - var match = (window || this).location.href.match(/#(.*)$/); - return match ? match[1] : ''; - }, - - // Get the cross-browser normalized URL fragment, either from the URL, - // the hash, or the override. - getFragment: function (fragment, forcePushState) { - if (fragment == null) { - if (this._hasPushState || !this._wantsHashChange || forcePushState) { - fragment = this.location.pathname; - var root = this.root.replace(trailingSlash, ''); - if (!fragment.indexOf(root)) fragment = fragment.substr(root.length); - } else { - fragment = this.getHash(); - } - } - return fragment.replace(routeStripper, ''); - }, - - // Start the hash change handling, returning `true` if the current URL matches - // an existing route, and `false` otherwise. - start: function (options) { - if (History.started) throw new Error("Backbone.history has already been started"); - History.started = true; - - // Figure out the initial configuration. Do we need an iframe? - // Is pushState desired ... is it available? - this.options = _.extend({}, { root: '/' }, this.options, options); - this.root = this.options.root; - this._wantsHashChange = this.options.hashChange !== false; - this._wantsPushState = !!this.options.pushState; - this._hasPushState = !!(this.options.pushState && this.history && this.history.pushState); - var fragment = this.getFragment(); - var docMode = document.documentMode; - var oldIE = (isExplorer.exec(navigator.userAgent.toLowerCase()) && (!docMode || docMode <= 7)); - - // Normalize root to always include a leading and trailing slash. - this.root = ('/' + this.root + '/').replace(rootStripper, '/'); - - if (oldIE && this._wantsHashChange) { - this.iframe = Backbone.$('