remove the function wrap and deluge.sidebar construction
This commit is contained in:
Damien Churchill
parent
9cde1f3e45
commit
5b0ce6b3d8
|
|
@ -34,176 +34,152 @@
|
||||||
// _('State')
|
// _('State')
|
||||||
// _('Tracker Host')
|
// _('Tracker Host')
|
||||||
|
|
||||||
(function() {
|
/**
|
||||||
// Renderer for the items in the filter grids.
|
* @class Deluge.Sidebar
|
||||||
function filterRenderer(value, p, r) {
|
* @author Damien Churchill <damoxc@gmail.com>
|
||||||
var lname = value.toLowerCase().replace('.', '_');
|
* @version 1.3
|
||||||
|
*/
|
||||||
|
Deluge.Sidebar = Ext.extend(Ext.Panel, {
|
||||||
|
|
||||||
var image = '';
|
// private
|
||||||
if (r.store.id == 'tracker_host') {
|
panels: {},
|
||||||
if (value != 'Error') {
|
|
||||||
image = String.format('url(' + deluge.config.base + 'tracker/{0})', value);
|
// private
|
||||||
} else {
|
selected: null,
|
||||||
lname = null;
|
|
||||||
}
|
constructor: function(config) {
|
||||||
}
|
config = Ext.apply({
|
||||||
if (image) {
|
id: 'sidebar',
|
||||||
return String.format('<div class="x-deluge-filter" style="background-image: {2};">{0} ({1})</div>', value, r.data['count'], image);
|
region: 'west',
|
||||||
} else if (lname) {
|
cls: 'deluge-sidebar',
|
||||||
return String.format('<div class="x-deluge-filter x-deluge-{2}">{0} ({1})</div>', value, r.data['count'], lname);
|
title: _('Filters'),
|
||||||
} else {
|
layout: 'accordion',
|
||||||
return String.format('<div class="x-deluge-filter">{0} ({1})</div>', value, r.data['count']);
|
split: true,
|
||||||
}
|
width: 200,
|
||||||
}
|
minSize: 175,
|
||||||
|
collapsible: true,
|
||||||
|
margins: '5 0 0 5',
|
||||||
|
cmargins: '5 0 0 5'
|
||||||
|
}, config);
|
||||||
|
Deluge.Sidebar.superclass.constructor.call(this, config);
|
||||||
|
},
|
||||||
|
|
||||||
|
// private
|
||||||
|
initComponent: function() {
|
||||||
|
Deluge.Sidebar.superclass.initComponent.call(this);
|
||||||
|
deluge.events.on("disconnect", this.onDisconnect, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
createFilter: function(filter, states) {
|
||||||
|
var panel = new Deluge.FilterPanel({
|
||||||
|
filter: filter
|
||||||
|
});
|
||||||
|
panel.on('selectionchange', function(view, nodes) {
|
||||||
|
deluge.ui.update();
|
||||||
|
});
|
||||||
|
|
||||||
|
if (deluge.config.sidebar_show_zero == false) {
|
||||||
|
states = this.removeZero(states);
|
||||||
|
}
|
||||||
|
|
||||||
|
panel.getStore().loadData(states);
|
||||||
|
this.add(panel);
|
||||||
|
|
||||||
|
this.doLayout();
|
||||||
|
this.panels[filter] = panel;
|
||||||
|
this.fireEvent('filtercreate', this, panel);
|
||||||
|
},
|
||||||
|
|
||||||
|
getFilters: function() {
|
||||||
|
var filters = {}
|
||||||
|
|
||||||
|
// Grab the filters from each of the filter panels
|
||||||
|
this.items.each(function(panel) {
|
||||||
|
var filter = panel.getFilter();
|
||||||
|
if (!filter) return;
|
||||||
|
filters[panel.filterType] = filter;
|
||||||
|
}, this);
|
||||||
|
|
||||||
|
return filters;
|
||||||
|
},
|
||||||
|
|
||||||
|
// private
|
||||||
|
onDisconnect: function() {
|
||||||
|
Ext.each(Ext.getKeys(this.panels), function(filter) {
|
||||||
|
this.remove(filter + '-panel');
|
||||||
|
}, this);
|
||||||
|
this.panels = {};
|
||||||
|
this.selected = null;
|
||||||
|
},
|
||||||
|
|
||||||
|
onFilterSelect: function(selModel, rowIndex, record) {
|
||||||
|
deluge.ui.update();
|
||||||
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @class Deluge.Sidebar
|
* Remove the states with zero torrents in them.
|
||||||
* @author Damien Churchill <damoxc@gmail.com>
|
*/
|
||||||
* @version 1.3
|
removeZero: function(states) {
|
||||||
*/
|
var newStates = [];
|
||||||
Deluge.Sidebar = Ext.extend(Ext.Panel, {
|
Ext.each(states, function(state) {
|
||||||
|
if (state[1] > 0 || state[0] == _('All')) {
|
||||||
|
newStates.push(state);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
return newStates;
|
||||||
|
},
|
||||||
|
|
||||||
// private
|
update: function(filters) {
|
||||||
panels: {},
|
for (var filter in filters) {
|
||||||
|
var states = filters[filter];
|
||||||
|
if (Ext.getKeys(this.panels).indexOf(filter) > -1) {
|
||||||
|
this.updateFilter(filter, states);
|
||||||
|
} else {
|
||||||
|
this.createFilter(filter, states);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// private
|
// Perform a cleanup of fitlers that aren't enabled any more
|
||||||
selected: null,
|
Ext.each(Ext.keys(this.panels), function(filter) {
|
||||||
|
if (Ext.keys(filters).indexOf(filter) == -1) {
|
||||||
|
// We need to remove the panel
|
||||||
|
this.remove(this.panels[filter]);
|
||||||
|
this.doLayout();
|
||||||
|
delete this.panels[filter];
|
||||||
|
}
|
||||||
|
}, this);
|
||||||
|
},
|
||||||
|
|
||||||
constructor: function(config) {
|
updateFilter: function(filter, states) {
|
||||||
config = Ext.apply({
|
if (deluge.config.sidebar_show_zero == false) {
|
||||||
id: 'sidebar',
|
states = this.removeZero(states);
|
||||||
region: 'west',
|
}
|
||||||
cls: 'deluge-sidebar',
|
|
||||||
title: _('Filters'),
|
|
||||||
layout: 'accordion',
|
|
||||||
split: true,
|
|
||||||
width: 200,
|
|
||||||
minSize: 175,
|
|
||||||
collapsible: true,
|
|
||||||
margins: '5 0 0 5',
|
|
||||||
cmargins: '5 0 0 5'
|
|
||||||
}, config);
|
|
||||||
Deluge.Sidebar.superclass.constructor.call(this, config);
|
|
||||||
},
|
|
||||||
|
|
||||||
// private
|
var store = this.panels[filter].getStore();
|
||||||
initComponent: function() {
|
var filters = [];
|
||||||
Deluge.Sidebar.superclass.initComponent.call(this);
|
Ext.each(states, function(s, i) {
|
||||||
deluge.events.on("disconnect", this.onDisconnect, this);
|
var record = store.getById(s[0]);
|
||||||
},
|
if (!record) {
|
||||||
|
record = new store.recordType({
|
||||||
|
filter: s[0],
|
||||||
|
count: s[1]
|
||||||
|
});
|
||||||
|
record.id = s[0];
|
||||||
|
store.insert(i, [record]);
|
||||||
|
}
|
||||||
|
record.beginEdit();
|
||||||
|
record.set('filter', s[0]);
|
||||||
|
record.set('count', s[1]);
|
||||||
|
record.endEdit();
|
||||||
|
filters[s[0]] = true;
|
||||||
|
}, this);
|
||||||
|
|
||||||
createFilter: function(filter, states) {
|
store.each(function(record) {
|
||||||
var panel = new Deluge.FilterPanel({
|
if (filters[record.id]) return;
|
||||||
filter: filter
|
|
||||||
});
|
|
||||||
panel.on('selectionchange', function(view, nodes) {
|
|
||||||
deluge.ui.update();
|
|
||||||
});
|
|
||||||
|
|
||||||
if (deluge.config.sidebar_show_zero == false) {
|
store.remove(record);
|
||||||
states = this.removeZero(states);
|
}, this);
|
||||||
}
|
|
||||||
|
|
||||||
panel.getStore().loadData(states);
|
store.commitChanges();
|
||||||
this.add(panel);
|
}
|
||||||
|
});
|
||||||
this.doLayout();
|
|
||||||
this.panels[filter] = panel;
|
|
||||||
this.fireEvent('filtercreate', this, panel);
|
|
||||||
},
|
|
||||||
|
|
||||||
getFilters: function() {
|
|
||||||
var filters = {}
|
|
||||||
|
|
||||||
// Grab the filters from each of the filter panels
|
|
||||||
this.items.each(function(panel) {
|
|
||||||
var filter = panel.getFilter();
|
|
||||||
if (!filter) return;
|
|
||||||
filters[panel.filterType] = filter;
|
|
||||||
}, this);
|
|
||||||
|
|
||||||
return filters;
|
|
||||||
},
|
|
||||||
|
|
||||||
// private
|
|
||||||
onDisconnect: function() {
|
|
||||||
Ext.each(Ext.getKeys(this.panels), function(filter) {
|
|
||||||
this.remove(filter + '-panel');
|
|
||||||
}, this);
|
|
||||||
this.panels = {};
|
|
||||||
this.selected = null;
|
|
||||||
},
|
|
||||||
|
|
||||||
onFilterSelect: function(selModel, rowIndex, record) {
|
|
||||||
deluge.ui.update();
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Remove the states with zero torrents in them.
|
|
||||||
*/
|
|
||||||
removeZero: function(states) {
|
|
||||||
var newStates = [];
|
|
||||||
Ext.each(states, function(state) {
|
|
||||||
if (state[1] > 0 || state[0] == _('All')) {
|
|
||||||
newStates.push(state);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
return newStates;
|
|
||||||
},
|
|
||||||
|
|
||||||
update: function(filters) {
|
|
||||||
for (var filter in filters) {
|
|
||||||
var states = filters[filter];
|
|
||||||
if (Ext.getKeys(this.panels).indexOf(filter) > -1) {
|
|
||||||
this.updateFilter(filter, states);
|
|
||||||
} else {
|
|
||||||
this.createFilter(filter, states);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Perform a cleanup of fitlers that aren't enabled any more
|
|
||||||
Ext.each(Ext.keys(this.panels), function(filter) {
|
|
||||||
if (Ext.keys(filters).indexOf(filter) == -1) {
|
|
||||||
// We need to remove the panel
|
|
||||||
this.remove(this.panels[filter]);
|
|
||||||
this.doLayout();
|
|
||||||
delete this.panels[filter];
|
|
||||||
}
|
|
||||||
}, this);
|
|
||||||
},
|
|
||||||
|
|
||||||
updateFilter: function(filter, states) {
|
|
||||||
if (deluge.config.sidebar_show_zero == false) {
|
|
||||||
states = this.removeZero(states);
|
|
||||||
}
|
|
||||||
|
|
||||||
var store = this.panels[filter].getStore();
|
|
||||||
var filters = [];
|
|
||||||
Ext.each(states, function(s, i) {
|
|
||||||
var record = store.getById(s[0]);
|
|
||||||
if (!record) {
|
|
||||||
record = new store.recordType({
|
|
||||||
filter: s[0],
|
|
||||||
count: s[1]
|
|
||||||
});
|
|
||||||
record.id = s[0];
|
|
||||||
store.insert(i, [record]);
|
|
||||||
}
|
|
||||||
record.beginEdit();
|
|
||||||
record.set('filter', s[0]);
|
|
||||||
record.set('count', s[1]);
|
|
||||||
record.endEdit();
|
|
||||||
filters[s[0]] = true;
|
|
||||||
}, this);
|
|
||||||
|
|
||||||
store.each(function(record) {
|
|
||||||
if (filters[record.id]) return;
|
|
||||||
|
|
||||||
store.remove(record);
|
|
||||||
}, this);
|
|
||||||
|
|
||||||
store.commitChanges();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
deluge.sidebar = new Deluge.Sidebar();
|
|
||||||
})();
|
|
||||||
|
|
|
||||||
|
|
@ -53,6 +53,7 @@ deluge.ui = {
|
||||||
deluge.editTrackers = new Deluge.EditTrackersWindow();
|
deluge.editTrackers = new Deluge.EditTrackersWindow();
|
||||||
deluge.login = new Deluge.LoginWindow();
|
deluge.login = new Deluge.LoginWindow();
|
||||||
deluge.preferences = new Deluge.preferences.PreferencesWindow();
|
deluge.preferences = new Deluge.preferences.PreferencesWindow();
|
||||||
|
deluge.sidebar = new Deluge.Sidebar();
|
||||||
|
|
||||||
this.MainPanel = new Ext.Panel({
|
this.MainPanel = new Ext.Panel({
|
||||||
id: 'mainPanel',
|
id: 'mainPanel',
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue