open-source-mirrors
/
Sonarr
mirror of https://github.com/Sonarr/Sonarr
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UI Cleanup - Updated Instrumentation, jQuery and Mixins subtrees.

Browse Source
pull/197/head
Taloth Saldono 10 years ago
parent 44928c8f64
commit 70bfad4e6a
24 changed files with 715 additions and 489 deletions
Show Stats Download Patch File Download Diff File

57
src/UI/Hotkeys/Hotkeys.js
Unescape View File

@ -2,30 +2,33 @@ var $ = require('jquery');
var vent = require('vent'); var vent = require('vent');
var HotkeysView = require('./HotkeysView'); var HotkeysView = require('./HotkeysView');
module.exports = (function(){ $(document).on('keypress', function(e) {
$(document).on('keypress', function(e){ if ($(e.target).is('input') || $(e.target).is('textarea')) {
if($(e.target).is('input') || $(e.target).is('textarea')) { return;
return; }
}
if(e.charCode === 63) { if (e.charCode === 63) {
vent.trigger(vent.Commands.OpenModalCommand, new HotkeysView()); vent.trigger(vent.Commands.OpenModalCommand, new HotkeysView());
} }
}); });
$(document).on('keydown', function(e){
if(e.ctrlKey && e.keyCode === 83) { $(document).on('keydown', function(e) {
vent.trigger(vent.Hotkeys.SaveSettings); if (e.ctrlKey && e.keyCode === 83) {
e.preventDefault(); vent.trigger(vent.Hotkeys.SaveSettings);
return; e.preventDefault();
} return;
if($(e.target).is('input') || $(e.target).is('textarea')) { }
return;
} if ($(e.target).is('input') || $(e.target).is('textarea')) {
if(e.ctrlKey || e.metaKey || e.altKey) { return;
return; }
}
if(e.keyCode === 84) { if (e.ctrlKey || e.metaKey || e.altKey) {
vent.trigger(vent.Hotkeys.NavbarSearch); return;
e.preventDefault(); }
}
}); if (e.keyCode === 84) {
}).call(this); vent.trigger(vent.Hotkeys.NavbarSearch);
e.preventDefault();
}
});

4
src/UI/Hotkeys/HotkeysView.js
Unescape View File

@ -1,4 +1,6 @@
var vent = require('vent'); var vent = require('vent');
var Marionette = require('marionette'); var Marionette = require('marionette');
module.exports = Marionette.ItemView.extend({template : 'Hotkeys/HotkeysViewTemplate'}); module.exports = Marionette.ItemView.extend({
template : 'Hotkeys/HotkeysViewTemplate'
});

129
src/UI/Instrumentation/ErrorHandler.js
Unescape View File

@ -1,69 +1,86 @@
var $ = require('jquery'); var $ = require('jquery');
var Messenger = require('messenger'); var Messenger = require('messenger');
module.exports = (function(){ window.alert = function(message) {
'use strict'; new Messenger().post(message);
window.alert = function(message){ };
new Messenger().post(message);
};
var addError = function(message){
$('#errors').append('<div>' + message + '</div>');
};
window.onerror = function(msg, url, line){
try {
var a = document.createElement('a');
a.href = url;
var filename = a.pathname.split('/').pop();
if(filename.toLowerCase() === 'markupview.jsm' || filename.toLowerCase() === 'markup-view.js') {
return false;
}
var messageText = filename + ' : ' + line + '</br>' + msg;
var message = {
message : messageText,
type : 'error',
hideAfter : 1000,
showCloseButton : true
};
new Messenger().post(message);
addError(message.message);
}
catch (error) {
console.log('An error occurred while reporting error. ' + error);
console.log(msg);
new Messenger().post('Couldn\'t report JS error. ' + msg);
}
return false;
};
$(document).ajaxError(function(event, xmlHttpRequest, ajaxOptions){ var addError = function(message) {
if(xmlHttpRequest.status >= 200 && xmlHttpRequest.status <= 300) { $('#errors').append('<div>' + message + '</div>');
return undefined; };
}
if(xmlHttpRequest.statusText === 'abort') { window.onerror = function(msg, url, line) {
return undefined;
try {
var a = document.createElement('a');
a.href = url;
var filename = a.pathname.split('/').pop();
//Suppress Firefox debug errors when console window is closed
if (filename.toLowerCase() === 'markupview.jsm' || filename.toLowerCase() === 'markup-view.js') {
return false;
} }
var messageText = filename + ' : ' + line + '</br>' + msg;
var message = { var message = {
message : messageText,
type : 'error', type : 'error',
hideAfter : 1000, hideAfter : 1000,
showCloseButton : true showCloseButton : true
}; };
if(xmlHttpRequest.status === 0 && xmlHttpRequest.readyState === 0) {
return false;
}
if(xmlHttpRequest.status === 400 && ajaxOptions.isValidatedCall) {
return false;
}
if(xmlHttpRequest.status === 503) {
message.message = xmlHttpRequest.responseJSON.message;
}
if(xmlHttpRequest.status === 409) {
message.message = xmlHttpRequest.responseJSON.message;
}
else {
message.message = '[{0}] {1} : {2}'.format(ajaxOptions.type, xmlHttpRequest.statusText, ajaxOptions.url);
}
new Messenger().post(message); new Messenger().post(message);
addError(message.message); addError(message.message);
}
catch (error) {
console.log('An error occurred while reporting error. ' + error);
console.log(msg);
new Messenger().post('Couldn\'t report JS error. ' + msg);
}
return false; //don't suppress default alerts and logs.
};
$(document).ajaxError(function(event, xmlHttpRequest, ajaxOptions) {
//don't report 200 error codes
if (xmlHttpRequest.status >= 200 && xmlHttpRequest.status <= 300) {
return undefined;
}
//don't report aborted requests
if (xmlHttpRequest.statusText === 'abort') {
return undefined;
}
var message = {
type : 'error',
hideAfter : 1000,
showCloseButton : true
};
if (xmlHttpRequest.status === 0 && xmlHttpRequest.readyState === 0) {
return false; return false;
}); }
}).call(this);
if (xmlHttpRequest.status === 400 && ajaxOptions.isValidatedCall) {
return false;
}
if (xmlHttpRequest.status === 503) {
message.message = xmlHttpRequest.responseJSON.message;
} else if (xmlHttpRequest.status === 409) {
message.message = xmlHttpRequest.responseJSON.message;
} else {
message.message = '[{0}] {1} : {2}'.format(ajaxOptions.type, xmlHttpRequest.statusText, ajaxOptions.url);
}
new Messenger().post(message);
addError(message.message);
return false;
});

11
src/UI/Instrumentation/StringFormat.js
Unescape View File

@ -1,11 +1,12 @@
'use strict'; 'use strict';
String.prototype.format = function(){
String.prototype.format = function() {
var args = arguments; var args = arguments;
return this.replace(/{(\d+)}/g, function(match, number){
if(typeof args[number] !== 'undefined') { return this.replace(/{(\d+)}/g, function(match, number) {
if (typeof args[number] !== 'undefined') {
return args[number]; return args[number];
} } else {
else {
return match; return match;
} }
}); });

16
src/UI/Mixins/AsChangeTrackingModel.js
Unescape View File

@ -1,16 +1,22 @@
module.exports = function(){ module.exports = function() {
var originalInit = this.prototype.initialize; var originalInit = this.prototype.initialize;
this.prototype.initialize = function(){
this.prototype.initialize = function() {
this.isSaved = true; this.isSaved = true;
this.on('change', function(){
this.on('change', function() {
this.isSaved = false; this.isSaved = false;
}, this); }, this);
this.on('sync', function(){
this.on('sync', function() {
this.isSaved = true; this.isSaved = true;
}, this); }, this);
if(originalInit) {
if (originalInit) {
originalInit.call(this); originalInit.call(this);
} }
}; };
return this; return this;
}; };

67
src/UI/Mixins/AsEditModalView.js
Unescape View File

@ -1,75 +1,100 @@
var AppLayout = require('../AppLayout'); var AppLayout = require('../AppLayout');
module.exports = function(){ module.exports = function() {
var originalInitialize = this.prototype.initialize; var originalInitialize = this.prototype.initialize;
var originalOnBeforeClose = this.prototype.onBeforeClose; var originalOnBeforeClose = this.prototype.onBeforeClose;
var saveInternal = function(){
var saveInternal = function() {
var self = this; var self = this;
this.ui.indicator.show(); this.ui.indicator.show();
if(this._onBeforeSave) {
if (this._onBeforeSave) {
this._onBeforeSave.call(this); this._onBeforeSave.call(this);
} }
var promise = this.model.save(); var promise = this.model.save();
promise.always(function(){
if(!self.isClosed) { promise.always(function() {
if (!self.isClosed) {
self.ui.indicator.hide(); self.ui.indicator.hide();
} }
}); });
promise.done(function(){
promise.done(function() {
self.originalModelData = JSON.stringify(self.model.toJSON()); self.originalModelData = JSON.stringify(self.model.toJSON());
}); });
return promise; return promise;
}; };
this.prototype.initialize = function(options){
if(!this.model) { this.prototype.initialize = function(options) {
if (!this.model) {
throw 'View has no model'; throw 'View has no model';
} }
this.originalModelData = JSON.stringify(this.model.toJSON()); this.originalModelData = JSON.stringify(this.model.toJSON());
this.events = this.events || {}; this.events = this.events || {};
this.events['click .x-save'] = '_save'; this.events['click .x-save'] = '_save';
this.events['click .x-save-and-add'] = '_saveAndAdd'; this.events['click .x-save-and-add'] = '_saveAndAdd';
this.events['click .x-test'] = '_test'; this.events['click .x-test'] = '_test';
this.events['click .x-delete'] = '_delete'; this.events['click .x-delete'] = '_delete';
this.ui = this.ui || {}; this.ui = this.ui || {};
this.ui.indicator = '.x-indicator'; this.ui.indicator = '.x-indicator';
if(originalInitialize) {
if (originalInitialize) {
originalInitialize.call(this, options); originalInitialize.call(this, options);
} }
}; };
this.prototype._save = function(){
this.prototype._save = function() {
var self = this; var self = this;
var promise = saveInternal.call(this); var promise = saveInternal.call(this);
promise.done(function(){
if(self._onAfterSave) { promise.done(function() {
if (self._onAfterSave) {
self._onAfterSave.call(self); self._onAfterSave.call(self);
} }
}); });
}; };
this.prototype._saveAndAdd = function(){
this.prototype._saveAndAdd = function() {
var self = this; var self = this;
var promise = saveInternal.call(this); var promise = saveInternal.call(this);
promise.done(function(){
if(self._onAfterSaveAndAdd) { promise.done(function() {
if (self._onAfterSaveAndAdd) {
self._onAfterSaveAndAdd.call(self); self._onAfterSaveAndAdd.call(self);
} }
}); });
}; };
this.prototype._test = function(){
this.prototype._test = function() {
var self = this; var self = this;
this.ui.indicator.show(); this.ui.indicator.show();
this.model.test().always(function(){
this.model.test().always(function() {
self.ui.indicator.hide(); self.ui.indicator.hide();
}); });
}; };
this.prototype._delete = function(){
var view = new this._deleteView({model : this.model}); this.prototype._delete = function() {
var view = new this._deleteView({ model : this.model });
AppLayout.modalRegion.show(view); AppLayout.modalRegion.show(view);
}; };
this.prototype.onBeforeClose = function(){
this.prototype.onBeforeClose = function() {
this.model.set(JSON.parse(this.originalModelData)); this.model.set(JSON.parse(this.originalModelData));
if(originalOnBeforeClose) {
if (originalOnBeforeClose) {
originalOnBeforeClose.call(this); originalOnBeforeClose.call(this);
} }
}; };
return this; return this;
}; };

37
src/UI/Mixins/AsFilteredCollection.js
Unescape View File

@ -1,65 +1,70 @@
var _ = require('underscore'); var _ = require('underscore');
var Backbone = require('backbone'); var Backbone = require('backbone');
module.exports = function(){ module.exports = function() {
this.prototype.setFilter = function(filter, options) {
options = _.extend({ reset : true }, options || {});
this.prototype.setFilter = function(filter, options){
options = _.extend({reset : true}, options || {});
this.state.filterKey = filter[0]; this.state.filterKey = filter[0];
this.state.filterValue = filter[1]; this.state.filterValue = filter[1];
if(options.reset) {
if(this.mode !== 'server') { if (options.reset) {
if (this.mode !== 'server') {
this.fullCollection.resetFiltered(); this.fullCollection.resetFiltered();
} } else {
else {
return this.fetch(); return this.fetch();
} }
} }
}; };
this.prototype.setFilterMode = function(mode, options){ this.prototype.setFilterMode = function(mode, options) {
return this.setFilter(this.filterModes[mode], options); return this.setFilter(this.filterModes[mode], options);
}; };
var originalMakeFullCollection = this.prototype._makeFullCollection; var originalMakeFullCollection = this.prototype._makeFullCollection;
this.prototype._makeFullCollection = function(models, options){ this.prototype._makeFullCollection = function(models, options) {
var self = this; var self = this;
self.shadowCollection = originalMakeFullCollection.call(this, models, options); self.shadowCollection = originalMakeFullCollection.call(this, models, options);
var filterModel = function(model){
if(!self.state.filterKey || !self.state.filterValue) { var filterModel = function(model) {
if (!self.state.filterKey || !self.state.filterValue) {
return true; return true;
} } else {
else {
return model.get(self.state.filterKey) === self.state.filterValue; return model.get(self.state.filterKey) === self.state.filterValue;
} }
}; };
self.shadowCollection.filtered = function(){ self.shadowCollection.filtered = function() {
return this.filter(filterModel); return this.filter(filterModel);
}; };
var filteredModels = self.shadowCollection.filtered(); var filteredModels = self.shadowCollection.filtered();
var fullCollection = originalMakeFullCollection.call(this, filteredModels, options); var fullCollection = originalMakeFullCollection.call(this, filteredModels, options);
fullCollection.resetFiltered = function(options){ fullCollection.resetFiltered = function(options) {
Backbone.Collection.prototype.reset.call(this, self.shadowCollection.filtered(), options); Backbone.Collection.prototype.reset.call(this, self.shadowCollection.filtered(), options);
}; };
fullCollection.reset = function(models, options){ fullCollection.reset = function(models, options) {
self.shadowCollection.reset(models, options); self.shadowCollection.reset(models, options);
self.fullCollection.resetFiltered(); self.fullCollection.resetFiltered();
}; };
return fullCollection; return fullCollection;
}; };
_.extend(this.prototype.state, { _.extend(this.prototype.state, {
filterKey : null, filterKey : null,
filterValue : null filterValue : null
}); });
_.extend(this.prototype.queryParams, { _.extend(this.prototype.queryParams, {
filterKey : 'filterKey', filterKey : 'filterKey',
filterValue : 'filterValue' filterValue : 'filterValue'
}); });
return this; return this;
}; };

33
src/UI/Mixins/AsModelBoundView.js
Unescape View File

@ -1,35 +1,46 @@
var ModelBinder = require('backbone.modelbinder'); var ModelBinder = require('backbone.modelbinder');
module.exports = function(){ module.exports = function() {
var originalOnRender = this.prototype.onRender; var originalOnRender = this.prototype.onRender;
var originalBeforeClose = this.prototype.onBeforeClose; var originalBeforeClose = this.prototype.onBeforeClose;
this.prototype.onRender = function(){
if(!this.model) { this.prototype.onRender = function() {
if (!this.model) {
throw 'View has no model for binding'; throw 'View has no model for binding';
} }
if(!this._modelBinder) {
if (!this._modelBinder) {
this._modelBinder = new ModelBinder(); this._modelBinder = new ModelBinder();
} }
var options = { var options = {
changeTriggers : { changeTriggers : {
"" : 'change typeahead:selected typeahead:autocompleted', '' : 'change typeahead:selected typeahead:autocompleted',
"[contenteditable]" : 'blur', '[contenteditable]' : 'blur',
"[data-onkeyup]" : 'keyup' '[data-onkeyup]' : 'keyup'
} }
}; };
this._modelBinder.bind(this.model, this.el, null, options); this._modelBinder.bind(this.model, this.el, null, options);
if(originalOnRender) {
if (originalOnRender) {
originalOnRender.call(this); originalOnRender.call(this);
} }
}; };
this.prototype.onBeforeClose = function(){
if(this._modelBinder) { this.prototype.onBeforeClose = function() {
if (this._modelBinder) {
this._modelBinder.unbind(); this._modelBinder.unbind();
delete this._modelBinder; delete this._modelBinder;
} }
if(originalBeforeClose) {
if (originalBeforeClose) {
originalBeforeClose.call(this); originalBeforeClose.call(this);
} }
}; };
return this; return this;
}; };

14
src/UI/Mixins/AsNamedView.js
Unescape View File

@ -1,24 +1,26 @@
module.exports = function(){ module.exports = function() {
window.NzbDrone.NameViews = window.NzbDrone.NameViews || !window.NzbDrone.Production; window.NzbDrone.NameViews = window.NzbDrone.NameViews || !window.NzbDrone.Production;
var regex = new RegExp('/', 'g'); var regex = new RegExp('/', 'g');
var _getViewName = function(template){ var _getViewName = function(template) {
if(template) { if (template) {
return template.toLocaleLowerCase().replace('template', '').replace(regex, '-'); return template.toLocaleLowerCase().replace('template', '').replace(regex, '-');
} }
return undefined; return undefined;
}; };
var originalOnRender = this.onRender; var originalOnRender = this.onRender;
this.onRender = function(){
if(window.NzbDrone.NameViews) { this.onRender = function() {
if (window.NzbDrone.NameViews) {
this.$el.addClass('iv-' + _getViewName(this.template)); this.$el.addClass('iv-' + _getViewName(this.template));
} }
if(originalOnRender) { if (originalOnRender) {
return originalOnRender.call(this); return originalOnRender.call(this);
} }

41
src/UI/Mixins/AsPersistedStateCollection.js
Unescape View File

@ -1,55 +1,72 @@
var _ = require('underscore'); var _ = require('underscore');
var Config = require('../Config'); var Config = require('../Config');
module.exports = function(){ module.exports = function() {
var originalInit = this.prototype.initialize; var originalInit = this.prototype.initialize;
this.prototype.initialize = function(options){ this.prototype.initialize = function(options) {
options = options || {}; options = options || {};
if(options.tableName) {
if (options.tableName) {
this.tableName = options.tableName; this.tableName = options.tableName;
} }
if(!this.tableName && !options.tableName) {
if (!this.tableName && !options.tableName) {
throw 'tableName is required'; throw 'tableName is required';
} }
_setInitialState.call(this); _setInitialState.call(this);
this.on('backgrid:sort', _storeStateFromBackgrid, this); this.on('backgrid:sort', _storeStateFromBackgrid, this);
this.on('drone:sort', _storeState, this); this.on('drone:sort', _storeState, this);
if(originalInit) {
if (originalInit) {
originalInit.call(this, options); originalInit.call(this, options);
} }
}; };
if(!this.prototype._getSortMapping) {
this.prototype._getSortMapping = function(key){ if (!this.prototype._getSortMapping) {
this.prototype._getSortMapping = function(key) {
return { return {
name : key, name : key,
sortKey : key sortKey : key
}; };
}; };
} }
var _setInitialState = function(){
var _setInitialState = function() {
var key = Config.getValue('{0}.sortKey'.format(this.tableName), this.state.sortKey); var key = Config.getValue('{0}.sortKey'.format(this.tableName), this.state.sortKey);
var direction = Config.getValue('{0}.sortDirection'.format(this.tableName), this.state.order); var direction = Config.getValue('{0}.sortDirection'.format(this.tableName), this.state.order);
var order = parseInt(direction, 10); var order = parseInt(direction, 10);
this.state.sortKey = this._getSortMapping(key).sortKey; this.state.sortKey = this._getSortMapping(key).sortKey;
this.state.order = order; this.state.order = order;
}; };
var _storeStateFromBackgrid = function(column, sortDirection){
var _storeStateFromBackgrid = function(column, sortDirection) {
var order = _convertDirectionToInt(sortDirection); var order = _convertDirectionToInt(sortDirection);
var sortKey = this._getSortMapping(column.get('name')).sortKey; var sortKey = this._getSortMapping(column.get('name')).sortKey;
Config.setValue('{0}.sortKey'.format(this.tableName), sortKey); Config.setValue('{0}.sortKey'.format(this.tableName), sortKey);
Config.setValue('{0}.sortDirection'.format(this.tableName), order); Config.setValue('{0}.sortDirection'.format(this.tableName), order);
}; };
var _storeState = function(sortModel, sortDirection){
var _storeState = function(sortModel, sortDirection) {
var order = _convertDirectionToInt(sortDirection); var order = _convertDirectionToInt(sortDirection);
var sortKey = this._getSortMapping(sortModel.get('name')).sortKey; var sortKey = this._getSortMapping(sortModel.get('name')).sortKey;
Config.setValue('{0}.sortKey'.format(this.tableName), sortKey); Config.setValue('{0}.sortKey'.format(this.tableName), sortKey);
Config.setValue('{0}.sortDirection'.format(this.tableName), order); Config.setValue('{0}.sortDirection'.format(this.tableName), order);
}; };
var _convertDirectionToInt = function(dir){
if(dir === 'ascending') { var _convertDirectionToInt = function(dir) {
if (dir === 'ascending') {
return '-1'; return '-1';
} }
return '1'; return '1';
}; };
return this; return this;
}; };

76
src/UI/Mixins/AsSortedCollection.js
Unescape View File

@ -1,17 +1,23 @@
var _ = require('underscore'); var _ = require('underscore');
var Config = require('../Config'); var Config = require('../Config');
module.exports = function(){ module.exports = function() {
var originalSetSorting = this.prototype.setSorting; var originalSetSorting = this.prototype.setSorting;
this.prototype.setSorting = function(sortKey, order, options){
this.prototype.setSorting = function(sortKey, order, options) {
var sortMapping = this._getSortMapping(sortKey); var sortMapping = this._getSortMapping(sortKey);
options = _.defaults({sortValue : sortMapping.sortValue}, options || {});
options = _.defaults({ sortValue : sortMapping.sortValue }, options || {});
return originalSetSorting.call(this, sortMapping.sortKey, order, options); return originalSetSorting.call(this, sortMapping.sortKey, order, options);
}; };
this.prototype._getSortMappings = function(){
this.prototype._getSortMappings = function() {
var result = {}; var result = {};
if(this.sortMappings) {
_.each(this.sortMappings, function(values, key){ if (this.sortMappings) {
_.each(this.sortMappings, function(values, key) {
var item = { var item = {
name : key, name : key,
sortKey : values.sortKey || key, sortKey : values.sortKey || key,
@ -21,80 +27,104 @@ module.exports = function(){
result[item.sortKey] = item; result[item.sortKey] = item;
}); });
} }
return result; return result;
}; };
this.prototype._getSortMapping = function(key){
this.prototype._getSortMapping = function(key) {
var sortMappings = this._getSortMappings(); var sortMappings = this._getSortMappings();
return sortMappings[key] || { return sortMappings[key] || {
name : key, name : key,
sortKey : key sortKey : key
}; };
}; };
this.prototype._getSecondarySorting = function(){
this.prototype._getSecondarySorting = function() {
var sortKey = this.state.secondarySortKey; var sortKey = this.state.secondarySortKey;
var sortOrder = this.state.secondarySortOrder || -1; var sortOrder = this.state.secondarySortOrder || -1;
if(!sortKey || sortKey === this.state.sortKey) {
if (!sortKey || sortKey === this.state.sortKey) {
return null; return null;
} }
var sortMapping = this._getSortMapping(sortKey); var sortMapping = this._getSortMapping(sortKey);
if(!sortMapping.sortValue) {
sortMapping.sortValue = function(model, attr){ if (!sortMapping.sortValue) {
sortMapping.sortValue = function(model, attr) {
return model.get(attr); return model.get(attr);
}; };
} }
return { return {
key : sortKey, key : sortKey,
order : sortOrder, order : sortOrder,
sortValue : sortMapping.sortValue sortValue : sortMapping.sortValue
}; };
}; };
this.prototype._makeComparator = function(sortKey, order, sortValue){
this.prototype._makeComparator = function(sortKey, order, sortValue) {
var state = this.state; var state = this.state;
var secondarySorting = this._getSecondarySorting(); var secondarySorting = this._getSecondarySorting();
sortKey = sortKey || state.sortKey; sortKey = sortKey || state.sortKey;
order = order || state.order; order = order || state.order;
if(!sortKey || !order) {
if (!sortKey || !order) {
return; return;
} }
if(!sortValue) {
sortValue = function(model, attr){ if (!sortValue) {
sortValue = function(model, attr) {
return model.get(attr); return model.get(attr);
}; };
} }
return function(left, right){
return function(left, right) {
var l = sortValue(left, sortKey, order); var l = sortValue(left, sortKey, order);
var r = sortValue(right, sortKey, order); var r = sortValue(right, sortKey, order);
var t; var t;
if(order === 1) {
if (order === 1) {
t = l; t = l;
l = r; l = r;
r = t; r = t;
} }
if(l === r) {
if(secondarySorting) { if (l === r) {
if (secondarySorting) {
var ls = secondarySorting.sortValue(left, secondarySorting.key, order); var ls = secondarySorting.sortValue(left, secondarySorting.key, order);
var rs = secondarySorting.sortValue(right, secondarySorting.key, order); var rs = secondarySorting.sortValue(right, secondarySorting.key, order);
var ts; var ts;
if(secondarySorting.order === 1) {
if (secondarySorting.order === 1) {
ts = ls; ts = ls;
ls = rs; ls = rs;
rs = ts; rs = ts;
} }
if(ls === rs) {
if (ls === rs) {
return 0; return 0;
} }
if(ls < rs) {
if (ls < rs) {
return -1; return -1;
} }
return 1; return 1;
} }
return 0; return 0;
} }
else if(l < r) {
else if (l < r) {
return -1; return -1;
} }
return 1; return 1;
}; };
}; };
return this; return this;
}; };

16
src/UI/Mixins/AsSortedCollectionView.js
Unescape View File

@ -1,20 +1,24 @@
module.exports = function(){ module.exports = function() {
this.prototype.appendHtml = function(collectionView, itemView, index){ this.prototype.appendHtml = function(collectionView, itemView, index) {
var childrenContainer = collectionView.itemViewContainer ? collectionView.$(collectionView.itemViewContainer) : collectionView.$el; var childrenContainer = collectionView.itemViewContainer ? collectionView.$(collectionView.itemViewContainer) : collectionView.$el;
var collection = collectionView.collection; var collection = collectionView.collection;
if(index >= collection.size() - 1) {
// If the index of the model is at the end of the collection append, else insert at proper index
if (index >= collection.size() - 1) {
childrenContainer.append(itemView.el); childrenContainer.append(itemView.el);
} } else {
else {
var previousModel = collection.at(index + 1); var previousModel = collection.at(index + 1);
var previousView = this.children.findByModel(previousModel); var previousView = this.children.findByModel(previousModel);
if(previousView) {
if (previousView) {
previousView.$el.before(itemView.$el); previousView.$el.before(itemView.$el);
} }
else { else {
childrenContainer.append(itemView.el); childrenContainer.append(itemView.el);
} }
} }
}; };
return this; return this;
}; };

66
src/UI/Mixins/AsValidatedView.js
Unescape View File

@ -1,77 +1,93 @@
var Validation = require('backbone.validation'); var Validation = require('backbone.validation');
var _ = require('underscore'); var _ = require('underscore');
module.exports = (function(){ module.exports = (function() {
'use strict'; 'use strict';
return function(){ return function() {
var originalInitialize = this.prototype.initialize; var originalInitialize = this.prototype.initialize;
var originalOnRender = this.prototype.onRender; var originalOnRender = this.prototype.onRender;
var originalBeforeClose = this.prototype.onBeforeClose; var originalBeforeClose = this.prototype.onBeforeClose;
var errorHandler = function(response){
if(this.model) { var errorHandler = function(response) {
if (this.model) {
this.model.trigger('validation:failed', response); this.model.trigger('validation:failed', response);
} } else {
else {
this.trigger('validation:failed', response); this.trigger('validation:failed', response);
} }
}; };
var validatedSync = function(method, model, options){
var validatedSync = function(method, model, options) {
model.trigger('validation:sync'); model.trigger('validation:sync');
arguments[2].isValidatedCall = true; arguments[2].isValidatedCall = true;
return model._originalSync.apply(this, arguments).fail(errorHandler.bind(this)); return model._originalSync.apply(this, arguments).fail(errorHandler.bind(this));
}; };
var bindToModel = function(model){
if(!model._originalSync) { var bindToModel = function(model) {
if (!model._originalSync) {
model._originalSync = model.sync; model._originalSync = model.sync;
model.sync = validatedSync.bind(this); model.sync = validatedSync.bind(this);
} }
}; };
var validationFailed = function(response){
if(response.status === 400) { var validationFailed = function(response) {
if (response.status === 400) {
var view = this; var view = this;
var validationErrors = JSON.parse(response.responseText); var validationErrors = JSON.parse(response.responseText);
_.each(validationErrors, function(error){ _.each(validationErrors, function(error) {
view.$el.processServerError(error); view.$el.processServerError(error);
}); });
} }
}; };
this.prototype.initialize = function(options){
if(this.model) { this.prototype.initialize = function(options) {
this.listenTo(this.model, 'validation:sync', function(){ if (this.model) {
this.listenTo(this.model, 'validation:sync', function() {
this.$el.removeAllErrors(); this.$el.removeAllErrors();
}); });
this.listenTo(this.model, 'validation:failed', validationFailed); this.listenTo(this.model, 'validation:failed', validationFailed);
} } else {
else { this.listenTo(this, 'validation:sync', function() {
this.listenTo(this, 'validation:sync', function(){
this.$el.removeAllErrors(); this.$el.removeAllErrors();
}); });
this.listenTo(this, 'validation:failed', validationFailed); this.listenTo(this, 'validation:failed', validationFailed);
} }
if(originalInitialize) {
if (originalInitialize) {
originalInitialize.call(this, options); originalInitialize.call(this, options);
} }
}; };
this.prototype.onRender = function(){
this.prototype.onRender = function() {
Validation.bind(this); Validation.bind(this);
this.bindToModelValidation = bindToModel.bind(this); this.bindToModelValidation = bindToModel.bind(this);
if(this.model) {
if (this.model) {
this.bindToModelValidation(this.model); this.bindToModelValidation(this.model);
} }
if(originalOnRender) {
if (originalOnRender) {
originalOnRender.call(this); originalOnRender.call(this);
} }
}; };
this.prototype.onBeforeClose = function(){
if(this.model) { this.prototype.onBeforeClose = function() {
if (this.model) {
Validation.unbind(this); Validation.unbind(this);
//If we don't do this the next time the model is used the sync is bound to an old view
this.model.sync = this.model._originalSync; this.model.sync = this.model._originalSync;
this.model._originalSync = undefined; this.model._originalSync = undefined;
} }
if(originalBeforeClose) {
if (originalBeforeClose) {
originalBeforeClose.call(this); originalBeforeClose.call(this);
} }
}; };
return this; return this;
}; };
}).call(this); }).call(this);

92
src/UI/Mixins/AutoComplete.js
Unescape View File

@ -1,49 +1,51 @@
var $ = require('jquery'); var $ = require('jquery');
require('typeahead'); require('typeahead');
module.exports = (function(){ $.fn.autoComplete = function(options) {
$.fn.autoComplete = function(options){ if (!options) {
if(!options) { throw 'options are required';
throw 'options are required'; }
}
if(!options.resource) { if (!options.resource) {
throw 'resource is required'; throw 'resource is required';
} }
if(!options.query) {
throw 'query is required'; if (!options.query) {
} throw 'query is required';
$(this).typeahead({ }
hint : true,
highlight : true, $(this).typeahead({
minLength : 3, hint : true,
items : 20 highlight : true,
}, { minLength : 3,
name : options.resource.replace('/'), items : 20
displayKey : '', }, {
source : function(filter, callback){ name : options.resource.replace('/'),
var data = {}; displayKey : '',
data[options.query] = filter; source : function(filter, callback) {
$.ajax({ var data = {};
url : window.NzbDrone.ApiRoot + options.resource, data[options.query] = filter;
dataType : 'json', $.ajax({
type : 'GET', url : window.NzbDrone.ApiRoot + options.resource,
data : data, dataType : 'json',
success : function(response){ type : 'GET',
if(options.filter) { data : data,
options.filter.call(this, filter, response, callback); success : function(response) {
} if (options.filter) {
else { options.filter.call(this, filter, response, callback);
var matches = []; } else {
$.each(response, function(i, d){ var matches = [];
if(d[options.query] && d[options.property].startsWith(filter)) {
matches.push({value : d[options.property]}); $.each(response, function(i, d) {
} if (d[options.query] && d[options.property].startsWith(filter)) {
}); matches.push({ value : d[options.property] });
callback(matches); }
} });
callback(matches);
} }
}); }
} });
}); }
}; });
}).call(this); };

4
src/UI/Mixins/CopyToClipboard.js
Unescape View File

@ -6,7 +6,7 @@ var Messenger = require('../Shared/Messenger');
$.fn.copyToClipboard = function(input) { $.fn.copyToClipboard = function(input) {
ZeroClipboard.config({ ZeroClipboard.config({
swfPath: StatusModel.get('urlBase') + '/Content/zero.clipboard.swf' swfPath : StatusModel.get('urlBase') + '/Content/zero.clipboard.swf'
}); });
var client = new ZeroClipboard(this); var client = new ZeroClipboard(this);
@ -16,7 +16,7 @@ $.fn.copyToClipboard = function(input) {
e.clipboardData.setData("text/plain", input.val()); e.clipboardData.setData("text/plain", input.val());
}); });
client.on('aftercopy', function() { client.on('aftercopy', function() {
Messenger.show({message : 'Copied text to clipboard'}); Messenger.show({ message : 'Copied text to clipboard' });
}); });
}); });
}; };

37
src/UI/Mixins/DirectoryAutoComplete.js
Unescape View File

@ -1,21 +1,22 @@
var $ = require('jquery'); var $ = require('jquery');
require('./AutoComplete'); require('./AutoComplete');
module.exports = (function(){ $.fn.directoryAutoComplete = function() {
$.fn.directoryAutoComplete = function(){ var query = 'path';
var query = 'path';
$(this).autoComplete({ $(this).autoComplete({
resource : '/filesystem', resource : '/filesystem',
query : query, query : query,
filter : function(filter, response, callback){ filter : function(filter, response, callback) {
var matches = []; var matches = [];
$.each(response.directories, function(i, d){
if(d[query] && d[query].startsWith(filter)) { $.each(response.directories, function(i, d) {
matches.push({value : d[query]}); if (d[query] && d[query].startsWith(filter)) {
} matches.push({ value : d[query] });
}); }
callback(matches); });
}
}); callback(matches);
}; }
}).call(this); });
};

50
src/UI/Mixins/FileBrowser.js
Unescape View File

@ -1,29 +1,31 @@
var $ = require('jquery'); var $ = require('jquery');
var vent = require('vent'); var vent = require('vent');
require('../Shared/FileBrowser/FileBrowserLayout'); require('../Shared/FileBrowser/FileBrowserLayout');
require('./DirectoryAutoComplete'); require('./DirectoryAutoComplete');
module.exports = (function(){ $.fn.fileBrowser = function(options) {
$.fn.fileBrowser = function(options){ var inputs = $(this);
var inputs = $(this);
inputs.each(function(){ inputs.each(function() {
var input = $(this); var input = $(this);
var inputOptions = $.extend({input : input}, options); var inputOptions = $.extend({ input : input }, options);
var inputGroup = $('<div class="input-group"></div>'); var inputGroup = $('<div class="input-group"></div>');
var inputGroupButton = $('<span class="input-group-btn "></span>'); var inputGroupButton = $('<span class="input-group-btn "></span>');
var button = $('<button class="btn btn-primary x-file-browser" title="Browse"><i class="icon-folder-open"/></button>');
if(input.parent('.input-group').length > 0) { var button = $('<button class="btn btn-primary x-file-browser" title="Browse"><i class="icon-folder-open"/></button>');
input.parent('.input-group').find('.input-group-btn').prepend(button);
} if (input.parent('.input-group').length > 0) {
else { input.parent('.input-group').find('.input-group-btn').prepend(button);
inputGroupButton.append(button); } else {
input.wrap(inputGroup); inputGroupButton.append(button);
input.after(inputGroupButton); input.wrap(inputGroup);
} input.after(inputGroupButton);
button.on('click', function(){ }
vent.trigger(vent.Commands.ShowFileBrowser, inputOptions);
}); button.on('click', function() {
vent.trigger(vent.Commands.ShowFileBrowser, inputOptions);
}); });
inputs.directoryAutoComplete(); });
};
}).call(this); inputs.directoryAutoComplete();
};

243
src/UI/Mixins/TagInput.js
Unescape View File

@ -4,120 +4,143 @@ var TagCollection = require('../Tags/TagCollection');
var TagModel = require('../Tags/TagModel'); var TagModel = require('../Tags/TagModel');
require('bootstrap.tagsinput'); require('bootstrap.tagsinput');
module.exports = (function(){ var substringMatcher = function() {
var originalAdd = $.fn.tagsinput.Constructor.prototype.add; return function findMatches (q, cb) {
var originalRemove = $.fn.tagsinput.Constructor.prototype.remove; var matches = _.select(TagCollection.toJSON(), function(tag) {
var originalBuild = $.fn.tagsinput.Constructor.prototype.build; return tag.label.toLowerCase().indexOf(q.toLowerCase()) > -1;
$.fn.tagsinput.Constructor.prototype.add = function(item, dontPushVal){ });
var self = this; cb(matches);
if(typeof item === 'string' && this.options.tag) {
var test = testTag(item);
if(item === null || item === '' || !testTag(item)) {
return;
}
var existing = _.find(TagCollection.toJSON(), {label : item});
if(existing) {
originalAdd.call(this, existing, dontPushVal);
}
else {
var newTag = new TagModel();
newTag.set({label : item.toLowerCase()});
TagCollection.add(newTag);
newTag.save().done(function(){
item = newTag.toJSON();
originalAdd.call(self, item, dontPushVal);
});
}
}
else {
originalAdd.call(this, item, dontPushVal);
}
if(this.options.tag) {
self.$input.typeahead('val', '');
}
}; };
$.fn.tagsinput.Constructor.prototype.remove = function(item, dontPushVal){ };
if(item === null) { var getExistingTags = function(tagValues) {
return _.select(TagCollection.toJSON(), function(tag) {
return _.contains(tagValues, tag.id);
});
};
var testTag = function(item) {
var tagLimitations = new RegExp('[^-_a-z0-9]', 'i');
try {
return !tagLimitations.test(item);
}
catch (e) {
return false;
}
};
var originalAdd = $.fn.tagsinput.Constructor.prototype.add;
var originalRemove = $.fn.tagsinput.Constructor.prototype.remove;
var originalBuild = $.fn.tagsinput.Constructor.prototype.build;
$.fn.tagsinput.Constructor.prototype.add = function(item, dontPushVal) {
var self = this;
if (typeof item === 'string' && this.options.tag) {
var test = testTag(item);
if (item === null || item === '' || !testTag(item)) {
return; return;
} }
originalRemove.call(this, item, dontPushVal);
}; var existing = _.find(TagCollection.toJSON(), { label : item });
$.fn.tagsinput.Constructor.prototype.build = function(options){
var self = this; if (existing) {
var defaults = { originalAdd.call(this, existing, dontPushVal);
confirmKeys : [9, 13, 32, 44, 59] } else {
}; var newTag = new TagModel();
options = $.extend({}, defaults, options); newTag.set({ label : item.toLowerCase() });
self.$input.on('keydown', function(event){ TagCollection.add(newTag);
if(event.which === 9) {
var e = $.Event('keypress'); newTag.save().done(function() {
e.which = 9; item = newTag.toJSON();
self.$input.trigger(e); originalAdd.call(self, item, dontPushVal);
event.preventDefault();
}
});
self.$input.on('focusout', function(){
self.add(self.$input.val());
self.$input.val('');
});
originalBuild.call(this, options);
};
$.fn.tagInput = function(options){
var input = this;
var model = options.model;
var property = options.property;
var tags = getExistingTags(model.get(property));
var tagInput = $(this).tagsinput({
tag : true,
freeInput : true,
itemValue : 'id',
itemText : 'label',
trimValue : true,
typeaheadjs : {
name : 'tags',
displayKey : 'label',
source : substringMatcher()
}
});
$(tagInput)[0].options.freeInput = true;
$(this).tagsinput('removeAll');
_.each(tags, function(tag){
$(input).tagsinput('add', tag);
});
$(this).tagsinput('refresh');
$(this).on('itemAdded', function(event){
var tags = model.get(property);
tags.push(event.item.id);
model.set(property, tags);
});
$(this).on('itemRemoved', function(event){
if(!event.item) {
return;
}
var tags = _.without(model.get(property), event.item.id);
model.set(property, tags);
});
};
var substringMatcher = function(){
return function findMatches (q, cb){
var matches = _.select(TagCollection.toJSON(), function(tag){
return tag.label.toLowerCase().indexOf(q.toLowerCase()) > -1;
}); });
cb(matches); }
}; } else {
}; originalAdd.call(this, item, dontPushVal);
var getExistingTags = function(tagValues){ }
return _.select(TagCollection.toJSON(), function(tag){
return _.contains(tagValues, tag.id); if (this.options.tag) {
}); self.$input.typeahead('val', '');
}
};
$.fn.tagsinput.Constructor.prototype.remove = function(item, dontPushVal) {
if (item === null) {
return;
}
originalRemove.call(this, item, dontPushVal);
};
$.fn.tagsinput.Constructor.prototype.build = function(options) {
var self = this;
var defaults = {
confirmKeys : [
9,
13,
32,
44,
59
] //tab, enter, space, comma, semi-colon
}; };
var testTag = function(item){
var tagLimitations = new RegExp('[^-_a-z0-9]', 'i'); options = $.extend({}, defaults, options);
try {
return !tagLimitations.test(item); self.$input.on('keydown', function(event) {
if (event.which === 9) {
var e = $.Event('keypress');
e.which = 9;
self.$input.trigger(e);
event.preventDefault();
} }
catch (e) { });
return false;
self.$input.on('focusout', function() {
self.add(self.$input.val());
self.$input.val('');
});
originalBuild.call(this, options);
};
$.fn.tagInput = function(options) {
var input = this;
var model = options.model;
var property = options.property;
var tags = getExistingTags(model.get(property));
var tagInput = $(this).tagsinput({
tag : true,
freeInput : true,
itemValue : 'id',
itemText : 'label',
trimValue : true,
typeaheadjs : {
name : 'tags',
displayKey : 'label',
source : substringMatcher()
} }
}; });
}).call(this);
//Override the free input being set to false because we're using objects
$(tagInput)[0].options.freeInput = true;
//Remove any existing tags and re-add them
$(this).tagsinput('removeAll');
_.each(tags, function(tag) {
$(input).tagsinput('add', tag);
});
$(this).tagsinput('refresh');
$(this).on('itemAdded', function(event) {
var tags = model.get(property);
tags.push(event.item.id);
model.set(property, tags);
});
$(this).on('itemRemoved', function(event) {
if (!event.item) {
return;
}
var tags = _.without(model.get(property), event.item.id);
model.set(property, tags);
});
};

24
src/UI/Mixins/backbone.signalr.mixin.js
Unescape View File

@ -5,27 +5,37 @@ var Backbone = require('backbone');
require('signalR'); require('signalR');
module.exports = _.extend(Backbone.Collection.prototype, { module.exports = _.extend(Backbone.Collection.prototype, {
bindSignalR : function(bindOptions){ bindSignalR : function(bindOptions) {
var collection = this; var collection = this;
bindOptions = bindOptions || {}; bindOptions = bindOptions || {};
var processMessage = function(options){
if(options.action === 'sync') { var processMessage = function(options) {
if (options.action === 'sync') {
console.log('sync received, re-fetching collection'); console.log('sync received, re-fetching collection');
collection.fetch(); collection.fetch();
return; return;
} }
if(options.action === 'deleted') {
collection.remove(new collection.model(options.resource, {parse : true})); if (options.action === 'deleted') {
collection.remove(new collection.model(options.resource, { parse : true }));
return; return;
} }
var model = new collection.model(options.resource, {parse : true});
if(bindOptions.updateOnly && !collection.get(model.get('id'))) { var model = new collection.model(options.resource, { parse : true });
//updateOnly will prevent the collection from adding a new item
if (bindOptions.updateOnly && !collection.get(model.get('id'))) {
return; return;
} }
collection.add(model, { collection.add(model, {
merge : true, merge : true,
changeSource : 'signalr' changeSource : 'signalr'
}); });
console.log(options.action + ': {0}}'.format(options.resource)); console.log(options.action + ': {0}}'.format(options.resource));
}; };

48
src/UI/jQuery/RouteBinder.js
Unescape View File

@ -2,46 +2,64 @@ var Backbone = require('backbone');
var $ = require('jquery'); var $ = require('jquery');
var StatusModel = require('../System/StatusModel'); var StatusModel = require('../System/StatusModel');
//This module will automatically route all relative links through backbone router rather than
//causing links to reload pages.
var routeBinder = { var routeBinder = {
bind : function(){
bind : function() {
var self = this; var self = this;
$(document).on('click', 'a[href]', function(event){ $(document).on('click', 'a[href]', function(event) {
self._handleClick(event); self._handleClick(event);
}); });
}, },
_handleClick : function(event){
_handleClick : function(event) {
var $target = $(event.target); var $target = $(event.target);
if($target.parents('.nav-tabs').length) {
//check if tab nav
if ($target.parents('.nav-tabs').length) {
return; return;
} }
if($target.hasClass('no-router')) {
if ($target.hasClass('no-router')) {
return; return;
} }
var href = event.target.getAttribute('href'); var href = event.target.getAttribute('href');
if(!href && $target.closest('a') && $target.closest('a')[0]) {
if (!href && $target.closest('a') && $target.closest('a')[0]) {
var linkElement = $target.closest('a')[0]; var linkElement = $target.closest('a')[0];
if($(linkElement).hasClass('no-router')) {
if ($(linkElement).hasClass('no-router')) {
return; return;
} }
href = linkElement.getAttribute('href'); href = linkElement.getAttribute('href');
} }
event.preventDefault(); event.preventDefault();
if(!href) {
if (!href) {
throw 'couldn\'t find route target'; throw 'couldn\'t find route target';
} }
if(!href.startsWith('http')) {
if(event.ctrlKey) { if (!href.startsWith('http')) {
if (event.ctrlKey) {
window.open(href, '_blank'); window.open(href, '_blank');
} }
else { else {
var relativeHref = href.replace(StatusModel.get('urlBase'), ''); var relativeHref = href.replace(StatusModel.get('urlBase'), '');
Backbone.history.navigate(relativeHref, {trigger : true});
Backbone.history.navigate(relativeHref, { trigger : true });
} }
} } else if (href.contains('#')) {
else if(href.contains('#')) { //Open in new tab without dereferer (since it doesn't support fragments)
window.open(href, '_blank'); window.open(href, '_blank');
} } else {
else { //Open in new tab
window.open('http://www.dereferer.org/?' + encodeURI(href), '_blank'); window.open('http://www.dereferer.org/?' + encodeURI(href), '_blank');
} }
} }

14
src/UI/jQuery/ToTheTop.js
Unescape View File

@ -1,23 +1,21 @@
var $ = require('jquery'); var $ = require('jquery');
var _ = require('underscore'); var _ = require('underscore');
$(document).ready(function() {
$(document).ready(function(){
var _window = $(window); var _window = $(window);
var _scrollButton = $('#scroll-up'); var _scrollButton = $('#scroll-up');
var _scrollHandler = function(){ var _scrollHandler = function() {
if(_window.scrollTop() > 100) { if (_window.scrollTop() > 100) {
_scrollButton.fadeIn(); _scrollButton.fadeIn();
} } else {
else {
_scrollButton.fadeOut(); _scrollButton.fadeOut();
} }
}; };
$(window).scroll(_.throttle(_scrollHandler, 500)); $(window).scroll(_.throttle(_scrollHandler, 500));
_scrollButton.click(function(){ _scrollButton.click(function() {
$('html, body').animate({scrollTop : 0}, 600); $('html, body').animate({ scrollTop : 0 }, 600);
return false; return false;
}); });
}); });

13
src/UI/jQuery/jquery.ajax.js
Unescape View File

@ -1,21 +1,20 @@
module.exports = function(){ module.exports = function() {
var $ = this; var $ = this;
var original = $.ajax; var original = $.ajax;
$.ajax = function(xhr){ $.ajax = function(xhr) {
'use strict'; 'use strict';
if(xhr && xhr.data && xhr.type === 'DELETE') { if (xhr && xhr.data && xhr.type === 'DELETE') {
if(xhr.url.contains('?')) { if (xhr.url.contains('?')) {
xhr.url += '&'; xhr.url += '&';
} } else {
else {
xhr.url += '?'; xhr.url += '?';
} }
xhr.url += $.param(xhr.data); xhr.url += $.param(xhr.data);
delete xhr.data; delete xhr.data;
} }
if(xhr) { if (xhr) {
xhr.headers = xhr.headers || {}; xhr.headers = xhr.headers || {};
xhr.headers['X-Api-Key'] = window.NzbDrone.ApiKey; xhr.headers['X-Api-Key'] = window.NzbDrone.ApiKey;
} }

37
src/UI/jQuery/jquery.spin.js
Unescape View File

@ -1,47 +1,60 @@
module.exports = function(){ module.exports = function() {
'use strict'; 'use strict';
var $ = this; var $ = this;
$.fn.spinForPromise = function(promise){ $.fn.spinForPromise = function(promise) {
var self = this; var self = this;
if(!promise || promise.state() !== 'pending') {
if (!promise || promise.state() !== 'pending') {
return this; return this;
} }
promise.always(function(){ promise.always(function() {
self.stopSpin(); self.stopSpin();
}); });
return this.startSpin(); return this.startSpin();
}; };
$.fn.startSpin = function(){
$.fn.startSpin = function() {
var icon = this.find('i').andSelf('i'); var icon = this.find('i').andSelf('i');
if(!icon || !icon.attr('class')) {
if (!icon || !icon.attr('class')) {
return this; return this;
} }
var iconClasses = icon.attr('class').match(/(?:^|\s)icon\-.+?(?:$|\s)/); var iconClasses = icon.attr('class').match(/(?:^|\s)icon\-.+?(?:$|\s)/);
if(iconClasses.length === 0) {
if (iconClasses.length === 0) {
return this; return this;
} }
var iconClass = $.trim(iconClasses[0]); var iconClass = $.trim(iconClasses[0]);
this.addClass('disabled'); this.addClass('disabled');
if(icon.hasClass('icon-can-spin')) {
if (icon.hasClass('icon-can-spin')) {
icon.addClass('icon-spin'); icon.addClass('icon-spin');
} } else {
else {
icon.attr('data-idle-icon', iconClass); icon.attr('data-idle-icon', iconClass);
icon.removeClass(iconClass); icon.removeClass(iconClass);
icon.addClass('icon-nd-spinner'); icon.addClass('icon-nd-spinner');
} }
return this; return this;
}; };
$.fn.stopSpin = function(){
$.fn.stopSpin = function() {
var icon = this.find('i').andSelf('i'); var icon = this.find('i').andSelf('i');
this.removeClass('disabled'); this.removeClass('disabled');
icon.removeClass('icon-spin icon-nd-spinner'); icon.removeClass('icon-spin icon-nd-spinner');
var idleIcon = icon.attr('data-idle-icon'); var idleIcon = icon.attr('data-idle-icon');
if(idleIcon) {
if (idleIcon) {
icon.addClass(idleIcon); icon.addClass(idleIcon);
} }
return this; return this;
}; };
}; };

65
src/UI/jQuery/jquery.validation.js
Unescape View File

@ -1,74 +1,95 @@
module.exports = function(){ module.exports = function() {
'use strict'; 'use strict';
var $ = this; var $ = this;
$.fn.processServerError = function(error){ $.fn.processServerError = function(error) {
var validationName = error.propertyName.toLowerCase(); var validationName = error.propertyName.toLowerCase();
var errorMessage = this.formatErrorMessage(error); var errorMessage = this.formatErrorMessage(error);
this.find('.validation-errors').addClass('alert alert-danger').append('<div><i class="icon-exclamation-sign"></i>' + errorMessage + '</div>'); this.find('.validation-errors').addClass('alert alert-danger').append('<div><i class="icon-exclamation-sign"></i>' + errorMessage + '</div>');
if(!validationName || validationName === '') {
if (!validationName || validationName === '') {
this.addFormError(error); this.addFormError(error);
return this; return this;
} }
var input = this.find('[name]').filter(function(){
var input = this.find('[name]').filter(function() {
return this.name.toLowerCase() === validationName; return this.name.toLowerCase() === validationName;
}); });
if(input.length === 0) {
input = this.find('[validation-name]').filter(function(){ if (input.length === 0) {
input = this.find('[validation-name]').filter(function() {
return $(this).attr('validation-name').toLowerCase() === validationName; return $(this).attr('validation-name').toLowerCase() === validationName;
}); });
if(input.length === 0) {
//still not found?
if (input.length === 0) {
this.addFormError(error); this.addFormError(error);
console.error('couldn\'t find input for ' + error.propertyName); console.error('couldn\'t find input for ' + error.propertyName);
return this; return this;
} }
} }
var formGroup = input.parents('.form-group'); var formGroup = input.parents('.form-group');
if(formGroup.length === 0) {
if (formGroup.length === 0) {
formGroup = input.parent(); formGroup = input.parent();
} } else {
else {
var inputGroup = formGroup.find('.input-group'); var inputGroup = formGroup.find('.input-group');
if(inputGroup.length === 0) {
if (inputGroup.length === 0) {
formGroup.append('<span class="help-inline validation-error">' + errorMessage + '</span>'); formGroup.append('<span class="help-inline validation-error">' + errorMessage + '</span>');
} }
else { else {
inputGroup.parent().append('<span class="help-block validation-error">' + errorMessage + '</span>'); inputGroup.parent().append('<span class="help-block validation-error">' + errorMessage + '</span>');
} }
} }
formGroup.addClass('has-error'); formGroup.addClass('has-error');
return formGroup.find('.help-inline').text(); return formGroup.find('.help-inline').text();
}; };
$.fn.processClientError = function(error){
$.fn.processClientError = function(error) {
}; };
$.fn.addFormError = function(error){
$.fn.addFormError = function(error) {
var errorMessage = this.formatErrorMessage(error); var errorMessage = this.formatErrorMessage(error);
if(this.find('.modal-body')) {
if (this.find('.modal-body')) {
this.find('.modal-body').prepend('<div class="alert alert-danger validation-error">' + errorMessage + '</div>'); this.find('.modal-body').prepend('<div class="alert alert-danger validation-error">' + errorMessage + '</div>');
} }
else { else {
this.prepend('<div class="alert alert-danger validation-error">' + errorMessage + '</div>'); this.prepend('<div class="alert alert-danger validation-error">' + errorMessage + '</div>');
} }
}; };
$.fn.removeAllErrors = function(){
$.fn.removeAllErrors = function() {
this.find('.has-error').removeClass('has-error'); this.find('.has-error').removeClass('has-error');
this.find('.error').removeClass('error'); this.find('.error').removeClass('error');
this.find('.validation-errors').removeClass('alert').removeClass('alert-danger').html(''); this.find('.validation-errors').removeClass('alert').removeClass('alert-danger').html('');
this.find('.validation-error').remove(); this.find('.validation-error').remove();
return this.find('.help-inline.error-message').remove(); return this.find('.help-inline.error-message').remove();
}; };
$.fn.formatErrorMessage = function(error){
$.fn.formatErrorMessage = function(error) {
var errorMessage = error.errorMessage; var errorMessage = error.errorMessage;
if(error.infoLink) {
if(error.detailedDescription) { if (error.infoLink) {
if (error.detailedDescription) {
errorMessage += ' <a class="no-router" target="_blank" href="' + error.infoLink + '"><i class="icon-external-link" title="' + error.detailedDescription + '"></i></a>'; errorMessage += ' <a class="no-router" target="_blank" href="' + error.infoLink + '"><i class="icon-external-link" title="' + error.detailedDescription + '"></i></a>';
} } else {
else {
errorMessage += ' <a class="no-router" target="_blank" href="' + error.infoLink + '"><i class="icon-external-link"></i></a>'; errorMessage += ' <a class="no-router" target="_blank" href="' + error.infoLink + '"><i class="icon-external-link"></i></a>';
} }
} } else if (error.detailedDescription) {
else if(error.detailedDescription) {
errorMessage += ' <i class="icon-nd-form-info" title="' + error.detailedDescription + '"></i>'; errorMessage += ' <i class="icon-nd-form-info" title="' + error.detailedDescription + '"></i>';
} }
return errorMessage; return errorMessage;
}; };
}; };
Write Preview
Loading…
Cancel
Save