an initial attempt at the bandwidth pane

deluge/ui/web/js/Deluge.Preferences.Bandwidth.js

@@ -1,96 +1,118 @@
-Deluge.Preferences.addPage({
+Ext.namespace('Ext.deluge.preferences');
-	border: false,
+Ext.deluge.preferences.Bandwidth = Ext.extend(Ext.form.FormPanel, {
-	title: _('Bandwidth'),
+	constructor: function(config) {
-	xtype: 'form',
+		config = Ext.apply({
-	layout: 'form',
+			border: false,
-	labelWidth: 10,
+			title: _('Bandwidth'),
-	items: [{
+			layout: 'form',
-		xtype: 'fieldset',
+			labelWidth: 10
-		border: false,
+		}, config);
-		title: _('Global Bandwidth Usage'),
+		Ext.deluge.preferences.Bandwidth.superclass.constructor.call(this, config);
-		autoHeight: true,
+	},
-		labelWidth: 200,
+	
-		style: 'margin-bottom: 0px; padding-bottom: 0px;',
+	initComponent: function() {
-		defaultType: 'uxspinner',
+		Ext.deluge.preferences.Bandwidth.superclass.initComponent.call(this);
-		items: [{
+		
+		var optMan = Deluge.Preferences.getOptionsManager();
+		var fieldset = this.add({
+			xtype: 'fieldset',
+			border: false,
+			title: _('Global Bandwidth Usage'),
+			labelWidth: 200,
+			defaultType: 'uxspinner',
+			style: 'margin-bottom: 0px; padding-bottom: 0px;',
+			autoHeight: true
+		});
+		optMan.bind('max_connections', fieldset.add({
 			name: 'max_connections',
 			fieldLabel: _('Maximum Connections'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_upload_slots', fieldset.add({
 			name: 'max_upload_slots',
 			fieldLabel: _('Maximum Upload Slots'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_download_speed', fieldset.add({
 			name: 'max_download_speed',
 			fieldLabel: _('Maximum Download Speed (KiB/s)'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_upload_speed', fieldset.add({
 			name: 'max_upload_speed',
 			fieldLabel: _('Maximum Upload Speed (KiB/s)'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_half_open_connections', fieldset.add({
 			name: 'max_half_open_connections',
 			fieldLabel: _('Maximum Half-Open Connections'),
 			width: 60,
 			value: -1
-		}, {
+		}));
-			name: 'max_connections_per_second',
+		optMan.bind('max_connections_per_second', fieldset.add({
+			name: 'max_half_open_connections',
 			fieldLabel: _('Maximum Connection Attempts per Second'),
 			width: 60,
 			value: -1
-		}]
+		}));
-	}, {
+		
-		xtype: 'fieldset',
+		fieldset = this.add({
-		border: false,
+			xtype: 'fieldset',
-		title: '',
+			border: false,
-		autoHeight: true,
+			title: '',
-		style: 'padding-top: 0px; margin-top: 0px; margin-bottom: 0px;',
+			defaultType: 'checkbox',
-		items: [{
+			style: 'padding-top: 0px; margin-top: 0px; margin-bottom: 0px;',
-			xtype: 'checkbox',
+			autoHeight: true
+		});
+		optMan.bind('ignore_local', fieldset.add({
 			name: 'ignore_local',
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Ignore limits on local network'),
-			value: -1
+		}));
-		}, {
+		optMan.bind('limit_ip_overhead', fieldset.add({
-			xtype: 'checkbox',
 			name: 'limit_ip_overhead',
 			fieldLabel: '',
 			labelSeparator: '',
 			boxLabel: _('Rate limit IP overhead'),
-			value: -1
+		}));
-		}]
+		
-	}, {
+		fieldset = this.add({
-		xtype: 'fieldset',
+			xtype: 'fieldset',
-		border: false,
+			border: false,
-		title: _('Per Torrent Bandwidth Usage'),
+			title: _('Per Torrent Bandwidth Usage'),
-		autoHeight: true,
+			defaultType: 'uxspinner',
-		labelWidth: 200,
+			labelWidth: 200,
-		defaultType: 'uxspinner',
+			autoHeight: true
-		items: [{
+		});
+		optMan.bind('max_connections_per_torrent', fieldset.add({
 			name: 'max_connections_per_torrent',
 			fieldLabel: _('Maximum Connections'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_upload_slots_per_torrent', fieldset.add({
 			name: 'max_upload_slots_per_torrent',
 			fieldLabel: _('Maximum Upload Slots'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_download_speed_per_torrent', fieldset.add({
 			name: 'max_download_speed_per_torrent',
 			fieldLabel: _('Maximum Download Speed (KiB/s)'),
 			width: 60,
 			value: -1
-		}, {
+		}));
+		optMan.bind('max_upload_speed_per_torrent', fieldset.add({
 			name: 'max_upload_speed_per_torrent',
 			fieldLabel: _('Maximum Upload Speed (KiB/s)'),
 			width: 60,
 			value: -1
-		}]
+		}));
-	}]
+	}
-});
+});
+Deluge.Preferences.addPage(new Ext.deluge.preferences.Bandwidth());

deluge/ui/web/js/Deluge.Preferences.Downloads.js

@@ -12,23 +12,13 @@
 		initComponent: function() {
 			DownloadPanel.superclass.initComponent.call(this);
 			
-			this.fieldsets = {}
+			var optMan = Deluge.Preferences.getOptionsManager();
-			this.fields = {};
-			
-			var optMan = Deluge.Preferences.getOptionsManager();			
-			optMan.addOptions({
-				'download_location': ''
-			});
-			
 			var fieldset = this.add({
 				xtype: 'fieldset',
 				border: false,
 				title: _('Folders'),
 				labelWidth: 140,
 				defaultType: 'textfield',
-				defaults: {
-					enableKeyEvents: true
-				},
 				autoHeight: true
 			});
 			optMan.bind('download_location', fieldset.add({