mirror of
https://github.com/lidarr/lidarr.git
synced 2025-08-20 13:33:34 -07:00
removed backbone from VS solution,
renamed NzbDrone.Backbone to UI
This commit is contained in:
parent
c7776f74e1
commit
663160c06a
230 changed files with 57 additions and 386 deletions
284
UI/JsLibraries/backbone.collectionbinder.js
Normal file
284
UI/JsLibraries/backbone.collectionbinder.js
Normal file
|
@ -0,0 +1,284 @@
|
|||
// Backbone.CollectionBinder v0.1.1
|
||||
// (c) 2012 Bart Wood
|
||||
// Distributed Under MIT License
|
||||
|
||||
(function () {
|
||||
|
||||
if (!Backbone) {
|
||||
throw 'Please include Backbone.js before Backbone.ModelBinder.js';
|
||||
}
|
||||
|
||||
if (!Backbone.ModelBinder) {
|
||||
throw 'Please include Backbone.ModelBinder.js before Backbone.CollectionBinder.js';
|
||||
}
|
||||
|
||||
Backbone.CollectionBinder = function (elManagerFactory, options) {
|
||||
_.bindAll(this);
|
||||
this._elManagers = {};
|
||||
|
||||
this._elManagerFactory = elManagerFactory;
|
||||
if (!this._elManagerFactory) throw 'elManagerFactory must be defined.';
|
||||
|
||||
// Let the factory just use the trigger function on the view binder
|
||||
this._elManagerFactory.trigger = this.trigger;
|
||||
|
||||
this._options = options || {};
|
||||
};
|
||||
|
||||
Backbone.CollectionBinder.VERSION = '0.1.1';
|
||||
|
||||
_.extend(Backbone.CollectionBinder.prototype, Backbone.Events, {
|
||||
bind: function (collection, parentEl) {
|
||||
this.unbind();
|
||||
|
||||
if (!collection) throw 'collection must be defined';
|
||||
if (!parentEl) throw 'parentEl must be defined';
|
||||
|
||||
this._collection = collection;
|
||||
this._elManagerFactory.setParentEl(parentEl);
|
||||
|
||||
this._onCollectionReset();
|
||||
|
||||
this._collection.on('add', this._onCollectionAdd, this);
|
||||
this._collection.on('remove', this._onCollectionRemove, this);
|
||||
this._collection.on('reset', this._onCollectionReset, this);
|
||||
|
||||
},
|
||||
|
||||
unbind: function () {
|
||||
if (this._collection !== undefined) {
|
||||
this._collection.off('add', this._onCollectionAdd);
|
||||
this._collection.off('remove', this._onCollectionRemove);
|
||||
this._collection.off('reset', this._onCollectionReset);
|
||||
}
|
||||
|
||||
this._removeAllElManagers();
|
||||
},
|
||||
|
||||
getManagerForEl: function (el) {
|
||||
var i, elManager, elManagers = _.values(this._elManagers);
|
||||
|
||||
for (i = 0; i < elManagers.length; i++) {
|
||||
elManager = elManagers[i];
|
||||
|
||||
if (elManager.isElContained(el)) {
|
||||
return elManager;
|
||||
}
|
||||
}
|
||||
|
||||
return undefined;
|
||||
},
|
||||
|
||||
getManagerForModel: function (model) {
|
||||
var i, elManager, elManagers = _.values(this._elManagers);
|
||||
|
||||
for (i = 0; i < elManagers.length; i++) {
|
||||
elManager = elManagers[i];
|
||||
|
||||
if (elManager.getModel() === model) {
|
||||
return elManager;
|
||||
}
|
||||
}
|
||||
|
||||
return undefined;
|
||||
},
|
||||
|
||||
_onCollectionAdd: function (model) {
|
||||
this._elManagers[model.cid] = this._elManagerFactory.makeElManager(model);
|
||||
this._elManagers[model.cid].createEl();
|
||||
|
||||
if (this._options['autoSort']) {
|
||||
this.sortRootEls();
|
||||
}
|
||||
},
|
||||
|
||||
_onCollectionRemove: function (model) {
|
||||
this._removeElManager(model);
|
||||
},
|
||||
|
||||
_onCollectionReset: function () {
|
||||
this._removeAllElManagers();
|
||||
|
||||
this._collection.each(function (model) {
|
||||
this._onCollectionAdd(model);
|
||||
}, this);
|
||||
|
||||
this.trigger('elsReset', this._collection);
|
||||
},
|
||||
|
||||
_removeAllElManagers: function () {
|
||||
_.each(this._elManagers, function (elManager) {
|
||||
elManager.removeEl();
|
||||
delete this._elManagers[elManager._model.cid];
|
||||
}, this);
|
||||
|
||||
delete this._elManagers;
|
||||
this._elManagers = {};
|
||||
},
|
||||
|
||||
_removeElManager: function (model) {
|
||||
if (this._elManagers[model.cid] !== undefined) {
|
||||
this._elManagers[model.cid].removeEl();
|
||||
delete this._elManagers[model.cid];
|
||||
}
|
||||
},
|
||||
|
||||
sortRootEls: function () {
|
||||
this._collection.each(function (model, modelIndex) {
|
||||
var modelElManager = this.getManagerForModel(model);
|
||||
if (modelElManager) {
|
||||
var modelEl = modelElManager.getEl();
|
||||
var currentRootEls = this._elManagerFactory.getParentEl().children();
|
||||
|
||||
if (currentRootEls[modelIndex] !== modelEl[0]) {
|
||||
modelEl.detach();
|
||||
modelEl.insertBefore(currentRootEls[modelIndex]);
|
||||
}
|
||||
}
|
||||
}, this);
|
||||
}
|
||||
});
|
||||
|
||||
// The ElManagerFactory is used for els that are just html templates
|
||||
// elHtml - how the model's html will be rendered. Must have a single root element (div,span).
|
||||
// bindings (optional) - either a string which is the binding attribute (name, id, data-name, etc.) or a normal bindings hash
|
||||
Backbone.CollectionBinder.ElManagerFactory = function (elHtml, bindings) {
|
||||
_.bindAll(this);
|
||||
|
||||
this._elHtml = elHtml;
|
||||
this._bindings = bindings;
|
||||
|
||||
if (!_.isString(this._elHtml)) throw 'elHtml must be a valid html string';
|
||||
};
|
||||
|
||||
_.extend(Backbone.CollectionBinder.ElManagerFactory.prototype, {
|
||||
setParentEl: function (parentEl) {
|
||||
this._parentEl = parentEl;
|
||||
},
|
||||
|
||||
getParentEl: function () {
|
||||
return this._parentEl;
|
||||
},
|
||||
|
||||
makeElManager: function (model) {
|
||||
|
||||
var elManager = {
|
||||
_model: model,
|
||||
|
||||
createEl: function () {
|
||||
|
||||
this._el = $(this._elHtml);
|
||||
$(this._parentEl).append(this._el);
|
||||
|
||||
if (this._bindings) {
|
||||
if (_.isString(this._bindings)) {
|
||||
this._modelBinder = new Backbone.ModelBinder();
|
||||
this._modelBinder.bind(this._model, this._el, Backbone.ModelBinder.createDefaultBindings(this._el, this._bindings));
|
||||
}
|
||||
else if (_.isObject(this._bindings)) {
|
||||
this._modelBinder = new Backbone.ModelBinder();
|
||||
this._modelBinder.bind(this._model, this._el, this._bindings);
|
||||
}
|
||||
else {
|
||||
throw 'Unsupported bindings type, please use a boolean or a bindings hash';
|
||||
}
|
||||
}
|
||||
|
||||
this.trigger('elCreated', this._model, this._el);
|
||||
},
|
||||
|
||||
removeEl: function () {
|
||||
if (this._modelBinder !== undefined) {
|
||||
this._modelBinder.unbind();
|
||||
}
|
||||
|
||||
this._el.remove();
|
||||
this.trigger('elRemoved', this._model, this._el);
|
||||
},
|
||||
|
||||
isElContained: function (findEl) {
|
||||
return this._el === findEl || $(this._el).has(findEl).length > 0;
|
||||
},
|
||||
|
||||
getModel: function () {
|
||||
return this._model;
|
||||
},
|
||||
|
||||
getEl: function () {
|
||||
return this._el;
|
||||
}
|
||||
};
|
||||
|
||||
_.extend(elManager, this);
|
||||
return elManager;
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
// The ViewManagerFactory is used for els that are created and owned by backbone views.
|
||||
// There is no bindings option because the view made by the viewCreator should take care of any binding
|
||||
// viewCreator - a callback that will create backbone view instances for a model passed to the callback
|
||||
Backbone.CollectionBinder.ViewManagerFactory = function (viewCreator) {
|
||||
_.bindAll(this);
|
||||
this._viewCreator = viewCreator;
|
||||
|
||||
if (!_.isFunction(this._viewCreator)) throw 'viewCreator must be a valid function that accepts a model and returns a backbone view';
|
||||
};
|
||||
|
||||
_.extend(Backbone.CollectionBinder.ViewManagerFactory.prototype, {
|
||||
setParentEl: function (parentEl) {
|
||||
this._parentEl = parentEl;
|
||||
},
|
||||
|
||||
getParentEl: function () {
|
||||
return this._parentEl;
|
||||
},
|
||||
|
||||
makeElManager: function (model) {
|
||||
var elManager = {
|
||||
|
||||
_model: model,
|
||||
|
||||
createEl: function () {
|
||||
this._view = this._viewCreator(model);
|
||||
$(this._parentEl).append(this._view.render(this._model).el);
|
||||
|
||||
this.trigger('elCreated', this._model, this._view);
|
||||
},
|
||||
|
||||
removeEl: function () {
|
||||
if (this._view.close !== undefined) {
|
||||
this._view.close();
|
||||
}
|
||||
else {
|
||||
this._view.$el.remove();
|
||||
console.log('warning, you should implement a close() function for your view, you might end up with zombies');
|
||||
}
|
||||
|
||||
this.trigger('elRemoved', this._model, this._view);
|
||||
},
|
||||
|
||||
isElContained: function (findEl) {
|
||||
return this._view.el === findEl || this._view.$el.has(findEl).length > 0;
|
||||
},
|
||||
|
||||
getModel: function () {
|
||||
return this._model;
|
||||
},
|
||||
|
||||
getView: function () {
|
||||
return this._view;
|
||||
},
|
||||
|
||||
getEl: function () {
|
||||
return this._view.$el;
|
||||
}
|
||||
};
|
||||
|
||||
_.extend(elManager, this);
|
||||
|
||||
return elManager;
|
||||
}
|
||||
});
|
||||
|
||||
}).call(this);
|
131
UI/JsLibraries/backbone.debug.js
Normal file
131
UI/JsLibraries/backbone.debug.js
Normal file
|
@ -0,0 +1,131 @@
|
|||
(function () {
|
||||
var __bind = function (fn, me) { return function () { return fn.apply(me, arguments); }; };
|
||||
|
||||
window.Backbone.Debug = (function () {
|
||||
|
||||
function Debug() {
|
||||
this._hookPrototype = __bind(this._hookPrototype, this);
|
||||
this._hookMethod = __bind(this._hookMethod, this);
|
||||
this._logSync = __bind(this._logSync, this);
|
||||
this._logEvent = __bind(this._logEvent, this);
|
||||
this._saveObjects = __bind(this._saveObjects, this);
|
||||
this._hookSync = __bind(this._hookSync, this);
|
||||
this._hookEvents = __bind(this._hookEvents, this);
|
||||
this._trackObjects = __bind(this._trackObjects, this);
|
||||
this.off = __bind(this.off, this);
|
||||
this.on = __bind(this.on, this);
|
||||
this.routers = __bind(this.routers, this);
|
||||
this.views = __bind(this.views, this);
|
||||
this.models = __bind(this.models, this);
|
||||
this.collections = __bind(this.collections, this); this._options = {
|
||||
'log:events': true,
|
||||
'log:sync': true
|
||||
};
|
||||
this._objects = {
|
||||
Collection: {},
|
||||
Model: {},
|
||||
View: {},
|
||||
Router: {}
|
||||
};
|
||||
this._trackObjects();
|
||||
this._hookEvents();
|
||||
this._hookSync();
|
||||
}
|
||||
|
||||
Debug.prototype.collections = function () {
|
||||
return this._objects.Collection;
|
||||
};
|
||||
|
||||
Debug.prototype.models = function () {
|
||||
return this._objects.Model;
|
||||
};
|
||||
|
||||
Debug.prototype.views = function () {
|
||||
return this._objects.View;
|
||||
};
|
||||
|
||||
Debug.prototype.routers = function () {
|
||||
return this._objects.Router;
|
||||
};
|
||||
|
||||
Debug.prototype.on = function (option) {
|
||||
if (option != null) {
|
||||
return this._options[option] = true;
|
||||
} else {
|
||||
this._options['log:events'] = true;
|
||||
return this._options['log:sync'] = true;
|
||||
}
|
||||
};
|
||||
|
||||
Debug.prototype.off = function (option) {
|
||||
if (option != null) {
|
||||
return this._options[option] = false;
|
||||
} else {
|
||||
this._options['log:events'] = false;
|
||||
return this._options['log:sync'] = false;
|
||||
}
|
||||
};
|
||||
|
||||
Debug.prototype._trackObjects = function () {
|
||||
this._hookPrototype('Collection', 'constructor', this._saveObjects);
|
||||
this._hookPrototype('Model', 'constructor', this._saveObjects);
|
||||
this._hookPrototype('View', 'constructor', this._saveObjects);
|
||||
return this._hookPrototype('Router', 'constructor', this._saveObjects);
|
||||
};
|
||||
|
||||
Debug.prototype._hookEvents = function () {
|
||||
this._hookPrototype('Collection', 'trigger', this._logEvent);
|
||||
this._hookPrototype('Model', 'trigger', this._logEvent);
|
||||
this._hookPrototype('View', 'trigger', this._logEvent);
|
||||
return this._hookPrototype('Router', 'trigger', this._logEvent);
|
||||
};
|
||||
|
||||
Debug.prototype._hookSync = function () {
|
||||
return this._hookMethod('sync', this._logSync);
|
||||
};
|
||||
|
||||
Debug.prototype._saveObjects = function (type, method, object) {
|
||||
return this._objects[type][object.constructor.name + ':' + object.cid] = object;
|
||||
};
|
||||
|
||||
Debug.prototype._logEvent = function (parent_object, method, object, args) {
|
||||
if (this._options['log:events']) {
|
||||
return console.log("" + args[0] + " - ", object);
|
||||
}
|
||||
};
|
||||
|
||||
Debug.prototype._logSync = function (method, object, args) {
|
||||
if (this._options['log:sync'] === true) {
|
||||
return console.log("sync - " + args[0], args[1]);
|
||||
}
|
||||
};
|
||||
|
||||
Debug.prototype._hookMethod = function (method, action) {
|
||||
var original;
|
||||
original = window.Backbone[method];
|
||||
return window.Backbone[method] = function () {
|
||||
var ret;
|
||||
ret = original.apply(this, arguments);
|
||||
action(method, this, arguments);
|
||||
return ret;
|
||||
};
|
||||
};
|
||||
|
||||
Debug.prototype._hookPrototype = function (object, method, action) {
|
||||
var original;
|
||||
original = window.Backbone[object].prototype[method];
|
||||
return window.Backbone[object].prototype[method] = function () {
|
||||
var ret;
|
||||
ret = original.apply(this, arguments);
|
||||
action(object, method, this, arguments);
|
||||
return ret;
|
||||
};
|
||||
};
|
||||
|
||||
return Debug;
|
||||
|
||||
})();
|
||||
|
||||
window.Backbone.debug = new Backbone.Debug();
|
||||
|
||||
}).call(this);
|
1499
UI/JsLibraries/backbone.js
Normal file
1499
UI/JsLibraries/backbone.js
Normal file
File diff suppressed because it is too large
Load diff
2069
UI/JsLibraries/backbone.marionette.js
Normal file
2069
UI/JsLibraries/backbone.marionette.js
Normal file
File diff suppressed because it is too large
Load diff
212
UI/JsLibraries/backbone.marionette.viewswapper.js
Normal file
212
UI/JsLibraries/backbone.marionette.viewswapper.js
Normal file
|
@ -0,0 +1,212 @@
|
|||
https://github.com/marionettejs/backbone.marionette/blob/viewswap/docs/marionette.viewswapper.md
|
||||
|
||||
// View Swapper
|
||||
// ------------
|
||||
//
|
||||
// Switch out views based on events that are triggered
|
||||
// by the currently displayed view. Enables easy "edit in
|
||||
// place" features, "loading" screens, and more.
|
||||
|
||||
Marionette.ViewSwapper = Marionette.View.extend({
|
||||
constructor: function (options) {
|
||||
this._swapperViews = {};
|
||||
this._swapperBindings = new Marionette.EventBinder();
|
||||
this._currentViewBindings = new Marionette.EventBinder();
|
||||
|
||||
Marionette.View.prototype.constructor.apply(this, arguments);
|
||||
|
||||
this.views = Marionette.getOption(this, "views");
|
||||
this.swapOn = Marionette.getOption(this, "swapOn");
|
||||
this.initialView = Marionette.getOption(this, "initialView");
|
||||
|
||||
this._setupViewEvents("swapper", this, this._swapperBindings);
|
||||
},
|
||||
|
||||
// Render the current view. If no current view is set, it
|
||||
// will render the `initialView` that was configured.
|
||||
render: function () {
|
||||
// set up the initial view to display, on first render
|
||||
if (!this.currentView) {
|
||||
var initialViewName = Marionette.getOption(this, "initialView");
|
||||
this._swapView(initialViewName);
|
||||
}
|
||||
|
||||
// render and show the new view
|
||||
this.currentView.render();
|
||||
this.$el.append(this.currentView.$el);
|
||||
|
||||
// setup a callback for the showView call to recieve
|
||||
var done = _.bind(function () {
|
||||
// trigger show/onShow on the previous view
|
||||
if (this.currentView) {
|
||||
Marionette.triggerMethod.call(this.currentView, "show");
|
||||
Marionette.triggerMethod.call(this, "swap:in", this.currentView);
|
||||
}
|
||||
}, this);
|
||||
|
||||
// show the view, passing it the done callback
|
||||
this.showView(this.currentView, done);
|
||||
},
|
||||
|
||||
// Show a view that is being swapped in. Override this method to
|
||||
// set up your own custom fade in / show method
|
||||
showView: function (view, done) {
|
||||
view.$el.show();
|
||||
done();
|
||||
},
|
||||
|
||||
// Hide a view that is being swapped out. Override this method to
|
||||
// set up your own custom fade out / hide method
|
||||
hideView: function (view, done) {
|
||||
view.$el.hide();
|
||||
done();
|
||||
},
|
||||
|
||||
// Ensure the views that were configured for this view swapper get closed
|
||||
close: function () {
|
||||
|
||||
// Close all of the configured views that we are swapping between
|
||||
_.each(this.views, function (view, name) {
|
||||
view.close();
|
||||
});
|
||||
|
||||
// unbind all the events, and clean up any decorator views
|
||||
this._swapperViews = {};
|
||||
this._currentViewBindings.unbindAll();
|
||||
this._swapperBindings.unbindAll();
|
||||
|
||||
// Close the base view that we extended from
|
||||
Marionette.View.prototype.close.apply(this, arguments);
|
||||
},
|
||||
|
||||
// Get a view by name, throwing an exception if the view instance
|
||||
// is not found.
|
||||
_getView: function (viewName) {
|
||||
var originalView, error, views;
|
||||
var swapperView = this._swapperViews[viewName];
|
||||
|
||||
// Do not allow the name "swapper" to be used as a target view
|
||||
// or initial view. This is reserved for the ViewSwapper instance,
|
||||
// when configuring `swapOn` events
|
||||
if (viewName === "swapper") {
|
||||
error = new Error("Cannot display 'swapper' as a view.");
|
||||
error.name = "InvalidViewName";
|
||||
throw error;
|
||||
}
|
||||
|
||||
// Do we have a view with the specified name?
|
||||
if (!swapperView) {
|
||||
originalView = this.views[viewName];
|
||||
|
||||
// No view, so throw an exception
|
||||
if (!originalView) {
|
||||
error = new Error("Cannot show view in ViewSwapper. View '" + viewName + "' not found.");
|
||||
error.name = "ViewNotFoundError";
|
||||
throw error;
|
||||
}
|
||||
|
||||
// Found the view, so build a Decorator around it
|
||||
swapperView = this._buildSwapperView(originalView, viewName);
|
||||
this._swapperViews[viewName] = swapperView;
|
||||
}
|
||||
|
||||
return swapperView;
|
||||
},
|
||||
|
||||
// Decorate the configured view with information that the view swapper
|
||||
// needs, to keep track of the view's current state.
|
||||
_buildSwapperView: function (originalView, viewName) {
|
||||
var swapperView = Marionette.createObject(originalView);
|
||||
_.extend(swapperView, {
|
||||
|
||||
viewName: viewName,
|
||||
originalView: originalView,
|
||||
|
||||
// Prevent the underlying view from being rendered more than once
|
||||
render: function () {
|
||||
var value;
|
||||
|
||||
if (this._hasBeenRendered) {
|
||||
return this;
|
||||
} else {
|
||||
|
||||
// prevent any more rendering
|
||||
this._hasBeenRendered = true;
|
||||
|
||||
// do the render
|
||||
value = originalView.render.apply(originalView, arguments);
|
||||
|
||||
// trigger render/onRender
|
||||
Marionette.triggerMethod.call(this, "render");
|
||||
|
||||
// return whatever was sent back to us
|
||||
return value;
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return swapperView;
|
||||
},
|
||||
|
||||
// Set up the event handlers for the individual views, so that the
|
||||
// swapping can happen when a view event is triggered
|
||||
_setupViewEvents: function (viewName, view, bindings) {
|
||||
if (!this.swapOn || !this.swapOn[viewName]) { return; }
|
||||
var that = this;
|
||||
|
||||
// default to current view bindings, unless otherwise specified
|
||||
if (!bindings) {
|
||||
bindings = this._currentViewBindings;
|
||||
}
|
||||
|
||||
// close the previous event bindings
|
||||
bindings.unbindAll();
|
||||
|
||||
// set up the new view's event bindings
|
||||
_.each(this.swapOn[viewName], function (targetViewName, eventName) {
|
||||
|
||||
bindings.bindTo(view, eventName, function () {
|
||||
that._swapView(targetViewName);
|
||||
});
|
||||
|
||||
});
|
||||
},
|
||||
|
||||
// Do the swapping of the views to the new view, by name
|
||||
_swapView: function (viewName) {
|
||||
|
||||
// only swap views if the target view is not the same
|
||||
// as the current view
|
||||
var view = this._getView(viewName);
|
||||
if (view === this.currentView) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Provide a callback function that will switch over to
|
||||
// the new view, when called
|
||||
var done = _.bind(function () {
|
||||
|
||||
// trigger hide/onHide on the previous view
|
||||
if (this.currentView) {
|
||||
Marionette.triggerMethod.call(this.currentView, "hide");
|
||||
Marionette.triggerMethod.call(this, "swap:out", this.currentView);
|
||||
}
|
||||
|
||||
// get the next view, configure it's events and render it
|
||||
this._setupViewEvents(viewName, view);
|
||||
this.currentView = view;
|
||||
this.render();
|
||||
|
||||
}, this);
|
||||
|
||||
if (this.currentView) {
|
||||
// if we have a current view, hide it so that the new
|
||||
// view can be show in it's place
|
||||
this.hideView(this.currentView, done);
|
||||
} else {
|
||||
// no current view, so just switch to the new view
|
||||
done();
|
||||
}
|
||||
}
|
||||
});
|
482
UI/JsLibraries/backbone.modelbinder.js
Normal file
482
UI/JsLibraries/backbone.modelbinder.js
Normal file
|
@ -0,0 +1,482 @@
|
|||
// Backbone.ModelBinder v0.1.6
|
||||
// (c) 2012 Bart Wood
|
||||
// Distributed Under MIT License
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['underscore', 'jquery', 'backbone'], factory);
|
||||
} else {
|
||||
// Browser globals
|
||||
factory(_, $, Backbone);
|
||||
}
|
||||
}(function (_, $, Backbone) {
|
||||
|
||||
if (!Backbone) {
|
||||
throw 'Please include Backbone.js before Backbone.ModelBinder.js';
|
||||
}
|
||||
|
||||
Backbone.ModelBinder = function (modelSetOptions) {
|
||||
_.bindAll(this);
|
||||
this._modelSetOptions = modelSetOptions || {};
|
||||
};
|
||||
|
||||
// Current version of the library.
|
||||
Backbone.ModelBinder.VERSION = '0.1.6';
|
||||
Backbone.ModelBinder.Constants = {};
|
||||
Backbone.ModelBinder.Constants.ModelToView = 'ModelToView';
|
||||
Backbone.ModelBinder.Constants.ViewToModel = 'ViewToModel';
|
||||
|
||||
_.extend(Backbone.ModelBinder.prototype, {
|
||||
|
||||
bind: function (model, rootEl, attributeBindings, modelSetOptions) {
|
||||
this.unbind();
|
||||
|
||||
this._model = model;
|
||||
this._rootEl = rootEl;
|
||||
this._modelSetOptions = _.extend({}, this._modelSetOptions, modelSetOptions);
|
||||
|
||||
if (!this._model) throw 'model must be specified';
|
||||
if (!this._rootEl) throw 'rootEl must be specified';
|
||||
|
||||
if (attributeBindings) {
|
||||
// Create a deep clone of the attribute bindings
|
||||
this._attributeBindings = $.extend(true, {}, attributeBindings);
|
||||
|
||||
this._initializeAttributeBindings();
|
||||
this._initializeElBindings();
|
||||
}
|
||||
else {
|
||||
this._initializeDefaultBindings();
|
||||
}
|
||||
|
||||
this._bindModelToView();
|
||||
this._bindViewToModel();
|
||||
},
|
||||
|
||||
bindCustomTriggers: function (model, rootEl, triggers, attributeBindings, modelSetOptions) {
|
||||
this._triggers = triggers;
|
||||
this.bind(model, rootEl, attributeBindings, modelSetOptions)
|
||||
},
|
||||
|
||||
unbind: function () {
|
||||
this._unbindModelToView();
|
||||
this._unbindViewToModel();
|
||||
|
||||
if (this._attributeBindings) {
|
||||
delete this._attributeBindings;
|
||||
this._attributeBindings = undefined;
|
||||
}
|
||||
},
|
||||
|
||||
// Converts the input bindings, which might just be empty or strings, to binding objects
|
||||
_initializeAttributeBindings: function () {
|
||||
var attributeBindingKey, inputBinding, attributeBinding, elementBindingCount, elementBinding;
|
||||
|
||||
for (attributeBindingKey in this._attributeBindings) {
|
||||
inputBinding = this._attributeBindings[attributeBindingKey];
|
||||
|
||||
if (_.isString(inputBinding)) {
|
||||
attributeBinding = { elementBindings: [{ selector: inputBinding }] };
|
||||
}
|
||||
else if (_.isArray(inputBinding)) {
|
||||
attributeBinding = { elementBindings: inputBinding };
|
||||
}
|
||||
else if (_.isObject(inputBinding)) {
|
||||
attributeBinding = { elementBindings: [inputBinding] };
|
||||
}
|
||||
else {
|
||||
throw 'Unsupported type passed to Model Binder ' + attributeBinding;
|
||||
}
|
||||
|
||||
// Add a linkage from the element binding back to the attribute binding
|
||||
for (elementBindingCount = 0; elementBindingCount < attributeBinding.elementBindings.length; elementBindingCount++) {
|
||||
elementBinding = attributeBinding.elementBindings[elementBindingCount];
|
||||
elementBinding.attributeBinding = attributeBinding;
|
||||
}
|
||||
|
||||
attributeBinding.attributeName = attributeBindingKey;
|
||||
this._attributeBindings[attributeBindingKey] = attributeBinding;
|
||||
}
|
||||
},
|
||||
|
||||
// If the bindings are not specified, the default binding is performed on the name attribute
|
||||
_initializeDefaultBindings: function () {
|
||||
var elCount, namedEls, namedEl, name, attributeBinding;
|
||||
this._attributeBindings = {};
|
||||
namedEls = $('[name]', this._rootEl);
|
||||
|
||||
for (elCount = 0; elCount < namedEls.length; elCount++) {
|
||||
namedEl = namedEls[elCount];
|
||||
name = $(namedEl).attr('name');
|
||||
|
||||
// For elements like radio buttons we only want a single attribute binding with possibly multiple element bindings
|
||||
if (!this._attributeBindings[name]) {
|
||||
attributeBinding = { attributeName: name };
|
||||
attributeBinding.elementBindings = [{ attributeBinding: attributeBinding, boundEls: [namedEl] }];
|
||||
this._attributeBindings[name] = attributeBinding;
|
||||
}
|
||||
else {
|
||||
this._attributeBindings[name].elementBindings.push({ attributeBinding: this._attributeBindings[name], boundEls: [namedEl] });
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_initializeElBindings: function () {
|
||||
var bindingKey, attributeBinding, bindingCount, elementBinding, foundEls, elCount, el;
|
||||
for (bindingKey in this._attributeBindings) {
|
||||
attributeBinding = this._attributeBindings[bindingKey];
|
||||
|
||||
for (bindingCount = 0; bindingCount < attributeBinding.elementBindings.length; bindingCount++) {
|
||||
elementBinding = attributeBinding.elementBindings[bindingCount];
|
||||
if (elementBinding.selector === '') {
|
||||
foundEls = $(this._rootEl);
|
||||
}
|
||||
else {
|
||||
foundEls = $(elementBinding.selector, this._rootEl);
|
||||
}
|
||||
|
||||
if (foundEls.length === 0) {
|
||||
throw 'Bad binding found. No elements returned for binding selector ' + elementBinding.selector;
|
||||
}
|
||||
else {
|
||||
elementBinding.boundEls = [];
|
||||
for (elCount = 0; elCount < foundEls.length; elCount++) {
|
||||
el = foundEls[elCount];
|
||||
elementBinding.boundEls.push(el);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_bindModelToView: function () {
|
||||
this._model.on('change', this._onModelChange, this);
|
||||
|
||||
this.copyModelAttributesToView();
|
||||
},
|
||||
|
||||
// attributesToCopy is an optional parameter - if empty, all attributes
|
||||
// that are bound will be copied. Otherwise, only attributeBindings specified
|
||||
// in the attributesToCopy are copied.
|
||||
copyModelAttributesToView: function (attributesToCopy) {
|
||||
var attributeName, attributeBinding;
|
||||
|
||||
for (attributeName in this._attributeBindings) {
|
||||
if (attributesToCopy === undefined || _.indexOf(attributesToCopy, attributeName) !== -1) {
|
||||
attributeBinding = this._attributeBindings[attributeName];
|
||||
this._copyModelToView(attributeBinding);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_unbindModelToView: function () {
|
||||
if (this._model) {
|
||||
this._model.off('change', this._onModelChange);
|
||||
this._model = undefined;
|
||||
}
|
||||
},
|
||||
|
||||
_bindViewToModel: function () {
|
||||
if (this._triggers) {
|
||||
_.each(this._triggers, function (event, selector) {
|
||||
$(this._rootEl).delegate(selector, event, this._onElChanged);
|
||||
}, this);
|
||||
}
|
||||
else {
|
||||
$(this._rootEl).delegate('', 'change', this._onElChanged);
|
||||
// The change event doesn't work properly for contenteditable elements - but blur does
|
||||
$(this._rootEl).delegate('[contenteditable]', 'blur', this._onElChanged);
|
||||
}
|
||||
},
|
||||
|
||||
_unbindViewToModel: function () {
|
||||
if (this._rootEl) {
|
||||
if (this._triggers) {
|
||||
_.each(this._triggers, function (event, selector) {
|
||||
$(this._rootEl).undelegate(selector, event, this._onElChanged);
|
||||
}, this);
|
||||
}
|
||||
else {
|
||||
$(this._rootEl).undelegate('', 'change', this._onElChanged);
|
||||
$(this._rootEl).undelegate('[contenteditable]', 'blur', this._onElChanged);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_onElChanged: function (event) {
|
||||
var el, elBindings, elBindingCount, elBinding;
|
||||
|
||||
el = $(event.target)[0];
|
||||
elBindings = this._getElBindings(el);
|
||||
|
||||
for (elBindingCount = 0; elBindingCount < elBindings.length; elBindingCount++) {
|
||||
elBinding = elBindings[elBindingCount];
|
||||
if (this._isBindingUserEditable(elBinding)) {
|
||||
this._copyViewToModel(elBinding, el);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_isBindingUserEditable: function (elBinding) {
|
||||
return elBinding.elAttribute === undefined ||
|
||||
elBinding.elAttribute === 'text' ||
|
||||
elBinding.elAttribute === 'html';
|
||||
},
|
||||
|
||||
_getElBindings: function (findEl) {
|
||||
var attributeName, attributeBinding, elementBindingCount, elementBinding, boundElCount, boundEl;
|
||||
var elBindings = [];
|
||||
|
||||
for (attributeName in this._attributeBindings) {
|
||||
attributeBinding = this._attributeBindings[attributeName];
|
||||
|
||||
for (elementBindingCount = 0; elementBindingCount < attributeBinding.elementBindings.length; elementBindingCount++) {
|
||||
elementBinding = attributeBinding.elementBindings[elementBindingCount];
|
||||
|
||||
for (boundElCount = 0; boundElCount < elementBinding.boundEls.length; boundElCount++) {
|
||||
boundEl = elementBinding.boundEls[boundElCount];
|
||||
|
||||
if (boundEl === findEl) {
|
||||
elBindings.push(elementBinding);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return elBindings;
|
||||
},
|
||||
|
||||
_onModelChange: function () {
|
||||
var changedAttribute, attributeBinding;
|
||||
|
||||
for (changedAttribute in this._model.changedAttributes()) {
|
||||
attributeBinding = this._attributeBindings[changedAttribute];
|
||||
|
||||
if (attributeBinding) {
|
||||
this._copyModelToView(attributeBinding);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_copyModelToView: function (attributeBinding) {
|
||||
var elementBindingCount, elementBinding, boundElCount, boundEl, value, convertedValue;
|
||||
|
||||
value = this._model.get(attributeBinding.attributeName);
|
||||
|
||||
for (elementBindingCount = 0; elementBindingCount < attributeBinding.elementBindings.length; elementBindingCount++) {
|
||||
elementBinding = attributeBinding.elementBindings[elementBindingCount];
|
||||
|
||||
for (boundElCount = 0; boundElCount < elementBinding.boundEls.length; boundElCount++) {
|
||||
boundEl = elementBinding.boundEls[boundElCount];
|
||||
|
||||
if (!boundEl._isSetting) {
|
||||
convertedValue = this._getConvertedValue(Backbone.ModelBinder.Constants.ModelToView, elementBinding, value);
|
||||
this._setEl($(boundEl), elementBinding, convertedValue);
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_setEl: function (el, elementBinding, convertedValue) {
|
||||
if (elementBinding.elAttribute) {
|
||||
this._setElAttribute(el, elementBinding, convertedValue);
|
||||
}
|
||||
else {
|
||||
this._setElValue(el, convertedValue);
|
||||
}
|
||||
},
|
||||
|
||||
_setElAttribute: function (el, elementBinding, convertedValue) {
|
||||
switch (elementBinding.elAttribute) {
|
||||
case 'html':
|
||||
el.html(convertedValue);
|
||||
break;
|
||||
case 'text':
|
||||
el.text(convertedValue);
|
||||
break;
|
||||
case 'enabled':
|
||||
el.attr('disabled', !convertedValue);
|
||||
break;
|
||||
case 'displayed':
|
||||
el[convertedValue ? 'show' : 'hide']();
|
||||
break;
|
||||
case 'hidden':
|
||||
el[convertedValue ? 'hide' : 'show']();
|
||||
break;
|
||||
case 'css':
|
||||
el.css(elementBinding.cssAttribute, convertedValue);
|
||||
break;
|
||||
case 'class':
|
||||
var previousValue = this._model.previous(elementBinding.attributeBinding.attributeName);
|
||||
if (!_.isUndefined(previousValue)) {
|
||||
previousValue = this._getConvertedValue(Backbone.ModelBinder.Constants.ModelToView, elementBinding, previousValue);
|
||||
el.removeClass(previousValue);
|
||||
}
|
||||
|
||||
if (convertedValue) {
|
||||
el.addClass(convertedValue);
|
||||
}
|
||||
break;
|
||||
default:
|
||||
el.attr(elementBinding.elAttribute, convertedValue);
|
||||
}
|
||||
},
|
||||
|
||||
_setElValue: function (el, convertedValue) {
|
||||
if (el.attr('type')) {
|
||||
switch (el.attr('type')) {
|
||||
case 'radio':
|
||||
if (el.val() === convertedValue) {
|
||||
el.attr('checked', 'checked');
|
||||
}
|
||||
break;
|
||||
case 'checkbox':
|
||||
if (convertedValue) {
|
||||
el.attr('checked', 'checked');
|
||||
}
|
||||
else {
|
||||
el.removeAttr('checked');
|
||||
}
|
||||
break;
|
||||
default:
|
||||
el.val(convertedValue);
|
||||
}
|
||||
}
|
||||
else if (el.is('input') || el.is('select') || el.is('textarea')) {
|
||||
el.val(convertedValue);
|
||||
}
|
||||
else {
|
||||
el.text(convertedValue);
|
||||
}
|
||||
},
|
||||
|
||||
_copyViewToModel: function (elementBinding, el) {
|
||||
var value, convertedValue;
|
||||
|
||||
if (!el._isSetting) {
|
||||
|
||||
el._isSetting = true;
|
||||
this._setModel(elementBinding, $(el));
|
||||
el._isSetting = false;
|
||||
|
||||
if (elementBinding.converter) {
|
||||
value = this._model.get(elementBinding.attributeBinding.attributeName);
|
||||
convertedValue = this._getConvertedValue(Backbone.ModelBinder.Constants.ModelToView, elementBinding, value);
|
||||
this._setEl($(el), elementBinding, convertedValue);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_getElValue: function (elementBinding, el) {
|
||||
switch (el.attr('type')) {
|
||||
case 'checkbox':
|
||||
return el.prop('checked') ? true : false;
|
||||
default:
|
||||
if (el.attr('contenteditable') !== undefined) {
|
||||
return el.html();
|
||||
}
|
||||
else {
|
||||
return el.val();
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_setModel: function (elementBinding, el) {
|
||||
var data = {};
|
||||
var elVal = this._getElValue(elementBinding, el);
|
||||
elVal = this._getConvertedValue(Backbone.ModelBinder.Constants.ViewToModel, elementBinding, elVal);
|
||||
data[elementBinding.attributeBinding.attributeName] = elVal;
|
||||
var opts = _.extend({}, this._modelSetOptions, { changeSource: 'ModelBinder' });
|
||||
this._model.set(data, opts);
|
||||
},
|
||||
|
||||
_getConvertedValue: function (direction, elementBinding, value) {
|
||||
if (elementBinding.converter) {
|
||||
value = elementBinding.converter(direction, value, elementBinding.attributeBinding.attributeName, this._model);
|
||||
}
|
||||
|
||||
return value;
|
||||
}
|
||||
});
|
||||
|
||||
Backbone.ModelBinder.CollectionConverter = function (collection) {
|
||||
this._collection = collection;
|
||||
|
||||
if (!this._collection) {
|
||||
throw 'Collection must be defined';
|
||||
}
|
||||
_.bindAll(this, 'convert');
|
||||
};
|
||||
|
||||
_.extend(Backbone.ModelBinder.CollectionConverter.prototype, {
|
||||
convert: function (direction, value) {
|
||||
if (direction === Backbone.ModelBinder.Constants.ModelToView) {
|
||||
return value ? value.id : undefined;
|
||||
}
|
||||
else {
|
||||
return this._collection.get(value);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// A static helper function to create a default set of bindings that you can customize before calling the bind() function
|
||||
// rootEl - where to find all of the bound elements
|
||||
// attributeType - probably 'name' or 'id' in most cases
|
||||
// converter(optional) - the default converter you want applied to all your bindings
|
||||
// elAttribute(optional) - the default elAttribute you want applied to all your bindings
|
||||
Backbone.ModelBinder.createDefaultBindings = function (rootEl, attributeType, converter, elAttribute) {
|
||||
var foundEls, elCount, foundEl, attributeName;
|
||||
var bindings = {};
|
||||
|
||||
foundEls = $('[' + attributeType + ']', rootEl);
|
||||
|
||||
for (elCount = 0; elCount < foundEls.length; elCount++) {
|
||||
foundEl = foundEls[elCount];
|
||||
attributeName = $(foundEl).attr(attributeType);
|
||||
|
||||
if (!bindings[attributeName]) {
|
||||
var attributeBinding = { selector: '[' + attributeType + '="' + attributeName + '"]' };
|
||||
bindings[attributeName] = attributeBinding;
|
||||
|
||||
if (converter) {
|
||||
bindings[attributeName].converter = converter;
|
||||
}
|
||||
|
||||
if (elAttribute) {
|
||||
bindings[attributeName].elAttribute = elAttribute;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return bindings;
|
||||
};
|
||||
|
||||
// Helps you to combine 2 sets of bindings
|
||||
Backbone.ModelBinder.combineBindings = function (destination, source) {
|
||||
_.each(source, function (value, key) {
|
||||
var elementBinding = { selector: value.selector };
|
||||
|
||||
if (value.converter) {
|
||||
elementBinding.converter = value.converter;
|
||||
}
|
||||
|
||||
if (value.elAttribute) {
|
||||
elementBinding.elAttribute = value.elAttribute;
|
||||
}
|
||||
|
||||
if (!destination[key]) {
|
||||
destination[key] = elementBinding;
|
||||
}
|
||||
else {
|
||||
destination[key] = [destination[key], elementBinding];
|
||||
}
|
||||
});
|
||||
|
||||
return destination;
|
||||
};
|
||||
|
||||
|
||||
return Backbone.ModelBinder;
|
||||
|
||||
}));
|
174
UI/JsLibraries/backbone.mutators.js
Normal file
174
UI/JsLibraries/backbone.mutators.js
Normal file
|
@ -0,0 +1,174 @@
|
|||
(function (root, define, require, exports, module, factory, undef) {
|
||||
'use strict';
|
||||
|
||||
if (typeof exports === 'object') {
|
||||
// Node. Does not work with strict CommonJS, but
|
||||
// only CommonJS-like enviroments that support module.exports,
|
||||
// like Node.
|
||||
module.exports = factory(require('underscore'), require('backbone'));
|
||||
} else if (typeof define === 'function' && define.amd) {
|
||||
// AMD. Register as an anonymous module.
|
||||
define(['underscore', 'backbone'], function (_, Backbone) {
|
||||
// Check if we use the AMD branch of Back
|
||||
_ = _ === undef ? root._ : _;
|
||||
Backbone = Backbone === undef ? root.Backbone : Backbone;
|
||||
return (root.returnExportsGlobal = factory(_, Backbone, root));
|
||||
});
|
||||
} else {
|
||||
// Browser globals
|
||||
root.returnExportsGlobal = factory(root._, root.Backbone);
|
||||
}
|
||||
|
||||
// Usage:
|
||||
//
|
||||
// Note: This plugin is UMD compatible, you can use it in node, amd and vanilla js envs
|
||||
//
|
||||
// Vanilla JS:
|
||||
// <script src="underscore.js"></script>
|
||||
// <script src="backbone.js"></script>
|
||||
// <script src="backbone.mutators.js"></script>
|
||||
//
|
||||
// Node:
|
||||
// var _ = require('underscore');
|
||||
// var Backbone = require('backbone');
|
||||
// var Mutators = require('backbone.mutators');
|
||||
//
|
||||
//
|
||||
// AMD:
|
||||
// define(['underscore', 'backbone', 'backbone.mutators'], function (_, Backbone, Mutators) {
|
||||
// // insert sample from below
|
||||
// return User;
|
||||
// });
|
||||
//
|
||||
// var User = Backbone.Model.extend({
|
||||
// mutators: {
|
||||
// fullname: function () {
|
||||
// return this.firstname + ' ' + this.lastname;
|
||||
// }
|
||||
// },
|
||||
//
|
||||
// defaults: {
|
||||
// firstname: 'Sebastian',
|
||||
// lastname: 'Golasch'
|
||||
// }
|
||||
// });
|
||||
//
|
||||
// var user = new User();
|
||||
// user.get('fullname') // returns 'Sebastian Golasch'
|
||||
// user.toJSON() // return '{firstname: 'Sebastian', lastname: 'Golasch', fullname: 'Sebastian Golasch'}'
|
||||
|
||||
}(this, this.define, this.require, this.exports, this.module, function (_, Backbone, root, undef) {
|
||||
'use strict';
|
||||
|
||||
// check if we use the amd branch of backbone and underscore
|
||||
Backbone = Backbone === undef ? root.Backbone : Backbone;
|
||||
_ = _ === undef ? root._ : _;
|
||||
|
||||
// extend backbones model prototype with the mutator functionality
|
||||
var Mutator = function () { },
|
||||
oldGet = Backbone.Model.prototype.get,
|
||||
oldSet = Backbone.Model.prototype.set,
|
||||
oldToJson = Backbone.Model.prototype.toJSON;
|
||||
|
||||
// This is necessary to ensure that Models declared without the mutators object do not throw and error
|
||||
Mutator.prototype.mutators = {};
|
||||
|
||||
// override get functionality to fetch the mutator props
|
||||
Mutator.prototype.get = function (attr) {
|
||||
var isMutator = this.mutators !== undef;
|
||||
|
||||
// check if we have a getter mutation
|
||||
if (isMutator === true && _.isFunction(this.mutators[attr]) === true) {
|
||||
return this.mutators[attr].call(this);
|
||||
}
|
||||
|
||||
// check if we have a deeper nested getter mutation
|
||||
if (isMutator === true && _.isObject(this.mutators[attr]) === true && _.isFunction(this.mutators[attr].get) === true) {
|
||||
return this.mutators[attr].get.call(this);
|
||||
}
|
||||
|
||||
return oldGet.call(this, attr);
|
||||
};
|
||||
|
||||
// override set functionality to set the mutator props
|
||||
Mutator.prototype.set = function (key, value, options) {
|
||||
var isMutator = this.mutators !== undef,
|
||||
ret = null,
|
||||
attrs = null,
|
||||
attr = null;
|
||||
|
||||
// seamleassly stolen from backbone core
|
||||
// check if the setter action is triggered
|
||||
// using key <-> value or object
|
||||
if (_.isObject(key) || key === null) {
|
||||
attrs = key;
|
||||
options = value;
|
||||
} else {
|
||||
attrs = {};
|
||||
attrs[key] = value;
|
||||
}
|
||||
|
||||
// check if we have a deeper nested setter mutation
|
||||
if (isMutator === true && _.isObject(this.mutators[key]) === true) {
|
||||
|
||||
// check if we need to set a single value
|
||||
if (_.isFunction(this.mutators[key].set) === true) {
|
||||
ret = this.mutators[key].set.call(this, key, attrs[key], options, _.bind(oldSet, this));
|
||||
} else if (_.isFunction(this.mutators[key])) {
|
||||
ret = this.mutators[key].call(this, key, attrs[key], options, _.bind(oldSet, this));
|
||||
}
|
||||
}
|
||||
|
||||
if (_.isObject(attrs)) {
|
||||
_.each(attrs, _.bind(function (attr, attrKey) {
|
||||
if (isMutator === true && _.isObject(this.mutators[attrKey]) === true) {
|
||||
// check if we need to set a single value
|
||||
|
||||
var meth = this.mutators[attrKey];
|
||||
if (_.isFunction(meth.set)) {
|
||||
meth = meth.set;
|
||||
}
|
||||
|
||||
if (_.isFunction(meth)) {
|
||||
if (options === undef || (_.isObject(options) === true && options.silent !== true && (options.mutators !== undef && options.mutators.silent !== true))) {
|
||||
this.trigger('mutators:set:' + attrKey);
|
||||
}
|
||||
ret = meth.call(this, attrKey, attr, options, _.bind(oldSet, this));
|
||||
}
|
||||
|
||||
}
|
||||
}, this));
|
||||
}
|
||||
|
||||
//validation purposes
|
||||
if (ret !== null) {
|
||||
return ret;
|
||||
}
|
||||
|
||||
return oldSet.call(this, key, value, options);
|
||||
};
|
||||
|
||||
// override toJSON functionality to serialize mutator properties
|
||||
Mutator.prototype.toJSON = function () {
|
||||
// fetch ye olde values
|
||||
var attr = oldToJson.call(this);
|
||||
// iterate over all mutators (if there are some)
|
||||
_.each(this.mutators, _.bind(function (mutator, name) {
|
||||
// check if we have some getter mutations (nested or )
|
||||
if (_.isObject(this.mutators[name]) === true && _.isFunction(this.mutators[name].get)) {
|
||||
attr[name] = _.bind(this.mutators[name].get, this)();
|
||||
} else {
|
||||
attr[name] = _.bind(this.mutators[name], this)();
|
||||
}
|
||||
}, this));
|
||||
|
||||
return attr;
|
||||
};
|
||||
|
||||
// extend the models prototype
|
||||
_.extend(Backbone.Model.prototype, Mutator.prototype);
|
||||
|
||||
// make mutators globally available under the Backbone namespace
|
||||
Backbone.Mutators = Mutator;
|
||||
return Mutator;
|
||||
}));
|
35
UI/JsLibraries/backbone.shortcuts.js
Normal file
35
UI/JsLibraries/backbone.shortcuts.js
Normal file
|
@ -0,0 +1,35 @@
|
|||
(function() {
|
||||
var Shortcuts;
|
||||
|
||||
Shortcuts = function(options) {
|
||||
this.cid = _.uniqueId("backbone.shortcuts");
|
||||
this.initialize.apply(this, arguments);
|
||||
return this.delegateShortcuts();
|
||||
};
|
||||
|
||||
_.extend(Shortcuts.prototype, Backbone.Events, {
|
||||
initialize: function() {},
|
||||
delegateShortcuts: function() {
|
||||
var callback, match, method, scope, shortcut, shortcutKey, _ref, _results;
|
||||
if (!this.shortcuts) return;
|
||||
_ref = this.shortcuts;
|
||||
_results = [];
|
||||
for (shortcut in _ref) {
|
||||
callback = _ref[shortcut];
|
||||
if (!_.isFunction(callback)) method = this[callback];
|
||||
if (!method) throw new Error("Method " + callback + " does not exist");
|
||||
match = shortcut.match(/^(\S+)\s*(.*)$/);
|
||||
shortcutKey = match[1];
|
||||
scope = match[2] === "" ? "all" : match[2];
|
||||
method = _.bind(method, this);
|
||||
_results.push(key(shortcutKey, scope, method));
|
||||
}
|
||||
return _results;
|
||||
}
|
||||
});
|
||||
|
||||
Backbone.Shortcuts = Shortcuts;
|
||||
|
||||
Backbone.Shortcuts.extend = Backbone.View.extend;
|
||||
|
||||
}).call(this);
|
2268
UI/JsLibraries/bootstrap.js
vendored
Normal file
2268
UI/JsLibraries/bootstrap.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
335
UI/JsLibraries/bootstrap.slider.js
vendored
Normal file
335
UI/JsLibraries/bootstrap.slider.js
vendored
Normal file
|
@ -0,0 +1,335 @@
|
|||
/* =========================================================
|
||||
* bootstrap-slider.js v2.0.0
|
||||
* http://www.eyecon.ro/bootstrap-slider
|
||||
* =========================================================
|
||||
* Copyright 2012 Stefan Petre
|
||||
*
|
||||
* Licensed under the Apache License, Version 2.0 (the "License");
|
||||
* you may not use this file except in compliance with the License.
|
||||
* You may obtain a copy of the License at
|
||||
*
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
*
|
||||
* Unless required by applicable law or agreed to in writing, software
|
||||
* distributed under the License is distributed on an "AS IS" BASIS,
|
||||
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
* See the License for the specific language governing permissions and
|
||||
* limitations under the License.
|
||||
* ========================================================= */
|
||||
|
||||
!function( $ ) {
|
||||
|
||||
var Slider = function(element, options) {
|
||||
this.element = $(element);
|
||||
this.picker = $('<div class="slider">'+
|
||||
'<div class="slider-track">'+
|
||||
'<div class="slider-selection"></div>'+
|
||||
'<div class="slider-handle"></div>'+
|
||||
'<div class="slider-handle"></div>'+
|
||||
'</div>'+
|
||||
'<div class="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'+
|
||||
'</div>')
|
||||
.insertBefore(this.element)
|
||||
.append(this.element);
|
||||
this.id = this.element.data('slider-id')||options.id;
|
||||
if (this.id) {
|
||||
this.picker[0].id = this.id;
|
||||
}
|
||||
|
||||
var tooltip = this.element.data('slider-tooltip')||options.tooltip;
|
||||
|
||||
this.tooltip = this.picker.find('.tooltip');
|
||||
this.tooltipInner = this.tooltip.find('div.tooltip-inner');
|
||||
|
||||
this.orientation = this.element.data('slider-orientation')||options.orientation;
|
||||
switch(this.orientation) {
|
||||
case 'vertical':
|
||||
this.picker.addClass('slider-vertical');
|
||||
this.stylePos = 'top';
|
||||
this.mousePos = 'pageY';
|
||||
this.sizePos = 'offsetHeight';
|
||||
this.tooltip.addClass('right')[0].style.left = '100%';
|
||||
break;
|
||||
default:
|
||||
this.picker
|
||||
.addClass('slider-horizontal')
|
||||
.css('width', this.element.outerWidth());
|
||||
this.orientation = 'horizontal';
|
||||
this.stylePos = 'left';
|
||||
this.mousePos = 'pageX';
|
||||
this.sizePos = 'offsetWidth';
|
||||
this.tooltip.addClass('top')[0].style.top = -this.tooltip.outerHeight() - 14 + 'px';
|
||||
break;
|
||||
}
|
||||
|
||||
this.min = this.element.data('slider-min')||options.min;
|
||||
this.max = this.element.data('slider-max')||options.max;
|
||||
this.step = this.element.data('slider-step')||options.step;
|
||||
this.value = this.element.data('slider-value')||options.value;
|
||||
if (this.value[1]) {
|
||||
this.range = true;
|
||||
}
|
||||
|
||||
this.selection = this.element.data('slider-selection')||options.selection;
|
||||
this.selectionEl = this.picker.find('.slider-selection');
|
||||
if (this.selection === 'none') {
|
||||
this.selectionEl.addClass('hide');
|
||||
}
|
||||
this.selectionElStyle = this.selectionEl[0].style;
|
||||
|
||||
|
||||
this.handle1 = this.picker.find('.slider-handle:first');
|
||||
this.handle1Stype = this.handle1[0].style;
|
||||
this.handle2 = this.picker.find('.slider-handle:last');
|
||||
this.handle2Stype = this.handle2[0].style;
|
||||
|
||||
var handle = this.element.data('slider-handle')||options.handle;
|
||||
switch(handle) {
|
||||
case 'round':
|
||||
this.handle1.addClass('round');
|
||||
this.handle2.addClass('round');
|
||||
break
|
||||
case 'triangle':
|
||||
this.handle1.addClass('triangle');
|
||||
this.handle2.addClass('triangle');
|
||||
break
|
||||
}
|
||||
|
||||
if (this.range) {
|
||||
this.value[0] = Math.max(this.min, Math.min(this.max, this.value[0]));
|
||||
this.value[1] = Math.max(this.min, Math.min(this.max, this.value[1]));
|
||||
} else {
|
||||
this.value = [ Math.max(this.min, Math.min(this.max, this.value))];
|
||||
this.handle2.addClass('hide');
|
||||
if (this.selection == 'after') {
|
||||
this.value[1] = this.max;
|
||||
} else {
|
||||
this.value[1] = this.min;
|
||||
}
|
||||
}
|
||||
this.diff = this.max - this.min;
|
||||
this.percentage = [
|
||||
(this.value[0]-this.min)*100/this.diff,
|
||||
(this.value[1]-this.min)*100/this.diff,
|
||||
this.step*100/this.diff
|
||||
];
|
||||
|
||||
this.offset = this.picker.offset();
|
||||
this.size = this.picker[0][this.sizePos];
|
||||
|
||||
this.layout();
|
||||
this.picker.on({
|
||||
mousedown: $.proxy(this.mousedown, this)});
|
||||
if (tooltip === 'show') {
|
||||
this.picker.on({
|
||||
mouseenter: $.proxy(this.showTooltip, this),
|
||||
mouseleave: $.proxy(this.hideTooltip, this)
|
||||
});
|
||||
} else {
|
||||
this.tooltip.addClass('hide');
|
||||
}
|
||||
};
|
||||
|
||||
Slider.prototype = {
|
||||
constructor: Slider,
|
||||
|
||||
over: false,
|
||||
inDrag: false,
|
||||
|
||||
showTooltip: function(){
|
||||
this.tooltip.addClass('in');
|
||||
//var left = Math.round(this.percent*this.width);
|
||||
//this.tooltip.css('left', left - this.tooltip.outerWidth()/2);
|
||||
this.over = true;
|
||||
},
|
||||
|
||||
hideTooltip: function(){
|
||||
if (this.inDrag === false) {
|
||||
this.tooltip.removeClass('in');
|
||||
}
|
||||
this.over = false;
|
||||
},
|
||||
|
||||
layout: function(){
|
||||
this.handle1Stype[this.stylePos] = this.percentage[0]+'%';
|
||||
this.handle2Stype[this.stylePos] = this.percentage[1]+'%';
|
||||
if (this.orientation == 'vertical') {
|
||||
this.selectionElStyle.top = Math.min(this.percentage[0], this.percentage[1]) +'%';
|
||||
this.selectionElStyle.height = Math.abs(this.percentage[0] - this.percentage[1]) +'%';
|
||||
} else {
|
||||
this.selectionElStyle.left = Math.min(this.percentage[0], this.percentage[1]) +'%';
|
||||
this.selectionElStyle.width = Math.abs(this.percentage[0] - this.percentage[1]) +'%';
|
||||
}
|
||||
if (this.range) {
|
||||
this.tooltipInner.text(
|
||||
(this.min + Math.round((this.diff * this.percentage[0]/100)/this.step)*this.step) +
|
||||
' : ' +
|
||||
(this.min + Math.round((this.diff * this.percentage[1]/100)/this.step)*this.step)
|
||||
);
|
||||
this.tooltip[0].style[this.stylePos] = this.size * (this.percentage[0] + (this.percentage[1] - this.percentage[0])/2)/100 - (this.orientation === 'vertical' ? this.tooltip.outerHeight()/2 : this.tooltip.outerWidth()/2) +'px';
|
||||
} else {
|
||||
this.tooltipInner.text(
|
||||
(this.min + Math.round((this.diff * this.percentage[0]/100)/this.step)*this.step)
|
||||
);
|
||||
this.tooltip[0].style[this.stylePos] = this.size * this.percentage[0]/100 - (this.orientation === 'vertical' ? this.tooltip.outerHeight()/2 : this.tooltip.outerWidth()/2) +'px';
|
||||
}
|
||||
},
|
||||
|
||||
mousedown: function(ev) {
|
||||
this.offset = this.picker.offset();
|
||||
this.size = this.picker[0][this.sizePos];
|
||||
|
||||
var percentage = this.getPercentage(ev);
|
||||
|
||||
if (this.range) {
|
||||
var diff1 = Math.abs(this.percentage[0] - percentage);
|
||||
var diff2 = Math.abs(this.percentage[1] - percentage);
|
||||
this.dragged = (diff1 < diff2) ? 0 : 1;
|
||||
} else {
|
||||
this.dragged = 0;
|
||||
}
|
||||
|
||||
this.percentage[this.dragged] = percentage;
|
||||
this.layout();
|
||||
|
||||
$(document).on({
|
||||
mousemove: $.proxy(this.mousemove, this),
|
||||
mouseup: $.proxy(this.mouseup, this)
|
||||
});
|
||||
this.inDrag = true;
|
||||
var val = this.calculateValue();
|
||||
this.element.trigger({
|
||||
type: 'slideStart',
|
||||
value: val
|
||||
}).trigger({
|
||||
type: 'slide',
|
||||
value: val
|
||||
});
|
||||
return false;
|
||||
},
|
||||
|
||||
mousemove: function(ev) {
|
||||
var percentage = this.getPercentage(ev);
|
||||
if (this.range) {
|
||||
if (this.dragged === 0 && this.percentage[1] < percentage) {
|
||||
this.percentage[0] = this.percentage[1];
|
||||
this.dragged = 1;
|
||||
} else if (this.dragged === 1 && this.percentage[0] > percentage) {
|
||||
this.percentage[1] = this.percentage[0];
|
||||
this.dragged = 0;
|
||||
}
|
||||
}
|
||||
this.percentage[this.dragged] = percentage;
|
||||
this.layout();
|
||||
var val = this.calculateValue();
|
||||
this.element
|
||||
.trigger({
|
||||
type: 'slide',
|
||||
value: val
|
||||
})
|
||||
.data('value', val)
|
||||
.prop('value', val);
|
||||
return false;
|
||||
},
|
||||
|
||||
mouseup: function(ev) {
|
||||
$(document).off({
|
||||
mousemove: this.mousemove,
|
||||
mouseup: this.mouseup
|
||||
});
|
||||
this.inDrag = false;
|
||||
if (this.over == false) {
|
||||
this.hideTooltip();
|
||||
}
|
||||
this.element;
|
||||
var val = this.calculateValue();
|
||||
this.element
|
||||
.trigger({
|
||||
type: 'slideStop',
|
||||
value: val
|
||||
})
|
||||
.data('value', val)
|
||||
.prop('value', val);
|
||||
return false;
|
||||
},
|
||||
|
||||
calculateValue: function() {
|
||||
var val;
|
||||
if (this.range) {
|
||||
val = [
|
||||
(this.min + Math.round((this.diff * this.percentage[0]/100)/this.step)*this.step),
|
||||
(this.min + Math.round((this.diff * this.percentage[1]/100)/this.step)*this.step)
|
||||
];
|
||||
this.value = val;
|
||||
} else {
|
||||
val = (this.min + Math.round((this.diff * this.percentage[0]/100)/this.step)*this.step);
|
||||
this.value = [val, this.value[1]];
|
||||
}
|
||||
return val;
|
||||
},
|
||||
|
||||
getPercentage: function(ev) {
|
||||
var percentage = (ev[this.mousePos] - this.offset[this.stylePos])*100/this.size;
|
||||
percentage = Math.round(percentage/this.percentage[2])*this.percentage[2];
|
||||
return Math.max(0, Math.min(100, percentage));
|
||||
},
|
||||
|
||||
getValue: function() {
|
||||
if (this.range) {
|
||||
return this.value;
|
||||
}
|
||||
return this.value[0];
|
||||
},
|
||||
|
||||
setValue: function(val) {
|
||||
this.value = val;
|
||||
|
||||
if (this.range) {
|
||||
this.value[0] = Math.max(this.min, Math.min(this.max, this.value[0]));
|
||||
this.value[1] = Math.max(this.min, Math.min(this.max, this.value[1]));
|
||||
} else {
|
||||
this.value = [ Math.max(this.min, Math.min(this.max, this.value))];
|
||||
this.handle2.addClass('hide');
|
||||
if (this.selection == 'after') {
|
||||
this.value[1] = this.max;
|
||||
} else {
|
||||
this.value[1] = this.min;
|
||||
}
|
||||
}
|
||||
this.diff = this.max - this.min;
|
||||
this.percentage = [
|
||||
(this.value[0]-this.min)*100/this.diff,
|
||||
(this.value[1]-this.min)*100/this.diff,
|
||||
this.step*100/this.diff
|
||||
];
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.slider = function ( option ) {
|
||||
return this.each(function () {
|
||||
var $this = $(this),
|
||||
data = $this.data('slider'),
|
||||
options = typeof option === 'object' && option;
|
||||
if (!data) {
|
||||
$this.data('slider', (data = new Slider(this, $.extend({}, $.fn.slider.defaults,options))));
|
||||
}
|
||||
if (typeof option == 'string') {
|
||||
data[option]();
|
||||
}
|
||||
})
|
||||
};
|
||||
|
||||
$.fn.slider.defaults = {
|
||||
min: 0,
|
||||
max: 10,
|
||||
step: 1,
|
||||
orientation: 'horizontal',
|
||||
value: 5,
|
||||
selection: 'before',
|
||||
tooltip: 'show',
|
||||
handle: 'round'
|
||||
};
|
||||
|
||||
$.fn.slider.Constructor = Slider;
|
||||
|
||||
}( window.jQuery );
|
238
UI/JsLibraries/bootstrapSwitch.js
vendored
Normal file
238
UI/JsLibraries/bootstrapSwitch.js
vendored
Normal file
|
@ -0,0 +1,238 @@
|
|||
/* ============================================================
|
||||
* bootstrapSwitch v1.2 by Larentis Mattia @spiritualGuru
|
||||
* http://www.larentis.eu/switch/
|
||||
* ============================================================
|
||||
* Licensed under the Apache License, Version 2.0
|
||||
* http://www.apache.org/licenses/LICENSE-2.0
|
||||
* ============================================================ */
|
||||
|
||||
!function ($) {
|
||||
"use strict";
|
||||
|
||||
$.fn['bootstrapSwitch'] = function (method) {
|
||||
var methods = {
|
||||
init: function () {
|
||||
return this.each(function () {
|
||||
var $element = $(this)
|
||||
, $div
|
||||
, $switchLeft
|
||||
, $switchRight
|
||||
, $label
|
||||
, myClasses = ""
|
||||
, classes = $element.attr('class')
|
||||
, color
|
||||
, moving
|
||||
, onLabel = "ON"
|
||||
, offLabel = "OFF";
|
||||
|
||||
$.each(['switch-mini', 'switch-small', 'switch-large'], function (i, el) {
|
||||
if (classes.indexOf(el) >= 0)
|
||||
myClasses = el;
|
||||
});
|
||||
|
||||
$element.addClass('has-switch');
|
||||
|
||||
if ($element.data('on') !== undefined)
|
||||
color = "switch-" + $element.data('on');
|
||||
|
||||
if ($element.data('on-label') !== undefined)
|
||||
onLabel = $element.data('on-label');
|
||||
|
||||
if ($element.data('off-label') !== undefined)
|
||||
offLabel = $element.data('off-label');
|
||||
|
||||
$switchLeft = $('<span>')
|
||||
.addClass("switch-left")
|
||||
.addClass(myClasses)
|
||||
.addClass(color)
|
||||
.html(onLabel);
|
||||
|
||||
color = '';
|
||||
if ($element.data('off') !== undefined)
|
||||
color = "switch-" + $element.data('off');
|
||||
|
||||
$switchRight = $('<span>')
|
||||
.addClass("switch-right")
|
||||
.addClass(myClasses)
|
||||
.addClass(color)
|
||||
.html(offLabel);
|
||||
|
||||
$label = $('<label>')
|
||||
.html(" ")
|
||||
.addClass(myClasses)
|
||||
.attr('for', $element.find('input').attr('id'));
|
||||
|
||||
$div = $element.find(':checkbox').wrap($('<div>')).parent().data('animated', false);
|
||||
|
||||
if ($element.data('animated') !== false)
|
||||
$div.addClass('switch-animate').data('animated', true);
|
||||
|
||||
$div
|
||||
.append($switchLeft)
|
||||
.append($label)
|
||||
.append($switchRight);
|
||||
|
||||
$element.find('>div').addClass(
|
||||
$element.find('input').is(':checked') ? 'switch-on' : 'switch-off'
|
||||
);
|
||||
|
||||
if ($element.find('input').is(':disabled'))
|
||||
$(this).addClass('deactivate');
|
||||
|
||||
var changeStatus = function ($this) {
|
||||
$this.siblings('label').trigger('mousedown').trigger('mouseup').trigger('click');
|
||||
};
|
||||
|
||||
$element.on('keydown', function (e) {
|
||||
if (e.keyCode === 32) {
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
changeStatus($(e.target).find('span:first'));
|
||||
}
|
||||
});
|
||||
|
||||
$switchLeft.on('click', function (e) {
|
||||
changeStatus($(this));
|
||||
});
|
||||
|
||||
$switchRight.on('click', function (e) {
|
||||
changeStatus($(this));
|
||||
});
|
||||
|
||||
$element.find('input').on('change', function (e) {
|
||||
var $element = $(this).parent();
|
||||
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
$element.css('left', '');
|
||||
|
||||
if ($(this).is(':checked'))
|
||||
$element.removeClass('switch-off').addClass('switch-on');
|
||||
else $element.removeClass('switch-on').addClass('switch-off');
|
||||
|
||||
if ($element.data('animated') !== false)
|
||||
$element.addClass("switch-animate");
|
||||
|
||||
$element.parent().trigger('switch-change', {'el': $(this), 'value': $(this).is(':checked')})
|
||||
});
|
||||
|
||||
$element.find('label').on('mousedown touchstart', function (e) {
|
||||
var $this = $(this);
|
||||
moving = false;
|
||||
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
$this.closest('div').removeClass('switch-animate');
|
||||
|
||||
if ($this.closest('.switch').is('.deactivate'))
|
||||
$this.unbind('click');
|
||||
else {
|
||||
$this.on('mousemove touchmove', function (e) {
|
||||
var $element = $(this).closest('.switch')
|
||||
, relativeX = (e.pageX || e.originalEvent.targetTouches[0].pageX) - $element.offset().left
|
||||
, percent = (relativeX / $element.width()) * 100
|
||||
, left = 25
|
||||
, right = 75;
|
||||
|
||||
moving = true;
|
||||
|
||||
if (percent < left)
|
||||
percent = left;
|
||||
else if (percent > right)
|
||||
percent = right;
|
||||
|
||||
$element.find('>div').css('left', (percent - right) + "%")
|
||||
});
|
||||
|
||||
$this.on('click touchend', function (e) {
|
||||
var $this = $(this)
|
||||
, $target = $(e.target)
|
||||
, $myCheckBox = $target.siblings('input');
|
||||
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
|
||||
$this.unbind('mouseleave');
|
||||
|
||||
if (moving)
|
||||
$myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25));
|
||||
else $myCheckBox.prop("checked", !$myCheckBox.is(":checked"));
|
||||
|
||||
moving = false;
|
||||
$myCheckBox.trigger('change');
|
||||
});
|
||||
|
||||
$this.on('mouseleave', function (e) {
|
||||
var $this = $(this)
|
||||
, $myCheckBox = $this.siblings('input');
|
||||
|
||||
e.preventDefault();
|
||||
e.stopImmediatePropagation();
|
||||
|
||||
$this.unbind('mouseleave');
|
||||
$this.trigger('mouseup');
|
||||
|
||||
$myCheckBox.prop('checked', !(parseInt($this.parent().css('left')) < -25)).trigger('change');
|
||||
});
|
||||
|
||||
$this.on('mouseup', function (e) {
|
||||
e.stopImmediatePropagation();
|
||||
e.preventDefault();
|
||||
|
||||
$(this).unbind('mousemove');
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
);
|
||||
},
|
||||
toggleActivation: function () {
|
||||
$(this).toggleClass('deactivate');
|
||||
},
|
||||
isActive: function () {
|
||||
return !$(this).hasClass('deactivate');
|
||||
},
|
||||
setActive: function (active) {
|
||||
if (active)
|
||||
$(this).removeClass('deactivate');
|
||||
else $(this).addClass('deactivate');
|
||||
},
|
||||
toggleState: function (skipOnChange) {
|
||||
var $input = $(this).find('input:checkbox');
|
||||
$input.prop('checked', !$input.is(':checked')).trigger('change', skipOnChange);
|
||||
},
|
||||
setState: function (value, skipOnChange) {
|
||||
$(this).find('input:checkbox').prop('checked', value).trigger('change', skipOnChange);
|
||||
},
|
||||
status: function () {
|
||||
return $(this).find('input:checkbox').is(':checked');
|
||||
},
|
||||
destroy: function () {
|
||||
var $div = $(this).find('div')
|
||||
, $checkbox;
|
||||
|
||||
$div.find(':not(input:checkbox)').remove();
|
||||
|
||||
$checkbox = $div.children();
|
||||
$checkbox.unwrap().unwrap();
|
||||
|
||||
$checkbox.unbind('change');
|
||||
|
||||
return $checkbox;
|
||||
}
|
||||
};
|
||||
|
||||
if (methods[method])
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
else if (typeof method === 'object' || !method)
|
||||
return methods.init.apply(this, arguments);
|
||||
else
|
||||
$.error('Method ' + method + ' does not exist!');
|
||||
};
|
||||
}(jQuery);
|
||||
|
||||
$(function () {
|
||||
$('.switch')['bootstrapSwitch']();
|
||||
});
|
5221
UI/JsLibraries/fullcalendar.js
Normal file
5221
UI/JsLibraries/fullcalendar.js
Normal file
File diff suppressed because it is too large
Load diff
1992
UI/JsLibraries/handlebars.js
Normal file
1992
UI/JsLibraries/handlebars.js
Normal file
File diff suppressed because it is too large
Load diff
9598
UI/JsLibraries/jquery.js
vendored
Normal file
9598
UI/JsLibraries/jquery.js
vendored
Normal file
File diff suppressed because it is too large
Load diff
981
UI/JsLibraries/jquery.tablesorter.bootstrap.js
Normal file
981
UI/JsLibraries/jquery.tablesorter.bootstrap.js
Normal file
|
@ -0,0 +1,981 @@
|
|||
/*! tableSorter 2.4+ widgets - updated 1/29/2013
|
||||
*
|
||||
* Column Styles
|
||||
* Column Filters
|
||||
* Column Resizing
|
||||
* Sticky Header
|
||||
* UI Theme (generalized)
|
||||
* Save Sort
|
||||
* ["zebra", "uitheme", "stickyHeaders", "filter", "columns"]
|
||||
*/
|
||||
/*jshint browser:true, jquery:true, unused:false, loopfunc:true */
|
||||
/*global jQuery: false, localStorage: false, navigator: false */
|
||||
;(function($){
|
||||
"use strict";
|
||||
$.tablesorter = $.tablesorter || {};
|
||||
|
||||
$.tablesorter.themes = {
|
||||
"bootstrap" : {
|
||||
table : 'table table-bordered table-striped',
|
||||
header : 'bootstrap-header', // give the header a gradient background
|
||||
footerRow : '',
|
||||
footerCells: '',
|
||||
icons : '', // add "icon-white" to make them white; this icon class is added to the <i> in the header
|
||||
sortNone : 'bootstrap-icon-unsorted',
|
||||
sortAsc : 'icon-chevron-up',
|
||||
sortDesc : 'icon-chevron-down',
|
||||
active : '', // applied when column is sorted
|
||||
hover : '', // use custom css here - bootstrap class may not override it
|
||||
filterRow : '', // filter row class
|
||||
even : '', // even row zebra striping
|
||||
odd : '' // odd row zebra striping
|
||||
},
|
||||
"jui" : {
|
||||
table : 'ui-widget ui-widget-content ui-corner-all', // table classes
|
||||
header : 'ui-widget-header ui-corner-all ui-state-default', // header classes
|
||||
footerRow : '',
|
||||
footerCells: '',
|
||||
icons : 'ui-icon', // icon class added to the <i> in the header
|
||||
sortNone : 'ui-icon-carat-2-n-s',
|
||||
sortAsc : 'ui-icon-carat-1-n',
|
||||
sortDesc : 'ui-icon-carat-1-s',
|
||||
active : 'ui-state-active', // applied when column is sorted
|
||||
hover : 'ui-state-hover', // hover class
|
||||
filterRow : '',
|
||||
even : 'ui-widget-content', // even row zebra striping
|
||||
odd : 'ui-state-default' // odd row zebra striping
|
||||
}
|
||||
};
|
||||
|
||||
// *** Store data in local storage, with a cookie fallback ***
|
||||
/* IE7 needs JSON library for JSON.stringify - (http://caniuse.com/#search=json)
|
||||
if you need it, then include https://github.com/douglascrockford/JSON-js
|
||||
|
||||
$.parseJSON is not available is jQuery versions older than 1.4.1, using older
|
||||
versions will only allow storing information for one page at a time
|
||||
|
||||
// *** Save data (JSON format only) ***
|
||||
// val must be valid JSON... use http://jsonlint.com/ to ensure it is valid
|
||||
var val = { "mywidget" : "data1" }; // valid JSON uses double quotes
|
||||
// $.tablesorter.storage(table, key, val);
|
||||
$.tablesorter.storage(table, 'tablesorter-mywidget', val);
|
||||
|
||||
// *** Get data: $.tablesorter.storage(table, key); ***
|
||||
v = $.tablesorter.storage(table, 'tablesorter-mywidget');
|
||||
// val may be empty, so also check for your data
|
||||
val = (v && v.hasOwnProperty('mywidget')) ? v.mywidget : '';
|
||||
alert(val); // "data1" if saved, or "" if not
|
||||
*/
|
||||
$.tablesorter.storage = function(table, key, val){
|
||||
var d, k, ls = false, v = {},
|
||||
id = table.id || $('.tablesorter').index( $(table) ),
|
||||
url = window.location.pathname;
|
||||
try { ls = !!(localStorage.getItem); } catch(e) {}
|
||||
// *** get val ***
|
||||
if ($.parseJSON){
|
||||
if (ls){
|
||||
v = $.parseJSON(localStorage[key]) || {};
|
||||
} else {
|
||||
k = document.cookie.split(/[;\s|=]/); // cookie
|
||||
d = $.inArray(key, k) + 1; // add one to get from the key to the value
|
||||
v = (d !== 0) ? $.parseJSON(k[d]) || {} : {};
|
||||
}
|
||||
}
|
||||
// allow val to be an empty string to
|
||||
if ((val || val === '') && window.JSON && JSON.hasOwnProperty('stringify')){
|
||||
// add unique identifiers = url pathname > table ID/index on page > data
|
||||
if (!v[url]) {
|
||||
v[url] = {};
|
||||
}
|
||||
v[url][id] = val;
|
||||
// *** set val ***
|
||||
if (ls){
|
||||
localStorage[key] = JSON.stringify(v);
|
||||
} else {
|
||||
d = new Date();
|
||||
d.setTime(d.getTime() + (31536e+6)); // 365 days
|
||||
document.cookie = key + '=' + (JSON.stringify(v)).replace(/\"/g,'\"') + '; expires=' + d.toGMTString() + '; path=/';
|
||||
}
|
||||
} else {
|
||||
return v && v[url] ? v[url][id] : {};
|
||||
}
|
||||
};
|
||||
|
||||
// Widget: General UI theme
|
||||
// "uitheme" option in "widgetOptions"
|
||||
// **************************
|
||||
$.tablesorter.addWidget({
|
||||
id: "uitheme",
|
||||
format: function(table){
|
||||
var time, klass, $el, $tar,
|
||||
t = $.tablesorter.themes,
|
||||
$t = $(table),
|
||||
c = table.config,
|
||||
wo = c.widgetOptions,
|
||||
theme = c.theme !== 'default' ? c.theme : wo.uitheme || 'jui', // default uitheme is 'jui'
|
||||
o = t[ t[theme] ? theme : t[wo.uitheme] ? wo.uitheme : 'jui'],
|
||||
$h = $(c.headerList),
|
||||
sh = 'tr.' + (wo.stickyHeaders || 'tablesorter-stickyHeader'),
|
||||
rmv = o.sortNone + ' ' + o.sortDesc + ' ' + o.sortAsc;
|
||||
if (c.debug) { time = new Date(); }
|
||||
if (!$t.hasClass('tablesorter-' + theme) || c.theme === theme || !table.hasInitialized){
|
||||
// update zebra stripes
|
||||
if (o.even !== '') { wo.zebra[0] += ' ' + o.even; }
|
||||
if (o.odd !== '') { wo.zebra[1] += ' ' + o.odd; }
|
||||
// add table/footer class names
|
||||
t = $t
|
||||
// remove other selected themes; use widgetOptions.theme_remove
|
||||
.removeClass( c.theme === '' ? '' : 'tablesorter-' + c.theme )
|
||||
.addClass('tablesorter-' + theme + ' ' + o.table) // add theme widget class name
|
||||
.find('tfoot');
|
||||
if (t.length) {
|
||||
t
|
||||
.find('tr').addClass(o.footerRow)
|
||||
.children('th, td').addClass(o.footerCells);
|
||||
}
|
||||
// update header classes
|
||||
$h
|
||||
.addClass(o.header)
|
||||
.filter(':not(.sorter-false)')
|
||||
.hover(function(){
|
||||
$(this).addClass(o.hover);
|
||||
}, function(){
|
||||
$(this).removeClass(o.hover);
|
||||
});
|
||||
if (!$h.find('.tablesorter-wrapper').length) {
|
||||
// Firefox needs this inner div to position the resizer correctly
|
||||
$h.wrapInner('<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"></div>');
|
||||
}
|
||||
if (c.cssIcon){
|
||||
// if c.cssIcon is '', then no <i> is added to the header
|
||||
$h.find('.' + c.cssIcon).addClass(o.icons);
|
||||
}
|
||||
if ($t.hasClass('hasFilters')){
|
||||
$h.find('.tablesorter-filter-row').addClass(o.filterRow);
|
||||
}
|
||||
}
|
||||
$.each($h, function(i){
|
||||
$el = $(this);
|
||||
$tar = (c.cssIcon) ? $el.find('.' + c.cssIcon) : $el;
|
||||
if (this.sortDisabled){
|
||||
// no sort arrows for disabled columns!
|
||||
$el.removeClass(rmv);
|
||||
$tar.removeClass(rmv + ' tablesorter-icon ' + o.icons);
|
||||
} else {
|
||||
t = ($t.hasClass('hasStickyHeaders')) ? $t.find(sh).find('th').eq(i).add($el) : $el;
|
||||
klass = ($el.hasClass(c.cssAsc)) ? o.sortAsc : ($el.hasClass(c.cssDesc)) ? o.sortDesc : $el.hasClass(c.cssHeader) ? o.sortNone : '';
|
||||
$el[klass === o.sortNone ? 'removeClass' : 'addClass'](o.active);
|
||||
$tar.removeClass(rmv).addClass(klass);
|
||||
}
|
||||
});
|
||||
if (c.debug){
|
||||
$.tablesorter.benchmark("Applying " + theme + " theme", time);
|
||||
}
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
var $t = $(table),
|
||||
theme = typeof wo.uitheme === 'object' ? 'jui' : wo.uitheme || 'jui',
|
||||
o = typeof wo.uitheme === 'object' ? wo.uitheme : $.tablesorter.themes[ $.tablesorter.themes.hasOwnProperty(theme) ? theme : 'jui'],
|
||||
$h = $t.children('thead').children(),
|
||||
rmv = o.sortNone + ' ' + o.sortDesc + ' ' + o.sortAsc;
|
||||
$t
|
||||
.removeClass('tablesorter-' + theme + ' ' + o.table)
|
||||
.find(c.cssHeader).removeClass(o.header);
|
||||
$h
|
||||
.unbind('mouseenter mouseleave') // remove hover
|
||||
.removeClass(o.hover + ' ' + rmv + ' ' + o.active)
|
||||
.find('.tablesorter-filter-row').removeClass(o.filterRow);
|
||||
$h.find('.tablesorter-icon').removeClass(o.icons);
|
||||
}
|
||||
});
|
||||
|
||||
// Widget: Column styles
|
||||
// "columns", "columns_thead" (true) and
|
||||
// "columns_tfoot" (true) options in "widgetOptions"
|
||||
// **************************
|
||||
$.tablesorter.addWidget({
|
||||
id: "columns",
|
||||
format: function(table){
|
||||
var $tb, $tr, $td, $t, time, last, rmv, i, k, l,
|
||||
$tbl = $(table),
|
||||
c = table.config,
|
||||
wo = c.widgetOptions,
|
||||
b = c.$tbodies,
|
||||
list = c.sortList,
|
||||
len = list.length,
|
||||
css = [ "primary", "secondary", "tertiary" ]; // default options
|
||||
// keep backwards compatibility, for now
|
||||
css = (c.widgetColumns && c.widgetColumns.hasOwnProperty('css')) ? c.widgetColumns.css || css :
|
||||
(wo && wo.hasOwnProperty('columns')) ? wo.columns || css : css;
|
||||
last = css.length-1;
|
||||
rmv = css.join(' ');
|
||||
if (c.debug){
|
||||
time = new Date();
|
||||
}
|
||||
// check if there is a sort (on initialization there may not be one)
|
||||
for (k = 0; k < b.length; k++ ){
|
||||
$tb = $.tablesorter.processTbody(table, b.eq(k), true); // detach tbody
|
||||
$tr = $tb.children('tr');
|
||||
l = $tr.length;
|
||||
// loop through the visible rows
|
||||
$tr.each(function(){
|
||||
$t = $(this);
|
||||
if (this.style.display !== 'none'){
|
||||
// remove all columns class names
|
||||
$td = $t.children().removeClass(rmv);
|
||||
// add appropriate column class names
|
||||
if (list && list[0]){
|
||||
// primary sort column class
|
||||
$td.eq(list[0][0]).addClass(css[0]);
|
||||
if (len > 1){
|
||||
for (i = 1; i < len; i++){
|
||||
// secondary, tertiary, etc sort column classes
|
||||
$td.eq(list[i][0]).addClass( css[i] || css[last] );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
$.tablesorter.processTbody(table, $tb, false);
|
||||
}
|
||||
// add classes to thead and tfoot
|
||||
$tr = wo.columns_thead !== false ? 'thead tr' : '';
|
||||
if (wo.columns_tfoot !== false) {
|
||||
$tr += ($tr === '' ? '' : ',') + 'tfoot tr';
|
||||
}
|
||||
if ($tr.length) {
|
||||
$t = $tbl.find($tr).children().removeClass(rmv);
|
||||
if (list && list[0]){
|
||||
// primary sort column class
|
||||
$t.filter('[data-column="' + list[0][0] + '"]').addClass(css[0]);
|
||||
if (len > 1){
|
||||
for (i = 1; i < len; i++){
|
||||
// secondary, tertiary, etc sort column classes
|
||||
$t.filter('[data-column="' + list[i][0] + '"]').addClass(css[i] || css[last]);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
if (c.debug){
|
||||
$.tablesorter.benchmark("Applying Columns widget", time);
|
||||
}
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
var k, $tb,
|
||||
b = c.$tbodies,
|
||||
rmv = (c.widgetOptions.columns || [ "primary", "secondary", "tertiary" ]).join(' ');
|
||||
c.$headers.removeClass(rmv);
|
||||
$(table).children('tfoot').children('tr').children('th, td').removeClass(rmv);
|
||||
for (k = 0; k < b.length; k++ ){
|
||||
$tb = $.tablesorter.processTbody(table, b.eq(k), true); // remove tbody
|
||||
$tb.children('tr').each(function(){
|
||||
$(this).children().removeClass(rmv);
|
||||
});
|
||||
$.tablesorter.processTbody(table, $tb, false); // restore tbody
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
/* Widget: filter
|
||||
widgetOptions:
|
||||
filter_childRows : false // if true, filter includes child row content in the search
|
||||
filter_columnFilters : true // if true, a filter will be added to the top of each table column
|
||||
filter_cssFilter : 'tablesorter-filter' // css class name added to the filter row & each input in the row
|
||||
filter_functions : null // add custom filter functions using this option
|
||||
filter_hideFilters : false // collapse filter row when mouse leaves the area
|
||||
filter_ignoreCase : true // if true, make all searches case-insensitive
|
||||
filter_reset : null // jQuery selector string of an element used to reset the filters
|
||||
filter_searchDelay : 300 // typing delay in milliseconds before starting a search
|
||||
filter_startsWith : false // if true, filter start from the beginning of the cell contents
|
||||
filter_useParsedData : false // filter all data using parsed content
|
||||
filter_serversideFiltering : false // if true, server-side filtering should be performed because client-side filtering will be disabled, but the ui and events will still be used.
|
||||
**************************/
|
||||
$.tablesorter.addWidget({
|
||||
id: "filter",
|
||||
format: function(table){
|
||||
if (table.config.parsers && !$(table).hasClass('hasFilters')){
|
||||
var i, j, k, l, val, ff, x, xi, st, sel, str,
|
||||
ft, ft2, $th, rg, s, t, dis, col,
|
||||
last = '', // save last filter search
|
||||
ts = $.tablesorter,
|
||||
c = table.config,
|
||||
$ths = $(c.headerList),
|
||||
wo = c.widgetOptions,
|
||||
css = wo.filter_cssFilter || 'tablesorter-filter',
|
||||
$t = $(table).addClass('hasFilters'),
|
||||
b = c.$tbodies,
|
||||
cols = c.parsers.length,
|
||||
reg = [ // regex used in filter "check" functions
|
||||
/^\/((?:\\\/|[^\/])+)\/([mig]{0,3})?$/, // 0 = regex to test for regex
|
||||
new RegExp(c.cssChildRow), // 1 = child row
|
||||
/undefined|number/, // 2 = check type
|
||||
/(^[\"|\'|=])|([\"|\'|=]$)/, // 3 = exact match
|
||||
/[\"\'=]/g, // 4 = replace exact match flags
|
||||
/[^\w,. \-()]/g, // 5 = replace non-digits (from digit & currency parser)
|
||||
/[<>=]/g // 6 = replace operators
|
||||
],
|
||||
parsed = $ths.map(function(i){
|
||||
return (ts.getData) ? ts.getData($ths.filter('[data-column="' + i + '"]:last'), c.headers[i], 'filter') === 'parsed' : $(this).hasClass('filter-parsed');
|
||||
}).get(),
|
||||
time, timer,
|
||||
|
||||
// dig fer gold
|
||||
checkFilters = function(filter){
|
||||
var arry = $.isArray(filter),
|
||||
$inpts = $t.find('thead').eq(0).children('tr').find('select.' + css + ', input.' + css),
|
||||
v = (arry) ? filter : $inpts.map(function(){
|
||||
return $(this).val() || '';
|
||||
}).get(),
|
||||
cv = (v || []).join(''); // combined filter values
|
||||
// add filter array back into inputs
|
||||
if (arry) {
|
||||
$inpts.each(function(i,el){
|
||||
$(el).val(filter[i] || '');
|
||||
});
|
||||
}
|
||||
if (wo.filter_hideFilters === true){
|
||||
// show/hide filter row as needed
|
||||
$t.find('.tablesorter-filter-row').trigger( cv === '' ? 'mouseleave' : 'mouseenter' );
|
||||
}
|
||||
// return if the last search is the same; but filter === false when updating the search
|
||||
// see example-widget-filter.html filter toggle buttons
|
||||
if (last === cv && filter !== false) { return; }
|
||||
$t.trigger('filterStart', [v]);
|
||||
if (c.showProcessing) {
|
||||
// give it time for the processing icon to kick in
|
||||
setTimeout(function(){
|
||||
findRows(filter, v, cv);
|
||||
return false;
|
||||
}, 30);
|
||||
} else {
|
||||
findRows(filter, v, cv);
|
||||
return false;
|
||||
}
|
||||
},
|
||||
findRows = function(filter, v, cv){
|
||||
var $tb, $tr, $td, cr, r, l, ff, time, arry;
|
||||
if (c.debug) { time = new Date(); }
|
||||
|
||||
for (k = 0; k < b.length; k++ ){
|
||||
$tb = $.tablesorter.processTbody(table, b.eq(k), true);
|
||||
$tr = $tb.children('tr');
|
||||
l = $tr.length;
|
||||
if (cv === '' || wo.filter_serversideFiltering){
|
||||
$tr.show().removeClass('filtered');
|
||||
} else {
|
||||
// loop through the rows
|
||||
for (j = 0; j < l; j++){
|
||||
// skip child rows
|
||||
if (reg[1].test($tr[j].className)) { continue; }
|
||||
r = true;
|
||||
cr = $tr.eq(j).nextUntil('tr:not(.' + c.cssChildRow + ')');
|
||||
// so, if "table.config.widgetOptions.filter_childRows" is true and there is
|
||||
// a match anywhere in the child row, then it will make the row visible
|
||||
// checked here so the option can be changed dynamically
|
||||
t = (cr.length && (wo && wo.hasOwnProperty('filter_childRows') &&
|
||||
typeof wo.filter_childRows !== 'undefined' ? wo.filter_childRows : true)) ? cr.text() : '';
|
||||
t = wo.filter_ignoreCase ? t.toLocaleLowerCase() : t;
|
||||
$td = $tr.eq(j).children('td');
|
||||
for (i = 0; i < cols; i++){
|
||||
// ignore if filter is empty or disabled
|
||||
if (v[i]){
|
||||
// check if column data should be from the cell or from parsed data
|
||||
if (wo.filter_useParsedData || parsed[i]){
|
||||
x = c.cache[k].normalized[j][i];
|
||||
} else {
|
||||
// using older or original tablesorter
|
||||
x = $.trim($td.eq(i).text());
|
||||
}
|
||||
xi = !reg[2].test(typeof x) && wo.filter_ignoreCase ? x.toLocaleLowerCase() : x;
|
||||
ff = r; // if r is true, show that row
|
||||
// val = case insensitive, v[i] = case sensitive
|
||||
val = wo.filter_ignoreCase ? v[i].toLocaleLowerCase() : v[i];
|
||||
if (wo.filter_functions && wo.filter_functions[i]){
|
||||
if (wo.filter_functions[i] === true){
|
||||
// default selector; no "filter-select" class
|
||||
ff = ($ths.filter('[data-column="' + i + '"]:last').hasClass('filter-match')) ? xi.search(val) >= 0 : v[i] === x;
|
||||
} else if (typeof wo.filter_functions[i] === 'function'){
|
||||
// filter callback( exact cell content, parser normalized content, filter input value, column index )
|
||||
ff = wo.filter_functions[i](x, c.cache[k].normalized[j][i], v[i], i);
|
||||
} else if (typeof wo.filter_functions[i][v[i]] === 'function'){
|
||||
// selector option function
|
||||
ff = wo.filter_functions[i][v[i]](x, c.cache[k].normalized[j][i], v[i], i);
|
||||
}
|
||||
// Look for regex
|
||||
} else if (reg[0].test(val)){
|
||||
rg = reg[0].exec(val);
|
||||
try {
|
||||
ff = new RegExp(rg[1], rg[2]).test(xi);
|
||||
} catch (err){
|
||||
ff = false;
|
||||
}
|
||||
// Look for quotes or equals to get an exact match
|
||||
} else if (reg[3].test(val) && xi === val.replace(reg[4], '')){
|
||||
ff = true;
|
||||
// Look for a not match
|
||||
} else if (/^\!/.test(val)){
|
||||
val = val.replace('!','');
|
||||
s = xi.search($.trim(val));
|
||||
ff = val === '' ? true : !(wo.filter_startsWith ? s === 0 : s >= 0);
|
||||
// Look for operators >, >=, < or <=
|
||||
} else if (/^[<>]=?/.test(val)){
|
||||
// xi may be numeric - see issue #149
|
||||
rg = isNaN(xi) ? $.tablesorter.formatFloat(xi.replace(reg[5], ''), table) : $.tablesorter.formatFloat(xi, table);
|
||||
s = $.tablesorter.formatFloat(val.replace(reg[5], '').replace(reg[6],''), table);
|
||||
if (/>/.test(val)) { ff = />=/.test(val) ? rg >= s : rg > s; }
|
||||
if (/</.test(val)) { ff = /<=/.test(val) ? rg <= s : rg < s; }
|
||||
// Look for wild card: ? = single, or * = multiple
|
||||
} else if (/[\?|\*]/.test(val)){
|
||||
ff = new RegExp( val.replace(/\?/g, '\\S{1}').replace(/\*/g, '\\S*') ).test(xi);
|
||||
// Look for match, and add child row data for matching
|
||||
} else {
|
||||
x = (xi + t).indexOf(val);
|
||||
ff = ( (!wo.filter_startsWith && x >= 0) || (wo.filter_startsWith && x === 0) );
|
||||
}
|
||||
r = (ff) ? (r ? true : false) : false;
|
||||
}
|
||||
}
|
||||
$tr[j].style.display = (r ? '' : 'none');
|
||||
$tr.eq(j)[r ? 'removeClass' : 'addClass']('filtered');
|
||||
if (cr.length) { cr[r ? 'show' : 'hide'](); }
|
||||
}
|
||||
}
|
||||
$.tablesorter.processTbody(table, $tb, false);
|
||||
}
|
||||
|
||||
last = cv; // save last search
|
||||
if (c.debug){
|
||||
ts.benchmark("Completed filter widget search", time);
|
||||
}
|
||||
$t.trigger('applyWidgets'); // make sure zebra widget is applied
|
||||
$t.trigger('filterEnd');
|
||||
},
|
||||
buildSelect = function(i, updating){
|
||||
var o, arry = [];
|
||||
i = parseInt(i, 10);
|
||||
o = '<option value="">' + ($ths.filter('[data-column="' + i + '"]:last').attr('data-placeholder') || '') + '</option>';
|
||||
for (k = 0; k < b.length; k++ ){
|
||||
l = c.cache[k].row.length;
|
||||
// loop through the rows
|
||||
for (j = 0; j < l; j++){
|
||||
// get non-normalized cell content
|
||||
if (wo.filter_useParsedData){
|
||||
arry.push( '' + c.cache[k].normalized[j][i] );
|
||||
} else {
|
||||
t = c.cache[k].row[j][0].cells[i];
|
||||
if (t){
|
||||
arry.push( $.trim(c.supportsTextContent ? t.textContent : $(t).text()) );
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// get unique elements and sort the list
|
||||
// if $.tablesorter.sortText exists (not in the original tablesorter),
|
||||
// then natural sort the list otherwise use a basic sort
|
||||
arry = $.grep(arry, function(v, k){
|
||||
return $.inArray(v ,arry) === k;
|
||||
});
|
||||
arry = (ts.sortText) ? arry.sort(function(a,b){ return ts.sortText(table, a, b, i); }) : arry.sort(true);
|
||||
|
||||
// build option list
|
||||
for (k = 0; k < arry.length; k++){
|
||||
o += '<option value="' + arry[k] + '">' + arry[k] + '</option>';
|
||||
}
|
||||
$t.find('thead').find('select.' + css + '[data-column="' + i + '"]')[ updating ? 'html' : 'append' ](o);
|
||||
},
|
||||
buildDefault = function(updating){
|
||||
// build default select dropdown
|
||||
for (i = 0; i < cols; i++){
|
||||
t = $ths.filter('[data-column="' + i + '"]:last');
|
||||
// look for the filter-select class; build/update it if found
|
||||
if ((t.hasClass('filter-select') || wo.filter_functions && wo.filter_functions[i] === true) && !t.hasClass('filter-false')){
|
||||
if (!wo.filter_functions) { wo.filter_functions = {}; }
|
||||
wo.filter_functions[i] = true; // make sure this select gets processed by filter_functions
|
||||
buildSelect(i, updating);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
if (c.debug){
|
||||
time = new Date();
|
||||
}
|
||||
wo.filter_ignoreCase = wo.filter_ignoreCase !== false; // set default filter_ignoreCase to true
|
||||
wo.filter_useParsedData = wo.filter_useParsedData === true; // default is false
|
||||
// don't build filter row if columnFilters is false or all columns are set to "filter-false" - issue #156
|
||||
if (wo.filter_columnFilters !== false && $ths.filter('.filter-false').length !== $ths.length){
|
||||
t = '<tr class="tablesorter-filter-row">'; // build filter row
|
||||
for (i = 0; i < cols; i++){
|
||||
dis = false;
|
||||
$th = $ths.filter('[data-column="' + i + '"]:last'); // assuming last cell of a column is the main column
|
||||
sel = (wo.filter_functions && wo.filter_functions[i] && typeof wo.filter_functions[i] !== 'function') || $th.hasClass('filter-select');
|
||||
t += '<td>';
|
||||
if (sel){
|
||||
t += '<select data-column="' + i + '" class="' + css;
|
||||
} else {
|
||||
t += '<input type="search" placeholder="' + ($th.attr('data-placeholder') || "") + '" data-column="' + i + '" class="' + css;
|
||||
}
|
||||
// use header option - headers: { 1: { filter: false } } OR add class="filter-false"
|
||||
if (ts.getData){
|
||||
dis = ts.getData($th[0], c.headers[i], 'filter') === 'false';
|
||||
// get data from jQuery data, metadata, headers option or header class name
|
||||
t += dis ? ' disabled" disabled' : '"';
|
||||
} else {
|
||||
dis = (c.headers[i] && c.headers[i].hasOwnProperty('filter') && c.headers[i].filter === false) || $th.hasClass('filter-false');
|
||||
// only class names and header options - keep this for compatibility with tablesorter v2.0.5
|
||||
t += (dis) ? ' disabled" disabled' : '"';
|
||||
}
|
||||
t += (sel ? '></select>' : '>') + '</td>';
|
||||
}
|
||||
$t.find('thead').eq(0).append(t += '</tr>');
|
||||
}
|
||||
$t
|
||||
// add .tsfilter namespace to all BUT search
|
||||
.bind('addRows updateCell update appendCache search'.split(' ').join('.tsfilter '), function(e, filter){
|
||||
if (e.type !== 'search'){
|
||||
buildDefault(true);
|
||||
}
|
||||
checkFilters(e.type === 'search' ? filter : '');
|
||||
return false;
|
||||
})
|
||||
.find('input.' + css).bind('keyup search', function(e, filter){
|
||||
// ignore arrow and meta keys; allow backspace
|
||||
if ((e.which < 32 && e.which !== 8) || (e.which >= 37 && e.which <=40)) { return; }
|
||||
// skip delay
|
||||
if (typeof filter !== 'undefined'){
|
||||
checkFilters(filter);
|
||||
return false;
|
||||
}
|
||||
// delay filtering
|
||||
clearTimeout(timer);
|
||||
timer = setTimeout(function(){
|
||||
checkFilters();
|
||||
}, wo.filter_searchDelay || 300);
|
||||
});
|
||||
|
||||
// reset button/link
|
||||
if (wo.filter_reset && $(wo.filter_reset).length){
|
||||
$(wo.filter_reset).bind('click', function(){
|
||||
$t.find('.' + css).val('');
|
||||
checkFilters();
|
||||
return false;
|
||||
});
|
||||
}
|
||||
if (wo.filter_functions){
|
||||
// i = column # (string)
|
||||
for (col in wo.filter_functions){
|
||||
if (wo.filter_functions.hasOwnProperty(col) && typeof col === 'string'){
|
||||
t = $ths.filter('[data-column="' + col + '"]:last');
|
||||
ff = '';
|
||||
if (wo.filter_functions[col] === true && !t.hasClass('filter-false')){
|
||||
buildSelect(col);
|
||||
} else if (typeof col === 'string' && !t.hasClass('filter-false')){
|
||||
// add custom drop down list
|
||||
for (str in wo.filter_functions[col]){
|
||||
if (typeof str === 'string'){
|
||||
ff += ff === '' ? '<option value="">' + (t.attr('data-placeholder') || '') + '</option>' : '';
|
||||
ff += '<option value="' + str + '">' + str + '</option>';
|
||||
}
|
||||
}
|
||||
$t.find('thead').find('select.' + css + '[data-column="' + col + '"]').append(ff);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// not really updating, but if the column has both the "filter-select" class & filter_functions set to true,
|
||||
// it would append the same options twice.
|
||||
buildDefault(true);
|
||||
|
||||
$t.find('select.' + css).bind('change search', function(){
|
||||
checkFilters();
|
||||
});
|
||||
|
||||
if (wo.filter_hideFilters === true){
|
||||
$t
|
||||
.find('.tablesorter-filter-row')
|
||||
.addClass('hideme')
|
||||
.bind('mouseenter mouseleave', function(e){
|
||||
// save event object - http://bugs.jquery.com/ticket/12140
|
||||
var all, evt = e;
|
||||
ft = $(this);
|
||||
clearTimeout(st);
|
||||
st = setTimeout(function(){
|
||||
if (/enter|over/.test(evt.type)){
|
||||
ft.removeClass('hideme');
|
||||
} else {
|
||||
// don't hide if input has focus
|
||||
// $(':focus') needs jQuery 1.6+
|
||||
if ($(document.activeElement).closest('tr')[0] !== ft[0]){
|
||||
// get all filter values
|
||||
all = $t.find('.' + (wo.filter_cssFilter || 'tablesorter-filter')).map(function(){
|
||||
return $(this).val() || '';
|
||||
}).get().join('');
|
||||
// don't hide row if any filter has a value
|
||||
if (all === ''){
|
||||
ft.addClass('hideme');
|
||||
}
|
||||
}
|
||||
}
|
||||
}, 200);
|
||||
})
|
||||
.find('input, select').bind('focus blur', function(e){
|
||||
ft2 = $(this).closest('tr');
|
||||
clearTimeout(st);
|
||||
st = setTimeout(function(){
|
||||
// don't hide row if any filter has a value
|
||||
if ($t.find('.' + (wo.filter_cssFilter || 'tablesorter-filter')).map(function(){ return $(this).val() || ''; }).get().join('') === ''){
|
||||
ft2[ e.type === 'focus' ? 'removeClass' : 'addClass']('hideme');
|
||||
}
|
||||
}, 200);
|
||||
});
|
||||
}
|
||||
|
||||
// show processing icon
|
||||
if (c.showProcessing) {
|
||||
$t.bind('filterStart filterEnd', function(e, v) {
|
||||
var fc = (v) ? $t.find('.' + c.cssHeader).filter('[data-column]').filter(function(){
|
||||
return v[$(this).data('column')] !== '';
|
||||
}) : '';
|
||||
ts.isProcessing($t[0], e.type === 'filterStart', v ? fc : '');
|
||||
});
|
||||
}
|
||||
|
||||
if (c.debug){
|
||||
ts.benchmark("Applying Filter widget", time);
|
||||
}
|
||||
// filter widget initialized
|
||||
$t.trigger('filterInit');
|
||||
}
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
var k, $tb,
|
||||
$t = $(table),
|
||||
b = c.$tbodies;
|
||||
$t
|
||||
.removeClass('hasFilters')
|
||||
// add .tsfilter namespace to all BUT search
|
||||
.unbind('addRows updateCell update appendCache search'.split(' ').join('.tsfilter'))
|
||||
.find('.tablesorter-filter-row').remove();
|
||||
for (k = 0; k < b.length; k++ ){
|
||||
$tb = $.tablesorter.processTbody(table, b.eq(k), true); // remove tbody
|
||||
$tb.children().removeClass('filtered').show();
|
||||
$.tablesorter.processTbody(table, $tb, false); // restore tbody
|
||||
}
|
||||
if (wo.filterreset) { $(wo.filter_reset).unbind('click'); }
|
||||
}
|
||||
});
|
||||
|
||||
// Widget: Sticky headers
|
||||
// based on this awesome article:
|
||||
// http://css-tricks.com/13465-persistent-headers/
|
||||
// and https://github.com/jmosbech/StickyTableHeaders by Jonas Mosbech
|
||||
// **************************
|
||||
$.tablesorter.addWidget({
|
||||
id: "stickyHeaders",
|
||||
format: function(table){
|
||||
if ($(table).hasClass('hasStickyHeaders')) { return; }
|
||||
var $table = $(table).addClass('hasStickyHeaders'),
|
||||
c = table.config,
|
||||
wo = c.widgetOptions,
|
||||
win = $(window),
|
||||
header = $(table).children('thead:first'), //.add( $(table).find('caption') ),
|
||||
hdrCells = header.children('tr:not(.sticky-false)').children(),
|
||||
css = wo.stickyHeaders || 'tablesorter-stickyHeader',
|
||||
innr = '.tablesorter-header-inner',
|
||||
firstRow = hdrCells.eq(0).parent(),
|
||||
tfoot = $table.find('tfoot'),
|
||||
t2 = wo.$sticky = $table.clone(), // clone table, but don't remove id... the table might be styled by css
|
||||
// clone the entire thead - seems to work in IE8+
|
||||
stkyHdr = t2.children('thead:first')
|
||||
.addClass(css)
|
||||
.css({
|
||||
width : header.outerWidth(true),
|
||||
position : 'fixed',
|
||||
margin : 0,
|
||||
top : 0,
|
||||
visibility : 'hidden',
|
||||
zIndex : 1
|
||||
}),
|
||||
stkyCells = stkyHdr.children('tr:not(.sticky-false)').children(), // issue #172
|
||||
laststate = '',
|
||||
spacing = 0,
|
||||
resizeHdr = function(){
|
||||
var bwsr = navigator.userAgent;
|
||||
spacing = 0;
|
||||
// yes, I dislike browser sniffing, but it really is needed here :(
|
||||
// webkit automatically compensates for border spacing
|
||||
if ($table.css('border-collapse') !== 'collapse' && !/(webkit|msie)/i.test(bwsr)) {
|
||||
// Firefox & Opera use the border-spacing
|
||||
// update border-spacing here because of demos that switch themes
|
||||
spacing = parseInt(hdrCells.eq(0).css('border-left-width'), 10) * 2;
|
||||
}
|
||||
stkyHdr.css({
|
||||
left : header.offset().left - win.scrollLeft() - spacing,
|
||||
width: header.outerWidth()
|
||||
});
|
||||
stkyCells
|
||||
.each(function(i){
|
||||
var $h = hdrCells.eq(i);
|
||||
$(this).css({
|
||||
width: $h.width() - spacing,
|
||||
height: $h.height()
|
||||
});
|
||||
})
|
||||
.find(innr).each(function(i){
|
||||
var hi = hdrCells.eq(i).find(innr),
|
||||
w = hi.width(); // - ( parseInt(hi.css('padding-left'), 10) + parseInt(hi.css('padding-right'), 10) );
|
||||
$(this).width(w);
|
||||
});
|
||||
};
|
||||
// clear out cloned table, except for sticky header
|
||||
t2.find('thead:gt(0),tr.sticky-false,tbody,tfoot,caption').remove();
|
||||
t2.css({ height:0, width:0, padding:0, margin:0, border:0 });
|
||||
// remove rows you don't want to be sticky
|
||||
stkyHdr.find('tr.sticky-false').remove();
|
||||
// remove resizable block
|
||||
stkyCells.find('.tablesorter-resizer').remove();
|
||||
// update sticky header class names to match real header after sorting
|
||||
$table
|
||||
.bind('sortEnd.tsSticky', function(){
|
||||
hdrCells.each(function(i){
|
||||
var t = stkyCells.eq(i);
|
||||
t.attr('class', $(this).attr('class'));
|
||||
if (c.cssIcon){
|
||||
t
|
||||
.find('.' + c.cssIcon)
|
||||
.attr('class', $(this).find('.' + c.cssIcon).attr('class'));
|
||||
}
|
||||
});
|
||||
})
|
||||
.bind('pagerComplete.tsSticky', function(){
|
||||
resizeHdr();
|
||||
});
|
||||
// set sticky header cell width and link clicks to real header
|
||||
hdrCells.find('*').andSelf().filter(c.selectorSort).each(function(i){
|
||||
var t = $(this);
|
||||
stkyCells.eq(i)
|
||||
// clicking on sticky will trigger sort
|
||||
.bind('mouseup', function(e){
|
||||
t.trigger(e, true); // external mouseup flag (click timer is ignored)
|
||||
})
|
||||
// prevent sticky header text selection
|
||||
.bind('mousedown', function(){
|
||||
this.onselectstart = function(){ return false; };
|
||||
return false;
|
||||
});
|
||||
});
|
||||
// add stickyheaders AFTER the table. If the table is selected by ID, the original one (first) will be returned.
|
||||
$table.after( t2 );
|
||||
// make it sticky!
|
||||
win
|
||||
.bind('scroll.tsSticky', function(){
|
||||
var offset = firstRow.offset(),
|
||||
sTop = win.scrollTop(),
|
||||
tableHt = $table.height() - (stkyHdr.height() + (tfoot.height() || 0)),
|
||||
vis = (sTop > offset.top) && (sTop < offset.top + tableHt) ? 'visible' : 'hidden';
|
||||
stkyHdr
|
||||
.css({
|
||||
// adjust when scrolling horizontally - fixes issue #143
|
||||
left : header.offset().left - win.scrollLeft() - spacing,
|
||||
visibility : vis
|
||||
});
|
||||
if (vis !== laststate){
|
||||
// make sure the column widths match
|
||||
resizeHdr();
|
||||
laststate = vis;
|
||||
}
|
||||
})
|
||||
.bind('resize.tsSticky', function(){
|
||||
resizeHdr();
|
||||
});
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
var $t = $(table),
|
||||
css = wo.stickyHeaders || 'tablesorter-stickyHeader';
|
||||
$t
|
||||
.removeClass('hasStickyHeaders')
|
||||
.unbind('sortEnd.tsSticky pagerComplete.tsSticky')
|
||||
.find('.' + css).remove();
|
||||
if (wo.$sticky) { wo.$sticky.remove(); } // remove cloned thead
|
||||
$(window).unbind('scroll.tsSticky resize.tsSticky');
|
||||
}
|
||||
});
|
||||
|
||||
// Add Column resizing widget
|
||||
// this widget saves the column widths if
|
||||
// $.tablesorter.storage function is included
|
||||
// **************************
|
||||
$.tablesorter.addWidget({
|
||||
id: "resizable",
|
||||
format: function(table){
|
||||
if ($(table).hasClass('hasResizable')) { return; }
|
||||
$(table).addClass('hasResizable');
|
||||
var $t, t, i, j, s, $c, $cols, w, tw,
|
||||
$tbl = $(table),
|
||||
c = table.config,
|
||||
wo = c.widgetOptions,
|
||||
position = 0,
|
||||
$target = null,
|
||||
$next = null,
|
||||
fullWidth = Math.abs($tbl.parent().width() - $tbl.width()) < 20,
|
||||
stopResize = function(){
|
||||
if ($.tablesorter.storage && $target){
|
||||
s[$target.index()] = $target.width();
|
||||
s[$next.index()] = $next.width();
|
||||
$target.width( s[$target.index()] );
|
||||
$next.width( s[$next.index()] );
|
||||
if (wo.resizable !== false){
|
||||
$.tablesorter.storage(table, 'tablesorter-resizable', s);
|
||||
}
|
||||
}
|
||||
position = 0;
|
||||
$target = $next = null;
|
||||
$(window).trigger('resize'); // will update stickyHeaders, just in case
|
||||
};
|
||||
s = ($.tablesorter.storage && wo.resizable !== false) ? $.tablesorter.storage(table, 'tablesorter-resizable') : {};
|
||||
// process only if table ID or url match
|
||||
if (s){
|
||||
for (j in s){
|
||||
if (!isNaN(j) && j < c.headerList.length){
|
||||
$(c.headerList[j]).width(s[j]); // set saved resizable widths
|
||||
}
|
||||
}
|
||||
}
|
||||
$t = $tbl.children('thead:first').children('tr');
|
||||
// add resizable-false class name to headers (across rows as needed)
|
||||
$t.children().each(function(){
|
||||
t = $(this);
|
||||
i = t.attr('data-column');
|
||||
j = $.tablesorter.getData( t, c.headers[i], 'resizable') === "false";
|
||||
$t.children().filter('[data-column="' + i + '"]').toggleClass('resizable-false', j);
|
||||
});
|
||||
// add wrapper inside each cell to allow for positioning of the resizable target block
|
||||
$t.each(function(){
|
||||
$c = $(this).children(':not(.resizable-false)');
|
||||
if (!$(this).find('.tablesorter-wrapper').length) {
|
||||
// Firefox needs this inner div to position the resizer correctly
|
||||
$c.wrapInner('<div class="tablesorter-wrapper" style="position:relative;height:100%;width:100%"></div>');
|
||||
}
|
||||
$c = $c.slice(0,-1); // don't include the last column of the row
|
||||
$cols = $cols ? $cols.add($c) : $c;
|
||||
});
|
||||
$cols
|
||||
.each(function(){
|
||||
$t = $(this);
|
||||
j = parseInt($t.css('padding-right'), 10) + 10; // 8 is 1/2 of the 16px wide resizer grip
|
||||
t = '<div class="tablesorter-resizer" style="cursor:w-resize;position:absolute;z-index:1;right:-' + j +
|
||||
'px;top:0;height:100%;width:20px;"></div>';
|
||||
$t
|
||||
.find('.tablesorter-wrapper')
|
||||
.append(t);
|
||||
})
|
||||
.bind('mousemove.tsresize', function(e){
|
||||
// ignore mousemove if no mousedown
|
||||
if (position === 0 || !$target) { return; }
|
||||
// resize columns
|
||||
w = e.pageX - position;
|
||||
tw = $target.width();
|
||||
$target.width( tw + w );
|
||||
if ($target.width() !== tw && fullWidth){
|
||||
$next.width( $next.width() - w );
|
||||
}
|
||||
position = e.pageX;
|
||||
})
|
||||
.bind('mouseup.tsresize', function(){
|
||||
stopResize();
|
||||
})
|
||||
.find('.tablesorter-resizer,.tablesorter-resizer-grip')
|
||||
.bind('mousedown', function(e){
|
||||
// save header cell and mouse position; closest() not supported by jQuery v1.2.6
|
||||
$target = $(e.target).closest('th');
|
||||
t = c.$headers.filter('[data-column="' + $target.attr('data-column') + '"]');
|
||||
if (t.length > 1) { $target = $target.add(t); }
|
||||
// if table is not as wide as it's parent, then resize the table
|
||||
$next = e.shiftKey ? $target.parent().find('th:not(.resizable-false)').filter(':last') : $target.nextAll(':not(.resizable-false)').eq(0);
|
||||
position = e.pageX;
|
||||
});
|
||||
$tbl.find('thead:first')
|
||||
.bind('mouseup.tsresize mouseleave.tsresize', function(e){
|
||||
stopResize();
|
||||
})
|
||||
// right click to reset columns to default widths
|
||||
.bind('contextmenu.tsresize', function(){
|
||||
$.tablesorter.resizableReset(table);
|
||||
// $.isEmptyObject() needs jQuery 1.4+
|
||||
var rtn = $.isEmptyObject ? $.isEmptyObject(s) : s === {}; // allow right click if already reset
|
||||
s = {};
|
||||
return rtn;
|
||||
});
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
$(table)
|
||||
.removeClass('hasResizable')
|
||||
.find('thead')
|
||||
.unbind('mouseup.tsresize mouseleave.tsresize contextmenu.tsresize')
|
||||
.find('tr').children()
|
||||
.unbind('mousemove.tsresize mouseup.tsresize')
|
||||
// don't remove "tablesorter-wrapper" as uitheme uses it too
|
||||
.find('.tablesorter-resizer,.tablesorter-resizer-grip').remove();
|
||||
$.tablesorter.resizableReset(table);
|
||||
}
|
||||
});
|
||||
$.tablesorter.resizableReset = function(table){
|
||||
$(table.config.headerList).filter(':not(.resizable-false)').css('width','');
|
||||
if ($.tablesorter.storage) { $.tablesorter.storage(table, 'tablesorter-resizable', {}); }
|
||||
};
|
||||
|
||||
// Save table sort widget
|
||||
// this widget saves the last sort only if the
|
||||
// saveSort widget option is true AND the
|
||||
// $.tablesorter.storage function is included
|
||||
// **************************
|
||||
$.tablesorter.addWidget({
|
||||
id: 'saveSort',
|
||||
init: function(table, thisWidget){
|
||||
// run widget format before all other widgets are applied to the table
|
||||
thisWidget.format(table, true);
|
||||
},
|
||||
format: function(table, init){
|
||||
var sl, time, c = table.config,
|
||||
wo = c.widgetOptions,
|
||||
ss = wo.saveSort !== false, // make saveSort active/inactive; default to true
|
||||
sortList = { "sortList" : c.sortList };
|
||||
if (c.debug){
|
||||
time = new Date();
|
||||
}
|
||||
if ($(table).hasClass('hasSaveSort')){
|
||||
if (ss && table.hasInitialized && $.tablesorter.storage){
|
||||
$.tablesorter.storage( table, 'tablesorter-savesort', sortList );
|
||||
if (c.debug){
|
||||
$.tablesorter.benchmark('saveSort widget: Saving last sort: ' + c.sortList, time);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// set table sort on initial run of the widget
|
||||
$(table).addClass('hasSaveSort');
|
||||
sortList = '';
|
||||
// get data
|
||||
if ($.tablesorter.storage){
|
||||
sl = $.tablesorter.storage( table, 'tablesorter-savesort' );
|
||||
sortList = (sl && sl.hasOwnProperty('sortList') && $.isArray(sl.sortList)) ? sl.sortList : '';
|
||||
if (c.debug){
|
||||
$.tablesorter.benchmark('saveSort: Last sort loaded: "' + sortList + '"', time);
|
||||
}
|
||||
}
|
||||
// init is true when widget init is run, this will run this widget before all other widgets have initialized
|
||||
// this method allows using this widget in the original tablesorter plugin; but then it will run all widgets twice.
|
||||
if (init && sortList && sortList.length > 0){
|
||||
c.sortList = sortList;
|
||||
} else if (table.hasInitialized && sortList && sortList.length > 0){
|
||||
// update sort change
|
||||
$(table).trigger('sorton', [sortList]);
|
||||
}
|
||||
}
|
||||
},
|
||||
remove: function(table, c, wo){
|
||||
// clear storage
|
||||
if ($.tablesorter.storage) { $.tablesorter.storage( table, 'tablesorter-savesort', '' ); }
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery);
|
1383
UI/JsLibraries/jquery.tablesorter.js
Normal file
1383
UI/JsLibraries/jquery.tablesorter.js
Normal file
File diff suppressed because it is too large
Load diff
575
UI/JsLibraries/jquery.tablesorter.pager.js
Normal file
575
UI/JsLibraries/jquery.tablesorter.pager.js
Normal file
|
@ -0,0 +1,575 @@
|
|||
/*!
|
||||
* tablesorter pager plugin
|
||||
* updated 2/20/2013
|
||||
*/
|
||||
/*jshint browser:true, jquery:true, unused:false */
|
||||
;(function($) {
|
||||
"use strict";
|
||||
/*jshint supernew:true */
|
||||
$.extend({ tablesorterPager: new function() {
|
||||
|
||||
this.defaults = {
|
||||
// target the pager markup
|
||||
container: null,
|
||||
|
||||
// use this format: "http://mydatabase.com?page={page}&size={size}&{sortList:col}&{filterList:fcol}"
|
||||
// where {page} is replaced by the page number, {size} is replaced by the number of records to show,
|
||||
// {sortList:col} adds the sortList to the url into a "col" array, and {filterList:fcol} adds
|
||||
// the filterList to the url into an "fcol" array.
|
||||
// So a sortList = [[2,0],[3,0]] becomes "&col[2]=0&col[3]=0" in the url
|
||||
// and a filterList = [[2,Blue],[3,13]] becomes "&fcol[2]=Blue&fcol[3]=13" in the url
|
||||
ajaxUrl: null,
|
||||
|
||||
// process ajax so that the following information is returned:
|
||||
// [ total_rows (number), rows (array of arrays), headers (array; optional) ]
|
||||
// example:
|
||||
// [
|
||||
// 100, // total rows
|
||||
// [
|
||||
// [ "row1cell1", "row1cell2", ... "row1cellN" ],
|
||||
// [ "row2cell1", "row2cell2", ... "row2cellN" ],
|
||||
// ...
|
||||
// [ "rowNcell1", "rowNcell2", ... "rowNcellN" ]
|
||||
// ],
|
||||
// [ "header1", "header2", ... "headerN" ] // optional
|
||||
// ]
|
||||
ajaxProcessing: function(ajax){ return [ 0, [], null ]; },
|
||||
|
||||
// output default: '{page}/{totalPages}'
|
||||
// possible variables: {page}, {totalPages}, {filteredPages}, {startRow}, {endRow}, {filteredRows} and {totalRows}
|
||||
output: '{startRow} to {endRow} of {totalRows} rows', // '{page}/{totalPages}'
|
||||
|
||||
// apply disabled classname to the pager arrows when the rows at either extreme is visible
|
||||
updateArrows: true,
|
||||
|
||||
// starting page of the pager (zero based index)
|
||||
page: 0,
|
||||
|
||||
// Number of visible rows
|
||||
size: 10,
|
||||
|
||||
// if true, the table will remain the same height no matter how many records are displayed. The space is made up by an empty
|
||||
// table row set to a height to compensate; default is false
|
||||
fixedHeight: false,
|
||||
|
||||
// remove rows from the table to speed up the sort of large tables.
|
||||
// setting this to false, only hides the non-visible rows; needed if you plan to add/remove rows with the pager enabled.
|
||||
removeRows: false, // removing rows in larger tables speeds up the sort
|
||||
|
||||
// css class names of pager arrows
|
||||
cssFirst: '.first', // go to first page arrow
|
||||
cssPrev: '.prev', // previous page arrow
|
||||
cssNext: '.next', // next page arrow
|
||||
cssLast: '.last', // go to last page arrow
|
||||
cssGoto: '.gotoPage', // go to page selector - select dropdown that sets the current page
|
||||
cssPageDisplay: '.pagedisplay', // location of where the "output" is displayed
|
||||
cssPageSize: '.pagesize', // page size selector - select dropdown that sets the "size" option
|
||||
cssErrorRow: 'tablesorter-errorRow', // error information row
|
||||
|
||||
// class added to arrows when at the extremes (i.e. prev/first arrows are "disabled" when on the first page)
|
||||
cssDisabled: 'disabled', // Note there is no period "." in front of this class name
|
||||
|
||||
// stuff not set by the user
|
||||
totalRows: 0,
|
||||
totalPages: 0,
|
||||
filteredRows: 0,
|
||||
filteredPages: 0
|
||||
|
||||
};
|
||||
|
||||
var $this = this,
|
||||
|
||||
// hide arrows at extremes
|
||||
pagerArrows = function(c, disable) {
|
||||
var a = 'addClass',
|
||||
r = 'removeClass',
|
||||
d = c.cssDisabled,
|
||||
dis = !!disable,
|
||||
tp = Math.min( c.totalPages, c.filteredPages );
|
||||
if ( c.updateArrows ) {
|
||||
$(c.cssFirst + ',' + c.cssPrev, c.container)[ ( dis || c.page === 0 ) ? a : r ](d);
|
||||
$(c.cssNext + ',' + c.cssLast, c.container)[ ( dis || c.page === tp - 1 ) ? a : r ](d);
|
||||
}
|
||||
},
|
||||
|
||||
updatePageDisplay = function(table, c) {
|
||||
var i, p, s, t, out, f = $(table).hasClass('hasFilters') && !c.ajaxUrl;
|
||||
c.filteredRows = (f) ? table.config.$tbodies.children('tr:not(.filtered,.remove-me)').length : c.totalRows;
|
||||
c.filteredPages = (f) ? Math.ceil( c.filteredRows / c.size ) : c.totalPages;
|
||||
if ( Math.min( c.totalPages, c.filteredPages ) > 0 ) {
|
||||
t = (c.size * c.page > c.filteredRows);
|
||||
c.startRow = (t) ? 1 : ( c.size * c.page ) + 1;
|
||||
c.page = (t) ? 0 : c.page;
|
||||
c.endRow = Math.min( c.filteredRows, c.totalRows, c.size * ( c.page + 1 ) );
|
||||
out = $(c.cssPageDisplay, c.container);
|
||||
// form the output string
|
||||
s = c.output.replace(/\{(page|filteredRows|filteredPages|totalPages|startRow|endRow|totalRows)\}/gi, function(m){
|
||||
return {
|
||||
'{page}' : c.page + 1,
|
||||
'{filteredRows}' : c.filteredRows,
|
||||
'{filteredPages}' : c.filteredPages,
|
||||
'{totalPages}' : c.totalPages,
|
||||
'{startRow}' : c.startRow,
|
||||
'{endRow}' : c.endRow,
|
||||
'{totalRows}' : c.totalRows
|
||||
}[m];
|
||||
});
|
||||
if (out[0]) {
|
||||
out[ (out[0].tagName === 'INPUT') ? 'val' : 'html' ](s);
|
||||
if ( $(c.cssGoto, c.container).length ) {
|
||||
t = '';
|
||||
p = Math.min( c.totalPages, c.filteredPages );
|
||||
for ( i = 1; i <= p; i++ ) {
|
||||
t += '<option>' + i + '</option>';
|
||||
}
|
||||
$(c.cssGoto, c.container).html(t).val(c.page + 1);
|
||||
}
|
||||
}
|
||||
}
|
||||
pagerArrows(c);
|
||||
if (c.initialized) { $(table).trigger('pagerComplete', c); }
|
||||
},
|
||||
|
||||
fixHeight = function(table, c) {
|
||||
var d, h, $b = $(table.tBodies[0]);
|
||||
if (c.fixedHeight) {
|
||||
$b.find('tr.pagerSavedHeightSpacer').remove();
|
||||
h = $.data(table, 'pagerSavedHeight');
|
||||
if (h) {
|
||||
d = h - $b.height();
|
||||
if ( d > 5 && $.data(table, 'pagerLastSize') === c.size && $b.children('tr:visible').length < c.size ) {
|
||||
$b.append('<tr class="pagerSavedHeightSpacer ' + table.config.selectorRemove.replace(/(tr)?\./g,'') + '" style="height:' + d + 'px;"></tr>');
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
changeHeight = function(table, c) {
|
||||
var $b = $(table.tBodies[0]);
|
||||
$b.find('tr.pagerSavedHeightSpacer').remove();
|
||||
$.data(table, 'pagerSavedHeight', $b.height());
|
||||
fixHeight(table, c);
|
||||
$.data(table, 'pagerLastSize', c.size);
|
||||
},
|
||||
|
||||
hideRows = function(table, c){
|
||||
if (!c.ajaxUrl) {
|
||||
var i,
|
||||
rows = $(table.tBodies).children('tr:not(.' + table.config.cssChildRow + ')'),
|
||||
l = rows.length,
|
||||
s = ( c.page * c.size ),
|
||||
e = s + c.size,
|
||||
j = 0; // size counter
|
||||
for ( i = 0; i < l; i++ ){
|
||||
if (!/filtered/.test(rows[i].className)) {
|
||||
rows[i].style.display = ( j >= s && j < e ) ? '' : 'none';
|
||||
j++;
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
hideRowsSetup = function(table, c){
|
||||
c.size = parseInt( $(c.cssPageSize, c.container).find('option[selected]').val(), 10 ) || c.size;
|
||||
$.data(table, 'pagerLastSize', c.size);
|
||||
pagerArrows(c);
|
||||
if ( !c.removeRows ) {
|
||||
hideRows(table, c);
|
||||
$(table).bind('sortEnd.pager filterEnd.pager', function(){
|
||||
hideRows(table, c);
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
renderAjax = function(data, table, c, exception){
|
||||
// process data
|
||||
if ( typeof(c.ajaxProcessing) === "function" ) {
|
||||
// ajaxProcessing result: [ total, rows, headers ]
|
||||
var i, j, hsh, $f, $sh,
|
||||
$t = $(table),
|
||||
tc = table.config,
|
||||
hl = $t.find('thead th').length, tds = '',
|
||||
err = '<tr class="' + c.cssErrorRow + ' ' + tc.selectorRemove.replace(/(tr)?\./g,'') + '"><td style="text-align: center;" colspan="' + hl + '">' +
|
||||
(exception ? exception.message + ' (' + exception.name + ')' : 'No rows found') + '</td></tr>',
|
||||
result = c.ajaxProcessing(data) || [ 0, [] ],
|
||||
d = result[1] || [],
|
||||
l = d.length,
|
||||
th = result[2];
|
||||
if ( l > 0 ) {
|
||||
for ( i = 0; i < l; i++ ) {
|
||||
tds += '<tr>';
|
||||
for ( j = 0; j < d[i].length; j++ ) {
|
||||
// build tbody cells
|
||||
tds += '<td>' + d[i][j] + '</td>';
|
||||
}
|
||||
tds += '</tr>';
|
||||
}
|
||||
}
|
||||
// only add new header text if the length matches
|
||||
if ( th && th.length === hl ) {
|
||||
hsh = $t.hasClass('hasStickyHeaders');
|
||||
$sh = $t.find('.' + ((tc.widgetOptions && tc.widgetOptions.stickyHeaders) || 'tablesorter-stickyheader'));
|
||||
$f = $t.find('tfoot tr:first').children();
|
||||
$t.find('th.' + tc.cssHeader).each(function(j){
|
||||
var $t = $(this), icn;
|
||||
// add new test within the first span it finds, or just in the header
|
||||
if ( $t.find('.' + tc.cssIcon).length ) {
|
||||
icn = $t.find('.' + tc.cssIcon).clone(true);
|
||||
$t.find('.tablesorter-header-inner').html( th[j] ).append(icn);
|
||||
if ( hsh && $sh.length ) {
|
||||
icn = $sh.find('th').eq(j).find('.' + tc.cssIcon).clone(true);
|
||||
$sh.find('th').eq(j).find('.tablesorter-header-inner').html( th[j] ).append(icn);
|
||||
}
|
||||
} else {
|
||||
$t.find('.tablesorter-header-inner').html( th[j] );
|
||||
$sh.find('th').eq(j).find('.tablesorter-header-inner').html( th[j] );
|
||||
}
|
||||
$f.eq(j).html( th[j] );
|
||||
});
|
||||
}
|
||||
|
||||
$t.find('thead tr.' + c.cssErrorRow).remove(); // Clean up any previous error.
|
||||
if ( exception ) {
|
||||
// add error row to thead instead of tbody, or clicking on the header will result in a parser error
|
||||
$t.find('thead').append(err);
|
||||
} else {
|
||||
$(table.tBodies[0]).html( tds ); // add rows to first tbody
|
||||
}
|
||||
if (tc.showProcessing) {
|
||||
$.tablesorter.isProcessing(table); // remove loading icon
|
||||
}
|
||||
$t.trigger('update');
|
||||
c.totalRows = result[0] || 0;
|
||||
c.totalPages = Math.ceil( c.totalRows / c.size );
|
||||
updatePageDisplay(table, c);
|
||||
fixHeight(table, c);
|
||||
if (c.initialized) { $t.trigger('pagerChange', c); }
|
||||
}
|
||||
if (!c.initialized) {
|
||||
c.initialized = true;
|
||||
$(table).trigger('pagerInitialized', c);
|
||||
}
|
||||
},
|
||||
|
||||
getAjax = function(table, c){
|
||||
var url = getAjaxUrl(table, c),
|
||||
tc = table.config;
|
||||
if ( url !== '' ) {
|
||||
if (tc.showProcessing) {
|
||||
$.tablesorter.isProcessing(table, true); // show loading icon
|
||||
}
|
||||
$(document).bind('ajaxError.pager', function(e, xhr, settings, exception) {
|
||||
if (settings.url === url) {
|
||||
renderAjax(null, table, c, exception);
|
||||
$(document).unbind('ajaxError.pager');
|
||||
}
|
||||
});
|
||||
$.getJSON(url, function(data) {
|
||||
renderAjax(data, table, c);
|
||||
$(document).unbind('ajaxError.pager');
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
getAjaxUrl = function(table, c) {
|
||||
var url = (c.ajaxUrl) ? c.ajaxUrl.replace(/\{page\}/g, c.page).replace(/\{size\}/g, c.size) : '',
|
||||
sl = table.config.sortList,
|
||||
fl = c.currentFilters || [],
|
||||
sortCol = url.match(/\{sortList[\s+]?:[\s+]?([^}]*)\}/),
|
||||
filterCol = url.match(/\{filterList[\s+]?:[\s+]?([^}]*)\}/),
|
||||
arry = [];
|
||||
if (sortCol) {
|
||||
sortCol = sortCol[1];
|
||||
$.each(sl, function(i,v){
|
||||
arry.push(sortCol + '[' + v[0] + ']=' + v[1]);
|
||||
});
|
||||
// if the arry is empty, just add the col parameter... "&{sortList:col}" becomes "&col"
|
||||
url = url.replace(/\{sortList[\s+]?:[\s+]?([^\}]*)\}/g, arry.length ? arry.join('&') : sortCol );
|
||||
}
|
||||
if (filterCol) {
|
||||
filterCol = filterCol[1];
|
||||
$.each(fl, function(i,v){
|
||||
if (v) {
|
||||
arry.push(filterCol + '[' + i + ']=' + encodeURIComponent(v));
|
||||
}
|
||||
});
|
||||
// if the arry is empty, just add the fcol parameter... "&{filterList:fcol}" becomes "&fcol"
|
||||
url = url.replace(/\{filterList[\s+]?:[\s+]?([^\}]*)\}/g, arry.length ? arry.join('&') : filterCol );
|
||||
}
|
||||
|
||||
return url;
|
||||
},
|
||||
|
||||
renderTable = function(table, rows, c) {
|
||||
c.isDisabled = false; // needed because sorting will change the page and re-enable the pager
|
||||
var i, j, o,
|
||||
f = document.createDocumentFragment(),
|
||||
l = rows.length,
|
||||
s = ( c.page * c.size ),
|
||||
e = ( s + c.size );
|
||||
if ( l < 1 ) { return; } // empty table, abort!
|
||||
if (c.initialized) { $(table).trigger('pagerChange', c); }
|
||||
if ( !c.removeRows ) {
|
||||
hideRows(table, c);
|
||||
} else {
|
||||
if ( e > rows.length ) {
|
||||
e = rows.length;
|
||||
}
|
||||
$(table.tBodies[0]).addClass('tablesorter-hidden');
|
||||
$.tablesorter.clearTableBody(table);
|
||||
for ( i = s; i < e; i++ ) {
|
||||
o = rows[i];
|
||||
l = o.length;
|
||||
for ( j = 0; j < l; j++ ) {
|
||||
f.appendChild(o[j]);
|
||||
}
|
||||
}
|
||||
table.tBodies[0].appendChild(f);
|
||||
$(table.tBodies[0]).removeClass('tablesorter-hidden');
|
||||
}
|
||||
if ( c.page >= c.totalPages ) {
|
||||
moveToLastPage(table, c);
|
||||
}
|
||||
updatePageDisplay(table, c);
|
||||
if ( !c.isDisabled ) { fixHeight(table, c); }
|
||||
$(table).trigger('applyWidgets');
|
||||
},
|
||||
|
||||
showAllRows = function(table, c){
|
||||
if ( c.ajax ) {
|
||||
pagerArrows(c, true);
|
||||
} else {
|
||||
c.isDisabled = true;
|
||||
$.data(table, 'pagerLastPage', c.page);
|
||||
$.data(table, 'pagerLastSize', c.size);
|
||||
c.page = 0;
|
||||
c.size = c.totalRows;
|
||||
c.totalPages = 1;
|
||||
$('tr.pagerSavedHeightSpacer', table.tBodies[0]).remove();
|
||||
renderTable(table, table.config.rowsCopy, c);
|
||||
}
|
||||
// disable size selector
|
||||
$(c.container).find(c.cssPageSize + ',' + c.cssGoto).each(function(){
|
||||
$(this).addClass(c.cssDisabled)[0].disabled = true;
|
||||
});
|
||||
},
|
||||
|
||||
moveToPage = function(table, c) {
|
||||
if ( c.isDisabled ) { return; }
|
||||
var p = Math.min( c.totalPages, c.filteredPages );
|
||||
if ( c.page < 0 ) { c.page = 0; }
|
||||
if ( c.page > ( p - 1 ) && p !== 0 ) { c.page = p - 1; }
|
||||
if (c.ajax) {
|
||||
getAjax(table, c);
|
||||
} else if (!c.ajax) {
|
||||
renderTable(table, table.config.rowsCopy, c);
|
||||
}
|
||||
$.data(table, 'pagerLastPage', c.page);
|
||||
$.data(table, 'pagerUpdateTriggered', true);
|
||||
if (c.initialized) { $(table).trigger('pageMoved', c); }
|
||||
},
|
||||
|
||||
setPageSize = function(table, size, c) {
|
||||
c.size = size;
|
||||
$.data(table, 'pagerLastPage', c.page);
|
||||
$.data(table, 'pagerLastSize', c.size);
|
||||
c.totalPages = Math.ceil( c.totalRows / c.size );
|
||||
moveToPage(table, c);
|
||||
},
|
||||
|
||||
moveToFirstPage = function(table, c) {
|
||||
c.page = 0;
|
||||
moveToPage(table, c);
|
||||
},
|
||||
|
||||
moveToLastPage = function(table, c) {
|
||||
c.page = ( Math.min( c.totalPages, c.filteredPages ) - 1 );
|
||||
moveToPage(table, c);
|
||||
},
|
||||
|
||||
moveToNextPage = function(table, c) {
|
||||
c.page++;
|
||||
if ( c.page >= ( Math.min( c.totalPages, c.filteredPages ) - 1 ) ) {
|
||||
c.page = ( Math.min( c.totalPages, c.filteredPages ) - 1 );
|
||||
}
|
||||
moveToPage(table, c);
|
||||
},
|
||||
|
||||
moveToPrevPage = function(table, c) {
|
||||
c.page--;
|
||||
if ( c.page <= 0 ) {
|
||||
c.page = 0;
|
||||
}
|
||||
moveToPage(table, c);
|
||||
},
|
||||
|
||||
destroyPager = function(table, c){
|
||||
showAllRows(table, c);
|
||||
$(c.container).hide(); // hide pager
|
||||
table.config.appender = null; // remove pager appender function
|
||||
$(table).unbind('destroy.pager sortEnd.pager filterEnd.pager enable.pager disable.pager');
|
||||
},
|
||||
|
||||
enablePager = function(table, c, triggered){
|
||||
var p = $(c.cssPageSize, c.container).removeClass(c.cssDisabled).removeAttr('disabled');
|
||||
$(c.container).find(c.cssGoto).removeClass(c.cssDisabled).removeAttr('disabled');
|
||||
c.isDisabled = false;
|
||||
c.page = $.data(table, 'pagerLastPage') || c.page || 0;
|
||||
c.size = $.data(table, 'pagerLastSize') || parseInt(p.find('option[selected]').val(), 10) || c.size;
|
||||
p.val(c.size); // set page size
|
||||
c.totalPages = Math.ceil( Math.min( c.totalPages, c.filteredPages ) / c.size);
|
||||
if ( triggered ) {
|
||||
$(table).trigger('update');
|
||||
setPageSize(table, c.size, c);
|
||||
hideRowsSetup(table, c);
|
||||
fixHeight(table, c);
|
||||
}
|
||||
};
|
||||
|
||||
$this.appender = function(table, rows) {
|
||||
var c = table.config.pager;
|
||||
if ( !c.ajax ) {
|
||||
table.config.rowsCopy = rows;
|
||||
c.totalRows = rows.length;
|
||||
c.size = $.data(table, 'pagerLastSize') || c.size;
|
||||
c.totalPages = Math.ceil(c.totalRows / c.size);
|
||||
renderTable(table, rows, c);
|
||||
}
|
||||
};
|
||||
|
||||
$this.construct = function(settings) {
|
||||
return this.each(function() {
|
||||
// check if tablesorter has initialized
|
||||
if (!(this.config && this.hasInitialized)) { return; }
|
||||
var t, ctrls, fxn,
|
||||
config = this.config,
|
||||
c = config.pager = $.extend( {}, $.tablesorterPager.defaults, settings ),
|
||||
table = this,
|
||||
tc = table.config,
|
||||
$t = $(table),
|
||||
pager = $(c.container).addClass('tablesorter-pager').show(); // added in case the pager is reinitialized after being destroyed.
|
||||
config.appender = $this.appender;
|
||||
|
||||
$t
|
||||
.unbind('filterStart.pager filterEnd.pager sortEnd.pager disable.pager enable.pager destroy.pager update.pager pageSize.pager')
|
||||
.bind('filterStart.pager', function(e, filters) {
|
||||
$.data(table, 'pagerUpdateTriggered', false);
|
||||
c.currentFilters = filters;
|
||||
})
|
||||
// update pager after filter widget completes
|
||||
.bind('filterEnd.pager sortEnd.pager', function(e) {
|
||||
//Prevent infinite event loops from occuring by setting this in all moveToPage calls and catching it here.
|
||||
if ($.data(table, 'pagerUpdateTriggered')) {
|
||||
$.data(table, 'pagerUpdateTriggered', false);
|
||||
return;
|
||||
}
|
||||
if (e.type === 'filterEnd') { c.page = 0; }
|
||||
moveToPage(table, c);
|
||||
updatePageDisplay(table, c);
|
||||
fixHeight(table, c);
|
||||
})
|
||||
.bind('disable.pager', function(){
|
||||
showAllRows(table, c);
|
||||
})
|
||||
.bind('enable.pager', function(){
|
||||
enablePager(table, c, true);
|
||||
})
|
||||
.bind('destroy.pager', function(){
|
||||
destroyPager(table, c);
|
||||
})
|
||||
.bind('update.pager', function(){
|
||||
hideRows(table, c);
|
||||
})
|
||||
.bind('pageSize.pager', function(e,v){
|
||||
c.size = parseInt(v, 10) || 10;
|
||||
hideRows(table, c);
|
||||
updatePageDisplay(table, c);
|
||||
})
|
||||
.bind('pageSet.pager', function(e,v){
|
||||
c.page = (parseInt(v, 10) || 1) - 1;
|
||||
moveToPage(table, c);
|
||||
updatePageDisplay(table, c);
|
||||
});
|
||||
|
||||
// clicked controls
|
||||
ctrls = [c.cssFirst, c.cssPrev, c.cssNext, c.cssLast];
|
||||
fxn = [ moveToFirstPage, moveToPrevPage, moveToNextPage, moveToLastPage ];
|
||||
|
||||
pager.find(ctrls.join(','))
|
||||
.unbind('click.pager')
|
||||
.bind('click.pager', function(e){
|
||||
var i, $this = $(this), l = ctrls.length;
|
||||
if ( !$this.hasClass(c.cssDisabled) ) {
|
||||
for (i = 0; i < l; i++) {
|
||||
if ($this.is(ctrls[i])) {
|
||||
fxn[i](table, c);
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
return false;
|
||||
});
|
||||
|
||||
// goto selector
|
||||
if ( pager.find(c.cssGoto).length ) {
|
||||
pager.find(c.cssGoto)
|
||||
.unbind('change')
|
||||
.bind('change', function(){
|
||||
c.page = $(this).val() - 1;
|
||||
moveToPage(table, c);
|
||||
});
|
||||
updatePageDisplay(table, c);
|
||||
}
|
||||
|
||||
// page size selector
|
||||
t = pager.find(c.cssPageSize);
|
||||
if ( t.length ) {
|
||||
t.unbind('change.pager').bind('change.pager', function() {
|
||||
t.val( $(this).val() ); // in case there are more than one pagers
|
||||
if ( !$(this).hasClass(c.cssDisabled) ) {
|
||||
setPageSize(table, parseInt( $(this).val(), 10 ), c);
|
||||
changeHeight(table, c);
|
||||
}
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
// clear initialized flag
|
||||
c.initialized = false;
|
||||
// before initialization event
|
||||
$t.trigger('pagerBeforeInitialized', c);
|
||||
|
||||
enablePager(table, c, false);
|
||||
|
||||
if ( typeof(c.ajaxUrl) === 'string' ) {
|
||||
// ajax pager; interact with database
|
||||
c.ajax = true;
|
||||
//When filtering with ajax, allow only custom filtering function, disable default filtering since it will be done server side.
|
||||
tc.widgetOptions.filter_serversideFiltering = true;
|
||||
tc.serverSideSorting = true;
|
||||
moveToPage(table, c);
|
||||
} else {
|
||||
c.ajax = false;
|
||||
// Regular pager; all rows stored in memory
|
||||
$(this).trigger("appendCache", true);
|
||||
hideRowsSetup(table, c);
|
||||
}
|
||||
|
||||
changeHeight(table, c);
|
||||
|
||||
// pager initialized
|
||||
if (!c.ajax) {
|
||||
c.initialized = true;
|
||||
$(table).trigger('pagerInitialized', c);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
}()
|
||||
});
|
||||
// extend plugin scope
|
||||
$.fn.extend({
|
||||
tablesorterPager: $.tablesorterPager.construct
|
||||
});
|
||||
|
||||
})(jQuery);
|
2000
UI/JsLibraries/require.js
Normal file
2000
UI/JsLibraries/require.js
Normal file
File diff suppressed because it is too large
Load diff
8637
UI/JsLibraries/sugar.js
Normal file
8637
UI/JsLibraries/sugar.js
Normal file
File diff suppressed because it is too large
Load diff
211
UI/JsLibraries/toastr-1.1.5.js
Normal file
211
UI/JsLibraries/toastr-1.1.5.js
Normal file
|
@ -0,0 +1,211 @@
|
|||
/*
|
||||
* Copyright 2012 John Papa and Hans Fjällemark.
|
||||
* All Rights Reserved.
|
||||
* Use, reproduction, distribution, and modification of this code is subject to the terms and
|
||||
* conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* Author: John Papa and Hans Fjällemark
|
||||
* Project: https://github.com/CodeSeven/toastr
|
||||
*/
|
||||
; (function (define) {
|
||||
define(['jquery'], function ($) {
|
||||
var toastr = (function () {
|
||||
var
|
||||
defaults = {
|
||||
tapToDismiss: true,
|
||||
toastClass: 'toast',
|
||||
containerId: 'toast-container',
|
||||
debug: false,
|
||||
fadeIn: 300,
|
||||
fadeOut: 1000,
|
||||
extendedTimeOut: 1000,
|
||||
iconClasses: {
|
||||
error: 'toast-error',
|
||||
info: 'toast-info',
|
||||
success: 'toast-success',
|
||||
warning: 'toast-warning'
|
||||
},
|
||||
iconClass: 'toast-info',
|
||||
positionClass: 'toast-top-right',
|
||||
timeOut: 5000, // Set timeOut to 0 to make it sticky
|
||||
titleClass: 'toast-title',
|
||||
messageClass: 'toast-message',
|
||||
target: $('body')
|
||||
},
|
||||
|
||||
error = function (message, title, optionsOverride) {
|
||||
return notify({
|
||||
iconClass: getOptions().iconClasses.error,
|
||||
message: message,
|
||||
optionsOverride: optionsOverride,
|
||||
title: title
|
||||
});
|
||||
},
|
||||
|
||||
getContainer = function (options) {
|
||||
var $container = $('#' + options.containerId);
|
||||
if ($container.length) {
|
||||
return $container;
|
||||
}
|
||||
$container = $('<div/>')
|
||||
.attr('id', options.containerId)
|
||||
.addClass(options.positionClass);
|
||||
$container.appendTo($(options.target));
|
||||
return $container;
|
||||
},
|
||||
|
||||
getOptions = function () {
|
||||
return $.extend({}, defaults, toastr.options);
|
||||
},
|
||||
|
||||
info = function (message, title, optionsOverride) {
|
||||
return notify({
|
||||
iconClass: getOptions().iconClasses.info,
|
||||
message: message,
|
||||
optionsOverride: optionsOverride,
|
||||
title: title
|
||||
});
|
||||
},
|
||||
|
||||
notify = function (map) {
|
||||
var
|
||||
options = getOptions(),
|
||||
iconClass = map.iconClass || options.iconClass;
|
||||
|
||||
if (typeof (map.optionsOverride) !== 'undefined') {
|
||||
options = $.extend(options, map.optionsOverride);
|
||||
iconClass = map.optionsOverride.iconClass || iconClass;
|
||||
}
|
||||
|
||||
var
|
||||
intervalId = null,
|
||||
$container = getContainer(options),
|
||||
$toastElement = $('<div/>'),
|
||||
$titleElement = $('<div/>'),
|
||||
$messageElement = $('<div/>'),
|
||||
response = { options: options, map: map };
|
||||
|
||||
if (map.iconClass) {
|
||||
$toastElement.addClass(options.toastClass).addClass(iconClass);
|
||||
}
|
||||
|
||||
if (map.title) {
|
||||
$titleElement.append(map.title).addClass(options.titleClass);
|
||||
$toastElement.append($titleElement);
|
||||
}
|
||||
|
||||
if (map.message) {
|
||||
$messageElement.append(map.message).addClass(options.messageClass);
|
||||
$toastElement.append($messageElement);
|
||||
}
|
||||
|
||||
var fadeAway = function () {
|
||||
if ($(':focus', $toastElement).length > 0) {
|
||||
return;
|
||||
}
|
||||
var fade = function (callback) {
|
||||
return $toastElement.fadeOut(options.fadeOut, callback);
|
||||
};
|
||||
var removeToast = function () {
|
||||
if ($toastElement.is(':visible')) {
|
||||
return;
|
||||
}
|
||||
$toastElement.remove();
|
||||
if ($container.children().length === 0) {
|
||||
$container.remove();
|
||||
}
|
||||
};
|
||||
fade(removeToast);
|
||||
};
|
||||
var delayedFadeAway = function () {
|
||||
if (options.timeOut > 0 || options.extendedTimeOut > 0) {
|
||||
intervalId = setTimeout(fadeAway, options.extendedTimeOut);
|
||||
}
|
||||
};
|
||||
var stickAround = function () {
|
||||
clearTimeout(intervalId);
|
||||
$toastElement.stop(true, true).fadeIn(options.fadeIn);
|
||||
};
|
||||
$toastElement.hide();
|
||||
$container.prepend($toastElement);
|
||||
$toastElement.fadeIn(options.fadeIn);
|
||||
if (options.timeOut > 0) {
|
||||
intervalId = setTimeout(fadeAway, options.timeOut);
|
||||
}
|
||||
|
||||
$toastElement.hover(stickAround, delayedFadeAway);
|
||||
if (!options.onclick && options.tapToDismiss) {
|
||||
$toastElement.click(fadeAway);
|
||||
}
|
||||
|
||||
if (options.onclick) {
|
||||
$toastElement.click(function () {
|
||||
options.onclick() && fadeAway();
|
||||
});
|
||||
}
|
||||
|
||||
if (options.debug && console) {
|
||||
console.log(response);
|
||||
}
|
||||
return $toastElement;
|
||||
},
|
||||
|
||||
success = function (message, title, optionsOverride) {
|
||||
return notify({
|
||||
iconClass: getOptions().iconClasses.success,
|
||||
message: message,
|
||||
optionsOverride: optionsOverride,
|
||||
title: title
|
||||
});
|
||||
},
|
||||
|
||||
warning = function (message, title, optionsOverride) {
|
||||
return notify({
|
||||
iconClass: getOptions().iconClasses.warning,
|
||||
message: message,
|
||||
optionsOverride: optionsOverride,
|
||||
title: title
|
||||
});
|
||||
},
|
||||
|
||||
clear = function ($toastElement) {
|
||||
var options = getOptions();
|
||||
var $container = getContainer();
|
||||
if ($toastElement && $(':focus', $toastElement).length === 0) {
|
||||
var removeToast = function () {
|
||||
if ($toastElement.is(':visible')) {
|
||||
return;
|
||||
}
|
||||
$toastElement.remove();
|
||||
if ($container.children().length === 0) {
|
||||
$container.remove();
|
||||
}
|
||||
};
|
||||
$toastElement.fadeOut(options.fadeOut, removeToast);
|
||||
return;
|
||||
}
|
||||
if ($container.length) {
|
||||
$container.fadeOut(options.fadeOut, function () {
|
||||
$container.remove();
|
||||
});
|
||||
}
|
||||
};
|
||||
return {
|
||||
clear: clear,
|
||||
error: error,
|
||||
info: info,
|
||||
options: {},
|
||||
success: success,
|
||||
version: '1.1.5',
|
||||
warning: warning
|
||||
};
|
||||
})();
|
||||
return toastr;
|
||||
});
|
||||
}(typeof define === 'function' && define.amd ? define : function (deps, factory) {
|
||||
if (typeof module !== 'undefined' && module.exports) { //Node
|
||||
module.exports = factory(require(deps[0]));
|
||||
} else {
|
||||
window['toastr'] = factory(window['jQuery']);
|
||||
}
|
||||
}));
|
1226
UI/JsLibraries/underscore.js
Normal file
1226
UI/JsLibraries/underscore.js
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue