mirrors/deluge
0
0
Fork 0
mirror of https://git.deluge-torrent.org/deluge synced 2025-08-08 01:18:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

big bunch of fixes to the M.O.M along with a couple to the O.M

Browse source
This commit is contained in:
Damien Churchill 2009-10-13 16:21:28 +00:00
commit 89f88f3beb
2 changed files with 170 additions and 218 deletions
Download patch file Download diff file Expand all files Collapse all files

179
deluge/ui/web/js/Deluge.MultiOptionsManager.js
View file

@ -20,15 +20,15 @@ Copyright:
51 Franklin Street, Fifth Floor 51 Franklin Street, Fifth Floor
Boston, MA 02110-1301, USA. Boston, MA 02110-1301, USA.
In addition, as a special exception, the copyright holders give In addition, as a special exception, the copyright holders give
permission to link the code of portions of this program with the OpenSSL permission to link the code of portions of this program with the OpenSSL
library. library.
You must obey the GNU General Public License in all respects for all of You must obey the GNU General Public License in all respects for all of
the code used other than OpenSSL. If you modify file(s) with this the code used other than OpenSSL. If you modify file(s) with this
exception, you may extend this exception to your version of the file(s), exception, you may extend this exception to your version of the file(s),
but you are not obligated to do so. If you do not wish to do so, delete but you are not obligated to do so. If you do not wish to do so, delete
this exception statement from your version. If you delete this exception this exception statement from your version. If you delete this exception
statement from all source files in the program, then also delete it here. statement from all source files in the program, then also delete it here.
*/ */
/** /**
@ -39,52 +39,9 @@ Copyright:
Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, { Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
constructor: function(config) { constructor: function(config) {
config = config || {}; this.currentId = null;
this.options = {}; this.stored = {};
this.binds = {}; Deluge.MultiOptionsManager.superclass.constructor.call(this, config);
this.changed = {};
this.defaults = (config && config['defaults']) || {};
this.addEvents({
'add': true,
'changed': true,
'reset': true
});
this.on('changed', this.onChange, this);
Deluge.MultiOptionsManager.superclass.constructor.call(this);
},
/**
* Add a set of default options and values to the options manager
* @param {String} id
* @param {Object} options The default options.
*/
addOptions: function(options) {
this.options[id] = options;
},
/**
* Binds a form field to the specified option.
* @param {String} option
* @param {Ext.form.Field} field
*/
bind: function(option, field) {
this.binds[option] = field;
this.binds[field] = option;
switch (field.getXType()) {
case 'checkbox':
case 'radiogroup':
field.on('check', this.onFieldChange, this);
break;
case 'uxspinner':
field.on('spin', this.onFieldChange, this);
field.on('keypress', this.onFieldChange, this);
break;
default:
break;
}
}, },
/** /**
@ -93,39 +50,44 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
*/ */
changeId: function(id) { changeId: function(id) {
this.currentId = id; this.currentId = id;
for (var option in this.defaults) { for (var option in this.options) {
if (!this.binds[option]) continue; if (!this.binds[option]) continue;
this.binds[option].setValue(this.get(id, option)); Ext.each(this.binds[option], function(bind) {
bind.setValue(this.get(id, option));
}, this);
} }
}, },
/**
* Changes all the changed values to be the default values
* @param {String} id
*/
commit: function(id) {
this.stored[id] = Ext.apply(this.stored[id], this.changed[id]);
this.reset(id);
},
/** /**
* Get the value for an option * Get the value for an option
* @param {String} id * @param {String} id
* @param {String|Array} [option] A single option or an array of options to return. * @param {String|Array} [option] A single option or an array of options to return.
* @returns {Object} the options value. * @returns {Object} the options value.
*/ */
get: function(id, option) { get: function() {
if (!option) { var id = arguments[0];
var values = {}; if (arguments.length == 2) {
for (var key in this.defaults) { var option = arguments[1];
values[key] = this.get(id, key); return (this.isDirty(id, option)) ? this.changed[id][option] : this.getDefault(id, option);
}
return values;
} else { } else {
return (this.hasChanged(id, option)) ? this.changed[id][option] : this.getDefault(id, option); var options = {};
Ext.each(arguments, function(option) {
if (option == id) return;
options[option] = (this.isDirty(id, option)) ? this.changed[id][option] : this.getDefault(id, option);
}, this);
return options;
} }
}, },
/**
* Returns the changed values.
* @param {String} id
* @returns {Object} the changed options
*/
getChanged: function(id) {
return (this.changed[id]) ? this.changed[id] : {};
},
/** /**
* Get the default value for an option. * Get the default value for an option.
* @param {String} id * @param {String} id
@ -133,7 +95,16 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
* @returns {Object} the value of the option * @returns {Object} the value of the option
*/ */
getDefault: function(id, option) { getDefault: function(id, option) {
return (this.hasOption(id, option)) ? this.options[id][option] : this.defaults[option]; return (this.has(id, option)) ? this.stored[id][option] : this.options[option];
},
/**
* Returns the dirty (changed) values.
* @param {String} id
* @returns {Object} the changed options
*/
getDirty: function(id) {
return (this.changed[id]) ? this.changed[id] : {};
}, },
/** /**
@ -142,7 +113,7 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
* @param {String} option * @param {String} option
* @returns {Boolean} true if the option has been changed, else false. * @returns {Boolean} true if the option has been changed, else false.
*/ */
hasChanged: function(id, option) { isDirty: function(id, option) {
return (this.changed[id] && !Ext.isEmpty(this.changed[id][option])); return (this.changed[id] && !Ext.isEmpty(this.changed[id][option]));
}, },
@ -153,8 +124,8 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
* @param {String} option * @param {String} option
* @returns {Boolean} true if the id has an option, else false. * @returns {Boolean} true if the id has an option, else false.
*/ */
hasOption: function(id, option) { has: function(id, option) {
return (this.options[id] && !Ext.isEmpty(this.options[id][option])); return (this.stored[id] && !Ext.isEmpty(this.stored[id][option]));
}, },
/** /**
@ -178,8 +149,8 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
this.set(id, key, option[key]); this.set(id, key, option[key]);
} }
} else { } else {
if (!this.options[id]) this.options[id] = {}; if (!this.changed[id]) this.changed[id] = {};
this.options[id][option] = value; this.changed[id][option] = value;
} }
}, },
@ -190,59 +161,51 @@ Deluge.MultiOptionsManager = Ext.extend(Deluge.OptionsManager, {
* @param {Object} [value]; * @param {Object} [value];
*/ */
update: function(id, option, value) { update: function(id, option, value) {
if (typeof value === undefined) { if (value === undefined) {
for (var key in option) { for (var key in option) {
this.update(id, key, option[key]); this.update(id, key, option[key]);
} }
} else { } else {
if (!this.changed[id]) this.changed[id] = {}; if (!this.changed[id]) this.changed[id] = {};
var defaultValue = this.getDefault(id, option);
value = this.convertValueType(defaultValue, value);
var oldValue = this.get(id, option); var oldValue = this.get(id, option);
if (oldValue == value) return; if (oldValue == value) return;
var defaultValue = this.getDefault(id, option);
if (defaultValue == value) { if (defaultValue == value) {
if (this.hasChanged(id, option)) delete this.changed[id][option]; if (this.isDirty(id, option)) delete this.changed[id][option];
this.fireEvent('changed', id, option, value, oldValue); this.fireEvent('changed', id, option, value, oldValue);
return; return;
} else {
this.changed[id][option] = value;
this.fireEvent('changed', id, option, value, oldValue);
} }
if (Ext.type(defaultValue) != Ext.type(value)) {
switch (Ext.type(defaultValue)) {
case 'string':
value = String(value);
break;
case 'number':
value = Number(value);
break;
case 'boolean':
value = Boolean(value);
break;
}
}
this.changed[id][option] = value;
this.fireEvent('changed', id, option, value, oldValue);
} }
}, },
/* Event Handlers */ /******************
* Event Handlers *
******************/
/** /**
* Stops a form fields value from being blocked by the change functions * Stops a form fields value from being blocked by the change functions
* @param {Ext.form.Field} field * @param {Ext.form.Field} field
* @private * @private
*/ */
onFieldChange: function(field) { onFieldChange: function(field, event) {
var option = this.binds[field]; this.update(this.currentId, field._doption, field.getValue());
this.update(this.currentId, option, field.getValue());
}, },
onChange: function(id, option, newValue, oldValue) { onChange: function(id, option, newValue, oldValue) {
// If we don't have a bind there's nothing to do. // If we don't have a bind there's nothing to do.
if (Ext.isEmpty(this.binds[option])) return; if (Ext.isEmpty(this.binds[option])) return;
Ext.each(this.binds[option], function(bind) {
// Set the form field to the new value. // The field is currently focused so we don't want to
this.binds[option].setValue(newValue); // change it.
if (bind == this.focused) return;
// Set the form field to the new value.
bind.setValue(newValue);
}, this);
} }
}); });

165
deluge/ui/web/js/Deluge.OptionsManager.js
View file

@ -103,24 +103,24 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
*/ */
convertValueType: function(oldValue, value) { convertValueType: function(oldValue, value) {
if (Ext.type(oldValue) != Ext.type(value)) { if (Ext.type(oldValue) != Ext.type(value)) {
switch (Ext.type(oldValue)) { switch (Ext.type(oldValue)) {
case 'string': case 'string':
value = String(value); value = String(value);
break; break;
case 'number': case 'number':
value = Number(value); value = Number(value);
break; break;
case 'boolean': case 'boolean':
if (Ext.type(value) == 'string') { if (Ext.type(value) == 'string') {
value = value.toLowerCase(); value = value.toLowerCase();
value = (value == 'true' || newValue == '1' || value == 'on') ? true : false; value = (value == 'true' || value == '1' || value == 'on') ? true : false;
} else { } else {
value = Boolean(value); value = Boolean(value);
}
break;
} }
break;
} }
} return value;
return value;
}, },
/** /**
@ -129,17 +129,17 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @returns {Object} the options value. * @returns {Object} the options value.
*/ */
get: function() { get: function() {
if (arguments.length == 1) { if (arguments.length == 1) {
var option = arguments[0]; var option = arguments[0];
return (this.isDirty(option)) ? this.changed[option] : this.options[option]; return (this.isDirty(option)) ? this.changed[option] : this.options[option];
} else { } else {
var options = {}; var options = {};
Ext.each(arguments, function(option) { Ext.each(arguments, function(option) {
if (!this.has(option)) return; if (!this.has(option)) return;
options[option] = (this.isDirty(option)) ? this.changed[option] : this.options[option]; options[option] = (this.isDirty(option)) ? this.changed[option] : this.options[option];
}, this); }, this);
return options; return options;
} }
}, },
/** /**
@ -148,7 +148,7 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @returns {Object} the value of the option * @returns {Object} the value of the option
*/ */
getDefault: function(option) { getDefault: function(option) {
return this.options[option]; return this.options[option];
}, },
/** /**
@ -156,7 +156,7 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @returns {Object} the changed options * @returns {Object} the changed options
*/ */
getDirty: function() { getDirty: function() {
return this.changed; return this.changed;
}, },
/** /**
@ -164,17 +164,7 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @returns {Boolean} true if the option has been changed from the default. * @returns {Boolean} true if the option has been changed from the default.
*/ */
isDirty: function(option) { isDirty: function(option) {
return !Ext.isEmpty(this.changed[option]); return !Ext.isEmpty(this.changed[option]);
},
/**
* Check to see if the option has been changed.
* @param {String} id
* @param {String} option
* @returns {Boolean} true if the option has been changed, else false.
*/
hasChanged: function(id, option) {
return (this.changed[id] && !Ext.isEmpty(this.changed[id][option]));
}, },
/** /**
@ -183,15 +173,14 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @returns {Boolean} true if the option exists, else false. * @returns {Boolean} true if the option exists, else false.
*/ */
has: function(option) { has: function(option) {
return (this.options[option]); return (this.options[option]);
}, },
/** /**
* Reset the options back to the default values. * Reset the options back to the default values.
* @param {String} id
*/ */
reset: function() { reset: function() {
this.changed = {}; this.changed = {};
}, },
/** /**
@ -200,16 +189,16 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @param {Object} value The value for the option * @param {Object} value The value for the option
*/ */
set: function(option, value) { set: function(option, value) {
if (typeof option == 'object') { if (typeof option == 'object') {
var options = option; var options = option;
this.options = Ext.apply(this.options, options); this.options = Ext.apply(this.options, options);
for (var option in options) { for (var option in options) {
this.onChange(option, options[option]); this.onChange(option, options[option]);
}
} else {
this.options[option] = value;
this.onChange(option, value)
} }
} else {
this.options[option] = value;
this.onChange(option, value)
}
}, },
/** /**
@ -218,37 +207,39 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @param {Object} [value]; * @param {Object} [value];
*/ */
update: function(option, value) { update: function(option, value) {
if (typeof value === undefined) { if (value === undefined) {
for (var key in option) { for (var key in option) {
this.update(key, option[key]); this.update(key, option[key]);
}
} else {
var defaultValue = this.getDefault(option);
value = this.convertValueType(defaultValue, value);
var oldValue = this.get(option);
if (oldValue == value) return;
if (defaultValue == value) {
if (this.isDirty(option)) delete this.changed[option];
this.fireEvent('changed', option, value, oldValue);
return;
}
this.changed[option] = value;
this.fireEvent('changed', option, value, oldValue);
} }
} else {
var defaultValue = this.getDefault(option);
value = this.convertValueType(defaultValue, value);
var oldValue = this.get(option);
if (oldValue == value) return;
if (defaultValue == value) {
if (this.isDirty(option)) delete this.changed[option];
this.fireEvent('changed', option, value, oldValue);
return;
}
this.changed[option] = value;
this.fireEvent('changed', option, value, oldValue);
}
}, },
/* Event Handlers */ /******************
* Event Handlers *
******************/
/** /**
* Lets the option manager know when a field is blurred so if a value * Lets the option manager know when a field is blurred so if a value
* so value changing operations can continue on that field. * so value changing operations can continue on that field.
*/ */
onFieldBlur: function(field, event) { onFieldBlur: function(field, event) {
if (this.focused == field) { if (this.focused == field) {
this.focused = null; this.focused = null;
} }
}, },
/** /**
@ -257,7 +248,7 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* @private * @private
*/ */
onFieldChange: function(field, event) { onFieldChange: function(field, event) {
this.update(field._doption, field.getValue()); this.update(field._doption, field.getValue());
}, },
/** /**
@ -266,20 +257,18 @@ Deluge.OptionsManager = Ext.extend(Ext.util.Observable, {
* field. * field.
*/ */
onFieldFocus: function(field, event) { onFieldFocus: function(field, event) {
this.focused = field; this.focused = field;
}, },
onChange: function(option, newValue, oldValue) { onChange: function(option, newValue, oldValue) {
// If we don't have a bind there's nothing to do. // If we don't have a bind there's nothing to do.
if (Ext.isEmpty(this.binds[option])) return; if (Ext.isEmpty(this.binds[option])) return;
Ext.each(this.binds[option], function(bind) {
Ext.each(this.binds[option], function(bind) { // The field is currently focused so we don't want to
// The field is currently focused so we don't want to // change it.
// change it. if (bind == this.focused) return;
if (bind == this.focused) return; // Set the form field to the new value.
bind.setValue(newValue);
// Set the form field to the new value. }, this);
bind.setValue(newValue);
}, this)
} }
}); });