├── .DS_Store
├── .gitignore
├── CHANGELOG.md
├── Gruntfile.js
├── LICENSE.html
├── README.md
├── base.css
├── bower.json
├── dist
    ├── .DS_Store
    ├── backbone.collectionView.js
    └── backbone.collectionView.min.js
├── package.json
├── src
    └── backbone.collectionView.js
├── test
    ├── .DS_Store
    ├── index.html
    ├── lib
    │   ├── backbone.babysitter.js
    │   ├── backbone.js
    │   ├── jquery-1.9.1.js
    │   ├── jquery-ui.css
    │   ├── jquery-ui.js
    │   ├── qunit-1.11.0.css
    │   ├── qunit-1.11.0.js
    │   └── underscore.js
    └── tests.js
└── zips
    └── Backbone.CollectionView.zip


/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rotundasoftware/backbone.collectionView/63109a35255b91ca220c2b3988c964000f48477b/.DS_Store


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | .sass-cache
3 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
 1 | # Change log
 2 | 
 3 | ### v1.2.0
 4 | 
 5 | * Added 'click' event
 6 | 
 7 | ### v0.11.0
 8 | 
 9 | * Added `reuseModelViews` option. Set to false to completely recreate model views on each render.
10 | 
11 | ### v0.10.1
12 | 
13 | * Brought npm package version in sync with Bower package. How'd that happen?
14 | * Fixed issue that could surface when setting multiple models using collection.set (#50)
15 | 
16 | ### v0.9.3
17 | 
18 | * Fixed UMD wrapper.
19 | 
20 | ### v0.9.2
21 | 
22 | * Added UMD wrapper.
23 | 
24 | ### v0.9.0
25 | 
26 | * No longer re-render upon add() and remove() events in the collection.
27 | * Due to the above, "render" events no longer trigger during add() or remove() calls on a collection.
28 | * Made use of backbone.viewOptions by including it and updating the source to use it's facilities.
29 | 
30 | ### v0.8.2
31 | 
32 | * Patch for better bower support.
33 | 
34 | ### v0.8.1
35 | 
36 | * If a modelView's element is an <li>, don't wrap in an extra <li> when rendering
37 | * Fix accidental item removal after sort stop when rendering as table.
38 | * Add sortableOptions constructor option which is passed through to the created jQuery sortable.
39 | 
40 | ### v0.8
41 | 
42 | * data-item-id attribute has been changed to data-model-cid for clarity
43 | * selectableModelsFilter can no longer be a string.
44 | * After the collection view is reordered via dragging: if the collection has a comparator, sort after adding all the models in the visual order.
45 | * Never "rerender" the collection view unless it has already been rendered.  For example, adding models to the collection should not render the collection view if it was not previously rendered.
46 | * Don't listen to events from old collection when setOptions( "collection", newCollection ) is called
47 | 
48 | ### v0.7.1
49 | 
50 | * Use css classes to keep track of and determine visibility of an item
51 | * Call remove() on views in viewManager when they are removed (so they stop listening to events)
52 | * Add `detachedRendering` option (defaults to `false`) to improve performance by rendering all modelViews before inserting into the DOM.
53 | 
54 | ### v0.7.0
55 | 
56 | * Fix to work with underscore.js 1.5.1 (remove `_.bindAll` and use `.bind` where necessary).
57 | * Listen for `mousedown` event instead of `click` when `clickToSelect` is enabled.
58 | * Hide empty list caption when dragging item into a `sortable` collection view.
59 | 
60 | ### v0.6.5
61 | 
62 | * Model views that represent a particular model are now reused between renders.
63 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 
 3 |   grunt.initConfig({
 4 | 	pkg: grunt.file.readJSON('package.json'),
 5 | 	banner: '/*!\n' +
 6 | 		'* Backbone.CollectionView, v<%= pkg.version %>\n' +
 7 | 		'* Copyright (c)2013 Rotunda Software, LLC.\n' +
 8 | 		'* Distributed under MIT license\n' +
 9 | 		'* http://github.com/rotundasoftware/backbone-collection-view\n' +
10 | 		'*/\n\n',
11 | 
12 | 	// Task configuration.
13 | 	concat: {
14 | 		options: {
15 | 			banner: '<%= banner %>',
16 | 			stripBanners: true
17 | 		},
18 | 		js: {
19 | 			src: ['src/backbone.collectionView.js'],
20 | 			dest: 'dist/backbone.collectionView.js'
21 | 		}
22 | 	},
23 | 	uglify: {
24 | 		options: {
25 | 			banner: '<%= banner %>'
26 | 		},
27 | 		dist: {
28 | 			src: '<%= concat.js.dest %>',
29 | 			dest: 'dist/backbone.collectionView.min.js'
30 | 		}
31 | 	},
32 | 	compress: {
33 | 		dist: {
34 | 			options: {
35 | 				archive: 'zips/Backbone.CollectionView.zip'
36 | 			},
37 | 			expand: true,
38 | 			cwd: 'dist/',
39 | 			src: ['**/*'],
40 | 			dest: './'
41 | 		}
42 | 	},
43 | 	jshint: {
44 | 		options: {
45 | 			curly: true,
46 | 			eqeqeq: true,
47 | 			immed: true,
48 | 			latedef: true,
49 | 			newcap: true,
50 | 			noarg: true,
51 | 			sub: true,
52 | 			undef: true,
53 | 			unused: true,
54 | 			boss: true,
55 | 			eqnull: true,
56 | 			browser: true,
57 | 			globals: {
58 | 				jQuery: true
59 | 			}
60 | 		},
61 | 		library: {
62 | 			src: 'collectionView.js'
63 | 		}
64 | 	}
65 | });
66 | 
67 | 	grunt.loadNpmTasks('grunt-contrib-concat');
68 | 	grunt.loadNpmTasks('grunt-contrib-uglify');
69 | 	grunt.loadNpmTasks('grunt-contrib-jshint');
70 | 	grunt.loadNpmTasks('grunt-contrib-compress');
71 | 
72 | 	grunt.registerTask('default', ['concat', 'uglify', 'compress']);
73 | 
74 | };
75 | 


--------------------------------------------------------------------------------
/LICENSE.html:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2012 David Beck, Rotunda Software
 2 | 
 3 | Permission is hereby granted, free of charge, to any person
 4 | obtaining a copy of this software and associated documentation
 5 | files (the "Software"), to deal in the Software without
 6 | restriction, including without limitation the rights to use,
 7 | copy, modify, merge, publish, distribute, sublicense, and/or sell
 8 | copies of the Software, and to permit persons to whom the
 9 | Software is furnished to do so, subject to the following
10 | conditions:
11 | 
12 | The above copyright notice and this permission notice shall be
13 | included in all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
16 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
17 | OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
18 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
19 | HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
20 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
21 | FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
22 | OTHER DEALINGS IN THE SOFTWARE.


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Backbone.CollectionView
  2 | 
  3 | __For demos see [the Backbone.CollectionView home page](http://rotundasoftware.github.com/backbone.collectionView/).__
  4 | 
  5 | Depends on jQuery and jQueryUI for event handling and sorting, respectively.
  6 | 
  7 | ## Benefits
  8 | 
  9 | * Renders a collection of models, updating automatically when models are added or removed.
 10 | * Keeps track of selected model(s) and fires events when the selection is changed.
 11 | * Adds "selected" css class to selected model views for easy stying.
 12 | * Supports single and multiple selection through meta-key and shift clicks.
 13 | * Allows a user to reorder the collection by dragging and dropping.
 14 | * Supports changing the currently selected model(s) through up and down arrow key presses.
 15 | * Allows you to filter which models are visible, selectable, and sortable.
 16 | * Integrates with [Backbone.Courier](https://github.com/rotundasoftware/backbone.courier) out of the box.
 17 | 
 18 | ## Sample Usage
 19 | ```javascript
 20 | var myCollectionView = new Backbone.CollectionView( {
 21 | 	el : $( "#listForCollection" ),		// must be a 'ul' (i.e. unordered list) or 'table' element
 22 | 	modelView : EmployeeView,			// a View class to be used for rendering each model in the collection
 23 | 	collection : employeeCollection
 24 | } );
 25 | 
 26 | myCollectionView.render();
 27 | myCollectionView.setSelectedModel( employeeCollection.first() );
 28 | ```
 29 | 
 30 | ## Initialization Options
 31 | * `el` : A `<ul>` or `<table>` element into which your collection will be rendered. If you supply a `<table>` element, your modelView must have an element of type of `<tr>`.
 32 | * `collection` : The collection of models to be rendered.
 33 | * `modelView` : A view constructor that will be used to create the views for each individual model.
 34 | * `selectable` : (default: _true_) Determines whether models in the CollectionView are selectable.
 35 | * `reuseModelViews` : (default: _true_) When `true`, modelViews are reused instead of being re-created from scratch when the CollectionView is re-rendered.
 36 | * `detachedRendering` : (default: _false_) When `true`, all the modelViews are rendered before being added to the DOM to improve performance. If your modelView rendering relies on its location in the DOM (for sizing or other reasons), use the default value of `false`.
 37 | * `sortable` : (default: _false_) Determines if models can be rearranged by dragging and dropping.
 38 | * `sortableOptions` : Options passed through to the created jQueryUI sortable.  Only applies if `sortable`.
 39 | * `emptyListCaption` : A string (or a function returning a string) to be shown when the list is empty.
 40 | 
 41 | The following options apply when `selectable` option is set:
 42 | 
 43 | * `clickToSelect` : (default: _true_) Determines whether mouse clicks should automatically select models as would be appropriate in a standard HTML mutli-SELECT element.
 44 | * `processKeyEvents` : (default: _true_) Determines if the collection view should respond to arrow key events as would be appropriate in a standard HTML multi-SELECT element.
 45 | * `selectMultiple` : (default: _false_) Determines if multiple models can be selected at once.
 46 | * `clickToToggle` : (default: _false_) Determines if clicking a model view should toggle its selected / unselected state. Only applies if `selectMultiple` is set.
 47 | 
 48 | The following options expect a filter function that takes a single parameter, the model in question, and returns `true` or `false`. They are all optional, defaulting to passing all models.
 49 | * `visibleModelsFilter` : Determines which models are visible. 
 50 | * `selectableModelsFilter` : In a selectable CollectionView, determines which models are selectable.
 51 | * `sortableModelsFilter` : In a sortable CollectionView, determines which models are sortable.
 52 | 
 53 | ## <a name="api"></a>Methods and Properties Reference
 54 | 
 55 | * __setSelectedModel( modelReference, [options] )__ Sets which model(s) are selected. (See below.)
 56 | * __getSelectedModel( [options] )__ Returns references to the selected model(s). (See below.)
 57 | * __setOption( optionName, optionValue )__ Updates the value of a configuration option.  All constructor options above are valid except `el`.  The CollectionView is automatically re-rendered if necessary.
 58 | * __collection__ The Backbone collection instance that this CollectionView represents.
 59 | * __viewManager__ A [Backbone.BabySitter](https://github.com/marionettejs/backbone.babysitter) instance that contains the views corresponding to the individual models in the collection. Backbone.Babysitter implements a "view collection" that enables you to, for example, iterate through all the model views, or easily trigger an event on all model views at once. See the [Backbone.BabySitter](https://github.com/marionettejs/backbone.babysitter) documentation for more information.
 60 | 
 61 | 
 62 | ### <a name="setSelectedModel"></a>setSelectedModel(s) and getSelectedModel(s)
 63 | 
 64 | The `getSelectedModel(s)` and `setSelectedModel(s)` methods are used to get or set the currently selected models. The methods are able to reference models in a variety of ways using the `by` option:
 65 | 
 66 | ```javascript
 67 | // Returns an array of the selected models
 68 | myCollectionView.getSelectedModels();
 69 | 
 70 | // Returns an array of the ids of the selected models
 71 | myCollectionView.getSelectedModels( { by : "id" } );
 72 | 
 73 | // Select model id 2 and model id 4
 74 | myCollectionView.setSelectedModels( [ 2, 4 ], { by : "id" } );
 75 | 
 76 | // Select the model with cid equal to "c21"
 77 | myCollectionView.setSelectedModel( "c21", { by : "cid" } );
 78 | 
 79 | // Returns the view object that represents the selected model
 80 | myCollectionView.getSelectedModel( { by : "view" } );
 81 | ```
 82 | 
 83 | As shown in the examples, the plural versions of the methods expect / return an array of "model references", whereas the singular versions expect / return just a single "model reference".
 84 | 
 85 | There are four valid values for `by` option which determine the type of "model reference" used.
 86 | * `"id"` : The `id` of the model.
 87 | * `"cid"` : The `cid` of the model.
 88 | * `"offset"` : The zero-based index of the model in the collection, only counting visible models.
 89 | * `"view"` : The view that was created to represent the model when the CollectionView was rendered.
 90 | 
 91 | If no `by` option is provided the model object itself is expected / returned.
 92 | 
 93 | Additionally, the `setSelectedModel(s)` function accepts one additional option, `silent`, which, when true, will prevent the `selectionChanged` event from being fired.
 94 | 
 95 | ##Events Fired
 96 | CollectionViews `trigger` the following events on themselves. If [Backbone.Courier](https://github.com/rotundasoftware/backbone.courier)
 97 |  is available, these events are also "spawned".
 98 | * __"selectionChanged"__ ( _newSelectedModels, oldSelectedModels_ )  Fired whenever the selection is changed, either by the user or by a programmatic call to `setSelectedModel(s)`.
 99 | * __"updateDependentControls"__ ( _selectedModels_ ) Fired whenever controls that are dependent on the selection should be updated (e.g. buttons that should be disabled on no selection). This event is always fired just after `selectionChanged` is fired. In addition, it is fired after rendering and sorting.
100 | * __"click"__ ( _clickedModel_ ) Fired when a model view is clicked.
101 | * __"doubleClick"__ ( _clickedModel_ ) Fired when a model view is double clicked.
102 | 
103 | In addition, sortable CollectionViews fire these events:
104 | 
105 | * __"sortStart"__  Fired just as a model view is starting to be dragged.
106 | * __"sortStop"__  Fired after a drag is finished and after the collection is reordered.
107 | * __"reorder"__  Fired when a drag is finished, but before the collection is reordered.
108 | 
109 | ##Styling
110 | 
111 | How you style the collection view is up to you.
112 | 
113 | The `ul` or `table` element that is used as the collection view's element will be given the `collection-list` class. Generally you will want to eliminate bullets, etc., from your collection view list elements, which you can do with these "base" styles:
114 | 
115 | ```css
116 | ul.collection-list {
117 |   margin: 0;
118 |   padding: 0;
119 |   list-style-type: none;
120 |   outline: none;
121 |   cursor: pointer;
122 | }
123 | ```
124 | 
125 | When a model is selected, its view's `li` or `tr` element will be given the `selected` class.
126 | 
127 | You can style the caption created by the `emptyListCaption` option with the `var.empty-list-caption` selector. These styles will center the empty list caption text near the top of the collection view.
128 | 
129 | ```css
130 | var.empty-list-caption {
131 |   color: #A0A0A0;
132 |   padding: 30px;
133 |   display: block;
134 |   text-align: center;
135 |   font-style: normal;
136 |   line-height: 1.45;
137 | }
138 | ```
139 | 
140 | (Both of the above css fragments are included in `base.css`, which will be included automatically in your css bundles if you are using [parcelify](https://github.com/rotundasoftware/parcelify) or [cartero](https://github.com/rotundasoftware/cartero/).)
141 | 
142 | See the [the Backbone.CollectionView home page](http://rotundasoftware.github.com/backbone.collectionView/) for styling examples.
143 | 
144 | ## Contributing
145 | 
146 | See the [the Backbone.CollectionView home page](http://rotundasoftware.github.com/backbone.collectionView/) for styling examples.
147 | 
148 | ##Dependencies
149 | * Backbone.js (tested with v1.0, v0.9.10)
150 | * jQuery (tested with v1.9.1)
151 | * jQueryUI - for sorting (tested with v1.10.1)
152 | * _(optional)_ [Backbone.Courier](https://github.com/rotundasoftware/backbone.courier)
153 | 
154 | ##License
155 | MIT
156 | 


--------------------------------------------------------------------------------
/base.css:
--------------------------------------------------------------------------------
 1 | ul.collection-list {
 2 | 	margin: 0;
 3 | 	padding: 0;
 4 | 	list-style-type: none;
 5 | 	outline: none;
 6 | }
 7 | 
 8 | ul.collection-list.selectable {
 9 | 	cursor: pointer;
10 | }
11 | 
12 | var.empty-list-caption {
13 | 	color: #A0A0A0;
14 | 	padding: 30px;
15 | 	display: block;
16 | 	text-align: center;
17 | 	font-style: normal;
18 | 	line-height: 1.45;
19 | }


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"name" : "backbone.collectionView",
 3 | 	"homepage": "http://rotundasoftware.github.io/backbone.collectionView/",
 4 | 	"repository": {
 5 | 		"type": "git",
 6 | 		"url": "https://github.com/rotundasoftware/backbone.collectionView"
 7 | 	},
 8 | 	"authors": [
 9 | 		"David Beck <david@rotundasoftware.com>"
10 | 	],
11 | 	"description": "A backbone view class that renders a collection of models. This class is similar to the collection view classes found in [Backbone.Marionette](https://github.com/marionettejs/backbone.marionette) and other frameworks, with added features for automatic selection of models in response to clicks, and support for rearranging models (and reordering the underlying collection) through drag and drop.",
12 | 	"main": "dist/backbone.collectionView.js",
13 | 	"keywords": [
14 | 		"backbone",
15 | 		"views",
16 | 		"view"
17 | 	],
18 | 	"license": "MIT",
19 | 	"dependencies": {
20 | 		"backbone" : "~1.0",
21 | 		"jquery"   : "~1.9.1",
22 | 		"jqueryui" : "~1.10.1"
23 | 	}
24 | }
25 | 


--------------------------------------------------------------------------------
/dist/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rotundasoftware/backbone.collectionView/63109a35255b91ca220c2b3988c964000f48477b/dist/.DS_Store


--------------------------------------------------------------------------------
/dist/backbone.collectionView.min.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Backbone.CollectionView, v3.0.0
3 | * Copyright (c)2013 Rotunda Software, LLC.
4 | * Distributed under MIT license
5 | * http://github.com/rotundasoftware/backbone-collection-view
6 | */
7 | 
8 | !function(a,b){"function"==typeof define&&define.amd?define(["underscore","backbone","jquery"],b):"undefined"!=typeof exports?module.exports=b(require("underscore"),require("backbone"),require("backbone").$):b(a._,a.Backbone,a.jQuery||a.Zepto||a.$)}(this,function(a,b,c){function d(b){var c={};if(!a.isArray(b))throw new Error("Option declarations must be an array.");return a.each(b,function(b){var d,e,f;if(e=!1,f=void 0,a.isString(b))d=b;else{if(!a.isObject(b))throw new Error("Each element in the option declarations array must be either a string or an object.");d=a.first(a.keys(b)),f=a.isFunction(b[d])?b[d]:a.clone(b[d])}"!"===d[d.length-1]&&(e=!0,d=d.slice(0,d.length-1)),c[d]=c[d]||{},c[d].required=e,a.isUndefined(f)||(c[d].defaultValue=f)}),c}var e=b.View,f="model",g=["collection","modelView","modelViewOptions","itemTemplate","itemTemplateFunction","detachedRendering"],h={background:"transparent",border:"none","box-shadow":"none"};return b.CollectionView=b.View.extend({tagName:"ul",events:{"mousedown > li, tbody > tr > td":"_listItem_onMousedown","dblclick > li, tbody > tr > td":"_listItem_onDoubleClick",click:"_listBackground_onClick","click ul.collection-view, table.collection-view":"_listBackground_onClick",keydown:"_onKeydown"},spawnMessages:{focus:"focus"},passMessages:!0,initializationOptions:[{collection:null},{modelView:null},{modelViewOptions:{}},{itemTemplate:null},{itemTemplateFunction:null},{selectable:!0},{clickToSelect:!0},{selectableModelsFilter:null},{visibleModelsFilter:null},{sortableModelsFilter:null},{selectMultiple:!1},{clickToToggle:!1},{processKeyEvents:!0},{sortable:!1},{sortableOptions:null},{reuseModelViews:!0},{detachedRendering:!1},{emptyListCaption:null}],initialize:function(a){b.ViewOptions.add(this,"initializationOptions"),this.setOptions(a),this.collection||(this.collection=new b.Collection),this._hasBeenRendered=!1,this._isBackboneCourierAvailable()&&b.Courier.add(this),this.$el.data("view",this),this.$el.addClass("collection-view collection-list"),this.selectable&&this.$el.addClass("selectable"),this.selectable&&this.processKeyEvents&&this.$el.attr("tabindex",0),this.selectedItems=[],this._updateItemTemplate(),this.collection&&this._registerCollectionEvents(),this.viewManager=new ChildViewContainer},_onOptionsChanged:function(b,c){var d=this,e=!1;a.each(a.keys(b),function(f){var h=b[f],i=c[f];switch(f){case"collection":h!==i&&(d.stopListening(i),d._registerCollectionEvents());break;case"selectMultiple":!h&&d.selectedItems.length>1&&d.setSelectedModel(a.first(d.selectedItems),{by:"cid"});break;case"selectable":!h&&d.selectedItems.length>0&&d.setSelectedModels([]),h&&this.processKeyEvents?d.$el.attr("tabindex",0):d.$el.removeAttr("tabindex",0);break;case"sortable":b.sortable?d._setupSortable():d.$el.sortable("destroy");break;case"selectableModelsFilter":d.reapplyFilter("selectableModels");break;case"sortableOptions":d.$el.sortable("destroy"),d._setupSortable();break;case"sortableModelsFilter":d.reapplyFilter("sortableModels");break;case"visibleModelsFilter":d.reapplyFilter("visibleModels");break;case"itemTemplate":d._updateItemTemplate();break;case"processKeyEvents":h&&this.selectable?d.$el.attr("tabindex",0):d.$el.removeAttr("tabindex",0);break;case"modelView":d.viewManager.each(function(a){d.viewManager.remove(a),a.remove()})}a.contains(g,f)&&(e=!0)}),this._hasBeenRendered&&e&&this.render()},setOption:function(a,b){var c={};c[a]=b,this.setOptions(c)},getSelectedModel:function(b){return this.selectedItems.length?a.first(this.getSelectedModels(b)):null},getSelectedModels:function(b){var d=this;b=a.extend({},{by:f},b);var e=b.by,g=[];switch(e){case"id":a.each(this.selectedItems,function(a){g.push(d.collection.get(a).id)});break;case"cid":g=g.concat(this.selectedItems);break;case"offset":var h=0,i=this._getVisibleItemEls();i.each(function(){var a=c(this);a.is(".selected")&&g.push(h),h++});break;case"model":a.each(this.selectedItems,function(a){g.push(d.collection.get(a))});break;case"view":a.each(this.selectedItems,function(a){g.push(d.viewManager.findByModel(d.collection.get(a)))});break;default:throw new Error("Invalid referenceBy option: "+e)}return g},setSelectedModels:function(b,d){if(!a.isArray(b))throw"Invalid parameter value";if(this.selectable||!(b.length>0)){d=a.extend({},{silent:!1,by:f},d);var e=d.by,g=[];switch(e){case"cid":g=b;break;case"id":this.collection.each(function(c){a.contains(b,c.id)&&g.push(c.cid)});break;case"model":g=a.pluck(b,"cid");break;case"view":a.each(b,function(a){g.push(a.model.cid)});break;case"offset":var h=0,i=this._getVisibleItemEls();i.each(function(){var d=c(this);a.contains(b,h)&&g.push(d.attr("data-model-cid")),h++});break;default:throw new Error("Invalid referenceBy option: "+e)}var j=this.getSelectedModels(),k=a.clone(this.selectedItems);this.selectedItems=this._convertStringsToInts(g),this._validateSelection();var l=this.getSelectedModels();this._containSameElements(k,this.selectedItems)||(this._addSelectedClassToSelectedItems(k),d.silent||(this._isBackboneCourierAvailable()?this.spawn("selectionChanged",{selectedModels:l,oldSelectedModels:j}):this.trigger("selectionChanged",l,j)),this.updateDependentControls())}},setSelectedModel:function(a,b){a||0===a?this.setSelectedModels([a],b):this.setSelectedModels([],b)},getView:function(b,d){switch(d=a.extend({},{by:f},d),d.by){case"id":case"cid":var e=this.collection.get(b)||null;return e&&this.viewManager.findByModel(e);case"offset":var g=this._getVisibleItemEls();return c(g.get(b));case"model":return this.viewManager.findByModel(b);default:throw new Error("Invalid referenceBy option: "+referenceBy)}},render:function(){this._hasBeenRendered=!0,this.selectable&&this._saveSelection();var b;b=this._getContainerEl();var c=this.viewManager;this.viewManager=new ChildViewContainer,c.each(function(a){this.reuseModelViews&&this.collection.get(a.model.cid)?a.$el.detach():a.remove()},this),b.empty();var d;this.detachedRendering&&(d=document.createDocumentFragment()),this.collection.each(function(e){var f=c.findByModelCid(e.cid);(!this.reuseModelViews||a.isUndefined(f))&&(f=this._createNewModelView(e,this._getModelViewOptions(e))),this._insertAndRenderModelView(f,d||b)},this),this.detachedRendering&&b.append(d),this.sortable&&this._setupSortable(),this._showEmptyListCaptionIfAppropriate(),this._isBackboneCourierAvailable()?this.spawn("render"):this.trigger("render"),this.selectable&&(this._restoreSelection(),this.updateDependentControls()),this.forceRerenderOnNextSortEvent=!1},_showEmptyListCaptionIfAppropriate:function(){if(this._removeEmptyListCaption(),this.emptyListCaption){var b=this._getVisibleItemEls();if(0===b.length){var d;d=a.isFunction(this.emptyListCaption)?this.emptyListCaption():this.emptyListCaption;var e,f=c("<var class='empty-list-caption'>"+d+"</var>");e=this._isRenderedAsList()?f.wrapAll("<li class='not-sortable'></li>").parent().css(h):f.wrapAll("<tr class='not-sortable'><td colspan='1000'></td></tr>").parent().parent().css(h),this._getContainerEl().append(e)}}},_removeEmptyListCaption:function(){this._isRenderedAsList()?this._getContainerEl().find("> li > var.empty-list-caption").parent().remove():this._getContainerEl().find("> tr > td > var.empty-list-caption").parent().parent().remove()},_insertAndRenderModelView:function(b,c,d){var e=this._wrapModelView(b);if(11===c.nodeType)c.appendChild(e.get(0));else{var f=c.children().length;!a.isUndefined(d)&&d>=0&&f>d?c.children().eq(d).before(e):(!a.isUndefined(d)&&d>f&&(this.forceRerenderOnNextSortEvent=!0),c.append(e))}this.viewManager.add(b);var g=b.render();g===!1&&(e.hide(),e.addClass("not-visible"));var h=!1;a.isFunction(this.visibleModelsFilter)&&(h=!this.visibleModelsFilter(b.model)),1===e.children().length?e.toggle(!h):b.$el.toggle(!h),e.toggleClass("not-visible",h),!h&&this.emptyListCaption&&this._removeEmptyListCaption()},updateDependentControls:function(){this._isBackboneCourierAvailable()?this.spawn("updateDependentControls",{selectedModels:this.getSelectedModels()}):this.trigger("updateDependentControls",this.getSelectedModels())},remove:function(){this.viewManager.each(function(a){a.remove()}),b.View.prototype.remove.apply(this,arguments)},reapplyFilter:function(b){var c=this;if(!a.contains(["selectableModels","sortableModels","visibleModels"],b))throw new Error("Invalid filter identifier supplied to reapplyFilter: "+b);switch(b){case"visibleModels":c.viewManager.each(function(a){var b=c.visibleModelsFilter&&!c.visibleModelsFilter.call(c,a.model);a.$el.toggleClass("not-visible",b),c._modelViewHasWrapperLI(a)?a.$el.closest("li").toggleClass("not-visible",b).toggle(!b):a.$el.toggle(!b)}),this._showEmptyListCaptionIfAppropriate();break;case"sortableModels":c.$el.sortable("destroy"),c.viewManager.each(function(a){var b=c.sortableModelsFilter&&!c.sortableModelsFilter.call(c,a.model);a.$el.toggleClass("not-sortable",b),c._modelViewHasWrapperLI(a)&&a.$el.closest("li").toggleClass("not-sortable",b)}),c._setupSortable();break;case"selectableModels":c.viewManager.each(function(a){var b=c.selectableModelsFilter&&!c.selectableModelsFilter.call(c,a.model);a.$el.toggleClass("not-selectable",b),c._modelViewHasWrapperLI(a)&&a.$el.closest("li").toggleClass("not-selectable",b)}),c._validateSelection()}},_removeModelView:function(a){this.selectable&&this._saveSelection(),this.viewManager.remove(a),this._modelViewHasWrapperLI(a)&&a.$el.parent().remove(),a.remove(),this.selectable&&this._restoreSelection(),this._showEmptyListCaptionIfAppropriate()},_validateSelectionAndRender:function(){this._validateSelection(),this.render()},_registerCollectionEvents:function(){this.listenTo(this.collection,"add",function(a){var b;this._hasBeenRendered&&(b=this._createNewModelView(a,this._getModelViewOptions(a)),this._insertAndRenderModelView(b,this._getContainerEl(),this.collection.indexOf(a))),this._isBackboneCourierAvailable()?this.spawn("add",b):this.trigger("add",b)}),this.listenTo(this.collection,"remove",function(a){var b;this._hasBeenRendered&&(b=this.viewManager.findByModelCid(a.cid),this._removeModelView(b)),this._isBackboneCourierAvailable()?this.spawn("remove"):this.trigger("remove")}),this.listenTo(this.collection,"reset",function(){this._hasBeenRendered&&this.render(),this._isBackboneCourierAvailable()?this.spawn("reset"):this.trigger("reset")}),this.listenTo(this.collection,"sort",function(a,b){this._hasBeenRendered&&(b.add!==!0||this.forceRerenderOnNextSortEvent)&&this.render(),this._isBackboneCourierAvailable()?this.spawn("sort"):this.trigger("sort")})},_getContainerEl:function(){if(this._isRenderedAsTable()){var a=this.$el.find("> tbody");if(a.length>0)return a}return this.$el},_getClickedItemId:function(a){var b=null,d=c(a.currentTarget);if(d.closest(".collection-view").get(0)===this.$el.get(0)){var e=d.closest("[data-model-cid]");return e.length>0&&(b=e.attr("data-model-cid"),c.isNumeric(b)&&(b=parseInt(b,10))),b}},_updateItemTemplate:function(){var b;if(this.itemTemplate){if(0===c(this.itemTemplate).length)throw"Could not find item template from selector: "+this.itemTemplate;b=c(this.itemTemplate).html()}else b=this.$(".item-template").html();b&&(this.itemTemplateFunction=a.template(b))},_validateSelection:function(){var b=a.pluck(this.collection.models,"cid");this.selectedItems=a.intersection(b,this.selectedItems),a.isFunction(this.selectableModelsFilter)&&(this.selectedItems=a.filter(this.selectedItems,function(a){return this.selectableModelsFilter.call(this,this.collection.get(a))},this))},_saveSelection:function(){if(!this.selectable)throw"Attempt to save selection on non-selectable list";this.savedSelection={items:a.clone(this.selectedItems),offset:this.getSelectedModel({by:"offset"})}},_restoreSelection:function(){if(!this.savedSelection)throw"Attempt to restore selection but no selection has been saved!";this.setSelectedModels([],{silent:!0}),this.savedSelection.items.length>0&&(this.setSelectedModels(this.savedSelection.items,{by:"cid",silent:!0}),0===this.selectedItems.length&&this.setSelectedModel(this.savedSelection.offset,{by:"offset"}),this.selectedItems.length!==this.savedSelection.items.length&&(this._isBackboneCourierAvailable()?this.spawn("selectionChanged",{selectedModels:this.getSelectedModels(),oldSelectedModels:[]}):this.trigger("selectionChanged",this.getSelectedModels(),[])))},_addSelectedClassToSelectedItems:function(b){a.isUndefined(b)&&(b=[]);var c=b;c=a.without(c,this.selectedItems),a.each(c,function(a){this._getContainerEl().find("[data-model-cid="+a+"]").removeClass("selected"),this._isRenderedAsList()&&this._getContainerEl().find("li[data-model-cid="+a+"] > *").removeClass("selected")},this);var d=this.selectedItems;d=a.without(d,b),a.each(d,function(a){this._getContainerEl().find("[data-model-cid="+a+"]").addClass("selected"),this._isRenderedAsList()&&this._getContainerEl().find("li[data-model-cid="+a+"] > *").addClass("selected")},this)},_reorderCollectionBasedOnHTML:function(){var a=this;this._getContainerEl().children().each(function(){var b=c(this).attr("data-model-cid");if(b){var d=a.collection.get(b);d&&(a.collection.remove(d,{silent:!0}),a.collection.add(d,{silent:!0,sort:!a.collection.comparator}))}}),this._isBackboneCourierAvailable()?this.spawn("reorder"):this.collection.trigger("reorder"),this.collection.comparator&&this.collection.sort()},_getModelViewConstructor:function(a){return this.modelView||e},_getModelViewOptions:function(b){var c=this.modelViewOptions;return a.isFunction(c)&&(c=c(b)),a.extend({model:b},c)},_createNewModelView:function(b,c){var d=this._getModelViewConstructor(b);if(a.isUndefined(d))throw"Could not find modelView constructor for model";var e=new d(c);return e.collectionListView=e.collectionView=this,e},_wrapModelView:function(b){var c,d=this;return this._isRenderedAsTable()?(c=b.$el,b.$el.attr("data-model-cid",b.model.cid)):this._isRenderedAsList()&&(b.$el.is("li")?(c=b.$el,b.$el.attr("data-model-cid",b.model.cid)):c=b.$el.wrapAll("<li data-model-cid='"+b.model.cid+"'></li>").parent()),a.isFunction(this.sortableModelsFilter)&&(this.sortableModelsFilter.call(d,b.model)||(c.addClass("not-sortable"),b.$el.addClass("not-selectable"))),a.isFunction(this.selectableModelsFilter)&&(this.selectableModelsFilter.call(d,b.model)||(c.addClass("not-selectable"),b.$el.addClass("not-selectable"))),c},_convertStringsToInts:function(b){return a.map(b,function(b){if(!a.isString(b))return b;var c=parseInt(b,10);return c==b?c:b})},_containSameElements:function(b,c){if(b.length!=c.length)return!1;var d=a.intersection(b,c).length;return d==b.length},_isRenderedAsTable:function(){return"table"===this.$el.prop("tagName").toLowerCase()},_isRenderedAsList:function(){return!this._isRenderedAsTable()},_modelViewHasWrapperLI:function(a){return this._isRenderedAsList()&&!a.$el.is("li")},_getVisibleItemEls:function(){var a=[];return a=this._getContainerEl().find("> [data-model-cid]:not(.not-visible)")},_charCodes:{upArrow:38,downArrow:40},_isBackboneCourierAvailable:function(){return!a.isUndefined(b.Courier)},_setupSortable:function(){var b=a.extend({axis:"y",distance:10,forcePlaceholderSize:!0,items:this._isRenderedAsTable()?"> tbody > tr:not(.not-sortable)":"> li:not(.not-sortable)",start:a.bind(this._sortStart,this),change:a.bind(this._sortChange,this),stop:a.bind(this._sortStop,this),receive:a.bind(this._receive,this),over:a.bind(this._over,this)},a.result(this,"sortableOptions"));this.$el=this.$el.sortable(b)},_sortStart:function(a,b){var c=this.collection.get(b.item.attr("data-model-cid"));this._isBackboneCourierAvailable()?this.spawn("sortStart",{modelBeingSorted:c}):this.trigger("sortStart",c)},_sortChange:function(a,b){var c=this.collection.get(b.item.attr("data-model-cid"));this._isBackboneCourierAvailable()?this.spawn("sortChange",{modelBeingSorted:c}):this.trigger("sortChange",c)},_sortStop:function(a,b){var c=this.collection.get(b.item.attr("data-model-cid")),d=this._getContainerEl(),e=d.children().index(b.item);-1==e&&c&&this.collection.remove(c),c&&(this._reorderCollectionBasedOnHTML(),this.updateDependentControls(),this._isBackboneCourierAvailable()?this.spawn("sortStop",{modelBeingSorted:c,newIndex:e}):this.trigger("sortStop",c,e))},_receive:function(a,b){var c=b.sender,d=c.data("view");if(d&&d.collection){var e=this._getContainerEl().children().index(b.item),f=d.collection.get(b.item.attr("data-model-cid"));d.collection.remove(f),this.collection.add(f,{at:e}),f.collection=this.collection,this.setSelectedModel(f)}},_over:function(a,b){this._getContainerEl().find("> var.empty-list-caption").hide()},_onKeydown:function(a){if(!this.processKeyEvents)return!0;var b=!1;if(1==this.getSelectedModels({by:"offset"}).length){var c=this.getSelectedModel({by:"offset"});a.which===this._charCodes.upArrow&&0!==c?(this.setSelectedModel(c-1,{by:"offset"}),b=!0):a.which===this._charCodes.downArrow&&c!==this.collection.length-1&&(this.setSelectedModel(c+1,{by:"offset"}),b=!0)}return!b},_listItem_onMousedown:function(b){var c=this._getClickedItemId(b);if(c){var d=this.collection.get(c);if(this._isBackboneCourierAvailable()){var e={clickedModel:d,metaKeyPressed:b.ctrlKey||b.metaKey};a.each(["preventDefault","stopPropagation","stopImmediatePropagation"],function(a){e[a]=function(){b[a]()}}),this.spawn("click",e)}else this.trigger("click",d)}if(this.selectable&&this.clickToSelect)if(c){if(a.isFunction(this.selectableModelsFilter)&&!this.selectableModelsFilter.call(this,this.collection.get(c)))return;if(this.selectMultiple&&b.shiftKey){var f=-1;this.selectedItems.length>0&&this.collection.find(function(b){return f++,a.contains(this.selectedItems,b.cid)},this);var g=-1;this.collection.find(function(a){return g++,a.cid==c},this);for(var h=-1==f?g:f,i=Math.min(g,h),j=Math.max(g,h),k=[],l=i;j>=l;l++)k.push(this.collection.at(l).cid);if(this.setSelectedModels(k,{by:"cid"}),document.selection&&document.selection.empty)document.selection.empty();else if(window.getSelection){var m=window.getSelection();m&&m.removeAllRanges&&m.removeAllRanges()}}else(this.selectMultiple||a.contains(this.selectedItems,c))&&(this.clickToToggle||b.metaKey||b.ctrlKey)?a.contains(this.selectedItems,c)?this.setSelectedModels(a.without(this.selectedItems,c),{by:"cid"}):this.setSelectedModels(a.union(this.selectedItems,[c]),{by:"cid"}):this.setSelectedModels([c],{by:"cid"})}else this.setSelectedModels([])},_listItem_onDoubleClick:function(a){var b=this._getClickedItemId(a);if(b){var c=this.collection.get(b);this._isBackboneCourierAvailable()?this.spawn("doubleClick",{clickedModel:c,metaKeyPressed:a.ctrlKey||a.metaKey}):this.trigger("doubleClick",c)}},_listBackground_onClick:function(a){this.selectable&&this.clickToSelect&&c(a.target).is(".collection-view")&&this.setSelectedModels([])}},{setDefaultModelViewConstructor:function(a){e=a}}),b.ViewOptions={},b.ViewOptions.add=function(b,c){a.isUndefined(c)&&(c="options"),b.setOptions=function(b){var e=this,f={},g={},h=a.result(this,c);if(!a.isUndefined(h)){var i=d(h);a.each(i,function(c,d){var h=c.required,i=c.defaultValue;if(h){if((!b||!a.contains(a.keys(b),d))&&a.isUndefined(e[d]))throw new Error('Required option "'+d+'" was not supplied.');if(b&&a.contains(a.keys(b),d)&&a.isUndefined(b[d]))throw new Error('Required option "'+d+'" can not be set to undefined.')}if(b&&d in b&&!a.isUndefined(b[d])){var j=e[d],k=b[d];a.isUndefined(j)||j===k||(g[d]=j,f[d]=k),e[d]=k}else a.isUndefined(e[d])&&(e[d]=i)})}a.keys(f).length>0&&(a.isFunction(e.onOptionsChanged)?e.onOptionsChanged(f,g):a.isFunction(e._onOptionsChanged)&&e._onOptionsChanged(f,g))},b.getOptions=function(){var b=a.result(this,c);if(a.isUndefined(b))return{};var e=d(b),f=a.keys(e);return a.pick(this,f)}},ChildViewContainer=function(a,b){var c=function(a){this._views={},this._indexByModel={},this._indexByCustom={},this._updateLength(),b.each(a,this.add,this)};b.extend(c.prototype,{add:function(a,b){var c=a.cid;this._views[c]=a,a.model&&(this._indexByModel[a.model.cid]=c),b&&(this._indexByCustom[b]=c),this._updateLength()},findByModel:function(a){return this.findByModelCid(a.cid)},findByModelCid:function(a){var b=this._indexByModel[a];return this.findByCid(b)},findByCustom:function(a){var b=this._indexByCustom[a];return this.findByCid(b)},findByIndex:function(a){return b.values(this._views)[a]},findByCid:function(a){return this._views[a]},findIndexByCid:function(a){var c=-1,d=b.find(this._views,function(b){return c++,b.model.cid==a?b:void 0});return d?c:-1},remove:function(a){var c=a.cid;a.model&&delete this._indexByModel[a.model.cid],b.any(this._indexByCustom,function(a,b){return a===c?(delete this._indexByCustom[b],!0):void 0},this),delete this._views[c],this._updateLength()},call:function(a){this.apply(a,b.tail(arguments))},apply:function(a,c){b.each(this._views,function(d){b.isFunction(d[a])&&d[a].apply(d,c||[])})},_updateLength:function(){this.length=b.size(this._views)}});var d=["forEach","each","map","find","detect","filter","select","reject","every","all","some","any","include","contains","invoke","toArray","first","initial","rest","last","without","isEmpty","pluck"];return b.each(d,function(a){c.prototype[a]=function(){var c=b.values(this._views),d=[c].concat(b.toArray(arguments));return b[a].apply(b,d)}}),c}(b,a),b.CollectionView});


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "bb-collection-view",
 3 |   "version": "3.0.0",
 4 |   "description": "Easily render backbone.js collections with support for automatic selection of models in response to clicks, reordering models via drag and drop, and more.",
 5 |   "main": "dist/backbone.collectionView.js",
 6 |   "devDependencies": {
 7 |     "grunt": "^0.4.5",
 8 |     "grunt-contrib-compress": "^0.13.0",
 9 |     "grunt-contrib-concat": "^0.5.1",
10 |     "grunt-contrib-jshint": "^0.11.2",
11 |     "grunt-contrib-uglify": "^0.9.1"
12 |   },
13 |   "keywords": [
14 |     "backbone",
15 |     "collection",
16 |     "view"
17 |   ],
18 |   "style": "base.css",
19 |   "scripts": {
20 |     "test": "open test/index.html"
21 |   },
22 |   "repository": {
23 |     "type": "git",
24 |     "url": "https://github.com/rotundasoftware/backbone.collectionView.git"
25 |   },
26 |   "author": {
27 |     "name": "Rotunda Software"
28 |   },
29 |   "license": "MIT",
30 |   "readmeFilename": "README.md",
31 |   "dependencies": {
32 |     "backbone": "^1.2.3",
33 |     "jquery": "^3.2.1",
34 |     "jquery-ui": "^1.10.1"
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/test/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rotundasoftware/backbone.collectionView/63109a35255b91ca220c2b3988c964000f48477b/test/.DS_Store


--------------------------------------------------------------------------------
/test/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | <head>
 4 | <meta charset="utf-8">
 5 | <title>Backbone CollectionView</title>
 6 | <link rel="stylesheet" href="lib/qunit-1.11.0.css">
 7 | <link rel="stylesheet" href="lib/jquery-ui.css">
 8 | <script type="text/javascript" src="lib/jquery-1.9.1.js"></script>
 9 | <script type="text/javascript" src="lib/jquery-ui.js"></script>
10 | <script type="text/javascript" src="lib/underscore.js"></script>
11 | <script type="text/javascript" src="lib/backbone.js"></script>
12 | <script type="text/javascript" src="../src/backbone.collectionView.js"></script>
13 | <script type="text/javascript"src="lib/qunit-1.11.0.js"></script>
14 | <script type="text/javascript" src="tests.js"></script>
15 | </head>
16 | <body>
17 | <div id="qunit"></div>
18 | <div id="qunit-fixture"></div>
19 | 	<script type="text/html" id="employee-template">
20 | 		<span>Full name: <%= firstName %> <%= lastName %></span>
21 | 	</script>
22 | 	<script type="text/html" id="employee-template-for-table">
23 | 		<td><span>Full name: <%= firstName %> <%= lastName %></span></td>
24 | 	</script>
25 | 	<script type="text/html" id="employee-template-2">
26 | 		<span>Full 2 name: <%= firstName %> <%= lastName %></span>
27 | 	</script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/test/lib/backbone.babysitter.js:
--------------------------------------------------------------------------------
  1 | // Backbone.BabySitter
  2 | // -------------------
  3 | // v0.0.5
  4 | //
  5 | // Copyright (c)2013 Derick Bailey, Muted Solutions, LLC.
  6 | // Distributed under MIT license
  7 | //
  8 | // http://github.com/babysitterjs/backbone.babysitter
  9 | 
 10 | // Backbone.ChildViewContainer
 11 | // ---------------------------
 12 | //
 13 | // Provide a container to store, retrieve and
 14 | // shut down child views.
 15 | 
 16 | Backbone.ChildViewContainer = (function(Backbone, _){
 17 |   
 18 |   // Container Constructor
 19 |   // ---------------------
 20 | 
 21 |   var Container = function(initialViews){
 22 |     this._views = {};
 23 |     this._indexByModel = {};
 24 |     this._indexByCollection = {};
 25 |     this._indexByCustom = {};
 26 |     this._updateLength();
 27 | 
 28 |     this._addInitialViews(initialViews);
 29 |   };
 30 | 
 31 |   // Container Methods
 32 |   // -----------------
 33 | 
 34 |   _.extend(Container.prototype, {
 35 | 
 36 |     // Add a view to this container. Stores the view
 37 |     // by `cid` and makes it searchable by the model
 38 |     // and/or collection of the view. Optionally specify
 39 |     // a custom key to store an retrieve the view.
 40 |     add: function(view, customIndex){
 41 |       var viewCid = view.cid;
 42 | 
 43 |       // store the view
 44 |       this._views[viewCid] = view;
 45 | 
 46 |       // index it by model
 47 |       if (view.model){
 48 |         this._indexByModel[view.model.cid] = viewCid;
 49 |       }
 50 | 
 51 |       // index it by collection
 52 |       if (view.collection){
 53 |         this._indexByCollection[view.collection.cid] = viewCid;
 54 |       }
 55 | 
 56 |       // index by custom
 57 |       if (customIndex){
 58 |         this._indexByCustom[customIndex] = viewCid;
 59 |       }
 60 | 
 61 |       this._updateLength();
 62 |     },
 63 | 
 64 |     // Find a view by the model that was attached to
 65 |     // it. Uses the model's `cid` to find it, and
 66 |     // retrieves the view by it's `cid` from the result
 67 |     findByModel: function(model){
 68 |       var viewCid = this._indexByModel[model.cid];
 69 |       return this.findByCid(viewCid);
 70 |     },
 71 | 
 72 |     // Find a view by the collection that was attached to
 73 |     // it. Uses the collection's `cid` to find it, and
 74 |     // retrieves the view by it's `cid` from the result
 75 |     findByCollection: function(col){
 76 |       var viewCid = this._indexByCollection[col.cid];
 77 |       return this.findByCid(viewCid);
 78 |     },
 79 | 
 80 |     // Find a view by a custom indexer.
 81 |     findByCustom: function(index){
 82 |       var viewCid = this._indexByCustom[index];
 83 |       return this.findByCid(viewCid);
 84 |     },
 85 | 
 86 |     // Find by index. This is not guaranteed to be a
 87 |     // stable index.
 88 |     findByIndex: function(index){
 89 |       return _.values(this._views)[index];
 90 |     },
 91 | 
 92 |     // retrieve a view by it's `cid` directly
 93 |     findByCid: function(cid){
 94 |       return this._views[cid];
 95 |     },
 96 | 
 97 |     // Remove a view
 98 |     remove: function(view){
 99 |       var viewCid = view.cid;
100 | 
101 |       // delete model index
102 |       if (view.model){
103 |         delete this._indexByModel[view.model.cid];
104 |       }
105 | 
106 |       // delete collection index
107 |       if (view.collection){
108 |         delete this._indexByCollection[view.collection.cid];
109 |       }
110 | 
111 |       // delete custom index
112 |       var cust;
113 | 
114 |       for (var key in this._indexByCustom){
115 |         if (this._indexByCustom.hasOwnProperty(key)){
116 |           if (this._indexByCustom[key] === viewCid){
117 |             cust = key;
118 |             break;
119 |           }
120 |         }
121 |       }
122 | 
123 |       if (cust){
124 |         delete this._indexByCustom[cust];
125 |       }
126 | 
127 |       // remove the view from the container
128 |       delete this._views[viewCid];
129 | 
130 |       // update the length
131 |       this._updateLength();
132 |     },
133 | 
134 |     // Call a method on every view in the container,
135 |     // passing parameters to the call method one at a
136 |     // time, like `function.call`.
137 |     call: function(method, args){
138 |       args = Array.prototype.slice.call(arguments, 1);
139 |       this.apply(method, args);
140 |     },
141 | 
142 |     // Apply a method on every view in the container,
143 |     // passing parameters to the call method one at a
144 |     // time, like `function.apply`.
145 |     apply: function(method, args){
146 |       var view;
147 | 
148 |       // fix for IE < 9
149 |       args = args || [];
150 | 
151 |       _.each(this._views, function(view, key){
152 |         if (_.isFunction(view[method])){
153 |           view[method].apply(view, args);
154 |         }
155 |       });
156 | 
157 |     },
158 | 
159 |     // Update the `.length` attribute on this container
160 |     _updateLength: function(){
161 |       this.length = _.size(this._views);
162 |     },
163 | 
164 |     // set up an initial list of views
165 |     _addInitialViews: function(views){
166 |       if (!views){ return; }
167 | 
168 |       var view, i,
169 |           length = views.length;
170 | 
171 |       for (i=0; i<length; i++){
172 |         view = views[i];
173 |         this.add(view);
174 |       }
175 |     }
176 |   });
177 | 
178 |   // Borrowing this code from Backbone.Collection:
179 |   // http://backbonejs.org/docs/backbone.html#section-106
180 |   //
181 |   // Mix in methods from Underscore, for iteration, and other
182 |   // collection related features.
183 |   var methods = ['forEach', 'each', 'map', 'find', 'detect', 'filter', 
184 |     'select', 'reject', 'every', 'all', 'some', 'any', 'include', 
185 |     'contains', 'invoke', 'toArray', 'first', 'initial', 'rest', 
186 |     'last', 'without', 'isEmpty', 'pluck'];
187 | 
188 |   _.each(methods, function(method) {
189 |     Container.prototype[method] = function() {
190 |       var views = _.values(this._views);
191 |       var args = [views].concat(_.toArray(arguments));
192 |       return _[method].apply(_, args);
193 |     };
194 |   });
195 | 
196 |   // return the public API
197 |   return Container;
198 | })(Backbone, _);
199 | 


--------------------------------------------------------------------------------
/test/lib/jquery-ui.css:
--------------------------------------------------------------------------------
   1 | /*! jQuery UI - v1.10.2 - 2013-03-14
   2 | * http://jqueryui.com
   3 | * Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
   4 | * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
   5 | * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
   6 | 
   7 | /* Layout helpers
   8 | ----------------------------------*/
   9 | .ui-helper-hidden {
  10 | 	display: none;
  11 | }
  12 | .ui-helper-hidden-accessible {
  13 | 	border: 0;
  14 | 	clip: rect(0 0 0 0);
  15 | 	height: 1px;
  16 | 	margin: -1px;
  17 | 	overflow: hidden;
  18 | 	padding: 0;
  19 | 	position: absolute;
  20 | 	width: 1px;
  21 | }
  22 | .ui-helper-reset {
  23 | 	margin: 0;
  24 | 	padding: 0;
  25 | 	border: 0;
  26 | 	outline: 0;
  27 | 	line-height: 1.3;
  28 | 	text-decoration: none;
  29 | 	font-size: 100%;
  30 | 	list-style: none;
  31 | }
  32 | .ui-helper-clearfix:before,
  33 | .ui-helper-clearfix:after {
  34 | 	content: "";
  35 | 	display: table;
  36 | 	border-collapse: collapse;
  37 | }
  38 | .ui-helper-clearfix:after {
  39 | 	clear: both;
  40 | }
  41 | .ui-helper-clearfix {
  42 | 	min-height: 0; /* support: IE7 */
  43 | }
  44 | .ui-helper-zfix {
  45 | 	width: 100%;
  46 | 	height: 100%;
  47 | 	top: 0;
  48 | 	left: 0;
  49 | 	position: absolute;
  50 | 	opacity: 0;
  51 | 	filter:Alpha(Opacity=0);
  52 | }
  53 | 
  54 | .ui-front {
  55 | 	z-index: 100;
  56 | }
  57 | 
  58 | 
  59 | /* Interaction Cues
  60 | ----------------------------------*/
  61 | .ui-state-disabled {
  62 | 	cursor: default !important;
  63 | }
  64 | 
  65 | 
  66 | /* Icons
  67 | ----------------------------------*/
  68 | 
  69 | /* states and images */
  70 | .ui-icon {
  71 | 	display: block;
  72 | 	text-indent: -99999px;
  73 | 	overflow: hidden;
  74 | 	background-repeat: no-repeat;
  75 | }
  76 | 
  77 | 
  78 | /* Misc visuals
  79 | ----------------------------------*/
  80 | 
  81 | /* Overlays */
  82 | .ui-widget-overlay {
  83 | 	position: fixed;
  84 | 	top: 0;
  85 | 	left: 0;
  86 | 	width: 100%;
  87 | 	height: 100%;
  88 | }
  89 | .ui-accordion .ui-accordion-header {
  90 | 	display: block;
  91 | 	cursor: pointer;
  92 | 	position: relative;
  93 | 	margin-top: 2px;
  94 | 	padding: .5em .5em .5em .7em;
  95 | 	min-height: 0; /* support: IE7 */
  96 | }
  97 | .ui-accordion .ui-accordion-icons {
  98 | 	padding-left: 2.2em;
  99 | }
 100 | .ui-accordion .ui-accordion-noicons {
 101 | 	padding-left: .7em;
 102 | }
 103 | .ui-accordion .ui-accordion-icons .ui-accordion-icons {
 104 | 	padding-left: 2.2em;
 105 | }
 106 | .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
 107 | 	position: absolute;
 108 | 	left: .5em;
 109 | 	top: 50%;
 110 | 	margin-top: -8px;
 111 | }
 112 | .ui-accordion .ui-accordion-content {
 113 | 	padding: 1em 2.2em;
 114 | 	border-top: 0;
 115 | 	overflow: auto;
 116 | }
 117 | .ui-autocomplete {
 118 | 	position: absolute;
 119 | 	top: 0;
 120 | 	left: 0;
 121 | 	cursor: default;
 122 | }
 123 | .ui-button {
 124 | 	display: inline-block;
 125 | 	position: relative;
 126 | 	padding: 0;
 127 | 	line-height: normal;
 128 | 	margin-right: .1em;
 129 | 	cursor: pointer;
 130 | 	vertical-align: middle;
 131 | 	text-align: center;
 132 | 	overflow: visible; /* removes extra width in IE */
 133 | }
 134 | .ui-button,
 135 | .ui-button:link,
 136 | .ui-button:visited,
 137 | .ui-button:hover,
 138 | .ui-button:active {
 139 | 	text-decoration: none;
 140 | }
 141 | /* to make room for the icon, a width needs to be set here */
 142 | .ui-button-icon-only {
 143 | 	width: 2.2em;
 144 | }
 145 | /* button elements seem to need a little more width */
 146 | button.ui-button-icon-only {
 147 | 	width: 2.4em;
 148 | }
 149 | .ui-button-icons-only {
 150 | 	width: 3.4em;
 151 | }
 152 | button.ui-button-icons-only {
 153 | 	width: 3.7em;
 154 | }
 155 | 
 156 | /* button text element */
 157 | .ui-button .ui-button-text {
 158 | 	display: block;
 159 | 	line-height: normal;
 160 | }
 161 | .ui-button-text-only .ui-button-text {
 162 | 	padding: .4em 1em;
 163 | }
 164 | .ui-button-icon-only .ui-button-text,
 165 | .ui-button-icons-only .ui-button-text {
 166 | 	padding: .4em;
 167 | 	text-indent: -9999999px;
 168 | }
 169 | .ui-button-text-icon-primary .ui-button-text,
 170 | .ui-button-text-icons .ui-button-text {
 171 | 	padding: .4em 1em .4em 2.1em;
 172 | }
 173 | .ui-button-text-icon-secondary .ui-button-text,
 174 | .ui-button-text-icons .ui-button-text {
 175 | 	padding: .4em 2.1em .4em 1em;
 176 | }
 177 | .ui-button-text-icons .ui-button-text {
 178 | 	padding-left: 2.1em;
 179 | 	padding-right: 2.1em;
 180 | }
 181 | /* no icon support for input elements, provide padding by default */
 182 | input.ui-button {
 183 | 	padding: .4em 1em;
 184 | }
 185 | 
 186 | /* button icon element(s) */
 187 | .ui-button-icon-only .ui-icon,
 188 | .ui-button-text-icon-primary .ui-icon,
 189 | .ui-button-text-icon-secondary .ui-icon,
 190 | .ui-button-text-icons .ui-icon,
 191 | .ui-button-icons-only .ui-icon {
 192 | 	position: absolute;
 193 | 	top: 50%;
 194 | 	margin-top: -8px;
 195 | }
 196 | .ui-button-icon-only .ui-icon {
 197 | 	left: 50%;
 198 | 	margin-left: -8px;
 199 | }
 200 | .ui-button-text-icon-primary .ui-button-icon-primary,
 201 | .ui-button-text-icons .ui-button-icon-primary,
 202 | .ui-button-icons-only .ui-button-icon-primary {
 203 | 	left: .5em;
 204 | }
 205 | .ui-button-text-icon-secondary .ui-button-icon-secondary,
 206 | .ui-button-text-icons .ui-button-icon-secondary,
 207 | .ui-button-icons-only .ui-button-icon-secondary {
 208 | 	right: .5em;
 209 | }
 210 | 
 211 | /* button sets */
 212 | .ui-buttonset {
 213 | 	margin-right: 7px;
 214 | }
 215 | .ui-buttonset .ui-button {
 216 | 	margin-left: 0;
 217 | 	margin-right: -.3em;
 218 | }
 219 | 
 220 | /* workarounds */
 221 | /* reset extra padding in Firefox, see h5bp.com/l */
 222 | input.ui-button::-moz-focus-inner,
 223 | button.ui-button::-moz-focus-inner {
 224 | 	border: 0;
 225 | 	padding: 0;
 226 | }
 227 | .ui-datepicker {
 228 | 	width: 17em;
 229 | 	padding: .2em .2em 0;
 230 | 	display: none;
 231 | }
 232 | .ui-datepicker .ui-datepicker-header {
 233 | 	position: relative;
 234 | 	padding: .2em 0;
 235 | }
 236 | .ui-datepicker .ui-datepicker-prev,
 237 | .ui-datepicker .ui-datepicker-next {
 238 | 	position: absolute;
 239 | 	top: 2px;
 240 | 	width: 1.8em;
 241 | 	height: 1.8em;
 242 | }
 243 | .ui-datepicker .ui-datepicker-prev-hover,
 244 | .ui-datepicker .ui-datepicker-next-hover {
 245 | 	top: 1px;
 246 | }
 247 | .ui-datepicker .ui-datepicker-prev {
 248 | 	left: 2px;
 249 | }
 250 | .ui-datepicker .ui-datepicker-next {
 251 | 	right: 2px;
 252 | }
 253 | .ui-datepicker .ui-datepicker-prev-hover {
 254 | 	left: 1px;
 255 | }
 256 | .ui-datepicker .ui-datepicker-next-hover {
 257 | 	right: 1px;
 258 | }
 259 | .ui-datepicker .ui-datepicker-prev span,
 260 | .ui-datepicker .ui-datepicker-next span {
 261 | 	display: block;
 262 | 	position: absolute;
 263 | 	left: 50%;
 264 | 	margin-left: -8px;
 265 | 	top: 50%;
 266 | 	margin-top: -8px;
 267 | }
 268 | .ui-datepicker .ui-datepicker-title {
 269 | 	margin: 0 2.3em;
 270 | 	line-height: 1.8em;
 271 | 	text-align: center;
 272 | }
 273 | .ui-datepicker .ui-datepicker-title select {
 274 | 	font-size: 1em;
 275 | 	margin: 1px 0;
 276 | }
 277 | .ui-datepicker select.ui-datepicker-month-year {
 278 | 	width: 100%;
 279 | }
 280 | .ui-datepicker select.ui-datepicker-month,
 281 | .ui-datepicker select.ui-datepicker-year {
 282 | 	width: 49%;
 283 | }
 284 | .ui-datepicker table {
 285 | 	width: 100%;
 286 | 	font-size: .9em;
 287 | 	border-collapse: collapse;
 288 | 	margin: 0 0 .4em;
 289 | }
 290 | .ui-datepicker th {
 291 | 	padding: .7em .3em;
 292 | 	text-align: center;
 293 | 	font-weight: bold;
 294 | 	border: 0;
 295 | }
 296 | .ui-datepicker td {
 297 | 	border: 0;
 298 | 	padding: 1px;
 299 | }
 300 | .ui-datepicker td span,
 301 | .ui-datepicker td a {
 302 | 	display: block;
 303 | 	padding: .2em;
 304 | 	text-align: right;
 305 | 	text-decoration: none;
 306 | }
 307 | .ui-datepicker .ui-datepicker-buttonpane {
 308 | 	background-image: none;
 309 | 	margin: .7em 0 0 0;
 310 | 	padding: 0 .2em;
 311 | 	border-left: 0;
 312 | 	border-right: 0;
 313 | 	border-bottom: 0;
 314 | }
 315 | .ui-datepicker .ui-datepicker-buttonpane button {
 316 | 	float: right;
 317 | 	margin: .5em .2em .4em;
 318 | 	cursor: pointer;
 319 | 	padding: .2em .6em .3em .6em;
 320 | 	width: auto;
 321 | 	overflow: visible;
 322 | }
 323 | .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
 324 | 	float: left;
 325 | }
 326 | 
 327 | /* with multiple calendars */
 328 | .ui-datepicker.ui-datepicker-multi {
 329 | 	width: auto;
 330 | }
 331 | .ui-datepicker-multi .ui-datepicker-group {
 332 | 	float: left;
 333 | }
 334 | .ui-datepicker-multi .ui-datepicker-group table {
 335 | 	width: 95%;
 336 | 	margin: 0 auto .4em;
 337 | }
 338 | .ui-datepicker-multi-2 .ui-datepicker-group {
 339 | 	width: 50%;
 340 | }
 341 | .ui-datepicker-multi-3 .ui-datepicker-group {
 342 | 	width: 33.3%;
 343 | }
 344 | .ui-datepicker-multi-4 .ui-datepicker-group {
 345 | 	width: 25%;
 346 | }
 347 | .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
 348 | .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
 349 | 	border-left-width: 0;
 350 | }
 351 | .ui-datepicker-multi .ui-datepicker-buttonpane {
 352 | 	clear: left;
 353 | }
 354 | .ui-datepicker-row-break {
 355 | 	clear: both;
 356 | 	width: 100%;
 357 | 	font-size: 0;
 358 | }
 359 | 
 360 | /* RTL support */
 361 | .ui-datepicker-rtl {
 362 | 	direction: rtl;
 363 | }
 364 | .ui-datepicker-rtl .ui-datepicker-prev {
 365 | 	right: 2px;
 366 | 	left: auto;
 367 | }
 368 | .ui-datepicker-rtl .ui-datepicker-next {
 369 | 	left: 2px;
 370 | 	right: auto;
 371 | }
 372 | .ui-datepicker-rtl .ui-datepicker-prev:hover {
 373 | 	right: 1px;
 374 | 	left: auto;
 375 | }
 376 | .ui-datepicker-rtl .ui-datepicker-next:hover {
 377 | 	left: 1px;
 378 | 	right: auto;
 379 | }
 380 | .ui-datepicker-rtl .ui-datepicker-buttonpane {
 381 | 	clear: right;
 382 | }
 383 | .ui-datepicker-rtl .ui-datepicker-buttonpane button {
 384 | 	float: left;
 385 | }
 386 | .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
 387 | .ui-datepicker-rtl .ui-datepicker-group {
 388 | 	float: right;
 389 | }
 390 | .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
 391 | .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
 392 | 	border-right-width: 0;
 393 | 	border-left-width: 1px;
 394 | }
 395 | .ui-dialog {
 396 | 	position: absolute;
 397 | 	top: 0;
 398 | 	left: 0;
 399 | 	padding: .2em;
 400 | 	outline: 0;
 401 | }
 402 | .ui-dialog .ui-dialog-titlebar {
 403 | 	padding: .4em 1em;
 404 | 	position: relative;
 405 | }
 406 | .ui-dialog .ui-dialog-title {
 407 | 	float: left;
 408 | 	margin: .1em 0;
 409 | 	white-space: nowrap;
 410 | 	width: 90%;
 411 | 	overflow: hidden;
 412 | 	text-overflow: ellipsis;
 413 | }
 414 | .ui-dialog .ui-dialog-titlebar-close {
 415 | 	position: absolute;
 416 | 	right: .3em;
 417 | 	top: 50%;
 418 | 	width: 21px;
 419 | 	margin: -10px 0 0 0;
 420 | 	padding: 1px;
 421 | 	height: 20px;
 422 | }
 423 | .ui-dialog .ui-dialog-content {
 424 | 	position: relative;
 425 | 	border: 0;
 426 | 	padding: .5em 1em;
 427 | 	background: none;
 428 | 	overflow: auto;
 429 | }
 430 | .ui-dialog .ui-dialog-buttonpane {
 431 | 	text-align: left;
 432 | 	border-width: 1px 0 0 0;
 433 | 	background-image: none;
 434 | 	margin-top: .5em;
 435 | 	padding: .3em 1em .5em .4em;
 436 | }
 437 | .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
 438 | 	float: right;
 439 | }
 440 | .ui-dialog .ui-dialog-buttonpane button {
 441 | 	margin: .5em .4em .5em 0;
 442 | 	cursor: pointer;
 443 | }
 444 | .ui-dialog .ui-resizable-se {
 445 | 	width: 12px;
 446 | 	height: 12px;
 447 | 	right: -5px;
 448 | 	bottom: -5px;
 449 | 	background-position: 16px 16px;
 450 | }
 451 | .ui-draggable .ui-dialog-titlebar {
 452 | 	cursor: move;
 453 | }
 454 | .ui-menu {
 455 | 	list-style: none;
 456 | 	padding: 2px;
 457 | 	margin: 0;
 458 | 	display: block;
 459 | 	outline: none;
 460 | }
 461 | .ui-menu .ui-menu {
 462 | 	margin-top: -3px;
 463 | 	position: absolute;
 464 | }
 465 | .ui-menu .ui-menu-item {
 466 | 	margin: 0;
 467 | 	padding: 0;
 468 | 	width: 100%;
 469 | }
 470 | .ui-menu .ui-menu-divider {
 471 | 	margin: 5px -2px 5px -2px;
 472 | 	height: 0;
 473 | 	font-size: 0;
 474 | 	line-height: 0;
 475 | 	border-width: 1px 0 0 0;
 476 | }
 477 | .ui-menu .ui-menu-item a {
 478 | 	text-decoration: none;
 479 | 	display: block;
 480 | 	padding: 2px .4em;
 481 | 	line-height: 1.5;
 482 | 	min-height: 0; /* support: IE7 */
 483 | 	font-weight: normal;
 484 | }
 485 | .ui-menu .ui-menu-item a.ui-state-focus,
 486 | .ui-menu .ui-menu-item a.ui-state-active {
 487 | 	font-weight: normal;
 488 | 	margin: -1px;
 489 | }
 490 | 
 491 | .ui-menu .ui-state-disabled {
 492 | 	font-weight: normal;
 493 | 	margin: .4em 0 .2em;
 494 | 	line-height: 1.5;
 495 | }
 496 | .ui-menu .ui-state-disabled a {
 497 | 	cursor: default;
 498 | }
 499 | 
 500 | /* icon support */
 501 | .ui-menu-icons {
 502 | 	position: relative;
 503 | }
 504 | .ui-menu-icons .ui-menu-item a {
 505 | 	position: relative;
 506 | 	padding-left: 2em;
 507 | }
 508 | 
 509 | /* left-aligned */
 510 | .ui-menu .ui-icon {
 511 | 	position: absolute;
 512 | 	top: .2em;
 513 | 	left: .2em;
 514 | }
 515 | 
 516 | /* right-aligned */
 517 | .ui-menu .ui-menu-icon {
 518 | 	position: static;
 519 | 	float: right;
 520 | }
 521 | .ui-progressbar {
 522 | 	height: 2em;
 523 | 	text-align: left;
 524 | 	overflow: hidden;
 525 | }
 526 | .ui-progressbar .ui-progressbar-value {
 527 | 	margin: -1px;
 528 | 	height: 100%;
 529 | }
 530 | .ui-progressbar .ui-progressbar-overlay {
 531 | 	background: url("images/animated-overlay.gif");
 532 | 	height: 100%;
 533 | 	filter: alpha(opacity=25);
 534 | 	opacity: 0.25;
 535 | }
 536 | .ui-progressbar-indeterminate .ui-progressbar-value {
 537 | 	background-image: none;
 538 | }
 539 | .ui-resizable {
 540 | 	position: relative;
 541 | }
 542 | .ui-resizable-handle {
 543 | 	position: absolute;
 544 | 	font-size: 0.1px;
 545 | 	display: block;
 546 | }
 547 | .ui-resizable-disabled .ui-resizable-handle,
 548 | .ui-resizable-autohide .ui-resizable-handle {
 549 | 	display: none;
 550 | }
 551 | .ui-resizable-n {
 552 | 	cursor: n-resize;
 553 | 	height: 7px;
 554 | 	width: 100%;
 555 | 	top: -5px;
 556 | 	left: 0;
 557 | }
 558 | .ui-resizable-s {
 559 | 	cursor: s-resize;
 560 | 	height: 7px;
 561 | 	width: 100%;
 562 | 	bottom: -5px;
 563 | 	left: 0;
 564 | }
 565 | .ui-resizable-e {
 566 | 	cursor: e-resize;
 567 | 	width: 7px;
 568 | 	right: -5px;
 569 | 	top: 0;
 570 | 	height: 100%;
 571 | }
 572 | .ui-resizable-w {
 573 | 	cursor: w-resize;
 574 | 	width: 7px;
 575 | 	left: -5px;
 576 | 	top: 0;
 577 | 	height: 100%;
 578 | }
 579 | .ui-resizable-se {
 580 | 	cursor: se-resize;
 581 | 	width: 12px;
 582 | 	height: 12px;
 583 | 	right: 1px;
 584 | 	bottom: 1px;
 585 | }
 586 | .ui-resizable-sw {
 587 | 	cursor: sw-resize;
 588 | 	width: 9px;
 589 | 	height: 9px;
 590 | 	left: -5px;
 591 | 	bottom: -5px;
 592 | }
 593 | .ui-resizable-nw {
 594 | 	cursor: nw-resize;
 595 | 	width: 9px;
 596 | 	height: 9px;
 597 | 	left: -5px;
 598 | 	top: -5px;
 599 | }
 600 | .ui-resizable-ne {
 601 | 	cursor: ne-resize;
 602 | 	width: 9px;
 603 | 	height: 9px;
 604 | 	right: -5px;
 605 | 	top: -5px;
 606 | }
 607 | .ui-selectable-helper {
 608 | 	position: absolute;
 609 | 	z-index: 100;
 610 | 	border: 1px dotted black;
 611 | }
 612 | .ui-slider {
 613 | 	position: relative;
 614 | 	text-align: left;
 615 | }
 616 | .ui-slider .ui-slider-handle {
 617 | 	position: absolute;
 618 | 	z-index: 2;
 619 | 	width: 1.2em;
 620 | 	height: 1.2em;
 621 | 	cursor: default;
 622 | }
 623 | .ui-slider .ui-slider-range {
 624 | 	position: absolute;
 625 | 	z-index: 1;
 626 | 	font-size: .7em;
 627 | 	display: block;
 628 | 	border: 0;
 629 | 	background-position: 0 0;
 630 | }
 631 | 
 632 | /* For IE8 - See #6727 */
 633 | .ui-slider.ui-state-disabled .ui-slider-handle,
 634 | .ui-slider.ui-state-disabled .ui-slider-range {
 635 | 	filter: inherit;
 636 | }
 637 | 
 638 | .ui-slider-horizontal {
 639 | 	height: .8em;
 640 | }
 641 | .ui-slider-horizontal .ui-slider-handle {
 642 | 	top: -.3em;
 643 | 	margin-left: -.6em;
 644 | }
 645 | .ui-slider-horizontal .ui-slider-range {
 646 | 	top: 0;
 647 | 	height: 100%;
 648 | }
 649 | .ui-slider-horizontal .ui-slider-range-min {
 650 | 	left: 0;
 651 | }
 652 | .ui-slider-horizontal .ui-slider-range-max {
 653 | 	right: 0;
 654 | }
 655 | 
 656 | .ui-slider-vertical {
 657 | 	width: .8em;
 658 | 	height: 100px;
 659 | }
 660 | .ui-slider-vertical .ui-slider-handle {
 661 | 	left: -.3em;
 662 | 	margin-left: 0;
 663 | 	margin-bottom: -.6em;
 664 | }
 665 | .ui-slider-vertical .ui-slider-range {
 666 | 	left: 0;
 667 | 	width: 100%;
 668 | }
 669 | .ui-slider-vertical .ui-slider-range-min {
 670 | 	bottom: 0;
 671 | }
 672 | .ui-slider-vertical .ui-slider-range-max {
 673 | 	top: 0;
 674 | }
 675 | .ui-spinner {
 676 | 	position: relative;
 677 | 	display: inline-block;
 678 | 	overflow: hidden;
 679 | 	padding: 0;
 680 | 	vertical-align: middle;
 681 | }
 682 | .ui-spinner-input {
 683 | 	border: none;
 684 | 	background: none;
 685 | 	color: inherit;
 686 | 	padding: 0;
 687 | 	margin: .2em 0;
 688 | 	vertical-align: middle;
 689 | 	margin-left: .4em;
 690 | 	margin-right: 22px;
 691 | }
 692 | .ui-spinner-button {
 693 | 	width: 16px;
 694 | 	height: 50%;
 695 | 	font-size: .5em;
 696 | 	padding: 0;
 697 | 	margin: 0;
 698 | 	text-align: center;
 699 | 	position: absolute;
 700 | 	cursor: default;
 701 | 	display: block;
 702 | 	overflow: hidden;
 703 | 	right: 0;
 704 | }
 705 | /* more specificity required here to overide default borders */
 706 | .ui-spinner a.ui-spinner-button {
 707 | 	border-top: none;
 708 | 	border-bottom: none;
 709 | 	border-right: none;
 710 | }
 711 | /* vertical centre icon */
 712 | .ui-spinner .ui-icon {
 713 | 	position: absolute;
 714 | 	margin-top: -8px;
 715 | 	top: 50%;
 716 | 	left: 0;
 717 | }
 718 | .ui-spinner-up {
 719 | 	top: 0;
 720 | }
 721 | .ui-spinner-down {
 722 | 	bottom: 0;
 723 | }
 724 | 
 725 | /* TR overrides */
 726 | .ui-spinner .ui-icon-triangle-1-s {
 727 | 	/* need to fix icons sprite */
 728 | 	background-position: -65px -16px;
 729 | }
 730 | .ui-tabs {
 731 | 	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
 732 | 	padding: .2em;
 733 | }
 734 | .ui-tabs .ui-tabs-nav {
 735 | 	margin: 0;
 736 | 	padding: .2em .2em 0;
 737 | }
 738 | .ui-tabs .ui-tabs-nav li {
 739 | 	list-style: none;
 740 | 	float: left;
 741 | 	position: relative;
 742 | 	top: 0;
 743 | 	margin: 1px .2em 0 0;
 744 | 	border-bottom-width: 0;
 745 | 	padding: 0;
 746 | 	white-space: nowrap;
 747 | }
 748 | .ui-tabs .ui-tabs-nav li a {
 749 | 	float: left;
 750 | 	padding: .5em 1em;
 751 | 	text-decoration: none;
 752 | }
 753 | .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 754 | 	margin-bottom: -1px;
 755 | 	padding-bottom: 1px;
 756 | }
 757 | .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 758 | .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
 759 | .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
 760 | 	cursor: text;
 761 | }
 762 | .ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
 763 | .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
 764 | 	cursor: pointer;
 765 | }
 766 | .ui-tabs .ui-tabs-panel {
 767 | 	display: block;
 768 | 	border-width: 0;
 769 | 	padding: 1em 1.4em;
 770 | 	background: none;
 771 | }
 772 | .ui-tooltip {
 773 | 	padding: 8px;
 774 | 	position: absolute;
 775 | 	z-index: 9999;
 776 | 	max-width: 300px;
 777 | 	-webkit-box-shadow: 0 0 5px #aaa;
 778 | 	box-shadow: 0 0 5px #aaa;
 779 | }
 780 | body .ui-tooltip {
 781 | 	border-width: 2px;
 782 | }
 783 | 
 784 | /* Component containers
 785 | ----------------------------------*/
 786 | .ui-widget {
 787 | 	font-family: Verdana,Arial,sans-serif;
 788 | 	font-size: 1.1em;
 789 | }
 790 | .ui-widget .ui-widget {
 791 | 	font-size: 1em;
 792 | }
 793 | .ui-widget input,
 794 | .ui-widget select,
 795 | .ui-widget textarea,
 796 | .ui-widget button {
 797 | 	font-family: Verdana,Arial,sans-serif;
 798 | 	font-size: 1em;
 799 | }
 800 | .ui-widget-content {
 801 | 	border: 1px solid #aaaaaa;
 802 | 	background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
 803 | 	color: #222222;
 804 | }
 805 | .ui-widget-content a {
 806 | 	color: #222222;
 807 | }
 808 | .ui-widget-header {
 809 | 	border: 1px solid #aaaaaa;
 810 | 	background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
 811 | 	color: #222222;
 812 | 	font-weight: bold;
 813 | }
 814 | .ui-widget-header a {
 815 | 	color: #222222;
 816 | }
 817 | 
 818 | /* Interaction states
 819 | ----------------------------------*/
 820 | .ui-state-default,
 821 | .ui-widget-content .ui-state-default,
 822 | .ui-widget-header .ui-state-default {
 823 | 	border: 1px solid #d3d3d3;
 824 | 	background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
 825 | 	font-weight: normal;
 826 | 	color: #555555;
 827 | }
 828 | .ui-state-default a,
 829 | .ui-state-default a:link,
 830 | .ui-state-default a:visited {
 831 | 	color: #555555;
 832 | 	text-decoration: none;
 833 | }
 834 | .ui-state-hover,
 835 | .ui-widget-content .ui-state-hover,
 836 | .ui-widget-header .ui-state-hover,
 837 | .ui-state-focus,
 838 | .ui-widget-content .ui-state-focus,
 839 | .ui-widget-header .ui-state-focus {
 840 | 	border: 1px solid #999999;
 841 | 	background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
 842 | 	font-weight: normal;
 843 | 	color: #212121;
 844 | }
 845 | .ui-state-hover a,
 846 | .ui-state-hover a:hover,
 847 | .ui-state-hover a:link,
 848 | .ui-state-hover a:visited {
 849 | 	color: #212121;
 850 | 	text-decoration: none;
 851 | }
 852 | .ui-state-active,
 853 | .ui-widget-content .ui-state-active,
 854 | .ui-widget-header .ui-state-active {
 855 | 	border: 1px solid #aaaaaa;
 856 | 	background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
 857 | 	font-weight: normal;
 858 | 	color: #212121;
 859 | }
 860 | .ui-state-active a,
 861 | .ui-state-active a:link,
 862 | .ui-state-active a:visited {
 863 | 	color: #212121;
 864 | 	text-decoration: none;
 865 | }
 866 | 
 867 | /* Interaction Cues
 868 | ----------------------------------*/
 869 | .ui-state-highlight,
 870 | .ui-widget-content .ui-state-highlight,
 871 | .ui-widget-header .ui-state-highlight {
 872 | 	border: 1px solid #fcefa1;
 873 | 	background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
 874 | 	color: #363636;
 875 | }
 876 | .ui-state-highlight a,
 877 | .ui-widget-content .ui-state-highlight a,
 878 | .ui-widget-header .ui-state-highlight a {
 879 | 	color: #363636;
 880 | }
 881 | .ui-state-error,
 882 | .ui-widget-content .ui-state-error,
 883 | .ui-widget-header .ui-state-error {
 884 | 	border: 1px solid #cd0a0a;
 885 | 	background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
 886 | 	color: #cd0a0a;
 887 | }
 888 | .ui-state-error a,
 889 | .ui-widget-content .ui-state-error a,
 890 | .ui-widget-header .ui-state-error a {
 891 | 	color: #cd0a0a;
 892 | }
 893 | .ui-state-error-text,
 894 | .ui-widget-content .ui-state-error-text,
 895 | .ui-widget-header .ui-state-error-text {
 896 | 	color: #cd0a0a;
 897 | }
 898 | .ui-priority-primary,
 899 | .ui-widget-content .ui-priority-primary,
 900 | .ui-widget-header .ui-priority-primary {
 901 | 	font-weight: bold;
 902 | }
 903 | .ui-priority-secondary,
 904 | .ui-widget-content .ui-priority-secondary,
 905 | .ui-widget-header .ui-priority-secondary {
 906 | 	opacity: .7;
 907 | 	filter:Alpha(Opacity=70);
 908 | 	font-weight: normal;
 909 | }
 910 | .ui-state-disabled,
 911 | .ui-widget-content .ui-state-disabled,
 912 | .ui-widget-header .ui-state-disabled {
 913 | 	opacity: .35;
 914 | 	filter:Alpha(Opacity=35);
 915 | 	background-image: none;
 916 | }
 917 | .ui-state-disabled .ui-icon {
 918 | 	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
 919 | }
 920 | 
 921 | /* Icons
 922 | ----------------------------------*/
 923 | 
 924 | /* states and images */
 925 | .ui-icon {
 926 | 	width: 16px;
 927 | 	height: 16px;
 928 | }
 929 | .ui-icon,
 930 | .ui-widget-content .ui-icon {
 931 | 	background-image: url(images/ui-icons_222222_256x240.png);
 932 | }
 933 | .ui-widget-header .ui-icon {
 934 | 	background-image: url(images/ui-icons_222222_256x240.png);
 935 | }
 936 | .ui-state-default .ui-icon {
 937 | 	background-image: url(images/ui-icons_888888_256x240.png);
 938 | }
 939 | .ui-state-hover .ui-icon,
 940 | .ui-state-focus .ui-icon {
 941 | 	background-image: url(images/ui-icons_454545_256x240.png);
 942 | }
 943 | .ui-state-active .ui-icon {
 944 | 	background-image: url(images/ui-icons_454545_256x240.png);
 945 | }
 946 | .ui-state-highlight .ui-icon {
 947 | 	background-image: url(images/ui-icons_2e83ff_256x240.png);
 948 | }
 949 | .ui-state-error .ui-icon,
 950 | .ui-state-error-text .ui-icon {
 951 | 	background-image: url(images/ui-icons_cd0a0a_256x240.png);
 952 | }
 953 | 
 954 | /* positioning */
 955 | .ui-icon-blank { background-position: 16px 16px; }
 956 | .ui-icon-carat-1-n { background-position: 0 0; }
 957 | .ui-icon-carat-1-ne { background-position: -16px 0; }
 958 | .ui-icon-carat-1-e { background-position: -32px 0; }
 959 | .ui-icon-carat-1-se { background-position: -48px 0; }
 960 | .ui-icon-carat-1-s { background-position: -64px 0; }
 961 | .ui-icon-carat-1-sw { background-position: -80px 0; }
 962 | .ui-icon-carat-1-w { background-position: -96px 0; }
 963 | .ui-icon-carat-1-nw { background-position: -112px 0; }
 964 | .ui-icon-carat-2-n-s { background-position: -128px 0; }
 965 | .ui-icon-carat-2-e-w { background-position: -144px 0; }
 966 | .ui-icon-triangle-1-n { background-position: 0 -16px; }
 967 | .ui-icon-triangle-1-ne { background-position: -16px -16px; }
 968 | .ui-icon-triangle-1-e { background-position: -32px -16px; }
 969 | .ui-icon-triangle-1-se { background-position: -48px -16px; }
 970 | .ui-icon-triangle-1-s { background-position: -64px -16px; }
 971 | .ui-icon-triangle-1-sw { background-position: -80px -16px; }
 972 | .ui-icon-triangle-1-w { background-position: -96px -16px; }
 973 | .ui-icon-triangle-1-nw { background-position: -112px -16px; }
 974 | .ui-icon-triangle-2-n-s { background-position: -128px -16px; }
 975 | .ui-icon-triangle-2-e-w { background-position: -144px -16px; }
 976 | .ui-icon-arrow-1-n { background-position: 0 -32px; }
 977 | .ui-icon-arrow-1-ne { background-position: -16px -32px; }
 978 | .ui-icon-arrow-1-e { background-position: -32px -32px; }
 979 | .ui-icon-arrow-1-se { background-position: -48px -32px; }
 980 | .ui-icon-arrow-1-s { background-position: -64px -32px; }
 981 | .ui-icon-arrow-1-sw { background-position: -80px -32px; }
 982 | .ui-icon-arrow-1-w { background-position: -96px -32px; }
 983 | .ui-icon-arrow-1-nw { background-position: -112px -32px; }
 984 | .ui-icon-arrow-2-n-s { background-position: -128px -32px; }
 985 | .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
 986 | .ui-icon-arrow-2-e-w { background-position: -160px -32px; }
 987 | .ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
 988 | .ui-icon-arrowstop-1-n { background-position: -192px -32px; }
 989 | .ui-icon-arrowstop-1-e { background-position: -208px -32px; }
 990 | .ui-icon-arrowstop-1-s { background-position: -224px -32px; }
 991 | .ui-icon-arrowstop-1-w { background-position: -240px -32px; }
 992 | .ui-icon-arrowthick-1-n { background-position: 0 -48px; }
 993 | .ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
 994 | .ui-icon-arrowthick-1-e { background-position: -32px -48px; }
 995 | .ui-icon-arrowthick-1-se { background-position: -48px -48px; }
 996 | .ui-icon-arrowthick-1-s { background-position: -64px -48px; }
 997 | .ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
 998 | .ui-icon-arrowthick-1-w { background-position: -96px -48px; }
 999 | .ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
1000 | .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
1001 | .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
1002 | .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
1003 | .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
1004 | .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
1005 | .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
1006 | .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
1007 | .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
1008 | .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
1009 | .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
1010 | .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
1011 | .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
1012 | .ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
1013 | .ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
1014 | .ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
1015 | .ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
1016 | .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
1017 | .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
1018 | .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
1019 | .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
1020 | .ui-icon-arrow-4 { background-position: 0 -80px; }
1021 | .ui-icon-arrow-4-diag { background-position: -16px -80px; }
1022 | .ui-icon-extlink { background-position: -32px -80px; }
1023 | .ui-icon-newwin { background-position: -48px -80px; }
1024 | .ui-icon-refresh { background-position: -64px -80px; }
1025 | .ui-icon-shuffle { background-position: -80px -80px; }
1026 | .ui-icon-transfer-e-w { background-position: -96px -80px; }
1027 | .ui-icon-transferthick-e-w { background-position: -112px -80px; }
1028 | .ui-icon-folder-collapsed { background-position: 0 -96px; }
1029 | .ui-icon-folder-open { background-position: -16px -96px; }
1030 | .ui-icon-document { background-position: -32px -96px; }
1031 | .ui-icon-document-b { background-position: -48px -96px; }
1032 | .ui-icon-note { background-position: -64px -96px; }
1033 | .ui-icon-mail-closed { background-position: -80px -96px; }
1034 | .ui-icon-mail-open { background-position: -96px -96px; }
1035 | .ui-icon-suitcase { background-position: -112px -96px; }
1036 | .ui-icon-comment { background-position: -128px -96px; }
1037 | .ui-icon-person { background-position: -144px -96px; }
1038 | .ui-icon-print { background-position: -160px -96px; }
1039 | .ui-icon-trash { background-position: -176px -96px; }
1040 | .ui-icon-locked { background-position: -192px -96px; }
1041 | .ui-icon-unlocked { background-position: -208px -96px; }
1042 | .ui-icon-bookmark { background-position: -224px -96px; }
1043 | .ui-icon-tag { background-position: -240px -96px; }
1044 | .ui-icon-home { background-position: 0 -112px; }
1045 | .ui-icon-flag { background-position: -16px -112px; }
1046 | .ui-icon-calendar { background-position: -32px -112px; }
1047 | .ui-icon-cart { background-position: -48px -112px; }
1048 | .ui-icon-pencil { background-position: -64px -112px; }
1049 | .ui-icon-clock { background-position: -80px -112px; }
1050 | .ui-icon-disk { background-position: -96px -112px; }
1051 | .ui-icon-calculator { background-position: -112px -112px; }
1052 | .ui-icon-zoomin { background-position: -128px -112px; }
1053 | .ui-icon-zoomout { background-position: -144px -112px; }
1054 | .ui-icon-search { background-position: -160px -112px; }
1055 | .ui-icon-wrench { background-position: -176px -112px; }
1056 | .ui-icon-gear { background-position: -192px -112px; }
1057 | .ui-icon-heart { background-position: -208px -112px; }
1058 | .ui-icon-star { background-position: -224px -112px; }
1059 | .ui-icon-link { background-position: -240px -112px; }
1060 | .ui-icon-cancel { background-position: 0 -128px; }
1061 | .ui-icon-plus { background-position: -16px -128px; }
1062 | .ui-icon-plusthick { background-position: -32px -128px; }
1063 | .ui-icon-minus { background-position: -48px -128px; }
1064 | .ui-icon-minusthick { background-position: -64px -128px; }
1065 | .ui-icon-close { background-position: -80px -128px; }
1066 | .ui-icon-closethick { background-position: -96px -128px; }
1067 | .ui-icon-key { background-position: -112px -128px; }
1068 | .ui-icon-lightbulb { background-position: -128px -128px; }
1069 | .ui-icon-scissors { background-position: -144px -128px; }
1070 | .ui-icon-clipboard { background-position: -160px -128px; }
1071 | .ui-icon-copy { background-position: -176px -128px; }
1072 | .ui-icon-contact { background-position: -192px -128px; }
1073 | .ui-icon-image { background-position: -208px -128px; }
1074 | .ui-icon-video { background-position: -224px -128px; }
1075 | .ui-icon-script { background-position: -240px -128px; }
1076 | .ui-icon-alert { background-position: 0 -144px; }
1077 | .ui-icon-info { background-position: -16px -144px; }
1078 | .ui-icon-notice { background-position: -32px -144px; }
1079 | .ui-icon-help { background-position: -48px -144px; }
1080 | .ui-icon-check { background-position: -64px -144px; }
1081 | .ui-icon-bullet { background-position: -80px -144px; }
1082 | .ui-icon-radio-on { background-position: -96px -144px; }
1083 | .ui-icon-radio-off { background-position: -112px -144px; }
1084 | .ui-icon-pin-w { background-position: -128px -144px; }
1085 | .ui-icon-pin-s { background-position: -144px -144px; }
1086 | .ui-icon-play { background-position: 0 -160px; }
1087 | .ui-icon-pause { background-position: -16px -160px; }
1088 | .ui-icon-seek-next { background-position: -32px -160px; }
1089 | .ui-icon-seek-prev { background-position: -48px -160px; }
1090 | .ui-icon-seek-end { background-position: -64px -160px; }
1091 | .ui-icon-seek-start { background-position: -80px -160px; }
1092 | /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1093 | .ui-icon-seek-first { background-position: -80px -160px; }
1094 | .ui-icon-stop { background-position: -96px -160px; }
1095 | .ui-icon-eject { background-position: -112px -160px; }
1096 | .ui-icon-volume-off { background-position: -128px -160px; }
1097 | .ui-icon-volume-on { background-position: -144px -160px; }
1098 | .ui-icon-power { background-position: 0 -176px; }
1099 | .ui-icon-signal-diag { background-position: -16px -176px; }
1100 | .ui-icon-signal { background-position: -32px -176px; }
1101 | .ui-icon-battery-0 { background-position: -48px -176px; }
1102 | .ui-icon-battery-1 { background-position: -64px -176px; }
1103 | .ui-icon-battery-2 { background-position: -80px -176px; }
1104 | .ui-icon-battery-3 { background-position: -96px -176px; }
1105 | .ui-icon-circle-plus { background-position: 0 -192px; }
1106 | .ui-icon-circle-minus { background-position: -16px -192px; }
1107 | .ui-icon-circle-close { background-position: -32px -192px; }
1108 | .ui-icon-circle-triangle-e { background-position: -48px -192px; }
1109 | .ui-icon-circle-triangle-s { background-position: -64px -192px; }
1110 | .ui-icon-circle-triangle-w { background-position: -80px -192px; }
1111 | .ui-icon-circle-triangle-n { background-position: -96px -192px; }
1112 | .ui-icon-circle-arrow-e { background-position: -112px -192px; }
1113 | .ui-icon-circle-arrow-s { background-position: -128px -192px; }
1114 | .ui-icon-circle-arrow-w { background-position: -144px -192px; }
1115 | .ui-icon-circle-arrow-n { background-position: -160px -192px; }
1116 | .ui-icon-circle-zoomin { background-position: -176px -192px; }
1117 | .ui-icon-circle-zoomout { background-position: -192px -192px; }
1118 | .ui-icon-circle-check { background-position: -208px -192px; }
1119 | .ui-icon-circlesmall-plus { background-position: 0 -208px; }
1120 | .ui-icon-circlesmall-minus { background-position: -16px -208px; }
1121 | .ui-icon-circlesmall-close { background-position: -32px -208px; }
1122 | .ui-icon-squaresmall-plus { background-position: -48px -208px; }
1123 | .ui-icon-squaresmall-minus { background-position: -64px -208px; }
1124 | .ui-icon-squaresmall-close { background-position: -80px -208px; }
1125 | .ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
1126 | .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
1127 | .ui-icon-grip-solid-vertical { background-position: -32px -224px; }
1128 | .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
1129 | .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
1130 | .ui-icon-grip-diagonal-se { background-position: -80px -224px; }
1131 | 
1132 | 
1133 | /* Misc visuals
1134 | ----------------------------------*/
1135 | 
1136 | /* Corner radius */
1137 | .ui-corner-all,
1138 | .ui-corner-top,
1139 | .ui-corner-left,
1140 | .ui-corner-tl {
1141 | 	border-top-left-radius: 4px;
1142 | }
1143 | .ui-corner-all,
1144 | .ui-corner-top,
1145 | .ui-corner-right,
1146 | .ui-corner-tr {
1147 | 	border-top-right-radius: 4px;
1148 | }
1149 | .ui-corner-all,
1150 | .ui-corner-bottom,
1151 | .ui-corner-left,
1152 | .ui-corner-bl {
1153 | 	border-bottom-left-radius: 4px;
1154 | }
1155 | .ui-corner-all,
1156 | .ui-corner-bottom,
1157 | .ui-corner-right,
1158 | .ui-corner-br {
1159 | 	border-bottom-right-radius: 4px;
1160 | }
1161 | 
1162 | /* Overlays */
1163 | .ui-widget-overlay {
1164 | 	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1165 | 	opacity: .3;
1166 | 	filter: Alpha(Opacity=30);
1167 | }
1168 | .ui-widget-shadow {
1169 | 	margin: -8px 0 0 -8px;
1170 | 	padding: 8px;
1171 | 	background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
1172 | 	opacity: .3;
1173 | 	filter: Alpha(Opacity=30);
1174 | 	border-radius: 8px;
1175 | }
1176 | 


--------------------------------------------------------------------------------
/test/lib/qunit-1.11.0.css:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * QUnit v1.11.0 - A JavaScript Unit Testing Framework
  3 |  *
  4 |  * http://qunitjs.com
  5 |  *
  6 |  * Copyright 2012 jQuery Foundation and other contributors
  7 |  * Released under the MIT license.
  8 |  * http://jquery.org/license
  9 |  */
 10 | 
 11 | /** Font Family and Sizes */
 12 | 
 13 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult {
 14 | 	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
 15 | }
 16 | 
 17 | #qunit-testrunner-toolbar, #qunit-userAgent, #qunit-testresult, #qunit-tests li { font-size: small; }
 18 | #qunit-tests { font-size: smaller; }
 19 | 
 20 | 
 21 | /** Resets */
 22 | 
 23 | #qunit-tests, #qunit-header, #qunit-banner, #qunit-userAgent, #qunit-testresult, #qunit-modulefilter {
 24 | 	margin: 0;
 25 | 	padding: 0;
 26 | }
 27 | 
 28 | 
 29 | /** Header */
 30 | 
 31 | #qunit-header {
 32 | 	padding: 0.5em 0 0.5em 1em;
 33 | 
 34 | 	color: #8699a4;
 35 | 	background-color: #0d3349;
 36 | 
 37 | 	font-size: 1.5em;
 38 | 	line-height: 1em;
 39 | 	font-weight: normal;
 40 | 
 41 | 	border-radius: 5px 5px 0 0;
 42 | 	-moz-border-radius: 5px 5px 0 0;
 43 | 	-webkit-border-top-right-radius: 5px;
 44 | 	-webkit-border-top-left-radius: 5px;
 45 | }
 46 | 
 47 | #qunit-header a {
 48 | 	text-decoration: none;
 49 | 	color: #c2ccd1;
 50 | }
 51 | 
 52 | #qunit-header a:hover,
 53 | #qunit-header a:focus {
 54 | 	color: #fff;
 55 | }
 56 | 
 57 | #qunit-testrunner-toolbar label {
 58 | 	display: inline-block;
 59 | 	padding: 0 .5em 0 .1em;
 60 | }
 61 | 
 62 | #qunit-banner {
 63 | 	height: 5px;
 64 | }
 65 | 
 66 | #qunit-testrunner-toolbar {
 67 | 	padding: 0.5em 0 0.5em 2em;
 68 | 	color: #5E740B;
 69 | 	background-color: #eee;
 70 | 	overflow: hidden;
 71 | }
 72 | 
 73 | #qunit-userAgent {
 74 | 	padding: 0.5em 0 0.5em 2.5em;
 75 | 	background-color: #2b81af;
 76 | 	color: #fff;
 77 | 	text-shadow: rgba(0, 0, 0, 0.5) 2px 2px 1px;
 78 | }
 79 | 
 80 | #qunit-modulefilter-container {
 81 | 	float: right;
 82 | }
 83 | 
 84 | /** Tests: Pass/Fail */
 85 | 
 86 | #qunit-tests {
 87 | 	list-style-position: inside;
 88 | }
 89 | 
 90 | #qunit-tests li {
 91 | 	padding: 0.4em 0.5em 0.4em 2.5em;
 92 | 	border-bottom: 1px solid #fff;
 93 | 	list-style-position: inside;
 94 | }
 95 | 
 96 | #qunit-tests.hidepass li.pass, #qunit-tests.hidepass li.running  {
 97 | 	display: none;
 98 | }
 99 | 
100 | #qunit-tests li strong {
101 | 	cursor: pointer;
102 | }
103 | 
104 | #qunit-tests li a {
105 | 	padding: 0.5em;
106 | 	color: #c2ccd1;
107 | 	text-decoration: none;
108 | }
109 | #qunit-tests li a:hover,
110 | #qunit-tests li a:focus {
111 | 	color: #000;
112 | }
113 | 
114 | #qunit-tests li .runtime {
115 | 	float: right;
116 | 	font-size: smaller;
117 | }
118 | 
119 | .qunit-assert-list {
120 | 	margin-top: 0.5em;
121 | 	padding: 0.5em;
122 | 
123 | 	background-color: #fff;
124 | 
125 | 	border-radius: 5px;
126 | 	-moz-border-radius: 5px;
127 | 	-webkit-border-radius: 5px;
128 | }
129 | 
130 | .qunit-collapsed {
131 | 	display: none;
132 | }
133 | 
134 | #qunit-tests table {
135 | 	border-collapse: collapse;
136 | 	margin-top: .2em;
137 | }
138 | 
139 | #qunit-tests th {
140 | 	text-align: right;
141 | 	vertical-align: top;
142 | 	padding: 0 .5em 0 0;
143 | }
144 | 
145 | #qunit-tests td {
146 | 	vertical-align: top;
147 | }
148 | 
149 | #qunit-tests pre {
150 | 	margin: 0;
151 | 	white-space: pre-wrap;
152 | 	word-wrap: break-word;
153 | }
154 | 
155 | #qunit-tests del {
156 | 	background-color: #e0f2be;
157 | 	color: #374e0c;
158 | 	text-decoration: none;
159 | }
160 | 
161 | #qunit-tests ins {
162 | 	background-color: #ffcaca;
163 | 	color: #500;
164 | 	text-decoration: none;
165 | }
166 | 
167 | /*** Test Counts */
168 | 
169 | #qunit-tests b.counts                       { color: black; }
170 | #qunit-tests b.passed                       { color: #5E740B; }
171 | #qunit-tests b.failed                       { color: #710909; }
172 | 
173 | #qunit-tests li li {
174 | 	padding: 5px;
175 | 	background-color: #fff;
176 | 	border-bottom: none;
177 | 	list-style-position: inside;
178 | }
179 | 
180 | /*** Passing Styles */
181 | 
182 | #qunit-tests li li.pass {
183 | 	color: #3c510c;
184 | 	background-color: #fff;
185 | 	border-left: 10px solid #C6E746;
186 | }
187 | 
188 | #qunit-tests .pass                          { color: #528CE0; background-color: #D2E0E6; }
189 | #qunit-tests .pass .test-name               { color: #366097; }
190 | 
191 | #qunit-tests .pass .test-actual,
192 | #qunit-tests .pass .test-expected           { color: #999999; }
193 | 
194 | #qunit-banner.qunit-pass                    { background-color: #C6E746; }
195 | 
196 | /*** Failing Styles */
197 | 
198 | #qunit-tests li li.fail {
199 | 	color: #710909;
200 | 	background-color: #fff;
201 | 	border-left: 10px solid #EE5757;
202 | 	white-space: pre;
203 | }
204 | 
205 | #qunit-tests > li:last-child {
206 | 	border-radius: 0 0 5px 5px;
207 | 	-moz-border-radius: 0 0 5px 5px;
208 | 	-webkit-border-bottom-right-radius: 5px;
209 | 	-webkit-border-bottom-left-radius: 5px;
210 | }
211 | 
212 | #qunit-tests .fail                          { color: #000000; background-color: #EE5757; }
213 | #qunit-tests .fail .test-name,
214 | #qunit-tests .fail .module-name             { color: #000000; }
215 | 
216 | #qunit-tests .fail .test-actual             { color: #EE5757; }
217 | #qunit-tests .fail .test-expected           { color: green;   }
218 | 
219 | #qunit-banner.qunit-fail                    { background-color: #EE5757; }
220 | 
221 | 
222 | /** Result */
223 | 
224 | #qunit-testresult {
225 | 	padding: 0.5em 0.5em 0.5em 2.5em;
226 | 
227 | 	color: #2b81af;
228 | 	background-color: #D2E0E6;
229 | 
230 | 	border-bottom: 1px solid white;
231 | }
232 | #qunit-testresult .module-name {
233 | 	font-weight: bold;
234 | }
235 | 
236 | /** Fixture */
237 | 
238 | #qunit-fixture {
239 | 	position: absolute;
240 | 	top: -10000px;
241 | 	left: -10000px;
242 | 	width: 1000px;
243 | 	height: 1000px;
244 | }
245 | 


--------------------------------------------------------------------------------
/test/lib/underscore.js:
--------------------------------------------------------------------------------
   1 | //     Underscore.js 1.5.2
   2 | //     http://underscorejs.org
   3 | //     (c) 2009-2013 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
   4 | //     Underscore may be freely distributed under the MIT license.
   5 | 
   6 | (function() {
   7 | 
   8 |   // Baseline setup
   9 |   // --------------
  10 | 
  11 |   // Establish the root object, `window` in the browser, or `exports` on the server.
  12 |   var root = this;
  13 | 
  14 |   // Save the previous value of the `_` variable.
  15 |   var previousUnderscore = root._;
  16 | 
  17 |   // Establish the object that gets returned to break out of a loop iteration.
  18 |   var breaker = {};
  19 | 
  20 |   // Save bytes in the minified (but not gzipped) version:
  21 |   var ArrayProto = Array.prototype, ObjProto = Object.prototype, FuncProto = Function.prototype;
  22 | 
  23 |   // Create quick reference variables for speed access to core prototypes.
  24 |   var
  25 |     push             = ArrayProto.push,
  26 |     slice            = ArrayProto.slice,
  27 |     concat           = ArrayProto.concat,
  28 |     toString         = ObjProto.toString,
  29 |     hasOwnProperty   = ObjProto.hasOwnProperty;
  30 | 
  31 |   // All **ECMAScript 5** native function implementations that we hope to use
  32 |   // are declared here.
  33 |   var
  34 |     nativeForEach      = ArrayProto.forEach,
  35 |     nativeMap          = ArrayProto.map,
  36 |     nativeReduce       = ArrayProto.reduce,
  37 |     nativeReduceRight  = ArrayProto.reduceRight,
  38 |     nativeFilter       = ArrayProto.filter,
  39 |     nativeEvery        = ArrayProto.every,
  40 |     nativeSome         = ArrayProto.some,
  41 |     nativeIndexOf      = ArrayProto.indexOf,
  42 |     nativeLastIndexOf  = ArrayProto.lastIndexOf,
  43 |     nativeIsArray      = Array.isArray,
  44 |     nativeKeys         = Object.keys,
  45 |     nativeBind         = FuncProto.bind;
  46 | 
  47 |   // Create a safe reference to the Underscore object for use below.
  48 |   var _ = function(obj) {
  49 |     if (obj instanceof _) return obj;
  50 |     if (!(this instanceof _)) return new _(obj);
  51 |     this._wrapped = obj;
  52 |   };
  53 | 
  54 |   // Export the Underscore object for **Node.js**, with
  55 |   // backwards-compatibility for the old `require()` API. If we're in
  56 |   // the browser, add `_` as a global object via a string identifier,
  57 |   // for Closure Compiler "advanced" mode.
  58 |   if (typeof exports !== 'undefined') {
  59 |     if (typeof module !== 'undefined' && module.exports) {
  60 |       exports = module.exports = _;
  61 |     }
  62 |     exports._ = _;
  63 |   } else {
  64 |     root._ = _;
  65 |   }
  66 | 
  67 |   // Current version.
  68 |   _.VERSION = '1.5.2';
  69 | 
  70 |   // Collection Functions
  71 |   // --------------------
  72 | 
  73 |   // The cornerstone, an `each` implementation, aka `forEach`.
  74 |   // Handles objects with the built-in `forEach`, arrays, and raw objects.
  75 |   // Delegates to **ECMAScript 5**'s native `forEach` if available.
  76 |   var each = _.each = _.forEach = function(obj, iterator, context) {
  77 |     if (obj == null) return;
  78 |     if (nativeForEach && obj.forEach === nativeForEach) {
  79 |       obj.forEach(iterator, context);
  80 |     } else if (obj.length === +obj.length) {
  81 |       for (var i = 0, length = obj.length; i < length; i++) {
  82 |         if (iterator.call(context, obj[i], i, obj) === breaker) return;
  83 |       }
  84 |     } else {
  85 |       var keys = _.keys(obj);
  86 |       for (var i = 0, length = keys.length; i < length; i++) {
  87 |         if (iterator.call(context, obj[keys[i]], keys[i], obj) === breaker) return;
  88 |       }
  89 |     }
  90 |   };
  91 | 
  92 |   // Return the results of applying the iterator to each element.
  93 |   // Delegates to **ECMAScript 5**'s native `map` if available.
  94 |   _.map = _.collect = function(obj, iterator, context) {
  95 |     var results = [];
  96 |     if (obj == null) return results;
  97 |     if (nativeMap && obj.map === nativeMap) return obj.map(iterator, context);
  98 |     each(obj, function(value, index, list) {
  99 |       results.push(iterator.call(context, value, index, list));
 100 |     });
 101 |     return results;
 102 |   };
 103 | 
 104 |   var reduceError = 'Reduce of empty array with no initial value';
 105 | 
 106 |   // **Reduce** builds up a single result from a list of values, aka `inject`,
 107 |   // or `foldl`. Delegates to **ECMAScript 5**'s native `reduce` if available.
 108 |   _.reduce = _.foldl = _.inject = function(obj, iterator, memo, context) {
 109 |     var initial = arguments.length > 2;
 110 |     if (obj == null) obj = [];
 111 |     if (nativeReduce && obj.reduce === nativeReduce) {
 112 |       if (context) iterator = _.bind(iterator, context);
 113 |       return initial ? obj.reduce(iterator, memo) : obj.reduce(iterator);
 114 |     }
 115 |     each(obj, function(value, index, list) {
 116 |       if (!initial) {
 117 |         memo = value;
 118 |         initial = true;
 119 |       } else {
 120 |         memo = iterator.call(context, memo, value, index, list);
 121 |       }
 122 |     });
 123 |     if (!initial) throw new TypeError(reduceError);
 124 |     return memo;
 125 |   };
 126 | 
 127 |   // The right-associative version of reduce, also known as `foldr`.
 128 |   // Delegates to **ECMAScript 5**'s native `reduceRight` if available.
 129 |   _.reduceRight = _.foldr = function(obj, iterator, memo, context) {
 130 |     var initial = arguments.length > 2;
 131 |     if (obj == null) obj = [];
 132 |     if (nativeReduceRight && obj.reduceRight === nativeReduceRight) {
 133 |       if (context) iterator = _.bind(iterator, context);
 134 |       return initial ? obj.reduceRight(iterator, memo) : obj.reduceRight(iterator);
 135 |     }
 136 |     var length = obj.length;
 137 |     if (length !== +length) {
 138 |       var keys = _.keys(obj);
 139 |       length = keys.length;
 140 |     }
 141 |     each(obj, function(value, index, list) {
 142 |       index = keys ? keys[--length] : --length;
 143 |       if (!initial) {
 144 |         memo = obj[index];
 145 |         initial = true;
 146 |       } else {
 147 |         memo = iterator.call(context, memo, obj[index], index, list);
 148 |       }
 149 |     });
 150 |     if (!initial) throw new TypeError(reduceError);
 151 |     return memo;
 152 |   };
 153 | 
 154 |   // Return the first value which passes a truth test. Aliased as `detect`.
 155 |   _.find = _.detect = function(obj, iterator, context) {
 156 |     var result;
 157 |     any(obj, function(value, index, list) {
 158 |       if (iterator.call(context, value, index, list)) {
 159 |         result = value;
 160 |         return true;
 161 |       }
 162 |     });
 163 |     return result;
 164 |   };
 165 | 
 166 |   // Return all the elements that pass a truth test.
 167 |   // Delegates to **ECMAScript 5**'s native `filter` if available.
 168 |   // Aliased as `select`.
 169 |   _.filter = _.select = function(obj, iterator, context) {
 170 |     var results = [];
 171 |     if (obj == null) return results;
 172 |     if (nativeFilter && obj.filter === nativeFilter) return obj.filter(iterator, context);
 173 |     each(obj, function(value, index, list) {
 174 |       if (iterator.call(context, value, index, list)) results.push(value);
 175 |     });
 176 |     return results;
 177 |   };
 178 | 
 179 |   // Return all the elements for which a truth test fails.
 180 |   _.reject = function(obj, iterator, context) {
 181 |     return _.filter(obj, function(value, index, list) {
 182 |       return !iterator.call(context, value, index, list);
 183 |     }, context);
 184 |   };
 185 | 
 186 |   // Determine whether all of the elements match a truth test.
 187 |   // Delegates to **ECMAScript 5**'s native `every` if available.
 188 |   // Aliased as `all`.
 189 |   _.every = _.all = function(obj, iterator, context) {
 190 |     iterator || (iterator = _.identity);
 191 |     var result = true;
 192 |     if (obj == null) return result;
 193 |     if (nativeEvery && obj.every === nativeEvery) return obj.every(iterator, context);
 194 |     each(obj, function(value, index, list) {
 195 |       if (!(result = result && iterator.call(context, value, index, list))) return breaker;
 196 |     });
 197 |     return !!result;
 198 |   };
 199 | 
 200 |   // Determine if at least one element in the object matches a truth test.
 201 |   // Delegates to **ECMAScript 5**'s native `some` if available.
 202 |   // Aliased as `any`.
 203 |   var any = _.some = _.any = function(obj, iterator, context) {
 204 |     iterator || (iterator = _.identity);
 205 |     var result = false;
 206 |     if (obj == null) return result;
 207 |     if (nativeSome && obj.some === nativeSome) return obj.some(iterator, context);
 208 |     each(obj, function(value, index, list) {
 209 |       if (result || (result = iterator.call(context, value, index, list))) return breaker;
 210 |     });
 211 |     return !!result;
 212 |   };
 213 | 
 214 |   // Determine if the array or object contains a given value (using `===`).
 215 |   // Aliased as `include`.
 216 |   _.contains = _.include = function(obj, target) {
 217 |     if (obj == null) return false;
 218 |     if (nativeIndexOf && obj.indexOf === nativeIndexOf) return obj.indexOf(target) != -1;
 219 |     return any(obj, function(value) {
 220 |       return value === target;
 221 |     });
 222 |   };
 223 | 
 224 |   // Invoke a method (with arguments) on every item in a collection.
 225 |   _.invoke = function(obj, method) {
 226 |     var args = slice.call(arguments, 2);
 227 |     var isFunc = _.isFunction(method);
 228 |     return _.map(obj, function(value) {
 229 |       return (isFunc ? method : value[method]).apply(value, args);
 230 |     });
 231 |   };
 232 | 
 233 |   // Convenience version of a common use case of `map`: fetching a property.
 234 |   _.pluck = function(obj, key) {
 235 |     return _.map(obj, function(value){ return value[key]; });
 236 |   };
 237 | 
 238 |   // Convenience version of a common use case of `filter`: selecting only objects
 239 |   // containing specific `key:value` pairs.
 240 |   _.where = function(obj, attrs, first) {
 241 |     if (_.isEmpty(attrs)) return first ? void 0 : [];
 242 |     return _[first ? 'find' : 'filter'](obj, function(value) {
 243 |       for (var key in attrs) {
 244 |         if (attrs[key] !== value[key]) return false;
 245 |       }
 246 |       return true;
 247 |     });
 248 |   };
 249 | 
 250 |   // Convenience version of a common use case of `find`: getting the first object
 251 |   // containing specific `key:value` pairs.
 252 |   _.findWhere = function(obj, attrs) {
 253 |     return _.where(obj, attrs, true);
 254 |   };
 255 | 
 256 |   // Return the maximum element or (element-based computation).
 257 |   // Can't optimize arrays of integers longer than 65,535 elements.
 258 |   // See [WebKit Bug 80797](https://bugs.webkit.org/show_bug.cgi?id=80797)
 259 |   _.max = function(obj, iterator, context) {
 260 |     if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
 261 |       return Math.max.apply(Math, obj);
 262 |     }
 263 |     if (!iterator && _.isEmpty(obj)) return -Infinity;
 264 |     var result = {computed : -Infinity, value: -Infinity};
 265 |     each(obj, function(value, index, list) {
 266 |       var computed = iterator ? iterator.call(context, value, index, list) : value;
 267 |       computed > result.computed && (result = {value : value, computed : computed});
 268 |     });
 269 |     return result.value;
 270 |   };
 271 | 
 272 |   // Return the minimum element (or element-based computation).
 273 |   _.min = function(obj, iterator, context) {
 274 |     if (!iterator && _.isArray(obj) && obj[0] === +obj[0] && obj.length < 65535) {
 275 |       return Math.min.apply(Math, obj);
 276 |     }
 277 |     if (!iterator && _.isEmpty(obj)) return Infinity;
 278 |     var result = {computed : Infinity, value: Infinity};
 279 |     each(obj, function(value, index, list) {
 280 |       var computed = iterator ? iterator.call(context, value, index, list) : value;
 281 |       computed < result.computed && (result = {value : value, computed : computed});
 282 |     });
 283 |     return result.value;
 284 |   };
 285 | 
 286 |   // Shuffle an array, using the modern version of the 
 287 |   // [Fisher-Yates shuffle](http://en.wikipedia.org/wiki/Fisher–Yates_shuffle).
 288 |   _.shuffle = function(obj) {
 289 |     var rand;
 290 |     var index = 0;
 291 |     var shuffled = [];
 292 |     each(obj, function(value) {
 293 |       rand = _.random(index++);
 294 |       shuffled[index - 1] = shuffled[rand];
 295 |       shuffled[rand] = value;
 296 |     });
 297 |     return shuffled;
 298 |   };
 299 | 
 300 |   // Sample **n** random values from an array.
 301 |   // If **n** is not specified, returns a single random element from the array.
 302 |   // The internal `guard` argument allows it to work with `map`.
 303 |   _.sample = function(obj, n, guard) {
 304 |     if (arguments.length < 2 || guard) {
 305 |       return obj[_.random(obj.length - 1)];
 306 |     }
 307 |     return _.shuffle(obj).slice(0, Math.max(0, n));
 308 |   };
 309 | 
 310 |   // An internal function to generate lookup iterators.
 311 |   var lookupIterator = function(value) {
 312 |     return _.isFunction(value) ? value : function(obj){ return obj[value]; };
 313 |   };
 314 | 
 315 |   // Sort the object's values by a criterion produced by an iterator.
 316 |   _.sortBy = function(obj, value, context) {
 317 |     var iterator = lookupIterator(value);
 318 |     return _.pluck(_.map(obj, function(value, index, list) {
 319 |       return {
 320 |         value: value,
 321 |         index: index,
 322 |         criteria: iterator.call(context, value, index, list)
 323 |       };
 324 |     }).sort(function(left, right) {
 325 |       var a = left.criteria;
 326 |       var b = right.criteria;
 327 |       if (a !== b) {
 328 |         if (a > b || a === void 0) return 1;
 329 |         if (a < b || b === void 0) return -1;
 330 |       }
 331 |       return left.index - right.index;
 332 |     }), 'value');
 333 |   };
 334 | 
 335 |   // An internal function used for aggregate "group by" operations.
 336 |   var group = function(behavior) {
 337 |     return function(obj, value, context) {
 338 |       var result = {};
 339 |       var iterator = value == null ? _.identity : lookupIterator(value);
 340 |       each(obj, function(value, index) {
 341 |         var key = iterator.call(context, value, index, obj);
 342 |         behavior(result, key, value);
 343 |       });
 344 |       return result;
 345 |     };
 346 |   };
 347 | 
 348 |   // Groups the object's values by a criterion. Pass either a string attribute
 349 |   // to group by, or a function that returns the criterion.
 350 |   _.groupBy = group(function(result, key, value) {
 351 |     (_.has(result, key) ? result[key] : (result[key] = [])).push(value);
 352 |   });
 353 | 
 354 |   // Indexes the object's values by a criterion, similar to `groupBy`, but for
 355 |   // when you know that your index values will be unique.
 356 |   _.indexBy = group(function(result, key, value) {
 357 |     result[key] = value;
 358 |   });
 359 | 
 360 |   // Counts instances of an object that group by a certain criterion. Pass
 361 |   // either a string attribute to count by, or a function that returns the
 362 |   // criterion.
 363 |   _.countBy = group(function(result, key) {
 364 |     _.has(result, key) ? result[key]++ : result[key] = 1;
 365 |   });
 366 | 
 367 |   // Use a comparator function to figure out the smallest index at which
 368 |   // an object should be inserted so as to maintain order. Uses binary search.
 369 |   _.sortedIndex = function(array, obj, iterator, context) {
 370 |     iterator = iterator == null ? _.identity : lookupIterator(iterator);
 371 |     var value = iterator.call(context, obj);
 372 |     var low = 0, high = array.length;
 373 |     while (low < high) {
 374 |       var mid = (low + high) >>> 1;
 375 |       iterator.call(context, array[mid]) < value ? low = mid + 1 : high = mid;
 376 |     }
 377 |     return low;
 378 |   };
 379 | 
 380 |   // Safely create a real, live array from anything iterable.
 381 |   _.toArray = function(obj) {
 382 |     if (!obj) return [];
 383 |     if (_.isArray(obj)) return slice.call(obj);
 384 |     if (obj.length === +obj.length) return _.map(obj, _.identity);
 385 |     return _.values(obj);
 386 |   };
 387 | 
 388 |   // Return the number of elements in an object.
 389 |   _.size = function(obj) {
 390 |     if (obj == null) return 0;
 391 |     return (obj.length === +obj.length) ? obj.length : _.keys(obj).length;
 392 |   };
 393 | 
 394 |   // Array Functions
 395 |   // ---------------
 396 | 
 397 |   // Get the first element of an array. Passing **n** will return the first N
 398 |   // values in the array. Aliased as `head` and `take`. The **guard** check
 399 |   // allows it to work with `_.map`.
 400 |   _.first = _.head = _.take = function(array, n, guard) {
 401 |     if (array == null) return void 0;
 402 |     return (n == null) || guard ? array[0] : slice.call(array, 0, n);
 403 |   };
 404 | 
 405 |   // Returns everything but the last entry of the array. Especially useful on
 406 |   // the arguments object. Passing **n** will return all the values in
 407 |   // the array, excluding the last N. The **guard** check allows it to work with
 408 |   // `_.map`.
 409 |   _.initial = function(array, n, guard) {
 410 |     return slice.call(array, 0, array.length - ((n == null) || guard ? 1 : n));
 411 |   };
 412 | 
 413 |   // Get the last element of an array. Passing **n** will return the last N
 414 |   // values in the array. The **guard** check allows it to work with `_.map`.
 415 |   _.last = function(array, n, guard) {
 416 |     if (array == null) return void 0;
 417 |     if ((n == null) || guard) {
 418 |       return array[array.length - 1];
 419 |     } else {
 420 |       return slice.call(array, Math.max(array.length - n, 0));
 421 |     }
 422 |   };
 423 | 
 424 |   // Returns everything but the first entry of the array. Aliased as `tail` and `drop`.
 425 |   // Especially useful on the arguments object. Passing an **n** will return
 426 |   // the rest N values in the array. The **guard**
 427 |   // check allows it to work with `_.map`.
 428 |   _.rest = _.tail = _.drop = function(array, n, guard) {
 429 |     return slice.call(array, (n == null) || guard ? 1 : n);
 430 |   };
 431 | 
 432 |   // Trim out all falsy values from an array.
 433 |   _.compact = function(array) {
 434 |     return _.filter(array, _.identity);
 435 |   };
 436 | 
 437 |   // Internal implementation of a recursive `flatten` function.
 438 |   var flatten = function(input, shallow, output) {
 439 |     if (shallow && _.every(input, _.isArray)) {
 440 |       return concat.apply(output, input);
 441 |     }
 442 |     each(input, function(value) {
 443 |       if (_.isArray(value) || _.isArguments(value)) {
 444 |         shallow ? push.apply(output, value) : flatten(value, shallow, output);
 445 |       } else {
 446 |         output.push(value);
 447 |       }
 448 |     });
 449 |     return output;
 450 |   };
 451 | 
 452 |   // Flatten out an array, either recursively (by default), or just one level.
 453 |   _.flatten = function(array, shallow) {
 454 |     return flatten(array, shallow, []);
 455 |   };
 456 | 
 457 |   // Return a version of the array that does not contain the specified value(s).
 458 |   _.without = function(array) {
 459 |     return _.difference(array, slice.call(arguments, 1));
 460 |   };
 461 | 
 462 |   // Produce a duplicate-free version of the array. If the array has already
 463 |   // been sorted, you have the option of using a faster algorithm.
 464 |   // Aliased as `unique`.
 465 |   _.uniq = _.unique = function(array, isSorted, iterator, context) {
 466 |     if (_.isFunction(isSorted)) {
 467 |       context = iterator;
 468 |       iterator = isSorted;
 469 |       isSorted = false;
 470 |     }
 471 |     var initial = iterator ? _.map(array, iterator, context) : array;
 472 |     var results = [];
 473 |     var seen = [];
 474 |     each(initial, function(value, index) {
 475 |       if (isSorted ? (!index || seen[seen.length - 1] !== value) : !_.contains(seen, value)) {
 476 |         seen.push(value);
 477 |         results.push(array[index]);
 478 |       }
 479 |     });
 480 |     return results;
 481 |   };
 482 | 
 483 |   // Produce an array that contains the union: each distinct element from all of
 484 |   // the passed-in arrays.
 485 |   _.union = function() {
 486 |     return _.uniq(_.flatten(arguments, true));
 487 |   };
 488 | 
 489 |   // Produce an array that contains every item shared between all the
 490 |   // passed-in arrays.
 491 |   _.intersection = function(array) {
 492 |     var rest = slice.call(arguments, 1);
 493 |     return _.filter(_.uniq(array), function(item) {
 494 |       return _.every(rest, function(other) {
 495 |         return _.indexOf(other, item) >= 0;
 496 |       });
 497 |     });
 498 |   };
 499 | 
 500 |   // Take the difference between one array and a number of other arrays.
 501 |   // Only the elements present in just the first array will remain.
 502 |   _.difference = function(array) {
 503 |     var rest = concat.apply(ArrayProto, slice.call(arguments, 1));
 504 |     return _.filter(array, function(value){ return !_.contains(rest, value); });
 505 |   };
 506 | 
 507 |   // Zip together multiple lists into a single array -- elements that share
 508 |   // an index go together.
 509 |   _.zip = function() {
 510 |     var length = _.max(_.pluck(arguments, "length").concat(0));
 511 |     var results = new Array(length);
 512 |     for (var i = 0; i < length; i++) {
 513 |       results[i] = _.pluck(arguments, '' + i);
 514 |     }
 515 |     return results;
 516 |   };
 517 | 
 518 |   // Converts lists into objects. Pass either a single array of `[key, value]`
 519 |   // pairs, or two parallel arrays of the same length -- one of keys, and one of
 520 |   // the corresponding values.
 521 |   _.object = function(list, values) {
 522 |     if (list == null) return {};
 523 |     var result = {};
 524 |     for (var i = 0, length = list.length; i < length; i++) {
 525 |       if (values) {
 526 |         result[list[i]] = values[i];
 527 |       } else {
 528 |         result[list[i][0]] = list[i][1];
 529 |       }
 530 |     }
 531 |     return result;
 532 |   };
 533 | 
 534 |   // If the browser doesn't supply us with indexOf (I'm looking at you, **MSIE**),
 535 |   // we need this function. Return the position of the first occurrence of an
 536 |   // item in an array, or -1 if the item is not included in the array.
 537 |   // Delegates to **ECMAScript 5**'s native `indexOf` if available.
 538 |   // If the array is large and already in sort order, pass `true`
 539 |   // for **isSorted** to use binary search.
 540 |   _.indexOf = function(array, item, isSorted) {
 541 |     if (array == null) return -1;
 542 |     var i = 0, length = array.length;
 543 |     if (isSorted) {
 544 |       if (typeof isSorted == 'number') {
 545 |         i = (isSorted < 0 ? Math.max(0, length + isSorted) : isSorted);
 546 |       } else {
 547 |         i = _.sortedIndex(array, item);
 548 |         return array[i] === item ? i : -1;
 549 |       }
 550 |     }
 551 |     if (nativeIndexOf && array.indexOf === nativeIndexOf) return array.indexOf(item, isSorted);
 552 |     for (; i < length; i++) if (array[i] === item) return i;
 553 |     return -1;
 554 |   };
 555 | 
 556 |   // Delegates to **ECMAScript 5**'s native `lastIndexOf` if available.
 557 |   _.lastIndexOf = function(array, item, from) {
 558 |     if (array == null) return -1;
 559 |     var hasIndex = from != null;
 560 |     if (nativeLastIndexOf && array.lastIndexOf === nativeLastIndexOf) {
 561 |       return hasIndex ? array.lastIndexOf(item, from) : array.lastIndexOf(item);
 562 |     }
 563 |     var i = (hasIndex ? from : array.length);
 564 |     while (i--) if (array[i] === item) return i;
 565 |     return -1;
 566 |   };
 567 | 
 568 |   // Generate an integer Array containing an arithmetic progression. A port of
 569 |   // the native Python `range()` function. See
 570 |   // [the Python documentation](http://docs.python.org/library/functions.html#range).
 571 |   _.range = function(start, stop, step) {
 572 |     if (arguments.length <= 1) {
 573 |       stop = start || 0;
 574 |       start = 0;
 575 |     }
 576 |     step = arguments[2] || 1;
 577 | 
 578 |     var length = Math.max(Math.ceil((stop - start) / step), 0);
 579 |     var idx = 0;
 580 |     var range = new Array(length);
 581 | 
 582 |     while(idx < length) {
 583 |       range[idx++] = start;
 584 |       start += step;
 585 |     }
 586 | 
 587 |     return range;
 588 |   };
 589 | 
 590 |   // Function (ahem) Functions
 591 |   // ------------------
 592 | 
 593 |   // Reusable constructor function for prototype setting.
 594 |   var ctor = function(){};
 595 | 
 596 |   // Create a function bound to a given object (assigning `this`, and arguments,
 597 |   // optionally). Delegates to **ECMAScript 5**'s native `Function.bind` if
 598 |   // available.
 599 |   _.bind = function(func, context) {
 600 |     var args, bound;
 601 |     if (nativeBind && func.bind === nativeBind) return nativeBind.apply(func, slice.call(arguments, 1));
 602 |     if (!_.isFunction(func)) throw new TypeError;
 603 |     args = slice.call(arguments, 2);
 604 |     return bound = function() {
 605 |       if (!(this instanceof bound)) return func.apply(context, args.concat(slice.call(arguments)));
 606 |       ctor.prototype = func.prototype;
 607 |       var self = new ctor;
 608 |       ctor.prototype = null;
 609 |       var result = func.apply(self, args.concat(slice.call(arguments)));
 610 |       if (Object(result) === result) return result;
 611 |       return self;
 612 |     };
 613 |   };
 614 | 
 615 |   // Partially apply a function by creating a version that has had some of its
 616 |   // arguments pre-filled, without changing its dynamic `this` context.
 617 |   _.partial = function(func) {
 618 |     var args = slice.call(arguments, 1);
 619 |     return function() {
 620 |       return func.apply(this, args.concat(slice.call(arguments)));
 621 |     };
 622 |   };
 623 | 
 624 |   // Bind all of an object's methods to that object. Useful for ensuring that
 625 |   // all callbacks defined on an object belong to it.
 626 |   _.bindAll = function(obj) {
 627 |     var funcs = slice.call(arguments, 1);
 628 |     if (funcs.length === 0) throw new Error("bindAll must be passed function names");
 629 |     each(funcs, function(f) { obj[f] = _.bind(obj[f], obj); });
 630 |     return obj;
 631 |   };
 632 | 
 633 |   // Memoize an expensive function by storing its results.
 634 |   _.memoize = function(func, hasher) {
 635 |     var memo = {};
 636 |     hasher || (hasher = _.identity);
 637 |     return function() {
 638 |       var key = hasher.apply(this, arguments);
 639 |       return _.has(memo, key) ? memo[key] : (memo[key] = func.apply(this, arguments));
 640 |     };
 641 |   };
 642 | 
 643 |   // Delays a function for the given number of milliseconds, and then calls
 644 |   // it with the arguments supplied.
 645 |   _.delay = function(func, wait) {
 646 |     var args = slice.call(arguments, 2);
 647 |     return setTimeout(function(){ return func.apply(null, args); }, wait);
 648 |   };
 649 | 
 650 |   // Defers a function, scheduling it to run after the current call stack has
 651 |   // cleared.
 652 |   _.defer = function(func) {
 653 |     return _.delay.apply(_, [func, 1].concat(slice.call(arguments, 1)));
 654 |   };
 655 | 
 656 |   // Returns a function, that, when invoked, will only be triggered at most once
 657 |   // during a given window of time. Normally, the throttled function will run
 658 |   // as much as it can, without ever going more than once per `wait` duration;
 659 |   // but if you'd like to disable the execution on the leading edge, pass
 660 |   // `{leading: false}`. To disable execution on the trailing edge, ditto.
 661 |   _.throttle = function(func, wait, options) {
 662 |     var context, args, result;
 663 |     var timeout = null;
 664 |     var previous = 0;
 665 |     options || (options = {});
 666 |     var later = function() {
 667 |       previous = options.leading === false ? 0 : new Date;
 668 |       timeout = null;
 669 |       result = func.apply(context, args);
 670 |     };
 671 |     return function() {
 672 |       var now = new Date;
 673 |       if (!previous && options.leading === false) previous = now;
 674 |       var remaining = wait - (now - previous);
 675 |       context = this;
 676 |       args = arguments;
 677 |       if (remaining <= 0) {
 678 |         clearTimeout(timeout);
 679 |         timeout = null;
 680 |         previous = now;
 681 |         result = func.apply(context, args);
 682 |       } else if (!timeout && options.trailing !== false) {
 683 |         timeout = setTimeout(later, remaining);
 684 |       }
 685 |       return result;
 686 |     };
 687 |   };
 688 | 
 689 |   // Returns a function, that, as long as it continues to be invoked, will not
 690 |   // be triggered. The function will be called after it stops being called for
 691 |   // N milliseconds. If `immediate` is passed, trigger the function on the
 692 |   // leading edge, instead of the trailing.
 693 |   _.debounce = function(func, wait, immediate) {
 694 |     var timeout, args, context, timestamp, result;
 695 |     return function() {
 696 |       context = this;
 697 |       args = arguments;
 698 |       timestamp = new Date();
 699 |       var later = function() {
 700 |         var last = (new Date()) - timestamp;
 701 |         if (last < wait) {
 702 |           timeout = setTimeout(later, wait - last);
 703 |         } else {
 704 |           timeout = null;
 705 |           if (!immediate) result = func.apply(context, args);
 706 |         }
 707 |       };
 708 |       var callNow = immediate && !timeout;
 709 |       if (!timeout) {
 710 |         timeout = setTimeout(later, wait);
 711 |       }
 712 |       if (callNow) result = func.apply(context, args);
 713 |       return result;
 714 |     };
 715 |   };
 716 | 
 717 |   // Returns a function that will be executed at most one time, no matter how
 718 |   // often you call it. Useful for lazy initialization.
 719 |   _.once = function(func) {
 720 |     var ran = false, memo;
 721 |     return function() {
 722 |       if (ran) return memo;
 723 |       ran = true;
 724 |       memo = func.apply(this, arguments);
 725 |       func = null;
 726 |       return memo;
 727 |     };
 728 |   };
 729 | 
 730 |   // Returns the first function passed as an argument to the second,
 731 |   // allowing you to adjust arguments, run code before and after, and
 732 |   // conditionally execute the original function.
 733 |   _.wrap = function(func, wrapper) {
 734 |     return function() {
 735 |       var args = [func];
 736 |       push.apply(args, arguments);
 737 |       return wrapper.apply(this, args);
 738 |     };
 739 |   };
 740 | 
 741 |   // Returns a function that is the composition of a list of functions, each
 742 |   // consuming the return value of the function that follows.
 743 |   _.compose = function() {
 744 |     var funcs = arguments;
 745 |     return function() {
 746 |       var args = arguments;
 747 |       for (var i = funcs.length - 1; i >= 0; i--) {
 748 |         args = [funcs[i].apply(this, args)];
 749 |       }
 750 |       return args[0];
 751 |     };
 752 |   };
 753 | 
 754 |   // Returns a function that will only be executed after being called N times.
 755 |   _.after = function(times, func) {
 756 |     return function() {
 757 |       if (--times < 1) {
 758 |         return func.apply(this, arguments);
 759 |       }
 760 |     };
 761 |   };
 762 | 
 763 |   // Object Functions
 764 |   // ----------------
 765 | 
 766 |   // Retrieve the names of an object's properties.
 767 |   // Delegates to **ECMAScript 5**'s native `Object.keys`
 768 |   _.keys = nativeKeys || function(obj) {
 769 |     if (obj !== Object(obj)) throw new TypeError('Invalid object');
 770 |     var keys = [];
 771 |     for (var key in obj) if (_.has(obj, key)) keys.push(key);
 772 |     return keys;
 773 |   };
 774 | 
 775 |   // Retrieve the values of an object's properties.
 776 |   _.values = function(obj) {
 777 |     var keys = _.keys(obj);
 778 |     var length = keys.length;
 779 |     var values = new Array(length);
 780 |     for (var i = 0; i < length; i++) {
 781 |       values[i] = obj[keys[i]];
 782 |     }
 783 |     return values;
 784 |   };
 785 | 
 786 |   // Convert an object into a list of `[key, value]` pairs.
 787 |   _.pairs = function(obj) {
 788 |     var keys = _.keys(obj);
 789 |     var length = keys.length;
 790 |     var pairs = new Array(length);
 791 |     for (var i = 0; i < length; i++) {
 792 |       pairs[i] = [keys[i], obj[keys[i]]];
 793 |     }
 794 |     return pairs;
 795 |   };
 796 | 
 797 |   // Invert the keys and values of an object. The values must be serializable.
 798 |   _.invert = function(obj) {
 799 |     var result = {};
 800 |     var keys = _.keys(obj);
 801 |     for (var i = 0, length = keys.length; i < length; i++) {
 802 |       result[obj[keys[i]]] = keys[i];
 803 |     }
 804 |     return result;
 805 |   };
 806 | 
 807 |   // Return a sorted list of the function names available on the object.
 808 |   // Aliased as `methods`
 809 |   _.functions = _.methods = function(obj) {
 810 |     var names = [];
 811 |     for (var key in obj) {
 812 |       if (_.isFunction(obj[key])) names.push(key);
 813 |     }
 814 |     return names.sort();
 815 |   };
 816 | 
 817 |   // Extend a given object with all the properties in passed-in object(s).
 818 |   _.extend = function(obj) {
 819 |     each(slice.call(arguments, 1), function(source) {
 820 |       if (source) {
 821 |         for (var prop in source) {
 822 |           obj[prop] = source[prop];
 823 |         }
 824 |       }
 825 |     });
 826 |     return obj;
 827 |   };
 828 | 
 829 |   // Return a copy of the object only containing the whitelisted properties.
 830 |   _.pick = function(obj) {
 831 |     var copy = {};
 832 |     var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
 833 |     each(keys, function(key) {
 834 |       if (key in obj) copy[key] = obj[key];
 835 |     });
 836 |     return copy;
 837 |   };
 838 | 
 839 |    // Return a copy of the object without the blacklisted properties.
 840 |   _.omit = function(obj) {
 841 |     var copy = {};
 842 |     var keys = concat.apply(ArrayProto, slice.call(arguments, 1));
 843 |     for (var key in obj) {
 844 |       if (!_.contains(keys, key)) copy[key] = obj[key];
 845 |     }
 846 |     return copy;
 847 |   };
 848 | 
 849 |   // Fill in a given object with default properties.
 850 |   _.defaults = function(obj) {
 851 |     each(slice.call(arguments, 1), function(source) {
 852 |       if (source) {
 853 |         for (var prop in source) {
 854 |           if (obj[prop] === void 0) obj[prop] = source[prop];
 855 |         }
 856 |       }
 857 |     });
 858 |     return obj;
 859 |   };
 860 | 
 861 |   // Create a (shallow-cloned) duplicate of an object.
 862 |   _.clone = function(obj) {
 863 |     if (!_.isObject(obj)) return obj;
 864 |     return _.isArray(obj) ? obj.slice() : _.extend({}, obj);
 865 |   };
 866 | 
 867 |   // Invokes interceptor with the obj, and then returns obj.
 868 |   // The primary purpose of this method is to "tap into" a method chain, in
 869 |   // order to perform operations on intermediate results within the chain.
 870 |   _.tap = function(obj, interceptor) {
 871 |     interceptor(obj);
 872 |     return obj;
 873 |   };
 874 | 
 875 |   // Internal recursive comparison function for `isEqual`.
 876 |   var eq = function(a, b, aStack, bStack) {
 877 |     // Identical objects are equal. `0 === -0`, but they aren't identical.
 878 |     // See the [Harmony `egal` proposal](http://wiki.ecmascript.org/doku.php?id=harmony:egal).
 879 |     if (a === b) return a !== 0 || 1 / a == 1 / b;
 880 |     // A strict comparison is necessary because `null == undefined`.
 881 |     if (a == null || b == null) return a === b;
 882 |     // Unwrap any wrapped objects.
 883 |     if (a instanceof _) a = a._wrapped;
 884 |     if (b instanceof _) b = b._wrapped;
 885 |     // Compare `[[Class]]` names.
 886 |     var className = toString.call(a);
 887 |     if (className != toString.call(b)) return false;
 888 |     switch (className) {
 889 |       // Strings, numbers, dates, and booleans are compared by value.
 890 |       case '[object String]':
 891 |         // Primitives and their corresponding object wrappers are equivalent; thus, `"5"` is
 892 |         // equivalent to `new String("5")`.
 893 |         return a == String(b);
 894 |       case '[object Number]':
 895 |         // `NaN`s are equivalent, but non-reflexive. An `egal` comparison is performed for
 896 |         // other numeric values.
 897 |         return a != +a ? b != +b : (a == 0 ? 1 / a == 1 / b : a == +b);
 898 |       case '[object Date]':
 899 |       case '[object Boolean]':
 900 |         // Coerce dates and booleans to numeric primitive values. Dates are compared by their
 901 |         // millisecond representations. Note that invalid dates with millisecond representations
 902 |         // of `NaN` are not equivalent.
 903 |         return +a == +b;
 904 |       // RegExps are compared by their source patterns and flags.
 905 |       case '[object RegExp]':
 906 |         return a.source == b.source &&
 907 |                a.global == b.global &&
 908 |                a.multiline == b.multiline &&
 909 |                a.ignoreCase == b.ignoreCase;
 910 |     }
 911 |     if (typeof a != 'object' || typeof b != 'object') return false;
 912 |     // Assume equality for cyclic structures. The algorithm for detecting cyclic
 913 |     // structures is adapted from ES 5.1 section 15.12.3, abstract operation `JO`.
 914 |     var length = aStack.length;
 915 |     while (length--) {
 916 |       // Linear search. Performance is inversely proportional to the number of
 917 |       // unique nested structures.
 918 |       if (aStack[length] == a) return bStack[length] == b;
 919 |     }
 920 |     // Objects with different constructors are not equivalent, but `Object`s
 921 |     // from different frames are.
 922 |     var aCtor = a.constructor, bCtor = b.constructor;
 923 |     if (aCtor !== bCtor && !(_.isFunction(aCtor) && (aCtor instanceof aCtor) &&
 924 |                              _.isFunction(bCtor) && (bCtor instanceof bCtor))) {
 925 |       return false;
 926 |     }
 927 |     // Add the first object to the stack of traversed objects.
 928 |     aStack.push(a);
 929 |     bStack.push(b);
 930 |     var size = 0, result = true;
 931 |     // Recursively compare objects and arrays.
 932 |     if (className == '[object Array]') {
 933 |       // Compare array lengths to determine if a deep comparison is necessary.
 934 |       size = a.length;
 935 |       result = size == b.length;
 936 |       if (result) {
 937 |         // Deep compare the contents, ignoring non-numeric properties.
 938 |         while (size--) {
 939 |           if (!(result = eq(a[size], b[size], aStack, bStack))) break;
 940 |         }
 941 |       }
 942 |     } else {
 943 |       // Deep compare objects.
 944 |       for (var key in a) {
 945 |         if (_.has(a, key)) {
 946 |           // Count the expected number of properties.
 947 |           size++;
 948 |           // Deep compare each member.
 949 |           if (!(result = _.has(b, key) && eq(a[key], b[key], aStack, bStack))) break;
 950 |         }
 951 |       }
 952 |       // Ensure that both objects contain the same number of properties.
 953 |       if (result) {
 954 |         for (key in b) {
 955 |           if (_.has(b, key) && !(size--)) break;
 956 |         }
 957 |         result = !size;
 958 |       }
 959 |     }
 960 |     // Remove the first object from the stack of traversed objects.
 961 |     aStack.pop();
 962 |     bStack.pop();
 963 |     return result;
 964 |   };
 965 | 
 966 |   // Perform a deep comparison to check if two objects are equal.
 967 |   _.isEqual = function(a, b) {
 968 |     return eq(a, b, [], []);
 969 |   };
 970 | 
 971 |   // Is a given array, string, or object empty?
 972 |   // An "empty" object has no enumerable own-properties.
 973 |   _.isEmpty = function(obj) {
 974 |     if (obj == null) return true;
 975 |     if (_.isArray(obj) || _.isString(obj)) return obj.length === 0;
 976 |     for (var key in obj) if (_.has(obj, key)) return false;
 977 |     return true;
 978 |   };
 979 | 
 980 |   // Is a given value a DOM element?
 981 |   _.isElement = function(obj) {
 982 |     return !!(obj && obj.nodeType === 1);
 983 |   };
 984 | 
 985 |   // Is a given value an array?
 986 |   // Delegates to ECMA5's native Array.isArray
 987 |   _.isArray = nativeIsArray || function(obj) {
 988 |     return toString.call(obj) == '[object Array]';
 989 |   };
 990 | 
 991 |   // Is a given variable an object?
 992 |   _.isObject = function(obj) {
 993 |     return obj === Object(obj);
 994 |   };
 995 | 
 996 |   // Add some isType methods: isArguments, isFunction, isString, isNumber, isDate, isRegExp.
 997 |   each(['Arguments', 'Function', 'String', 'Number', 'Date', 'RegExp'], function(name) {
 998 |     _['is' + name] = function(obj) {
 999 |       return toString.call(obj) == '[object ' + name + ']';
1000 |     };
1001 |   });
1002 | 
1003 |   // Define a fallback version of the method in browsers (ahem, IE), where
1004 |   // there isn't any inspectable "Arguments" type.
1005 |   if (!_.isArguments(arguments)) {
1006 |     _.isArguments = function(obj) {
1007 |       return !!(obj && _.has(obj, 'callee'));
1008 |     };
1009 |   }
1010 | 
1011 |   // Optimize `isFunction` if appropriate.
1012 |   if (typeof (/./) !== 'function') {
1013 |     _.isFunction = function(obj) {
1014 |       return typeof obj === 'function';
1015 |     };
1016 |   }
1017 | 
1018 |   // Is a given object a finite number?
1019 |   _.isFinite = function(obj) {
1020 |     return isFinite(obj) && !isNaN(parseFloat(obj));
1021 |   };
1022 | 
1023 |   // Is the given value `NaN`? (NaN is the only number which does not equal itself).
1024 |   _.isNaN = function(obj) {
1025 |     return _.isNumber(obj) && obj != +obj;
1026 |   };
1027 | 
1028 |   // Is a given value a boolean?
1029 |   _.isBoolean = function(obj) {
1030 |     return obj === true || obj === false || toString.call(obj) == '[object Boolean]';
1031 |   };
1032 | 
1033 |   // Is a given value equal to null?
1034 |   _.isNull = function(obj) {
1035 |     return obj === null;
1036 |   };
1037 | 
1038 |   // Is a given variable undefined?
1039 |   _.isUndefined = function(obj) {
1040 |     return obj === void 0;
1041 |   };
1042 | 
1043 |   // Shortcut function for checking if an object has a given property directly
1044 |   // on itself (in other words, not on a prototype).
1045 |   _.has = function(obj, key) {
1046 |     return hasOwnProperty.call(obj, key);
1047 |   };
1048 | 
1049 |   // Utility Functions
1050 |   // -----------------
1051 | 
1052 |   // Run Underscore.js in *noConflict* mode, returning the `_` variable to its
1053 |   // previous owner. Returns a reference to the Underscore object.
1054 |   _.noConflict = function() {
1055 |     root._ = previousUnderscore;
1056 |     return this;
1057 |   };
1058 | 
1059 |   // Keep the identity function around for default iterators.
1060 |   _.identity = function(value) {
1061 |     return value;
1062 |   };
1063 | 
1064 |   // Run a function **n** times.
1065 |   _.times = function(n, iterator, context) {
1066 |     var accum = Array(Math.max(0, n));
1067 |     for (var i = 0; i < n; i++) accum[i] = iterator.call(context, i);
1068 |     return accum;
1069 |   };
1070 | 
1071 |   // Return a random integer between min and max (inclusive).
1072 |   _.random = function(min, max) {
1073 |     if (max == null) {
1074 |       max = min;
1075 |       min = 0;
1076 |     }
1077 |     return min + Math.floor(Math.random() * (max - min + 1));
1078 |   };
1079 | 
1080 |   // List of HTML entities for escaping.
1081 |   var entityMap = {
1082 |     escape: {
1083 |       '&': '&amp;',
1084 |       '<': '&lt;',
1085 |       '>': '&gt;',
1086 |       '"': '&quot;',
1087 |       "'": '&#x27;'
1088 |     }
1089 |   };
1090 |   entityMap.unescape = _.invert(entityMap.escape);
1091 | 
1092 |   // Regexes containing the keys and values listed immediately above.
1093 |   var entityRegexes = {
1094 |     escape:   new RegExp('[' + _.keys(entityMap.escape).join('') + ']', 'g'),
1095 |     unescape: new RegExp('(' + _.keys(entityMap.unescape).join('|') + ')', 'g')
1096 |   };
1097 | 
1098 |   // Functions for escaping and unescaping strings to/from HTML interpolation.
1099 |   _.each(['escape', 'unescape'], function(method) {
1100 |     _[method] = function(string) {
1101 |       if (string == null) return '';
1102 |       return ('' + string).replace(entityRegexes[method], function(match) {
1103 |         return entityMap[method][match];
1104 |       });
1105 |     };
1106 |   });
1107 | 
1108 |   // If the value of the named `property` is a function then invoke it with the
1109 |   // `object` as context; otherwise, return it.
1110 |   _.result = function(object, property) {
1111 |     if (object == null) return void 0;
1112 |     var value = object[property];
1113 |     return _.isFunction(value) ? value.call(object) : value;
1114 |   };
1115 | 
1116 |   // Add your own custom functions to the Underscore object.
1117 |   _.mixin = function(obj) {
1118 |     each(_.functions(obj), function(name) {
1119 |       var func = _[name] = obj[name];
1120 |       _.prototype[name] = function() {
1121 |         var args = [this._wrapped];
1122 |         push.apply(args, arguments);
1123 |         return result.call(this, func.apply(_, args));
1124 |       };
1125 |     });
1126 |   };
1127 | 
1128 |   // Generate a unique integer id (unique within the entire client session).
1129 |   // Useful for temporary DOM ids.
1130 |   var idCounter = 0;
1131 |   _.uniqueId = function(prefix) {
1132 |     var id = ++idCounter + '';
1133 |     return prefix ? prefix + id : id;
1134 |   };
1135 | 
1136 |   // By default, Underscore uses ERB-style template delimiters, change the
1137 |   // following template settings to use alternative delimiters.
1138 |   _.templateSettings = {
1139 |     evaluate    : /<%([\s\S]+?)%>/g,
1140 |     interpolate : /<%=([\s\S]+?)%>/g,
1141 |     escape      : /<%-([\s\S]+?)%>/g
1142 |   };
1143 | 
1144 |   // When customizing `templateSettings`, if you don't want to define an
1145 |   // interpolation, evaluation or escaping regex, we need one that is
1146 |   // guaranteed not to match.
1147 |   var noMatch = /(.)^/;
1148 | 
1149 |   // Certain characters need to be escaped so that they can be put into a
1150 |   // string literal.
1151 |   var escapes = {
1152 |     "'":      "'",
1153 |     '\\':     '\\',
1154 |     '\r':     'r',
1155 |     '\n':     'n',
1156 |     '\t':     't',
1157 |     '\u2028': 'u2028',
1158 |     '\u2029': 'u2029'
1159 |   };
1160 | 
1161 |   var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
1162 | 
1163 |   // JavaScript micro-templating, similar to John Resig's implementation.
1164 |   // Underscore templating handles arbitrary delimiters, preserves whitespace,
1165 |   // and correctly escapes quotes within interpolated code.
1166 |   _.template = function(text, data, settings) {
1167 |     var render;
1168 |     settings = _.defaults({}, settings, _.templateSettings);
1169 | 
1170 |     // Combine delimiters into one regular expression via alternation.
1171 |     var matcher = new RegExp([
1172 |       (settings.escape || noMatch).source,
1173 |       (settings.interpolate || noMatch).source,
1174 |       (settings.evaluate || noMatch).source
1175 |     ].join('|') + '|$', 'g');
1176 | 
1177 |     // Compile the template source, escaping string literals appropriately.
1178 |     var index = 0;
1179 |     var source = "__p+='";
1180 |     text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
1181 |       source += text.slice(index, offset)
1182 |         .replace(escaper, function(match) { return '\\' + escapes[match]; });
1183 | 
1184 |       if (escape) {
1185 |         source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
1186 |       }
1187 |       if (interpolate) {
1188 |         source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
1189 |       }
1190 |       if (evaluate) {
1191 |         source += "';\n" + evaluate + "\n__p+='";
1192 |       }
1193 |       index = offset + match.length;
1194 |       return match;
1195 |     });
1196 |     source += "';\n";
1197 | 
1198 |     // If a variable is not specified, place data values in local scope.
1199 |     if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
1200 | 
1201 |     source = "var __t,__p='',__j=Array.prototype.join," +
1202 |       "print=function(){__p+=__j.call(arguments,'');};\n" +
1203 |       source + "return __p;\n";
1204 | 
1205 |     try {
1206 |       render = new Function(settings.variable || 'obj', '_', source);
1207 |     } catch (e) {
1208 |       e.source = source;
1209 |       throw e;
1210 |     }
1211 | 
1212 |     if (data) return render(data, _);
1213 |     var template = function(data) {
1214 |       return render.call(this, data, _);
1215 |     };
1216 | 
1217 |     // Provide the compiled function source as a convenience for precompilation.
1218 |     template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}';
1219 | 
1220 |     return template;
1221 |   };
1222 | 
1223 |   // Add a "chain" function, which will delegate to the wrapper.
1224 |   _.chain = function(obj) {
1225 |     return _(obj).chain();
1226 |   };
1227 | 
1228 |   // OOP
1229 |   // ---------------
1230 |   // If Underscore is called as a function, it returns a wrapped object that
1231 |   // can be used OO-style. This wrapper holds altered versions of all the
1232 |   // underscore functions. Wrapped objects may be chained.
1233 | 
1234 |   // Helper function to continue chaining intermediate results.
1235 |   var result = function(obj) {
1236 |     return this._chain ? _(obj).chain() : obj;
1237 |   };
1238 | 
1239 |   // Add all of the Underscore functions to the wrapper object.
1240 |   _.mixin(_);
1241 | 
1242 |   // Add all mutator Array functions to the wrapper.
1243 |   each(['pop', 'push', 'reverse', 'shift', 'sort', 'splice', 'unshift'], function(name) {
1244 |     var method = ArrayProto[name];
1245 |     _.prototype[name] = function() {
1246 |       var obj = this._wrapped;
1247 |       method.apply(obj, arguments);
1248 |       if ((name == 'shift' || name == 'splice') && obj.length === 0) delete obj[0];
1249 |       return result.call(this, obj);
1250 |     };
1251 |   });
1252 | 
1253 |   // Add all accessor Array functions to the wrapper.
1254 |   each(['concat', 'join', 'slice'], function(name) {
1255 |     var method = ArrayProto[name];
1256 |     _.prototype[name] = function() {
1257 |       return result.call(this, method.apply(this._wrapped, arguments));
1258 |     };
1259 |   });
1260 | 
1261 |   _.extend(_.prototype, {
1262 | 
1263 |     // Start chaining a wrapped Underscore object.
1264 |     chain: function() {
1265 |       this._chain = true;
1266 |       return this;
1267 |     },
1268 | 
1269 |     // Extracts the result from a wrapped and chained object.
1270 |     value: function() {
1271 |       return this._wrapped;
1272 |     }
1273 | 
1274 |   });
1275 | 
1276 | }).call(this);
1277 | 


--------------------------------------------------------------------------------
/test/tests.js:
--------------------------------------------------------------------------------
   1 | $(document).ready( function() {
   2 | 
   3 | 	var Employee = Backbone.Model.extend( { } );
   4 | 	var Employees = Backbone.Collection.extend( { model : Employee } );
   5 | 
   6 | 	function commonSetup() {
   7 | 
   8 | 		this.emp1 = new Employee( { id : 1, firstName : 'Sherlock', lastName : 'Holmes' } );
   9 | 		this.emp2 = new Employee( { id : 2, firstName : 'John', lastName : 'Watson' } );
  10 | 		this.emp3 = new Employee( { id : 3, firstName : 'Mycroft', lastName : 'Holmes' } );
  11 | 		this.employees = new Employees( [ this.emp1, this.emp2, this.emp3 ] );
  12 | 
  13 | 		this.EmployeeView = Backbone.View.extend( {
  14 | 			template : _.template( $( "#employee-template" ).html() ),
  15 | 			render : function() {
  16 | 				var emp = this.model.toJSON();
  17 | 				var html = this.template(emp);
  18 | 				this.$el.html(html);
  19 | 			}
  20 | 		} );
  21 | 
  22 | 		this.EmployeeViewWithLi = Backbone.View.extend( {
  23 | 			tagName : "li",
  24 | 			template : _.template( $( "#employee-template" ).html() ),
  25 | 			render : function() {
  26 | 				var emp = this.model.toJSON();
  27 | 				var html = this.template(emp);
  28 | 				this.$el.html(html);
  29 | 			}
  30 | 		} );
  31 | 
  32 | 		this.EmployeeViewForTable = Backbone.View.extend( {
  33 | 			tagName : 'tr',
  34 | 			template : _.template( $( "#employee-template-for-table" ).html() ),
  35 | 			render : function() {
  36 | 				var emp = this.model.toJSON();
  37 | 				var html = this.template(emp);
  38 | 				this.$el.html(html);
  39 | 			}
  40 | 		} );
  41 | 
  42 | 		this.EmployeeView2 = Backbone.View.extend( {
  43 | 			template : _.template( $( "#employee-template-2" ).html() ),
  44 | 			render : function() {
  45 | 				var emp = this.model.toJSON();
  46 | 				var html = this.template(emp);
  47 | 				this.$el.html(html);
  48 | 			}
  49 | 		} );
  50 | 
  51 | 
  52 | 		var $fixture = $( "#qunit-fixture" );
  53 | 		$fixture.append( "<ul id='myCollectionList'></ul>" );
  54 | 		$fixture.append( "<table id='myCollectionTable'></table>" );
  55 | 		$fixture.append( "<table id='myCollectionTableWithContents'><thead></thead><tbody></tbody></table>" );
  56 | 		
  57 | 		this.$collectionViewEl = $( "#myCollectionList" );
  58 | 		this.$collectionViewForTableEl = $( "#myCollectionTable" );
  59 | 		this.$collectionViewForTableWithContentsEl = $( "#myCollectionTableWithContents" );
  60 | 
  61 | 	}
  62 | 
  63 | 	module( "Table rendering",
  64 | 		{
  65 | 			setup: function() {
  66 | 				commonSetup.call( this );
  67 | 			}
  68 | 		}
  69 | 	);
  70 | 
  71 | 	test( "Rendering with an empty table element", 3, function() {
  72 | 
  73 | 		var myCollectionView = new Backbone.CollectionView( {
  74 | 			el : this.$collectionViewForTableEl,
  75 | 			collection : this.employees,
  76 | 			modelView : this.EmployeeViewForTable
  77 | 		} );
  78 | 
  79 | 		myCollectionView.render();
  80 | 
  81 | 		equal( myCollectionView.$el.find( "tbody" ).length, 1, "Tbody is created" );
  82 | 		equal( myCollectionView.$el.find( "tbody > tr" ).length, 3, "Model views are added inside the tbody" );
  83 | 		ok( myCollectionView.$el.html().indexOf( "Sherlock Holmes" ) !== -1, "Rendered table contains 'Sherlock Holmes'");
  84 | 	} );
  85 | 
  86 | 	test( "Rendering with a tbody and thead inside the table element", 3, function() {
  87 | 
  88 | 		var myCollectionView = new Backbone.CollectionView( {
  89 | 			el : this.$collectionViewForTableWithContentsEl,
  90 | 			collection : this.employees,
  91 | 			modelView : this.EmployeeViewForTable
  92 | 		} );
  93 | 
  94 | 		myCollectionView.render();
  95 | 
  96 | 		equal( myCollectionView.$el.find( "thead" ).length, 1, "Thead remains after rendering" );
  97 | 		equal( myCollectionView.$el.find( "tbody > tr" ).length, 3, "Model views are added inside the tbody" );
  98 | 		ok( myCollectionView.$el.html().indexOf( "Sherlock Holmes" ) !== -1, "Rendered table contains 'Sherlock Holmes'");
  99 | 	} );
 100 | 
 101 | 	test( "Rendering with an empty table element (detached rendering)", 3, function() {
 102 | 
 103 | 		var myCollectionView = new Backbone.CollectionView( {
 104 | 			el : this.$collectionViewForTableEl,
 105 | 			collection : this.employees,
 106 | 			modelView : this.EmployeeViewForTable,
 107 | 			detachedRendering : true
 108 | 		} );
 109 | 
 110 | 		myCollectionView.render();
 111 | 
 112 | 		equal( myCollectionView.$el.find( "tbody" ).length, 1, "Tbody is created" );
 113 | 		equal( myCollectionView.$el.find( "tbody > tr" ).length, 3, "Model views are added inside the tbody" );
 114 | 		ok( myCollectionView.$el.html().indexOf( "Sherlock Holmes" ) !== -1, "Rendered table contains 'Sherlock Holmes'");
 115 | 	} );
 116 | 
 117 | 	test( "Setting multiple models to empty collection renders new rows", 3, function() {
 118 | 
 119 | 		var emptyCollection = new Backbone.Collection();
 120 | 		var myCollectionView = new Backbone.CollectionView( {
 121 | 			el : this.$collectionViewForTableEl,
 122 | 			collection : emptyCollection,
 123 | 			modelView : this.EmployeeViewForTable
 124 | 		} );
 125 | 
 126 | 		myCollectionView.render();
 127 | 
 128 | 		emptyCollection.set(this.employees.models);
 129 | 
 130 | 		equal( myCollectionView.$el.find( "tbody" ).length, 1, "Tbody is created" );
 131 | 		equal( myCollectionView.$el.find( "tbody > tr" ).length, 3, "Model views are added inside the tbody" );
 132 | 		ok( myCollectionView.$el.html().indexOf( "Sherlock Holmes" ) !== -1, "Rendered table contains 'Sherlock Holmes'");
 133 | 	} );
 134 |     
 135 | 	module( "List rendering",
 136 | 		{
 137 | 			setup: function() {
 138 | 				commonSetup.call( this );
 139 | 			}
 140 | 		}
 141 | 	);
 142 | 
 143 | 	test( "Rendering with a template that is an <li>", 1, function() {
 144 | 
 145 | 		var myCollectionView = new Backbone.CollectionView( {
 146 | 			el : this.$collectionViewEl,
 147 | 			collection : this.employees,
 148 | 			modelView : this.EmployeeViewWithLi
 149 | 		} );
 150 | 
 151 | 		myCollectionView.render();
 152 | 
 153 | 		ok( myCollectionView.viewManager.findByIndex(0).$el.children()[0].tagName.toLowerCase() !== "li", "<li> view template not wrapped with an extra <li>" );
 154 | 	} );
 155 | 
 156 | 	test( "Rendering with a template that is not an <li>", 1, function() {
 157 | 
 158 | 		var myCollectionView = new Backbone.CollectionView( {
 159 | 			el : this.$collectionViewEl,
 160 | 			collection : this.employees,
 161 | 			modelView : this.EmployeeView
 162 | 		} );
 163 | 
 164 | 		myCollectionView.render();
 165 | 
 166 | 		ok( myCollectionView.viewManager.findByIndex(0).$el.parent().prop( "tagName" ).toLowerCase() === "li", "non <li> view template is wrapped with an <li>" );
 167 | 	} );
 168 | 
 169 | 	module( "Item Selection",
 170 | 		{
 171 | 			setup: function() {
 172 | 				commonSetup.call( this );
 173 | 			}
 174 | 		}
 175 | 	);
 176 | 
 177 | 	test( "getSelectedModel", 6, function() {
 178 | 
 179 | 		var singleSelectionListView = new Backbone.CollectionView( {
 180 | 			el : this.$collectionViewEl,
 181 | 			selectable : true,
 182 | 			collection : this.employees,
 183 | 			modelView : this.EmployeeView
 184 | 		} );
 185 | 
 186 | 		singleSelectionListView.render();
 187 | 
 188 | 		singleSelectionListView.setSelectedModel( this.emp1 );
 189 | 
 190 | 		var selectedCid = singleSelectionListView.getSelectedModel( { by : "cid" } );
 191 | 		equal( selectedCid, this.emp1.cid, "Selected item is the correct cid" );
 192 | 
 193 | 		var selectedModel = singleSelectionListView.getSelectedModel();
 194 | 		equal( selectedModel, this.emp1, "Selected item is the correct model" );
 195 | 
 196 | 		var selectedId = singleSelectionListView.getSelectedModel( { by : "id" } );
 197 | 		equal( selectedId, this.emp1.id, "Selected item is the correct id" );
 198 | 
 199 | 		var selectedModelView = singleSelectionListView.getSelectedModel( { by : "view" } );
 200 | 		equal( selectedModelView.model, this.emp1, "Selected item is the correct view" );
 201 | 
 202 | 		singleSelectionListView.setSelectedModel( this.emp2 );
 203 | 
 204 | 		var selectedListItemOffset = singleSelectionListView.getSelectedModel( { by : "offset" } );
 205 | 		equal( selectedListItemOffset, 1, "Selected list item is the correct offset" );
 206 | 
 207 | 		var singleSelectionTableView = new Backbone.CollectionView( {
 208 | 			el : this.$collectionViewForTableEl,
 209 | 			selectable : true,
 210 | 			collection : this.employees,
 211 | 			modelView : this.EmployeeViewForTable
 212 | 		} );
 213 | 
 214 | 		singleSelectionTableView.render();
 215 | 
 216 | 		singleSelectionTableView.setSelectedModel( this.emp2 );
 217 | 
 218 | 		var selectedTableRowOffset = singleSelectionTableView.getSelectedModel( { by : "offset" } );
 219 | 		equal( selectedTableRowOffset, 1, "Selected table row is the correct offset" );
 220 | 
 221 | 	});
 222 | 
 223 | 	test( "setSelectedModel", 6, function() {
 224 | 
 225 | 		var singleSelectionListView = new Backbone.CollectionView( {
 226 | 			el : this.$collectionViewEl,
 227 | 			selectable : true,
 228 | 			collection : this.employees,
 229 | 			modelView : this.EmployeeView
 230 | 		} );
 231 | 
 232 | 		singleSelectionListView.render();
 233 | 
 234 | 		var selectedCid;
 235 | 
 236 | 		singleSelectionListView.setSelectedModel( this.emp1.id, { by : "id" } );
 237 | 		selectedCid = singleSelectionListView.getSelectedModel( { by : "cid" } );
 238 | 		equal( selectedCid, this.emp1.cid, "Selected item correctly set using id" );
 239 | 
 240 | 		singleSelectionListView.setSelectedModel( this.emp2.cid, { by : "cid" } );
 241 | 		selectedCid = singleSelectionListView.getSelectedModel( { by : "cid" } );
 242 | 		equal( selectedCid, this.emp2.cid, "Selected item correctly set using cid" );
 243 | 
 244 | 		singleSelectionListView.setSelectedModel( this.emp3 );
 245 | 		selectedModel = singleSelectionListView.getSelectedModel();
 246 | 		equal( selectedModel, this.emp3, "Selected item correctly set using model" );
 247 | 
 248 | 		singleSelectionListView.setSelectedModel( singleSelectionListView.viewManager.findByModel( this.emp1 ), { by : "view" } );
 249 | 		selectedModel = singleSelectionListView.getSelectedModel();
 250 | 		equal( selectedModel, this.emp1, "Selected item correctly set using view" );
 251 | 
 252 | 		singleSelectionListView.setSelectedModel( 1, { by : "offset" } );
 253 | 		selectedModel = singleSelectionListView.getSelectedModel();
 254 | 		equal( selectedModel, this.emp2, "Selected list item correctly set using offset" );
 255 | 
 256 | 		var singleSelectionTableView = new Backbone.CollectionView( {
 257 | 			el : this.$collectionViewForTableEl,
 258 | 			selectable : true,
 259 | 			collection : this.employees,
 260 | 			modelView : this.EmployeeViewForTable
 261 | 		} );
 262 | 
 263 | 		singleSelectionTableView.render();
 264 | 
 265 | 		singleSelectionTableView.setSelectedModel( 1, { by : "offset" } );
 266 | 		selectedModel = singleSelectionTableView.getSelectedModel();
 267 | 		equal( selectedModel, this.emp2, "Selected table row correctly set using offset" );
 268 | 
 269 | 	});
 270 | 
 271 | 	test( "getSelectedModels", 18, function() {
 272 | 
 273 | 		var singleSelectionListView = new Backbone.CollectionView( {
 274 | 			el : this.$collectionViewEl,
 275 | 			selectable : true,
 276 | 			selectMultiple : true,
 277 | 			collection : this.employees,
 278 | 			modelView : this.EmployeeView
 279 | 		} );
 280 | 
 281 | 		singleSelectionListView.render();
 282 | 
 283 | 		singleSelectionListView.setSelectedModels( [ this.emp1, this.emp2 ] );
 284 | 
 285 | 		var selectedCids = singleSelectionListView.getSelectedModels( { by : "cid" } );
 286 | 		equal( selectedCids.length, 2, "Correct number of selected items");
 287 | 		equal( selectedCids[0], this.emp1.cid, "One of selected items is the correct cid" );
 288 | 		equal( selectedCids[1], this.emp2.cid, "Other selected item is the correct cid" );
 289 | 
 290 | 		var selectedModels = singleSelectionListView.getSelectedModels();
 291 | 		equal( selectedModels.length, 2, "Correct number of selected items");
 292 | 		equal( selectedModels[0], this.emp1, "One of selected items is the correct model" );
 293 | 		equal( selectedModels[1], this.emp2, "Other selected item is the correct model" );
 294 | 
 295 | 		var selectedIds = singleSelectionListView.getSelectedModels({ by : "id" });
 296 | 		equal( selectedIds.length, 2, "Correct number of selected items");
 297 | 		equal( selectedIds[0], this.emp1.id, "One of selected items is the correct id" );
 298 | 		equal( selectedIds[1], this.emp2.id, "Other selected item is the correct id" );
 299 | 
 300 | 		var selectedModelViews = singleSelectionListView.getSelectedModels( { by : "view" });
 301 | 		equal( selectedModelViews.length, 2, "Correct number of selected items");
 302 | 		equal( selectedModelViews[0].model, this.emp1, "One of the selected items is the correct view" );
 303 | 		equal( selectedModelViews[1].model, this.emp2, "Other selected item is the correct view" );
 304 | 
 305 | 		var selectedListItemOffsets = singleSelectionListView.getSelectedModels( { by : "offset" } );
 306 | 		equal( selectedListItemOffsets.length, 2, "Correct number of selected list items" );
 307 | 		equal( selectedListItemOffsets[0], 0, "One of the selected list item is the correct offset" );
 308 | 		equal( selectedListItemOffsets[1], 1, "Other selected list item is the correct offset" );
 309 | 
 310 | 		var singleSelectionTableView = new Backbone.CollectionView( {
 311 | 			el : this.$collectionViewForTableEl,
 312 | 			selectable : true,
 313 | 			collection : this.employees,
 314 | 			modelView : this.EmployeeViewForTable
 315 | 		} );
 316 | 
 317 | 		singleSelectionTableView.render();
 318 | 
 319 | 		singleSelectionTableView.setSelectedModels( [ this.emp1, this.emp2 ] );
 320 | 
 321 | 		var selectedTableRowOffsets = singleSelectionTableView.getSelectedModels( { by : "offset" } );
 322 | 		equal( selectedTableRowOffsets.length, 2, "Correct number of selected table rows" );
 323 | 		equal( selectedTableRowOffsets[0], 0, "One of the selected table row is the correct offset" );
 324 | 		equal( selectedTableRowOffsets[1], 1, "Other selected table row is the correct offset" );
 325 | 
 326 | 	});
 327 | 
 328 | 	test( "setSelectedModels", 14, function() {
 329 | 
 330 | 		var singleSelectionListView = new Backbone.CollectionView( {
 331 | 			el : this.$collectionViewEl,
 332 | 			selectable : true,
 333 | 			collection : this.employees,
 334 | 			modelView : this.EmployeeView
 335 | 		} );
 336 | 
 337 | 		singleSelectionListView.render();
 338 | 
 339 | 		var selectedCid;
 340 | 
 341 | 		singleSelectionListView.setSelectedModels( [ this.emp1.id, this.emp2.id ], { by : "id" } );
 342 | 		selectedModels = singleSelectionListView.getSelectedModels();
 343 | 		equal( selectedModels.length, 2, "Correct number of selected items");
 344 | 		equal( selectedModels[0], this.emp1, "One of selected items correctly set using 'id'" );
 345 | 		equal( selectedModels[1], this.emp2, "Other selected item correctly set using 'id'" );
 346 | 		equal( _.intersection( selectedModels, [this.emp1, this.emp2 ] ).length, 2,  "Selected items correctly set using 'id'" );
 347 | 
 348 | 		singleSelectionListView.setSelectedModels([ this.emp2.cid, this.emp3.cid ], { by : "cid" } );
 349 | 		selectedModels = singleSelectionListView.getSelectedModels();
 350 | 		equal( selectedModels.length, 2, "Correct number of selected items");
 351 | 		equal(_.intersection(selectedModels, [ this.emp2, this.emp3 ] ).length, 2,  "Selected items correctly set using 'cid'" );
 352 | 
 353 | 		singleSelectionListView.setSelectedModels( [ this.emp1, this.emp2 ] );
 354 | 		selectedModels = singleSelectionListView.getSelectedModels();
 355 | 		equal( selectedModels.length, 2, "Correct number of selected items");
 356 | 		equal( _.intersection(selectedModels, [ this.emp1, this.emp2 ] ).length, 2,  "Selected items correctly set using 'model'" );
 357 | 
 358 | 		singleSelectionListView.setSelectedModels([ singleSelectionListView.viewManager.findByModel( this.emp2 ), singleSelectionListView.viewManager.findByModel( this.emp3 ) ], { by : "view" } );
 359 | 		selectedModels = singleSelectionListView.getSelectedModels();
 360 | 		equal( selectedModels.length, 2, "Correct number of selected items");
 361 | 		equal( _.intersection(selectedModels, [ this.emp2, this.emp3 ] ).length, 2,  "Selected items correctly set using 'view'" );
 362 | 
 363 | 		singleSelectionListView.setSelectedModels( [ 0, 1 ], { by : "offset" } );
 364 | 		selectedModels = singleSelectionListView.getSelectedModels();
 365 | 		equal( selectedModels.length, 2, "Correct number of selected list items");
 366 | 		equal( _.intersection(selectedModels, [ this.emp1, this.emp2 ] ).length, 2,  "Selected list items correctly set using 'offset'" );
 367 | 
 368 | 		var singleSelectionTableView = new Backbone.CollectionView( {
 369 | 			el : this.$collectionViewForTableEl,
 370 | 			selectable : true,
 371 | 			collection : this.employees,
 372 | 			modelView : this.EmployeeViewForTable
 373 | 		} );
 374 | 
 375 | 		singleSelectionTableView.render();
 376 | 
 377 | 		singleSelectionTableView.setSelectedModels( [ 0, 1 ], { by : "offset" } );
 378 | 		selectedModels = singleSelectionTableView.getSelectedModels();
 379 | 		equal( selectedModels.length, 2, "Correct number of selected table rows");
 380 | 		equal( _.intersection(selectedModels, [ this.emp1, this.emp2 ] ).length, 2,  "Selected table rows correctly set using 'offset'" );
 381 | 
 382 | 	});
 383 | 
 384 | 	module( "Constructor Options",
 385 | 		{
 386 | 			setup: function() {
 387 | 				commonSetup.call( this );
 388 | 			}
 389 | 		}
 390 | 	);
 391 | 
 392 | 	test( "selectableModelsFilter", 3, function() {
 393 | 
 394 | 		var selectableFilterView = new Backbone.CollectionView( {
 395 | 			el : this.$collectionViewEl,
 396 | 			selectable : true,
 397 | 			collection : this.employees,
 398 | 			modelView : this.EmployeeView,
 399 | 			selectableModelsFilter : function(model) {
 400 | 				return model.get( "lastName" ) === "Holmes";
 401 | 			}
 402 | 		} );
 403 | 
 404 | 		selectableFilterView.render();
 405 | 
 406 | 		selectableFilterView.setSelectedModel( this.emp2 );
 407 | 		var selectedModel = selectableFilterView.getSelectedModel();
 408 | 		equal( selectedModel, null, "Unselectable item was not selected" );
 409 | 
 410 | 		selectableFilterView.setSelectedModel( this.emp1 );
 411 | 		var selectedModel2 = selectableFilterView.getSelectedModel();
 412 | 		equal( selectedModel2, this.emp1, "Selectable item was selected" );
 413 | 
 414 | 		var modelView1 = selectableFilterView.viewManager.findByModel( this.emp2 );
 415 | 		modelView1.$el.mousedown();
 416 | 		var selectedModel3 = selectableFilterView.getSelectedModel();
 417 | 		equal( selectedModel3, this.emp1, "Selection is unchanged by clicking on an unselectable item" );
 418 | 
 419 | 	} );
 420 | 
 421 | 	test( "visibleModelsFilter", 2, function() {
 422 | 
 423 | 		var visibleFilterView = new Backbone.CollectionView( {
 424 | 			el : this.$collectionViewEl,
 425 | 			selectable : true,
 426 | 			collection : this.employees,
 427 | 			modelView : this.EmployeeView,
 428 | 			visibleModelsFilter : function( model ) {
 429 | 				return model.get('lastName') === 'Holmes';
 430 | 			}
 431 | 		} );
 432 | 
 433 | 		visibleFilterView.render();
 434 | 
 435 | 		var modelView1 = visibleFilterView.viewManager.findByModel( this.emp1 );
 436 | 		ok( modelView1.$el.is( ":visible" ), "Visible item (determined by visibleModelsFilter) is visible" );
 437 | 
 438 | 		var modelView2 = visibleFilterView.viewManager.findByModel( this.emp2 );
 439 | 		ok( !modelView2.$el.is( ":visible" ), "Hidden item (determined by visibleModelsFilter) is hidden" );
 440 | 
 441 | 	} );
 442 | 
 443 | 	test( "clickToSelect", 2, function() {
 444 | 
 445 | 		var myCollectionView = new Backbone.CollectionView( {
 446 | 			el : this.$collectionViewEl,
 447 | 			selectable : true,
 448 | 			collection : this.employees,
 449 | 			modelView : this.EmployeeView
 450 | 		} );
 451 | 
 452 | 		myCollectionView.render();
 453 | 
 454 | 		var modelView1 = myCollectionView.viewManager.findByModel( this.emp1 );
 455 | 
 456 | 		modelView1.$el.mousedown();
 457 | 		var selectedModel = myCollectionView.getSelectedModel();
 458 | 		equal( selectedModel, this.emp1, "Successfully selected an item by clicking on it" );
 459 | 
 460 | 		myCollectionView.remove();
 461 | 
 462 | 		myCollectionView = new Backbone.CollectionView( {
 463 | 			el : this.$collectionViewEl,
 464 | 			selectable : true,
 465 | 			clickToSelect : false,
 466 | 			collection : this.employees,
 467 | 			modelView : this.EmployeeView
 468 | 		} );
 469 | 
 470 | 		myCollectionView.render();
 471 | 
 472 | 		modelView1 = myCollectionView.viewManager.findByModel( this.emp2 );
 473 | 		selectedModel = myCollectionView.getSelectedModel();
 474 | 		equal( selectedModel, null, "Were not able to select an item by clicking on it when clickToSelect is false" );
 475 | 
 476 | 	} );
 477 | 
 478 | 	test( "processKeyEvents", 6, function() {
 479 | 
 480 | 		function keyEvent ( code ) {
 481 | 			var keyEvent = $.Event( "keydown" );
 482 | 			keyEvent.which = code;
 483 | 			return keyEvent;
 484 | 		}
 485 | 
 486 | 		var upArrow = 38;
 487 | 		var downArrow = 40;
 488 | 
 489 | 		var myCollectionView = new Backbone.CollectionView( {
 490 | 			el : this.$collectionViewEl,
 491 | 			selectable : true,
 492 | 			processKeyEvents: true,
 493 | 			collection : this.employees,
 494 | 			modelView : this.EmployeeView
 495 | 		} );
 496 | 
 497 | 		myCollectionView.render();
 498 | 
 499 | 		var modelView1 = myCollectionView.viewManager.findByModel( this.emp1 );
 500 | 
 501 | 		modelView1.$el.mousedown();
 502 | 		$( myCollectionView.$el ).trigger( keyEvent( downArrow ) );
 503 | 		var selectedModel = myCollectionView.getSelectedModel();
 504 | 		equal( selectedModel, this.emp2, "Down arrow keypress changes the selection to the item below the current" );
 505 | 
 506 | 		$( myCollectionView.$el ).trigger( keyEvent( upArrow ) );
 507 | 		var selectedModel = myCollectionView.getSelectedModel();
 508 | 		equal( selectedModel, this.emp1, "Up arrow keypress changes the selection to the item above the current" );
 509 | 
 510 | 		myCollectionView.setSelectedModel( this.emp1 );
 511 | 		$( myCollectionView.$el ).trigger( keyEvent( upArrow ) );
 512 | 		var selectedModel = myCollectionView.getSelectedModel();
 513 | 		equal( selectedModel, this.emp1, "Up arrow keypress when the first item is selected doesn't change selection" );
 514 | 
 515 | 		myCollectionView.setSelectedModel( this.emp3 );
 516 | 		$( myCollectionView.$el ).trigger( keyEvent( downArrow ) );
 517 | 		var selectedModel = myCollectionView.getSelectedModel();
 518 | 		equal( selectedModel, this.emp3, "Down arrow keypress when the last item is selected doesn't change selection" );
 519 | 
 520 | 		myCollectionView.remove();
 521 | 
 522 | 		myCollectionView = new Backbone.CollectionView( {
 523 | 			el : this.$collectionViewEl,
 524 | 			selectable : true,
 525 | 			processKeyEvents: false,
 526 | 			collection : this.employees,
 527 | 			modelView : this.EmployeeView
 528 | 		} );
 529 | 
 530 | 		myCollectionView.render();
 531 | 
 532 | 		var modelView1 = myCollectionView.viewManager.findByModel( this.emp1 );
 533 | 
 534 | 		modelView1.$el.mousedown();
 535 | 		$( myCollectionView.$el ).trigger( keyEvent( downArrow ) );
 536 | 		selectedModel = myCollectionView.getSelectedModel();
 537 | 		equal( selectedModel, this.emp1, "Were not able to change selection by pressing down arrow key when processKeyEvents is false" );
 538 | 
 539 | 		myCollectionView.setSelectedModel( this.emp2 );
 540 | 		$( myCollectionView.$el ).trigger( keyEvent( upArrow ) );
 541 | 		selectedModel = myCollectionView.getSelectedModel();
 542 | 		equal( selectedModel, this.emp2, "Were not able to change selection by pressing up arrow key when processKeyEvents is false" );
 543 | 
 544 | 	} );
 545 | 
 546 | 	test( "selectable", 2, function() {
 547 | 
 548 | 		var myCollectionView = new Backbone.CollectionView( {
 549 | 			el : this.$collectionViewEl,
 550 | 			collection : this.employees,
 551 | 			modelView : this.EmployeeView
 552 | 		} );
 553 | 
 554 | 		myCollectionView.render();
 555 | 
 556 | 		myCollectionView.setSelectedModel( this.emp1 );
 557 | 		var selectedModel = myCollectionView.getSelectedModel();
 558 | 		equal( selectedModel, this.emp1, "Item successfully selected" );
 559 | 
 560 | 		myCollectionView.remove();
 561 | 
 562 | 		myCollectionView = new Backbone.CollectionView( {
 563 | 			el : this.$collectionViewEl,
 564 | 			collection : this.employees,
 565 | 			selectable : false,
 566 | 			modelView : this.EmployeeView
 567 | 		} );
 568 | 
 569 | 		myCollectionView.render();
 570 | 
 571 | 		selectedModel = myCollectionView.getSelectedModel();
 572 | 		equal(selectedModel, null, "Item not selected (because 'selectable' was false");
 573 | 
 574 | 	});
 575 | 
 576 | 	module( "setOption",
 577 | 		{
 578 | 			setup: function() {
 579 | 				commonSetup.call( this );
 580 | 			}
 581 | 		}
 582 | 	);
 583 | 
 584 | 
 585 | 	test( "selectMultiple", 2, function() {
 586 | 
 587 | 		var myCollectionView = new Backbone.CollectionView( {
 588 | 			el : this.$collectionViewEl,
 589 | 			collection : this.employees,
 590 | 			modelView : this.EmployeeView,
 591 | 			selectMultiple : false
 592 | 		} );	
 593 | 
 594 | 		myCollectionView.render();
 595 | 
 596 | 		myCollectionView.setSelectedModels( [ this.emp1, this.emp2 ] );
 597 | 
 598 | 		equal( myCollectionView.getSelectedModels().length, 2, "There are two selected items" );
 599 | 
 600 | 		myCollectionView.setOption( "selectMultiple", false );
 601 | 
 602 | 		equal( myCollectionView.getSelectedModels().length, 1, "Now there is only one selected item" );
 603 | 
 604 | 	} );
 605 | 
 606 | 	test( "selectable", 2, function() {
 607 | 
 608 | 		var myCollectionView = new Backbone.CollectionView( {
 609 | 			el : this.$collectionViewEl,
 610 | 			collection : this.employees,
 611 | 			modelView : this.EmployeeView,
 612 | 			selectable : true
 613 | 		} );	
 614 | 
 615 | 		myCollectionView.render();
 616 | 
 617 | 		myCollectionView.setSelectedModels( [ this.emp1, this.emp2 ] );
 618 | 
 619 | 		equal( myCollectionView.getSelectedModels().length, 2, "There are two selected items" );
 620 | 
 621 | 		myCollectionView.setOption( "selectable", false );
 622 | 
 623 | 		equal( myCollectionView.getSelectedModels().length, 0, "Now there is no selected items" );
 624 | 
 625 | 	} );
 626 | 
 627 | 	test( "selectableModelsFilter", 4, function() {
 628 | 
 629 | 		var myCollectionView = new Backbone.CollectionView( {
 630 | 			el : this.$collectionViewEl,
 631 | 			collection : this.employees,
 632 | 			modelView : this.EmployeeView,
 633 | 			selectable : true
 634 | 		} );
 635 | 
 636 | 		myCollectionView.render();
 637 | 
 638 | 		myCollectionView.setSelectedModels( [ this.emp1, this.emp2 ] );
 639 | 
 640 | 		equal( myCollectionView.getSelectedModels().length, 2, "There are two selected items" );
 641 | 
 642 | 		myCollectionView.setOption( "selectableModelsFilter", function( model ) {
 643 | 			return model.get( "lastName" ) === "Holmes";
 644 | 		} );
 645 | 
 646 | 		equal( myCollectionView.getSelectedModels().length, 1, "Now there is one selected item" );
 647 | 		equal( myCollectionView.getSelectedModels()[0], this.emp1, "The remaining selected model is correct" );
 648 | 
 649 | 		var emp1View = myCollectionView.viewManager.findByModel( this.emp2 );
 650 | 
 651 | 		console.log( emp1View.$el.parent().attr("class" ) );
 652 | 		equal(emp1View.$el.parent().hasClass( "not-selectable" ), true, "The non-selectable item has the 'not-selectable' class" );
 653 | 
 654 | 	} );
 655 | 
 656 | 	test( "sortableModelsFilter", 1, function() {
 657 | 
 658 | 		var myCollectionView = new Backbone.CollectionView( {
 659 | 			el : this.$collectionViewEl,
 660 | 			sortable: true,
 661 | 			collection : this.employees,
 662 | 			modelView : this.EmployeeView
 663 | 		} );
 664 | 
 665 | 		myCollectionView.render();
 666 | 
 667 | 		myCollectionView.setOption( "sortableModelsFilter", function( model ) {
 668 | 			return model.get( "lastName" ) === "Holmes";
 669 | 		} );
 670 | 
 671 | 		var emp1View = myCollectionView.viewManager.findByModel( this.emp2 );
 672 | 
 673 | 		equal(emp1View.$el.parent().attr("class"), "not-sortable", "The non-sortable item has the 'non-sortable' class" );
 674 | 
 675 | 	} );
 676 | 
 677 | 	test( "visibleModelsFilter", 1, function() {
 678 | 
 679 | 		var visibleFilterView = new Backbone.CollectionView( {
 680 | 			el : this.$collectionViewEl,
 681 | 			selectable : true,
 682 | 			collection : this.employees,
 683 | 			modelView : this.EmployeeView,
 684 | 		} );
 685 | 
 686 | 		visibleFilterView.render();
 687 | 
 688 | 		visibleFilterView.setOption( "visibleModelsFilter", function( model ) {
 689 | 				return model.get( "lastName" ) === "Holmes";
 690 | 		 } );
 691 | 
 692 | 		var modelView2 = visibleFilterView.viewManager.findByModel( this.emp2 );
 693 | 		ok( !modelView2.$el.is( ":visible" ), "Hidden item (determined by visibleModelsFilter) is hidden" );
 694 | 
 695 | 	} );
 696 | 
 697 | 	test( "modelView", 3, function() {
 698 | 
 699 | 		var myCollectionView = new Backbone.CollectionView( {
 700 | 			el : this.$collectionViewEl,
 701 | 			collection : this.employees,
 702 | 			modelView : this.EmployeeView,
 703 | 			selectable : true
 704 | 		} );
 705 | 
 706 | 		myCollectionView.render();
 707 | 
 708 | 		ok( myCollectionView.viewManager.findByModel( this.emp1 ).$el.is( ":contains(Full name)" ), "Item html contains string `Full name`" );
 709 | 
 710 | 		myCollectionView.setOption( "modelView", this.EmployeeView2 );
 711 | 
 712 | 		ok( ! myCollectionView.viewManager.findByModel( this.emp1 ).$el.is( ":contains(Full name)" ), "Item html does not contain string `Full name`" );
 713 | 		ok( myCollectionView.viewManager.findByModel( this.emp1 ).$el.is( ":contains(Full 2 name)" ), "Item html contains string `Full 2 name`" );
 714 | 
 715 | 
 716 | 	} );
 717 | 
 718 | 	test( "collection - render if already rendered", 1, function() {
 719 | 
 720 | 		var collection1 = this.employees;
 721 | 
 722 | 		var collection2 = new Employees( [ this.emp1, this.emp2, this.emp3 ] );
 723 | 
 724 | 		collection2.add( new Employee( { firstName : "New", lastName : "Addition" } ) );
 725 | 
 726 | 		var myCollectionView = new Backbone.CollectionView( {
 727 | 			el : this.$collectionViewEl,
 728 | 			collection : this.employees,
 729 | 			modelView : this.EmployeeView,
 730 | 			selectable : true
 731 | 		} );
 732 | 
 733 | 		myCollectionView.render();
 734 | 		myCollectionView.setOption( "collection", collection2 );
 735 | 
 736 | 		ok( myCollectionView.$el.html().indexOf( "New Addition" ) !== -1, "New collection rendered." );
 737 | 	} );
 738 | 
 739 | 	test( "collection - don't render unless already rendered", 1, function() {
 740 | 
 741 | 		var collection1 = this.employees;
 742 | 
 743 | 		var collection2 = new Employees( [ this.emp1, this.emp2, this.emp3 ] );
 744 | 
 745 | 		var myCollectionView = new Backbone.CollectionView( {
 746 | 			el : this.$collectionViewEl,
 747 | 			collection : this.employees,
 748 | 			modelView : this.EmployeeView,
 749 | 			selectable : true
 750 | 		} );
 751 | 
 752 | 		myCollectionView.setOption( "collection", collection2 );
 753 | 
 754 | 		equal( myCollectionView.$el.html(), "", "Collection View not rendered after calling setOption(collection) because it was never rendered to begin with." );
 755 | 	} );
 756 | 
 757 | 	asyncTest( "collection - don't listen to old collection", 1, function() {
 758 | 
 759 | 		var collection1 = this.employees;
 760 | 
 761 | 		var collection2 = new Employees( [ this.emp1, this.emp2, this.emp3 ] );
 762 | 
 763 | 		var myCollectionView = new Backbone.CollectionView( {
 764 | 			el : this.$collectionViewEl,
 765 | 			collection : this.employees,
 766 | 			modelView : this.EmployeeView,
 767 | 			selectable : true
 768 | 		} );
 769 | 
 770 | 		myCollectionView.listenTo( collection1, "add", function() {
 771 | 			start();
 772 | 			ok( false, "Collection View should not hear add event from old collection" );
 773 | 			stop();
 774 | 		} );
 775 | 
 776 | 		myCollectionView.setOption( "collection", collection2 );
 777 | 
 778 | 		collection1.add( new Employee( { firstName : "Extra", lastName : "1" } ) );
 779 | 
 780 | 		myCollectionView.listenTo( collection2, "add", function() {
 781 | 			start();
 782 | 			ok( true, "Collection View heard add event from new collection" );
 783 | 		} );
 784 | 
 785 | 		collection2.add( new Employee( { firstName : "Extra", lastName : "1" } ) );
 786 | 
 787 | 		myCollectionView.render();
 788 | 	} );
 789 | 
 790 | 	module( "Events",
 791 | 		{
 792 | 			setup: function() {
 793 | 				commonSetup.call( this );
 794 | 			}
 795 | 		}
 796 | 	);
 797 | 
 798 | 
 799 | 	asyncTest( "selectionChanged", 2, function() {
 800 | 
 801 | 		var _this = this;
 802 | 
 803 | 		var myCollectionView = new Backbone.CollectionView( {
 804 | 			el : this.$collectionViewEl,
 805 | 			collection : this.employees,
 806 | 			modelView : this.EmployeeView,
 807 | 			selectable : true
 808 | 		} );
 809 | 
 810 | 		myCollectionView.setSelectedModel( this.emp1 );
 811 | 
 812 | 		var selectionChangedHandler1 = function( newSelectedModels, oldSelectedModels ) {
 813 | 
 814 | 			start();
 815 | 
 816 | 			equal( oldSelectedModels[0], _this.emp1, "Old selected model is correct" );
 817 | 			equal( newSelectedModels[0], _this.emp2, "New selected model is correct" );
 818 | 
 819 | 			stop();
 820 | 
 821 | 		};
 822 | 
 823 | 		var selectionChangedHandler2 = function( newSelectedModels, oldSelectedModels ) {
 824 | 			ok( false,  "This selectionChanged handler should not have been called because silent = true. " );
 825 | 		};
 826 | 
 827 | 
 828 | 		myCollectionView.on( "selectionChanged", selectionChangedHandler1 );
 829 | 
 830 | 		myCollectionView.setSelectedModel( this.emp2 );
 831 | 
 832 | 		myCollectionView.off( "selectionChanged" );
 833 | 
 834 | 		myCollectionView.on( "selectionChanged", selectionChangedHandler2 );
 835 | 
 836 | 
 837 | 		setTimeout( function() {
 838 | 			myCollectionView.setSelectedModel( _this.emp1, { silent : true } );
 839 | 		}, 50 );
 840 | 
 841 | 		setTimeout( function() { start(); }, 100 );
 842 | 
 843 | 	} );
 844 | 
 845 |     asyncTest( "selectionChanged when re-rendering", 0, function() {
 846 | 
 847 |         var myCollectionView = new Backbone.CollectionView( {
 848 |             el : this.$collectionViewEl,
 849 |             collection : this.employees,
 850 |             modelView : this.EmployeeView,
 851 |             selectable : true
 852 |         } );
 853 | 
 854 |         myCollectionView.render();
 855 | 
 856 |         myCollectionView.setSelectedModel( this.emp1 );
 857 | 
 858 |         var selectionChangedHandler = function( newSelectedModels, oldSelectedModels ) {
 859 |             ok( false,  "This selectionChanged handler should not have been called because the selection can be restored intact. " );
 860 |         };
 861 | 
 862 |         myCollectionView.on( "selectionChanged", selectionChangedHandler );
 863 | 
 864 |         myCollectionView.render();
 865 | 
 866 |         setTimeout( function() { start(); }, 100 );
 867 | 
 868 |     } );
 869 | 
 870 |     asyncTest( "selectionChanged when selected item is removed", 2, function() {
 871 | 
 872 |         var _this = this;
 873 | 
 874 |         var myCollectionView = new Backbone.CollectionView( {
 875 |             el : this.$collectionViewEl,
 876 |             collection : this.employees,
 877 |             modelView : this.EmployeeView,
 878 |             selectable : true
 879 |         } );
 880 | 
 881 |         myCollectionView.render();
 882 | 
 883 |         myCollectionView.setSelectedModel( this.emp1 );
 884 | 
 885 |         var selectionChangedHandler = function( newSelectedModels, oldSelectedModels ) {
 886 | 
 887 |             start();
 888 | 
 889 |             equal( oldSelectedModels[0], null, "Old selected model is null since it is no longer available" );
 890 |             equal( newSelectedModels[0], _this.emp2, "New selected model is correct" );
 891 | 
 892 |             stop();
 893 | 
 894 |         };
 895 | 
 896 |         myCollectionView.on( "selectionChanged", selectionChangedHandler );
 897 | 
 898 |         this.employees.remove( this.emp1 );
 899 | 
 900 |         setTimeout( function() { start(); }, 200 );
 901 | 
 902 |     } );
 903 | 
 904 |     asyncTest( "selectionChanged when selected item is removed with selectMultiple", 3, function() {
 905 | 
 906 |         var _this = this;
 907 | 
 908 |         var myCollectionView = new Backbone.CollectionView( {
 909 |             el : this.$collectionViewEl,
 910 |             collection : this.employees,
 911 |             modelView : this.EmployeeView,
 912 |             selectable : true,
 913 |             selectMultiple : true
 914 |         } );
 915 | 
 916 |         myCollectionView.render();
 917 | 
 918 |         myCollectionView.setSelectedModels( [this.emp1, this.emp2] );
 919 | 
 920 |         var selectionChangedHandler = function( newSelectedModels, oldSelectedModels ) {
 921 | 
 922 |             start();
 923 | 
 924 |             equal( oldSelectedModels[0], null, "Old selected model is null since it is no longer available" );
 925 |             equal( newSelectedModels.length, 1, "New selected models contains one model" );
 926 |             equal( newSelectedModels[0], _this.emp2, "New selected model is correct" );
 927 | 
 928 |             stop();
 929 | 
 930 |         };
 931 | 
 932 |         myCollectionView.on( "selectionChanged", selectionChangedHandler );
 933 | 
 934 |         this.employees.remove( this.emp1 );
 935 | 
 936 |         setTimeout( function() { start(); }, 100 );
 937 | 
 938 |     } );
 939 | 
 940 |     asyncTest( "selectionChanged when selected item is removed and nothing to re-select", 2, function() {
 941 | 
 942 |         var myCollectionView = new Backbone.CollectionView( {
 943 |             el : this.$collectionViewEl,
 944 |             collection : this.employees,
 945 |             modelView : this.EmployeeView,
 946 |             selectable : true
 947 |         } );
 948 | 
 949 |         myCollectionView.render();
 950 | 
 951 |         myCollectionView.setSelectedModel( this.emp1 );
 952 | 
 953 |         var selectionChangedHandler = function( newSelectedModels, oldSelectedModels ) {
 954 | 
 955 |             start();
 956 | 
 957 |             equal( oldSelectedModels[0], null, "Old selected model is null since it is no longer available" );
 958 |             equal( newSelectedModels[0], null, "New selected model is null since there is nothing to select" );
 959 | 
 960 |             stop();
 961 | 
 962 |         };
 963 | 
 964 |         myCollectionView.on( "selectionChanged", selectionChangedHandler );
 965 | 
 966 |         this.employees.reset( [] );
 967 | 
 968 |         setTimeout( function() { start(); }, 100 );
 969 | 
 970 |     } );
 971 | 
 972 | 	asyncTest( "updateDependentControls", 1, function() {
 973 | 
 974 | 		var _this = this;
 975 | 
 976 | 		var myCollectionView = new Backbone.CollectionView( {
 977 | 			el : this.$collectionViewEl,
 978 | 			collection : this.employees,
 979 | 			modelView : this.EmployeeView,
 980 | 			selectable : true
 981 | 		} );
 982 | 
 983 | 
 984 | 		myCollectionView.bind( "updateDependentControls", function( newSelectedModels ) {
 985 | 
 986 | 			start();
 987 | 
 988 | 			equal( newSelectedModels[0], _this.emp1, "New selected model is correct" );
 989 | 
 990 | 		} );
 991 | 
 992 | 		myCollectionView.setSelectedModel( this.emp1 );
 993 | 
 994 | 	} );
 995 | 
 996 | 	asyncTest( "doubleClick", 1, function() {
 997 | 
 998 | 		var _this = this;
 999 | 
1000 | 		var myCollectionView = new Backbone.CollectionView( {
1001 | 			el : this.$collectionViewEl,
1002 | 			collection : this.employees,
1003 | 			modelView : this.EmployeeView,
1004 | 			selectable : true
1005 | 		} );
1006 | 
1007 | 		myCollectionView.on( "doubleClick", function( clickedModel ) {
1008 | 			start();
1009 | 			equal( clickedModel, _this.emp2, "Correct clicked model payload" );
1010 | 
1011 | 		} );
1012 | 
1013 | 		myCollectionView.render();
1014 | 
1015 | 		var emp2View = myCollectionView.viewManager.findByModel( _this.emp2 );
1016 | 
1017 | 		emp2View.$el.dblclick();
1018 | 
1019 | 	} );
1020 | 
1021 |     test( "collection add preserves selection", 1, function() {
1022 | 
1023 |         var myCollectionView = new Backbone.CollectionView( {
1024 |             el : this.$collectionViewEl,
1025 |             collection : this.employees,
1026 |             modelView : this.EmployeeView,
1027 |             selectable : true
1028 |         } );
1029 | 
1030 |         myCollectionView.render();
1031 | 
1032 |         myCollectionView.setSelectedModel( this.emp2 );
1033 | 
1034 |         this.emp4 = new Employee( { id : 4, firstName : 'Tracy', lastName : 'Johnson' } );
1035 |         this.employees.add( this.emp4 );
1036 | 
1037 |         var selectedCid = myCollectionView.getSelectedModel( { by : "cid" } );
1038 |         equal( selectedCid, this.emp2.cid, "Selected item is the correct cid" );
1039 |     } );
1040 | 
1041 |     test( "collection remove preserves selection", 1, function() {
1042 | 
1043 |         var myCollectionView = new Backbone.CollectionView( {
1044 |             el : this.$collectionViewEl,
1045 |             collection : this.employees,
1046 |             modelView : this.EmployeeView,
1047 |             selectable : true
1048 |         } );
1049 | 
1050 |         myCollectionView.render();
1051 | 
1052 |         myCollectionView.setSelectedModel( this.emp2 );
1053 | 
1054 |         this.employees.remove( this.emp3 );
1055 | 
1056 |         var selectedCid = myCollectionView.getSelectedModel( { by : "cid" } );
1057 |         equal( selectedCid, this.emp2.cid, "Selected item is the correct cid" );
1058 |     } );
1059 | 
1060 |     test( "collection remove when selected model is removed", 1, function() {
1061 | 
1062 |         var myCollectionView = new Backbone.CollectionView( {
1063 |             el : this.$collectionViewEl,
1064 |             collection : this.employees,
1065 |             modelView : this.EmployeeView,
1066 |             selectable : true
1067 |         } );
1068 | 
1069 |         myCollectionView.render();
1070 | 
1071 |         myCollectionView.setSelectedModel( this.emp2 );
1072 | 
1073 |         this.employees.remove( this.emp2 );
1074 | 
1075 |         var selectedCid = myCollectionView.getSelectedModel( { by : "cid" } );
1076 |         equal( selectedCid, this.emp3.cid, "Selected item is the correct cid" );
1077 |     } );
1078 | 
1079 |     test( "collection reset preserves selection", 1, function() {
1080 | 
1081 |         var myCollectionView = new Backbone.CollectionView( {
1082 |             el : this.$collectionViewEl,
1083 |             collection : this.employees,
1084 |             modelView : this.EmployeeView,
1085 |             selectable : true
1086 |         } );
1087 | 
1088 |         myCollectionView.render();
1089 | 
1090 |         myCollectionView.setSelectedModel( this.emp2 );
1091 | 
1092 |         this.employees.reset( [this.emp2, this.emp3] );
1093 | 
1094 |         var selectedCid = myCollectionView.getSelectedModel( { by : "cid" } );
1095 |         equal( selectedCid, this.emp2.cid, "Selected item is the correct cid" );
1096 |     } );
1097 | 
1098 | 	test( "collection subviews should stopListening when removed", function () {
1099 | 		var myCollectionView = new Backbone.CollectionView( {
1100 | 			el : this.$collectionViewEl,
1101 | 			collection : this.employees,
1102 | 			modelView : this.EmployeeView
1103 | 		} );
1104 | 		myCollectionView.render();
1105 | 		var view = myCollectionView.viewManager.findByModel( this.emp2 );
1106 | 		var didGetEvent = false;
1107 | 		view.listenTo( this.emp2, 'fnord', function(){ didGetEvent = true; } );
1108 | 		this.employees.remove( this.emp2 );
1109 | 		this.emp2.trigger( 'fnord' );
1110 | 		equal( didGetEvent, false );
1111 | 	});
1112 | 
1113 | 	test( "all subviews of collection should stop listening", function () {
1114 | 		var myCollectionView = new Backbone.CollectionView( {
1115 | 			el : this.$collectionViewEl,
1116 | 			collection : this.employees,
1117 | 			modelView : this.EmployeeView
1118 | 		} );
1119 | 		myCollectionView.render();
1120 | 		var view = myCollectionView.viewManager.findByModel( this.emp2 );
1121 | 		var didGetEvent = false;
1122 | 		view.listenTo( this.emp2, 'fnord', function(){ didGetEvent = true; } );
1123 | 
1124 | 		myCollectionView.remove();
1125 | 		this.emp2.trigger( 'fnord' );
1126 | 		equal( didGetEvent, false );
1127 | 	});
1128 | 
1129 | 	test( "should stop listening on already created subviews when changing modelView option", function () {
1130 | 		var myCollectionView = new Backbone.CollectionView({
1131 | 			el : this.$collectionViewEl,
1132 | 			collection : this.employees,
1133 | 			modelView : this.EmployeeView
1134 | 		});
1135 | 		myCollectionView.render();
1136 | 		var view = myCollectionView.viewManager.findByModel(this.emp2);
1137 | 		var didGetEvent = false;
1138 | 		view.listenTo(this.emp2, 'fnord', function(){ didGetEvent = true; });
1139 | 
1140 | 		myCollectionView.setOption( "modelView", this.EmployeeView2 );
1141 | 
1142 | 		this.emp2.trigger('fnord');
1143 | 		equal(didGetEvent, false);
1144 | 	});
1145 | 
1146 | 	test( "collection reset when the selected model is removed", 1, function() {
1147 | 
1148 | 		var myCollectionView = new Backbone.CollectionView( {
1149 | 			el : this.$collectionViewEl,
1150 | 			collection : this.employees,
1151 | 			modelView : this.EmployeeView,
1152 | 			selectable : true
1153 | 		} );
1154 | 
1155 | 		myCollectionView.render();
1156 | 
1157 | 		myCollectionView.setSelectedModel( this.emp2 );
1158 | 
1159 | 		this.employees.reset( [this.emp1, this.emp3] );
1160 | 
1161 | 		var selectedCid = myCollectionView.getSelectedModel( { by : "cid" } );
1162 | 		equal( selectedCid, this.emp3.cid, "Selected item is the correct cid" );
1163 | 	} );
1164 | 
1165 | 	module( "Empty List Caption",
1166 | 		{
1167 | 			setup: function() {
1168 | 				commonSetup.call( this );
1169 | 			}
1170 | 		}
1171 | 	);
1172 | 
1173 | 	test( "Rendering as list", 3, function() {
1174 | 
1175 | 		var myCollectionView = new Backbone.CollectionView( {
1176 | 			el : this.$collectionViewEl,
1177 | 			collection : this.employees,
1178 | 			modelView : this.EmployeeView,
1179 | 			selectable : true,
1180 | 			emptyListCaption : "This is an empty list"
1181 | 		} );
1182 | 
1183 | 		this.employees.reset();
1184 | 		myCollectionView.render();
1185 | 
1186 | 		equal( $( "var.empty-list-caption" ).length, 1, "Empty list caption is present" );
1187 | 		equal( $( "var.empty-list-caption" ).parent().prop( "tagName" ), "LI", "Empty list caption is wrapped in an li" );
1188 | 
1189 | 		stop();
1190 | 
1191 | 		myCollectionView.collection.on( "add", function() {
1192 | 			start();
1193 | 			equal( $( "var.empty-list-caption" ).length, 0, "Empty list caption is not present" );
1194 | 
1195 | 		} );
1196 | 
1197 | 		myCollectionView.collection.add( this.emp1 );
1198 | 	} );
1199 | 
1200 | 	test( "Rendering as table", 4, function() {
1201 | 
1202 | 		var myCollectionView = new Backbone.CollectionView( {
1203 | 			el : this.$collectionViewForTableEl,
1204 | 			collection : this.employees,
1205 | 			modelView : this.EmployeeViewForTable,
1206 | 			selectable : true,
1207 | 			emptyListCaption : "This is an empty list"
1208 | 		} );
1209 | 
1210 | 		this.employees.reset();
1211 | 		myCollectionView.render();
1212 | 
1213 | 		equal( $( "var.empty-list-caption" ).length, 1, "Empty list caption is present" );
1214 | 		equal( $( "var.empty-list-caption" ).parent().prop( "tagName" ), "TD", "Empty list caption is wrapped in an td" );
1215 | 		equal( $( "var.empty-list-caption" ).parent().parent().prop( "tagName" ), "TR", "Empty list caption is wrapped in a tr around the td" );
1216 | 
1217 | 		stop();
1218 | 
1219 | 		myCollectionView.collection.on( "add", function() {
1220 | 
1221 | 			start();
1222 | 			equal( $( "var.empty-list-caption" ).length, 0, "Empty list caption is not present" );
1223 | 
1224 | 		} );
1225 | 
1226 | 		myCollectionView.collection.add( this.emp1 );
1227 | 
1228 | 	} );
1229 | 
1230 | 	test( "String caption", 1, function() {
1231 | 
1232 | 		var myEmptyListCaption = "This is an empty list";
1233 | 		var myCollectionView = new Backbone.CollectionView( {
1234 | 			el : this.$collectionViewEl,
1235 | 			collection : this.employees,
1236 | 			modelView : this.EmployeeView,
1237 | 			selectable : true,
1238 | 			emptyListCaption : myEmptyListCaption
1239 | 		} );
1240 | 
1241 | 		this.employees.reset();
1242 | 		myCollectionView.render();
1243 | 
1244 | 		ok( $( "var.empty-list-caption" ).is( ":contains(" + myEmptyListCaption + ")" ), "Empty list caption contains correct text" );
1245 | 
1246 | 	} );
1247 | 
1248 | 
1249 | 	test( "Function caption", 2, function() {
1250 | 
1251 | 		var emptyCaption = "Empty caption 1";
1252 | 
1253 | 		var myEmptyCaptionFunction = function() {
1254 | 			return emptyCaption;
1255 | 		};
1256 | 
1257 | 		var myCollectionView = new Backbone.CollectionView( {
1258 | 			el : this.$collectionViewEl,
1259 | 			collection : this.employees,
1260 | 			modelView : this.EmployeeView,
1261 | 			selectable : true,
1262 | 			emptyListCaption : myEmptyCaptionFunction
1263 | 		} );
1264 | 
1265 | 		this.employees.reset();
1266 | 		myCollectionView.render();
1267 | 
1268 | 		ok( $( "var.empty-list-caption" ).is( ":contains(" + emptyCaption + ")" ), "Empty list caption contains the correct text" );
1269 | 
1270 | 		emptyCaption = "Empty caption 2";
1271 | 		myCollectionView.render();
1272 | 
1273 | 		ok( $( "var.empty-list-caption" ).is( ":contains(" + emptyCaption + ")" ), "Empty list caption contains the correct text" );
1274 | 
1275 | 	} );
1276 | 
1277 | });
1278 | 


--------------------------------------------------------------------------------
/zips/Backbone.CollectionView.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rotundasoftware/backbone.collectionView/63109a35255b91ca220c2b3988c964000f48477b/zips/Backbone.CollectionView.zip


--------------------------------------------------------------------------------