Javascript and css cleanup
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
var ApiClass = new Class({
|
||||
|
||||
setup: function(options){
|
||||
var self = this
|
||||
var self = this;
|
||||
|
||||
self.options = options;
|
||||
},
|
||||
@@ -13,7 +13,7 @@ var ApiClass = new Class({
|
||||
return new Request[r_type](Object.merge({
|
||||
'callbackKey': 'callback_func',
|
||||
'method': 'get',
|
||||
'url': self.createUrl(type, {'t': randomString()}),
|
||||
'url': self.createUrl(type, {'t': randomString()})
|
||||
}, options)).send()
|
||||
},
|
||||
|
||||
@@ -26,4 +26,4 @@ var ApiClass = new Class({
|
||||
}
|
||||
|
||||
});
|
||||
window.Api = new ApiClass()
|
||||
window.Api = new ApiClass();
|
||||
@@ -36,4 +36,4 @@ var BlockBase = new Class({
|
||||
|
||||
});
|
||||
|
||||
var Block = BlockBase
|
||||
var Block = BlockBase;
|
||||
@@ -18,11 +18,11 @@ Block.Menu = new Class({
|
||||
self.button = new Element('a.button' + (self.options.button_class ? '.' + self.options.button_class : ''), {
|
||||
'events': {
|
||||
'click': function(){
|
||||
self.el.toggleClass('show')
|
||||
self.fireEvent(self.el.hasClass('show') ? 'open' : 'close')
|
||||
self.el.toggleClass('show');
|
||||
self.fireEvent(self.el.hasClass('show') ? 'open' : 'close');
|
||||
|
||||
if(self.el.hasClass('show')){
|
||||
self.el.addEvent('outerClick', self.removeOuterClick.bind(self))
|
||||
self.el.addEvent('outerClick', self.removeOuterClick.bind(self));
|
||||
this.addEvent('outerClick', function(e){
|
||||
if(e.target.get('tag') != 'input')
|
||||
self.removeOuterClick()
|
||||
@@ -41,7 +41,7 @@ Block.Menu = new Class({
|
||||
removeOuterClick: function(){
|
||||
var self = this;
|
||||
|
||||
self.el.removeClass('show')
|
||||
self.el.removeClass('show');
|
||||
self.el.removeEvents('outerClick');
|
||||
|
||||
self.button.removeEvents('outerClick');
|
||||
@@ -49,8 +49,7 @@ Block.Menu = new Class({
|
||||
|
||||
addLink: function(tab, position){
|
||||
var self = this;
|
||||
var el = new Element('li').adopt(tab).inject(self.more_option_ul, position || 'bottom');
|
||||
return el;
|
||||
return new Element('li').adopt(tab).inject(self.more_option_ul, position || 'bottom');
|
||||
}
|
||||
|
||||
});
|
||||
@@ -5,7 +5,6 @@ Block.Navigation = new Class({
|
||||
create: function(){
|
||||
var self = this;
|
||||
|
||||
var settings_added = false;
|
||||
self.el = new Element('div.navigation').adopt(
|
||||
self.foldout = new Element('a.foldout.icon2.menu', {
|
||||
'events': {
|
||||
@@ -28,7 +27,7 @@ Block.Navigation = new Class({
|
||||
'duration': 100
|
||||
}
|
||||
})
|
||||
)
|
||||
);
|
||||
|
||||
new ScrollSpy({
|
||||
min: 400,
|
||||
@@ -58,7 +57,7 @@ Block.Navigation = new Class({
|
||||
|
||||
},
|
||||
|
||||
toggleMenu: function(e){
|
||||
toggleMenu: function(){
|
||||
var self = this,
|
||||
body = $(document.body),
|
||||
html = body.getParent();
|
||||
|
||||
@@ -15,7 +15,7 @@
|
||||
var self = this;
|
||||
self.setOptions(options);
|
||||
|
||||
self.c = $(document.body)
|
||||
self.c = $(document.body);
|
||||
|
||||
self.route = new Route(self.defaults);
|
||||
|
||||
@@ -48,7 +48,6 @@
|
||||
},
|
||||
|
||||
pushState: function(e){
|
||||
var self = this;
|
||||
if((!e.meta && Browser.Platform.mac) || (!e.control && !Browser.Platform.mac)){
|
||||
(e).preventDefault();
|
||||
var url = e.target.get('href');
|
||||
@@ -111,11 +110,11 @@
|
||||
'click': self.shutdownQA.bind(self)
|
||||
}
|
||||
})
|
||||
]
|
||||
];
|
||||
|
||||
setting_links.each(function(a){
|
||||
self.block.more.addLink(a)
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
new ScrollSpy({
|
||||
@@ -133,7 +132,7 @@
|
||||
var self = this;
|
||||
|
||||
Object.each(Page, function(page_class, class_name){
|
||||
pg = new Page[class_name](self, {});
|
||||
var pg = new Page[class_name](self, {});
|
||||
self.pages[class_name] = pg;
|
||||
|
||||
$(pg).inject(self.content);
|
||||
@@ -156,7 +155,7 @@
|
||||
return;
|
||||
|
||||
if(self.current_page)
|
||||
self.current_page.hide()
|
||||
self.current_page.hide();
|
||||
|
||||
try {
|
||||
var page = self.pages[page_name] || self.pages.Home;
|
||||
@@ -190,7 +189,7 @@
|
||||
self.checkAvailable(1000);
|
||||
},
|
||||
|
||||
shutdownQA: function(e){
|
||||
shutdownQA: function(){
|
||||
var self = this;
|
||||
|
||||
var q = new Question('Are you sure you want to shutdown CouchPotato?', '', [{
|
||||
@@ -239,7 +238,7 @@
|
||||
checkForUpdate: function(onComplete){
|
||||
var self = this;
|
||||
|
||||
Updater.check(onComplete)
|
||||
Updater.check(onComplete);
|
||||
|
||||
self.blockPage('Please wait. If this takes too long, something must have gone wrong.', 'Checking for updates');
|
||||
self.checkAvailable(3000);
|
||||
@@ -257,7 +256,7 @@
|
||||
},
|
||||
'onSuccess': function(){
|
||||
if(onAvailable)
|
||||
onAvailable()
|
||||
onAvailable();
|
||||
self.unBlockPage();
|
||||
self.fireEvent('reload');
|
||||
}
|
||||
@@ -271,7 +270,6 @@
|
||||
|
||||
self.unBlockPage();
|
||||
|
||||
var body = $(document.body);
|
||||
self.mask = new Element('div.mask').adopt(
|
||||
new Element('div').adopt(
|
||||
new Element('h1', {'text': title || 'Unavailable'}),
|
||||
@@ -328,7 +326,7 @@
|
||||
'target': '',
|
||||
'events': {
|
||||
'click': function(e){
|
||||
(e).stop()
|
||||
(e).stop();
|
||||
alert('Drag it to your bookmark ;)')
|
||||
}
|
||||
}
|
||||
@@ -351,35 +349,35 @@ var Route = new Class({
|
||||
params: {},
|
||||
|
||||
initialize: function(defaults){
|
||||
var self = this
|
||||
var self = this;
|
||||
self.defaults = defaults
|
||||
},
|
||||
|
||||
parse: function(){
|
||||
var self = this;
|
||||
|
||||
var rep = function(pa){
|
||||
var rep = function (pa) {
|
||||
return pa.replace(Api.getOption('url'), '/').replace(App.getOption('base_url'), '/')
|
||||
}
|
||||
};
|
||||
|
||||
var path = rep(History.getPath())
|
||||
var path = rep(History.getPath());
|
||||
if(path == '/' && location.hash){
|
||||
path = rep(location.hash.replace('#', '/'))
|
||||
}
|
||||
self.current = path.replace(/^\/+|\/+$/g, '')
|
||||
var url = self.current.split('/')
|
||||
self.current = path.replace(/^\/+|\/+$/g, '');
|
||||
var url = self.current.split('/');
|
||||
|
||||
self.page = (url.length > 0) ? url.shift() : self.defaults.page
|
||||
self.action = (url.length > 0) ? url.shift() : self.defaults.action
|
||||
self.page = (url.length > 0) ? url.shift() : self.defaults.page;
|
||||
self.action = (url.length > 0) ? url.shift() : self.defaults.action;
|
||||
|
||||
self.params = Object.merge({}, self.defaults.params);
|
||||
if(url.length > 1){
|
||||
var key
|
||||
var key;
|
||||
url.each(function(el, nr){
|
||||
if(nr%2 == 0)
|
||||
key = el
|
||||
key = el;
|
||||
else if(key) {
|
||||
self.params[key] = el
|
||||
self.params[key] = el;
|
||||
key = null
|
||||
}
|
||||
})
|
||||
@@ -487,8 +485,8 @@ function randomString(length, extra) {
|
||||
|
||||
var comparer = function(a, b) {
|
||||
for (var i = 0, l = keyPaths.length; i < l; i++) {
|
||||
aVal = valueOf(a, keyPaths[i].path);
|
||||
bVal = valueOf(b, keyPaths[i].path);
|
||||
var aVal = valueOf(a, keyPaths[i].path),
|
||||
bVal = valueOf(b, keyPaths[i].path);
|
||||
if (aVal > bVal) return keyPaths[i].sign;
|
||||
if (aVal < bVal) return -keyPaths[i].sign;
|
||||
}
|
||||
@@ -529,4 +527,4 @@ var createSpinner = function(target, options){
|
||||
}, options);
|
||||
|
||||
return new Spinner(opts).spin(target);
|
||||
}
|
||||
};
|
||||
@@ -12,7 +12,7 @@ var PageBase = new Class({
|
||||
initialize: function(options) {
|
||||
var self = this;
|
||||
|
||||
self.setOptions(options)
|
||||
self.setOptions(options);
|
||||
|
||||
// Create main page container
|
||||
self.el = new Element('div.page.'+self.name);
|
||||
@@ -74,4 +74,4 @@ var PageBase = new Class({
|
||||
}
|
||||
});
|
||||
|
||||
var Page = {}
|
||||
var Page = {};
|
||||
|
||||
@@ -13,7 +13,7 @@ var AboutSettingTab = new Class({
|
||||
addSettings: function(){
|
||||
var self = this;
|
||||
|
||||
self.settings = App.getPage('Settings')
|
||||
self.settings = App.getPage('Settings');
|
||||
self.settings.addEvent('create', function(){
|
||||
var tab = self.settings.createTab('about', {
|
||||
'label': 'About',
|
||||
@@ -72,7 +72,7 @@ var AboutSettingTab = new Class({
|
||||
);
|
||||
|
||||
if(!self.fillVersion(Updater.getInfo()))
|
||||
Updater.addEvent('loaded', self.fillVersion.bind(self))
|
||||
Updater.addEvent('loaded', self.fillVersion.bind(self));
|
||||
|
||||
self.settings.createGroup({
|
||||
'name': 'Help Support CouchPotato'
|
||||
|
||||
@@ -5,7 +5,7 @@ Page.Home = new Class({
|
||||
name: 'home',
|
||||
title: 'Manage new stuff for things and such',
|
||||
|
||||
indexAction: function(param){
|
||||
indexAction: function () {
|
||||
var self = this;
|
||||
|
||||
if(self.soon_list){
|
||||
@@ -110,7 +110,7 @@ Page.Home = new Class({
|
||||
'identifier': 'late',
|
||||
'limit': 50,
|
||||
'title': 'Still not available',
|
||||
'description': 'Try another quality profile or maybe add more providers in <a href="'+App.createUrl('settings/searcher/providers/')+'">Settings</a>.',
|
||||
'description': 'Try another quality profile or maybe add more providers in <a href="' + App.createUrl('settings/searcher/providers/') + '">Settings</a>.',
|
||||
'filter': {
|
||||
'late': true
|
||||
},
|
||||
@@ -139,4 +139,4 @@ Page.Home = new Class({
|
||||
|
||||
}
|
||||
|
||||
})
|
||||
});
|
||||
@@ -5,7 +5,7 @@ Page.Manage = new Class({
|
||||
name: 'manage',
|
||||
title: 'Do stuff to your existing movies!',
|
||||
|
||||
indexAction: function(param){
|
||||
indexAction: function(){
|
||||
var self = this;
|
||||
|
||||
if(!self.list){
|
||||
@@ -73,7 +73,7 @@ Page.Manage = new Class({
|
||||
'data': {
|
||||
'full': +full
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
self.startProgressInterval();
|
||||
|
||||
@@ -108,7 +108,7 @@ Page.Manage = new Class({
|
||||
return;
|
||||
|
||||
if(!self.progress_container)
|
||||
self.progress_container = new Element('div.progress').inject(self.list.navigation, 'after')
|
||||
self.progress_container = new Element('div.progress').inject(self.list.navigation, 'after');
|
||||
|
||||
self.progress_container.empty();
|
||||
|
||||
|
||||
@@ -46,16 +46,16 @@ Page.Settings = new Class({
|
||||
var t = self.tabs[tab_name] || self.tabs[self.action] || self.tabs.general;
|
||||
|
||||
// Subtab
|
||||
var subtab = null
|
||||
var subtab = null;
|
||||
Object.each(self.params, function(param, subtab_name){
|
||||
subtab = subtab_name;
|
||||
})
|
||||
});
|
||||
|
||||
self.el.getElements('li.'+c+' , .tab_content.'+c).each(function(active){
|
||||
active.removeClass(c);
|
||||
});
|
||||
|
||||
if (t.subtabs[subtab]){
|
||||
if(t.subtabs[subtab]){
|
||||
t.tab[a](c);
|
||||
t.subtabs[subtab].tab[a](c);
|
||||
t.subtabs[subtab].content[a](c);
|
||||
@@ -87,7 +87,7 @@ Page.Settings = new Class({
|
||||
self.data = json;
|
||||
onComplete(json);
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
return self.data;
|
||||
},
|
||||
@@ -139,7 +139,7 @@ Page.Settings = new Class({
|
||||
Object.each(json.options, function(section, section_name){
|
||||
section['section_name'] = section_name;
|
||||
options.include(section);
|
||||
})
|
||||
});
|
||||
|
||||
options.sort(function(a, b){
|
||||
return (a.order || 100) - (b.order || 100)
|
||||
@@ -156,13 +156,13 @@ Page.Settings = new Class({
|
||||
// Create tab
|
||||
if(!self.tabs[group.tab] || !self.tabs[group.tab].groups)
|
||||
self.createTab(group.tab, {});
|
||||
var content_container = self.tabs[group.tab].content
|
||||
var content_container = self.tabs[group.tab].content;
|
||||
|
||||
// Create subtab
|
||||
if(group.subtab){
|
||||
if (!self.tabs[group.tab].subtabs[group.subtab])
|
||||
if(!self.tabs[group.tab].subtabs[group.subtab])
|
||||
self.createSubTab(group.subtab, group, self.tabs[group.tab], group.tab);
|
||||
var content_container = self.tabs[group.tab].subtabs[group.subtab].content
|
||||
content_container = self.tabs[group.tab].subtabs[group.subtab].content
|
||||
}
|
||||
|
||||
if(group.list && !self.lists[group.list]){
|
||||
@@ -170,12 +170,10 @@ Page.Settings = new Class({
|
||||
}
|
||||
|
||||
// Create the group
|
||||
if(!self.tabs[group.tab].groups[group.name]){
|
||||
var group_el = self.createGroup(group)
|
||||
if(!self.tabs[group.tab].groups[group.name])
|
||||
self.tabs[group.tab].groups[group.name] = self.createGroup(group)
|
||||
.inject(group.list ? self.lists[group.list] : content_container)
|
||||
.addClass('section_'+section_name);
|
||||
self.tabs[group.tab].groups[group.name] = group_el;
|
||||
}
|
||||
|
||||
// Create list if needed
|
||||
if(group.type && group.type == 'list'){
|
||||
@@ -208,9 +206,9 @@ Page.Settings = new Class({
|
||||
var self = this;
|
||||
|
||||
if(self.tabs[tab_name] && self.tabs[tab_name].tab)
|
||||
return self.tabs[tab_name].tab
|
||||
return self.tabs[tab_name].tab;
|
||||
|
||||
var label = tab.label || (tab.name || tab_name).capitalize()
|
||||
var label = tab.label || (tab.name || tab_name).capitalize();
|
||||
var tab_el = new Element('li.t_'+tab_name).adopt(
|
||||
new Element('a', {
|
||||
'href': App.createUrl(self.name+'/'+tab_name),
|
||||
@@ -221,14 +219,14 @@ Page.Settings = new Class({
|
||||
if(!self.tabs[tab_name])
|
||||
self.tabs[tab_name] = {
|
||||
'label': label
|
||||
}
|
||||
};
|
||||
|
||||
self.tabs[tab_name] = Object.merge(self.tabs[tab_name], {
|
||||
'tab': tab_el,
|
||||
'subtabs': {},
|
||||
'content': new Element('div.tab_content.tab_'+tab_name).inject(self.containers),
|
||||
'content': new Element('div.tab_content.tab_' + tab_name).inject(self.containers),
|
||||
'groups': {}
|
||||
})
|
||||
});
|
||||
|
||||
return self.tabs[tab_name]
|
||||
|
||||
@@ -238,12 +236,12 @@ Page.Settings = new Class({
|
||||
var self = this;
|
||||
|
||||
if(parent_tab.subtabs[tab_name])
|
||||
return parent_tab.subtabs[tab_name]
|
||||
return parent_tab.subtabs[tab_name];
|
||||
|
||||
if(!parent_tab.subtabs_el)
|
||||
parent_tab.subtabs_el = new Element('ul.subtabs').inject(parent_tab.tab);
|
||||
|
||||
var label = tab.subtab_label || tab_name.replace('_', ' ').capitalize()
|
||||
var label = tab.subtab_label || tab_name.replace('_', ' ').capitalize();
|
||||
var tab_el = new Element('li.t_'+tab_name).adopt(
|
||||
new Element('a', {
|
||||
'href': App.createUrl(self.name+'/'+parent_tab_name+'/'+tab_name),
|
||||
@@ -254,7 +252,7 @@ Page.Settings = new Class({
|
||||
if(!parent_tab.subtabs[tab_name])
|
||||
parent_tab.subtabs[tab_name] = {
|
||||
'label': label
|
||||
}
|
||||
};
|
||||
|
||||
parent_tab.subtabs[tab_name] = Object.merge(parent_tab.subtabs[tab_name], {
|
||||
'tab': tab_el,
|
||||
@@ -267,21 +265,17 @@ Page.Settings = new Class({
|
||||
},
|
||||
|
||||
createGroup: function(group){
|
||||
var self = this;
|
||||
|
||||
var group_el = new Element('fieldset', {
|
||||
return new Element('fieldset', {
|
||||
'class': (group.advanced ? 'inlineLabels advanced' : 'inlineLabels') + ' group_' + (group.name || '') + ' subtab_' + (group.subtab || '')
|
||||
}).adopt(
|
||||
new Element('h2', {
|
||||
'text': group.label || (group.name).capitalize()
|
||||
}).adopt(
|
||||
new Element('span.hint', {
|
||||
'html': group.description || ''
|
||||
})
|
||||
)
|
||||
)
|
||||
|
||||
return group_el
|
||||
new Element('h2', {
|
||||
'text': group.label || (group.name).capitalize()
|
||||
}).adopt(
|
||||
new Element('span.hint', {
|
||||
'html': group.description || ''
|
||||
})
|
||||
)
|
||||
);
|
||||
},
|
||||
|
||||
createList: function(content_container){
|
||||
@@ -299,12 +293,12 @@ var OptionBase = new Class({
|
||||
Implements: [Options, Events],
|
||||
|
||||
klass: 'textInput',
|
||||
focused_class : 'focused',
|
||||
focused_class: 'focused',
|
||||
save_on_change: true,
|
||||
|
||||
initialize: function(section, name, value, options){
|
||||
var self = this
|
||||
self.setOptions(options)
|
||||
var self = this;
|
||||
self.setOptions(options);
|
||||
|
||||
self.section = section;
|
||||
self.name = name;
|
||||
@@ -330,10 +324,11 @@ var OptionBase = new Class({
|
||||
*/
|
||||
createBase: function(){
|
||||
var self = this;
|
||||
self.el = new Element('div.ctrlHolder.'+self.section + '_' + self.name)
|
||||
self.el = new Element('div.ctrlHolder.' + self.section + '_' + self.name)
|
||||
},
|
||||
|
||||
create: function(){},
|
||||
create: function(){
|
||||
},
|
||||
|
||||
createLabel: function(){
|
||||
var self = this;
|
||||
@@ -343,7 +338,7 @@ var OptionBase = new Class({
|
||||
},
|
||||
|
||||
setAdvanced: function(){
|
||||
this.el.addClass(this.options.advanced ? 'advanced': '')
|
||||
this.el.addClass(this.options.advanced ? 'advanced' : '')
|
||||
},
|
||||
|
||||
createHint: function(){
|
||||
@@ -354,7 +349,8 @@ var OptionBase = new Class({
|
||||
}).inject(self.el);
|
||||
},
|
||||
|
||||
afterInject: function(){},
|
||||
afterInject: function(){
|
||||
},
|
||||
|
||||
// Element has changed, do something
|
||||
changed: function(){
|
||||
@@ -407,7 +403,7 @@ var OptionBase = new Class({
|
||||
|
||||
postName: function(){
|
||||
var self = this;
|
||||
return self.section +'['+self.name+']';
|
||||
return self.section + '[' + self.name + ']';
|
||||
},
|
||||
|
||||
getValue: function(){
|
||||
@@ -427,16 +423,16 @@ var OptionBase = new Class({
|
||||
toElement: function(){
|
||||
return this.el;
|
||||
}
|
||||
})
|
||||
});
|
||||
|
||||
var Option = {}
|
||||
var Option = {};
|
||||
Option.String = new Class({
|
||||
Extends: OptionBase,
|
||||
|
||||
type: 'string',
|
||||
|
||||
create: function(){
|
||||
var self = this
|
||||
var self = this;
|
||||
|
||||
self.el.adopt(
|
||||
self.createLabel(),
|
||||
@@ -458,21 +454,21 @@ Option.Dropdown = new Class({
|
||||
Extends: OptionBase,
|
||||
|
||||
create: function(){
|
||||
var self = this
|
||||
var self = this;
|
||||
|
||||
self.el.adopt(
|
||||
self.createLabel(),
|
||||
self.input = new Element('select', {
|
||||
'name': self.postName()
|
||||
})
|
||||
)
|
||||
);
|
||||
|
||||
Object.each(self.options.values, function(value){
|
||||
new Element('option', {
|
||||
'text': value[0],
|
||||
'value': value[1]
|
||||
}).inject(self.input)
|
||||
})
|
||||
});
|
||||
|
||||
self.input.set('value', self.getSettingValue());
|
||||
|
||||
@@ -491,7 +487,7 @@ Option.Checkbox = new Class({
|
||||
create: function(){
|
||||
var self = this;
|
||||
|
||||
var randomId = 'r-'+randomString()
|
||||
var randomId = 'r-' + randomString();
|
||||
|
||||
self.el.adopt(
|
||||
self.createLabel().set('for', randomId),
|
||||
@@ -520,8 +516,8 @@ Option.Password = new Class({
|
||||
create: function(){
|
||||
var self = this;
|
||||
|
||||
self.parent()
|
||||
self.input.set('type', 'password')
|
||||
self.parent();
|
||||
self.input.set('type', 'password');
|
||||
|
||||
self.input.addEvent('focus', function(){
|
||||
self.input.set('value', '')
|
||||
@@ -570,9 +566,9 @@ Option.Enabler = new Class({
|
||||
afterInject: function(){
|
||||
var self = this;
|
||||
|
||||
self.parentFieldset = self.el.getParent('fieldset').addClass('enabler')
|
||||
self.parentFieldset = self.el.getParent('fieldset').addClass('enabler');
|
||||
self.parentList = self.parentFieldset.getParent('.option_list');
|
||||
self.el.inject(self.parentFieldset, 'top')
|
||||
self.el.inject(self.parentFieldset, 'top');
|
||||
self.checkState()
|
||||
}
|
||||
|
||||
@@ -622,7 +618,7 @@ Option.Directory = new Class({
|
||||
self.getDirs()
|
||||
},
|
||||
|
||||
previousDirectory: function(e){
|
||||
previousDirectory: function(){
|
||||
var self = this;
|
||||
|
||||
self.selectDirectory(self.getParentDir())
|
||||
@@ -697,8 +693,8 @@ Option.Directory = new Class({
|
||||
|
||||
self.initial_directory = self.input.get('text');
|
||||
|
||||
self.getDirs()
|
||||
self.browser.show()
|
||||
self.getDirs();
|
||||
self.browser.show();
|
||||
self.el.addEvent('outerClick', self.hideBrowser.bind(self))
|
||||
},
|
||||
|
||||
@@ -707,11 +703,11 @@ Option.Directory = new Class({
|
||||
(e).preventDefault();
|
||||
|
||||
if(save)
|
||||
self.save()
|
||||
self.save();
|
||||
else
|
||||
self.input.set('text', self.initial_directory);
|
||||
|
||||
self.browser.hide()
|
||||
self.browser.hide();
|
||||
self.el.removeEvents('outerClick')
|
||||
|
||||
},
|
||||
@@ -732,11 +728,11 @@ Option.Directory = new Class({
|
||||
var prev_dirname = self.getCurrentDirname(previous_dir);
|
||||
if(previous_dir == json.home)
|
||||
prev_dirname = 'Home';
|
||||
else if (previous_dir == '/' && json.platform == 'nt')
|
||||
else if(previous_dir == '/' && json.platform == 'nt')
|
||||
prev_dirname = 'Computer';
|
||||
|
||||
self.back_button.set('data-value', previous_dir)
|
||||
self.back_button.set('html', '« '+prev_dirname)
|
||||
self.back_button.set('data-value', previous_dir);
|
||||
self.back_button.set('html', '« ' + prev_dirname);
|
||||
self.back_button.show()
|
||||
}
|
||||
else {
|
||||
@@ -798,8 +794,6 @@ Option.Directory = new Class({
|
||||
},
|
||||
|
||||
getCurrentDirname: function(dir){
|
||||
var self = this;
|
||||
|
||||
var dir_split = dir.split(Api.getOption('path_sep'));
|
||||
|
||||
return dir_split[dir_split.length-2] || Api.getOption('path_sep')
|
||||
@@ -848,7 +842,7 @@ Option.Directories = new Class({
|
||||
var parent = self.el.getParent('fieldset');
|
||||
var dirs = parent.getElements('.multi_directory');
|
||||
if(dirs.length == 0)
|
||||
$(dir).inject(parent)
|
||||
$(dir).inject(parent);
|
||||
else
|
||||
$(dir).inject(dirs.getLast(), 'after');
|
||||
|
||||
@@ -885,7 +879,7 @@ Option.Directories = new Class({
|
||||
saveItems: function(){
|
||||
var self = this;
|
||||
|
||||
var dirs = []
|
||||
var dirs = [];
|
||||
self.directories.each(function(dir){
|
||||
if(dir.getValue()){
|
||||
$(dir).removeClass('is_empty');
|
||||
@@ -957,7 +951,7 @@ Option.Choice = new Class({
|
||||
}).inject(self.input, 'after');
|
||||
self.el.addClass('tag_input');
|
||||
|
||||
var mtches = []
|
||||
var mtches = [];
|
||||
if(matches)
|
||||
matches.each(function(match, mnr){
|
||||
var pos = value.indexOf(match),
|
||||
@@ -1037,7 +1031,7 @@ Option.Choice = new Class({
|
||||
|
||||
var prev_index = self.tags.indexOf(from_tag)-1;
|
||||
if(prev_index >= 0)
|
||||
self.tags[prev_index].selectFrom('right')
|
||||
self.tags[prev_index].selectFrom('right');
|
||||
else
|
||||
from_tag.focus();
|
||||
|
||||
@@ -1049,7 +1043,7 @@ Option.Choice = new Class({
|
||||
|
||||
var next_index = self.tags.indexOf(from_tag)+1;
|
||||
if(next_index < self.tags.length)
|
||||
self.tags[next_index].selectFrom('left')
|
||||
self.tags[next_index].selectFrom('left');
|
||||
else
|
||||
from_tag.focus();
|
||||
},
|
||||
@@ -1139,7 +1133,7 @@ Option.Choice.Tag = new Class({
|
||||
if(e.key == 'left' && current_caret_pos == self.last_caret_pos){
|
||||
self.fireEvent('goLeft');
|
||||
}
|
||||
else if (e.key == 'right' && self.last_caret_pos === current_caret_pos){
|
||||
else if(e.key == 'right' && self.last_caret_pos === current_caret_pos){
|
||||
self.fireEvent('goRight');
|
||||
}
|
||||
self.last_caret_pos = self.input.getCaretPosition();
|
||||
@@ -1195,11 +1189,11 @@ Option.Choice.Tag = new Class({
|
||||
self.fireEvent('goRight');
|
||||
this.destroy();
|
||||
}
|
||||
else if (e.key == 'left'){
|
||||
else if(e.key == 'left'){
|
||||
self.fireEvent('goLeft');
|
||||
this.destroy();
|
||||
}
|
||||
else if (e.key == 'backspace'){
|
||||
else if(e.key == 'backspace'){
|
||||
self.del();
|
||||
this.destroy();
|
||||
self.fireEvent('goLeft');
|
||||
@@ -1213,7 +1207,7 @@ Option.Choice.Tag = new Class({
|
||||
'top': -200
|
||||
}
|
||||
});
|
||||
self.el.adopt(temp_input)
|
||||
self.el.adopt(temp_input);
|
||||
temp_input.focus();
|
||||
}
|
||||
},
|
||||
@@ -1266,10 +1260,10 @@ Option.Combined = new Class({
|
||||
|
||||
self.fieldset = self.input.getParent('fieldset');
|
||||
self.combined_list = new Element('div.combined_table').inject(self.fieldset.getElement('h2'), 'after');
|
||||
self.values = {}
|
||||
self.inputs = {}
|
||||
self.items = []
|
||||
self.labels = {}
|
||||
self.values = {};
|
||||
self.inputs = {};
|
||||
self.items = [];
|
||||
self.labels = {};
|
||||
|
||||
self.options.combine.each(function(name){
|
||||
|
||||
@@ -1277,7 +1271,7 @@ Option.Combined = new Class({
|
||||
var values = self.inputs[name].get('value').split(',');
|
||||
|
||||
values.each(function(value, nr){
|
||||
if (!self.values[nr]) self.values[nr] = {};
|
||||
if(!self.values[nr]) self.values[nr] = {};
|
||||
self.values[nr][name] = value.trim();
|
||||
});
|
||||
|
||||
@@ -1286,19 +1280,18 @@ Option.Combined = new Class({
|
||||
|
||||
});
|
||||
|
||||
var head = new Element('div.head').inject(self.combined_list)
|
||||
var head = new Element('div.head').inject(self.combined_list);
|
||||
|
||||
Object.each(self.inputs, function(input, name){
|
||||
self.labels[name] = input.getPrevious().get('text')
|
||||
self.labels[name] = input.getPrevious().get('text');
|
||||
new Element('abbr', {
|
||||
'class': name,
|
||||
'text': self.labels[name],
|
||||
//'title': input.getNext().get('text')
|
||||
'text': self.labels[name]
|
||||
}).inject(head)
|
||||
})
|
||||
});
|
||||
|
||||
|
||||
Object.each(self.values, function(item, nr){
|
||||
Object.each(self.values, function(item){
|
||||
self.createItem(item);
|
||||
});
|
||||
|
||||
@@ -1316,7 +1309,7 @@ Option.Combined = new Class({
|
||||
self.items.each(function(ctrl_holder){
|
||||
var empty_count = 0;
|
||||
self.options.combine.each(function(name){
|
||||
var input = ctrl_holder.getElement('input.'+name)
|
||||
var input = ctrl_holder.getElement('input.' + name);
|
||||
if(input.get('value') == '' || input.get('type') == 'checkbox')
|
||||
empty_count++
|
||||
});
|
||||
@@ -1338,7 +1331,7 @@ Option.Combined = new Class({
|
||||
value_empty = 0;
|
||||
|
||||
self.options.combine.each(function(name){
|
||||
var value = values[name] || ''
|
||||
var value = values[name] || '';
|
||||
|
||||
if(name.indexOf('use') != -1){
|
||||
var checkbox = new Element('input[type=checkbox].inlay.'+name, {
|
||||
@@ -1375,7 +1368,7 @@ Option.Combined = new Class({
|
||||
'events': {
|
||||
'click': self.deleteCombinedItem.bind(self)
|
||||
}
|
||||
}).inject(item)
|
||||
}).inject(item);
|
||||
|
||||
self.items.include(item);
|
||||
|
||||
@@ -1386,7 +1379,7 @@ Option.Combined = new Class({
|
||||
var self = this;
|
||||
|
||||
|
||||
var temp = {}
|
||||
var temp = {};
|
||||
self.items.each(function(item, nr){
|
||||
self.options.combine.each(function(name){
|
||||
var input = item.getElement('input.'+name);
|
||||
|
||||
@@ -5,7 +5,7 @@ Page.Wanted = new Class({
|
||||
name: 'wanted',
|
||||
title: 'Gimmy gimmy gimmy!',
|
||||
|
||||
indexAction: function(param){
|
||||
indexAction: function(){
|
||||
var self = this;
|
||||
|
||||
if(!self.wanted){
|
||||
@@ -35,7 +35,7 @@ Page.Wanted = new Class({
|
||||
|
||||
},
|
||||
|
||||
doFullSearch: function(full){
|
||||
doFullSearch: function(){
|
||||
var self = this;
|
||||
|
||||
if(!self.search_in_progress){
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
html {
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
line-height: 1.5;
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@@ -142,7 +142,7 @@ body > .spinner, .mask{
|
||||
.icon.download { background-image: url('../images/icon.download.png'); }
|
||||
.icon.edit { background-image: url('../images/icon.edit.png'); }
|
||||
.icon.completed { background-image: url('../images/icon.check.png'); }
|
||||
.icon.folder { background-image: url('../images/icon.folder.png'); }
|
||||
.icon.folder { background-image: url('../images/icon.folder.gif'); }
|
||||
.icon.imdb { background-image: url('../images/icon.imdb.png'); }
|
||||
.icon.refresh { background-image: url('../images/icon.refresh.png'); }
|
||||
.icon.readd { background-image: url('../images/icon.readd.png'); }
|
||||
@@ -260,8 +260,7 @@ body > .spinner, .mask{
|
||||
font-size: 1.75em;
|
||||
padding: 15px 30px 0 15px;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
border-right: 1px solid rgba(255,255,255,.07);
|
||||
border-right: 1px solid rgba(255,255,255,.07);
|
||||
color: #FFF;
|
||||
font-weight: normal;
|
||||
vertical-align: top;
|
||||
@@ -489,7 +488,6 @@ body > .spinner, .mask{
|
||||
display: block;
|
||||
font-size: .85em;
|
||||
color: #aaa;
|
||||
text-align: ;
|
||||
}
|
||||
|
||||
.header .notification_menu li .more {
|
||||
@@ -606,7 +604,7 @@ body > .spinner, .mask{
|
||||
.onlay, .inlay .selected, .inlay:not(.reversed) > li:hover, .inlay > li.active, .inlay.reversed > li {
|
||||
border-radius:3px;
|
||||
border: 1px solid #252930;
|
||||
box-shadow: inset 0 1px 0px rgba(255,255,255,0.20);
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,0.20);
|
||||
background: rgb(55,62,74);
|
||||
background-image: linear-gradient(
|
||||
0,
|
||||
@@ -729,7 +727,7 @@ body > .spinner, .mask{
|
||||
.more_menu .wrapper li .separator {
|
||||
border-bottom: 1px solid rgba(0,0,0,.1);
|
||||
display: block;
|
||||
height: 1;
|
||||
height: 1px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
padding: 0 9px 10px 30px;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #333;
|
||||
box-shadow: 0 1px 0px rgba(255,255,255, 0.15);
|
||||
box-shadow: 0 1px 0 rgba(255,255,255, 0.15);
|
||||
}
|
||||
.page fieldset h2 .hint {
|
||||
font-size: 12px;
|
||||
@@ -107,10 +107,8 @@
|
||||
.page fieldset > .ctrlHolder:first-child {
|
||||
display: block;
|
||||
padding: 0;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
margin-bottom: -23px;
|
||||
margin: 0 0 -23px;
|
||||
border: none;
|
||||
width: 20px;
|
||||
}
|
||||
@@ -132,12 +130,11 @@
|
||||
.page .ctrlHolder .formHint {
|
||||
width: 47%;
|
||||
margin: -18px 0;
|
||||
padding: 0;
|
||||
color: #fff !important;
|
||||
color: #fff !important;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-left: 2%;
|
||||
line-height: 14px;
|
||||
padding: 0 0 0 2%;
|
||||
line-height: 14px;
|
||||
}
|
||||
|
||||
.page .check {
|
||||
@@ -219,7 +216,7 @@
|
||||
font-weight: bold;
|
||||
border: none;
|
||||
border-top: 1px solid rgba(255,255,255, 0.15);
|
||||
box-shadow: 0 -1px 0px #333;
|
||||
box-shadow: 0 -1px 0 #333;
|
||||
margin: 0;
|
||||
padding: 10px 0 5px 25px;
|
||||
}
|
||||
@@ -308,7 +305,7 @@
|
||||
border-bottom: 6px solid #5c697b;
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 0px;
|
||||
width: 0;
|
||||
margin: -6px 0 0 45%;
|
||||
}
|
||||
|
||||
@@ -688,7 +685,6 @@
|
||||
}
|
||||
|
||||
.group_userscript .bookmarklet {
|
||||
display: block;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 20px 15px 0 25px;
|
||||
|
||||
@@ -92,9 +92,8 @@
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
.uniForm #errorMsg h3{} /* Feel free to use a heading level suitable to your page structure */
|
||||
.uniForm #errorMsg ol{ margin: 0 0 1.5em 0; padding: 0; }
|
||||
.uniForm #errorMsg ol li{ margin: 0 0 3px 1.5em; padding: 7px; background: #f6bec1; position: relative; font-size: .85em;
|
||||
@@ -102,9 +101,8 @@
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.uniForm .ctrlHolder.error,
|
||||
.uniForm .ctrlHolder.focused.error{ background: #ffdfdf; border: 1px solid #f3afb5;
|
||||
@@ -112,9 +110,8 @@
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
.uniForm .ctrlHolder.error input.error,
|
||||
.uniForm .ctrlHolder.error select.error,
|
||||
.uniForm .ctrlHolder.error textarea.error{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; }
|
||||
@@ -125,9 +122,8 @@
|
||||
border-radius: 4px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
-o-border-radius: 4px;
|
||||
-khtml-border-radius: 4px;
|
||||
}
|
||||
|
||||
}
|
||||
.uniForm #OKMsg p{ margin: 0; }
|
||||
|
||||
/* ----------------------------------------------------------------------------- */
|
||||
|
||||
Reference in New Issue
Block a user