codex-storage
/
deluge
mirror of https://github.com/codex-storage/deluge.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

make the event handlers on the statusbar generic, and add some doc 

comments
This commit is contained in:
Damien Churchill 2008-10-13 17:58:17 +00:00
parent 5e29fabf1e
commit 2a09752fd9
1 changed files with 70 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
deluge/ui/webui/templates/ajax/static/js/deluge-bars.js
View File

@ -23,15 +23,24 @@ Deluge.Widgets.Toolbar = new Class({
} }
}); });
/*
Class: Deluge.Wdigets.StatusBar
Class to manage the bottom status bar
Example:
status = new Deluge.Widgets.StatusBar();
Returns:
An instance of the class wrapped about the status div
*/
Deluge.Widgets.StatusBar = new Class({ Deluge.Widgets.StatusBar = new Class({
Extends: Widgets.Base, Extends: Widgets.Base,
initialize: function() { initialize: function() {
this.parent($('status')); this.parent($('status'));
this.bound = { this.bound = {
onConnectionsClick: this.onConnectionsClick.bindWithEvent(this), onContextMenu: this.onContextMenu.bindWithEvent(this)
onUploadClick: this.onUploadClick.bindWithEvent(this),
onDownloadClick: this.onDownloadClick.bindWithEvent(this)
}; };
this.element.getElements('li').each(function(el) { this.element.getElements('li').each(function(el) {
@ -39,22 +48,36 @@ Deluge.Widgets.StatusBar = new Class({
}, this); }, this);
this.incoming_connections.setStyle('display', 'none'); this.incoming_connections.setStyle('display', 'none');
this.connections.addEvent('contextmenu', this.bound.onConnectionsClick); this.connections.addEvent('contextmenu', this.bound.onContextMenu);
this.connectionsMenu = new Widgets.PopupMenu(); var menu = new Widgets.PopupMenu();
this.connectionsMenu.add(Deluge.Menus.Connections); menu.add(Deluge.Menus.Connections);
this.connectionsMenu.addEvent('action', this.onMenuAction); menu.addEvent('action', this.onMenuAction);
this.connections.store('menu', menu);
this.downspeed.addEvent('contextmenu', this.bound.onDownloadClick); this.downspeed.addEvent('contextmenu', this.bound.onContextMenu);
this.downloadMenu = new Widgets.PopupMenu(); menu = new Widgets.PopupMenu();
this.downloadMenu.add(Deluge.Menus.Download); menu.add(Deluge.Menus.Download);
this.downloadMenu.addEvent('action', this.onMenuAction); menu.addEvent('action', this.onMenuAction);
this.downspeed.store('menu', menu);
this.upspeed.addEvent('contextmenu', this.bound.onUploadClick); this.upspeed.addEvent('contextmenu', this.bound.onContextMenu);
this.uploadMenu = new Widgets.PopupMenu(); menu = new Widgets.PopupMenu();
this.uploadMenu.add(Deluge.Menus.Upload); menu.add(Deluge.Menus.Upload);
this.uploadMenu.addEvent('action', this.onMenuAction); menu.addEvent('action', this.onMenuAction);
this.upspeed.store('menu', menu);
}, },
/*
Property: update
Takes thes stats part of the update_ui rpc call and
performs the required changes on the statusbar.
Arguments:
stats - A dictionary of the returned stats
Example:
statusbar.update(data['stats']);
*/
update: function(stats) { update: function(stats) {
this.connections.set('text', stats.num_connections + ' (' + stats.max_num_connections + ')'); this.connections.set('text', stats.num_connections + ' (' + stats.max_num_connections + ')');
this.downspeed.set('text', stats.download_rate.toSpeed() + ' (' + stats.max_download + ' KiB/s)'); this.downspeed.set('text', stats.download_rate.toSpeed() + ' (' + stats.max_download + ' KiB/s)');
@ -68,26 +91,42 @@ Deluge.Widgets.StatusBar = new Class({
} }
}, },
onConnectionsClick: function(e) { /*
Property: onContextMenu
Event handler for when certain parts of the statusbar have been
right clicked.
Arguments:
e - The event args
Example:
el.addEvent('contextmenu', this.onContextMenu.bindWithEvent(this));
*/
onContextMenu: function(e) {
e.stop(); e.stop();
this.connectionsMenu.show(e); var menu = e.target.retrieve('menu');
if (menu) {
menu.show(e);
};
}, },
onDownloadClick: function(e) { /*
e.stop(); Property: onMenuAction
this.downloadMenu.show(e); Event handler for when an item in one of the menus is clicked.
}, Note that it does not need to be bound as it doesn't use `this`
anywhere within the method.
onUploadClick: function(e) { Arguments:
e.stop(); e - The event args
this.uploadMenu.show(e);
},
Example:
menu.addEvent('action', this.onMenuAction);
*/
onMenuAction: function(e) { onMenuAction: function(e) {
if (e.action == 'max_connections') e.action = 'max_connections_global'; if (e.action == 'max_connections') e.action = 'max_connections_global';
configDict = {} config = {}
configDict[e.action] = e.value; config[e.action] = e.value;
Deluge.Client.set_config(configDict); Deluge.Client.set_config(config);
Deluge.UI.update(); Deluge.UI.update();
} }
}); });