270 lines
7.0 KiB
JavaScript
270 lines
7.0 KiB
JavaScript
/*!
|
|
* Deluge.preferences.PluginsPage.js
|
|
*
|
|
* Copyright (c) Damien Churchill 2009-2010 <damoxc@gmail.com>
|
|
*
|
|
* This program is free software; you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation; either version 3, or (at your option)
|
|
* any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, write to:
|
|
* The Free Software Foundation, Inc.,
|
|
* 51 Franklin Street, Fifth Floor
|
|
* Boston, MA 02110-1301, USA.
|
|
*
|
|
* In addition, as a special exception, the copyright holders give
|
|
* permission to link the code of portions of this program with the OpenSSL
|
|
* library.
|
|
* 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
|
|
* 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
|
|
* this exception statement from your version. If you delete this exception
|
|
* statement from all source files in the program, then also delete it here.
|
|
*/
|
|
Ext.namespace('Deluge.preferences');
|
|
|
|
/**
|
|
* @class Deluge.preferences.Plugins
|
|
* @extends Ext.Panel
|
|
*/
|
|
Deluge.preferences.Plugins = Ext.extend(Ext.Panel, {
|
|
|
|
layout: 'border',
|
|
title: _('Plugins'),
|
|
border: false,
|
|
height: 400,
|
|
cls: 'x-deluge-plugins',
|
|
|
|
pluginTemplate: new Ext.Template(
|
|
'<dl class="singleline">' +
|
|
'<dt>Author:</dt><dd>{author}</dd>' +
|
|
'<dt>Version:</dt><dd>{version}</dd>' +
|
|
'<dt>Author Email:</dt><dd>{email}</dd>' +
|
|
'<dt>Homepage:</dt><dd>{homepage}</dd>' +
|
|
'<dt>Details:</dt><dd>{details}</dd>' +
|
|
'</dl>'
|
|
),
|
|
|
|
initComponent: function() {
|
|
Deluge.preferences.Plugins.superclass.initComponent.call(this);
|
|
this.defaultValues = {
|
|
'version': '',
|
|
'email': '',
|
|
'homepage': '',
|
|
'details': ''
|
|
};
|
|
this.pluginTemplate.compile();
|
|
|
|
var checkboxRenderer = function(v, p, record){
|
|
p.css += ' x-grid3-check-col-td';
|
|
return '<div class="x-grid3-check-col'+(v?'-on':'')+'"> </div>';
|
|
}
|
|
|
|
this.list = this.add({
|
|
xtype: 'listview',
|
|
store: new Ext.data.ArrayStore({
|
|
fields: [
|
|
{name: 'enabled', mapping: 0},
|
|
{name: 'plugin', mapping: 1}
|
|
]
|
|
}),
|
|
columns: [{
|
|
id: 'enabled',
|
|
header: _('Enabled'),
|
|
width: .2,
|
|
sortable: true,
|
|
tpl: new Ext.XTemplate('{enabled:this.getCheckbox}', {
|
|
getCheckbox: function(v) {
|
|
return '<div class="x-grid3-check-col'+(v?'-on':'')+'" rel="chkbox"> </div>';
|
|
}
|
|
}),
|
|
dataIndex: 'enabled'
|
|
}, {
|
|
id: 'plugin',
|
|
header: _('Plugin'),
|
|
width: .8,
|
|
sortable: true,
|
|
dataIndex: 'plugin'
|
|
}],
|
|
singleSelect: true,
|
|
autoExpandColumn: 'plugin',
|
|
listeners: {
|
|
selectionchange: {fn: this.onPluginSelect, scope: this}
|
|
}
|
|
});
|
|
|
|
this.panel = this.add({
|
|
region: 'center',
|
|
autoScroll: true,
|
|
margins: '5 5 5 5',
|
|
items: [this.list],
|
|
bbar: new Ext.Toolbar({
|
|
items: [{
|
|
cls: 'x-btn-text-icon',
|
|
iconCls: 'x-deluge-install-plugin',
|
|
text: _('Install'),
|
|
handler: this.onInstallPluginWindow,
|
|
scope: this
|
|
}, '->', {
|
|
cls: 'x-btn-text-icon',
|
|
text: _('Find More'),
|
|
iconCls: 'x-deluge-find-more',
|
|
handler: this.onFindMorePlugins,
|
|
scope: this
|
|
}]
|
|
})
|
|
});
|
|
|
|
var pp = this.pluginInfo = this.add({
|
|
xtype: 'panel',
|
|
border: true,
|
|
height: 160,
|
|
region: 'south',
|
|
margins: '0 5 5 5'
|
|
});
|
|
var fieldset = pp.add({
|
|
xtype: 'fieldset',
|
|
title: _('Info'),
|
|
border: false,
|
|
autoHeight: true,
|
|
labelWidth: 1,
|
|
style: 'margin-top: 5px;'
|
|
});
|
|
this.pluginInfo = fieldset.add({
|
|
xtype: 'panel',
|
|
border: false,
|
|
bodyCfg: {
|
|
style: 'margin-left: 10px'
|
|
}
|
|
});
|
|
|
|
this.pluginInfo.on('render', this.onPluginInfoRender, this);
|
|
this.list.on('click', this.onNodeClick, this);
|
|
deluge.preferences.on('show', this.onPreferencesShow, this);
|
|
deluge.events.on('PluginDisabledEvent', this.onPluginDisabled, this);
|
|
deluge.events.on('PluginEnabledEvent', this.onPluginEnabled, this);
|
|
},
|
|
|
|
disablePlugin: function(plugin) {
|
|
deluge.client.core.disable_plugin(plugin);
|
|
},
|
|
|
|
enablePlugin: function(plugin) {
|
|
deluge.client.core.enable_plugin(plugin);
|
|
},
|
|
|
|
setInfo: function(plugin) {
|
|
if (!this.pluginInfo.rendered) return;
|
|
var values = plugin || this.defaultValues;
|
|
this.pluginInfo.body.dom.innerHTML = this.pluginTemplate.apply(values);
|
|
},
|
|
|
|
updatePlugins: function() {
|
|
deluge.client.web.get_plugins({
|
|
success: this.onGotPlugins,
|
|
scope: this
|
|
});
|
|
},
|
|
|
|
updatePluginsGrid: function() {
|
|
var plugins = [];
|
|
Ext.each(this.availablePlugins, function(plugin) {
|
|
if (this.enabledPlugins.indexOf(plugin) > -1) {
|
|
plugins.push([true, plugin]);
|
|
} else {
|
|
plugins.push([false, plugin]);
|
|
}
|
|
}, this);
|
|
this.list.getStore().loadData(plugins);
|
|
},
|
|
|
|
onNodeClick: function(dv, index, node, e) {
|
|
var el = new Ext.Element(e.target);
|
|
if (el.getAttribute('rel') != 'chkbox') return;
|
|
|
|
var r = dv.getStore().getAt(index);
|
|
r.set('enabled', !r.get('enabled'));
|
|
r.commit();
|
|
if (r.get('enabled')) {
|
|
this.enablePlugin(r.get('plugin'));
|
|
} else {
|
|
this.disablePlugin(r.get('plugin'));
|
|
}
|
|
},
|
|
|
|
onFindMorePlugins: function() {
|
|
window.open('http://dev.deluge-torrent.org/wiki/Plugins');
|
|
},
|
|
|
|
onGotPlugins: function(plugins) {
|
|
this.enabledPlugins = plugins.enabled_plugins;
|
|
this.availablePlugins = plugins.available_plugins;
|
|
this.setInfo();
|
|
this.updatePluginsGrid();
|
|
},
|
|
|
|
onGotPluginInfo: function(info) {
|
|
var values = {
|
|
author: info['Author'],
|
|
version: info['Version'],
|
|
email: info['Author-email'],
|
|
homepage: info['Home-page'],
|
|
details: info['Description']
|
|
}
|
|
this.setInfo(values);
|
|
delete info;
|
|
},
|
|
|
|
onInstallPluginWindow: function() {
|
|
if (!this.installWindow) {
|
|
this.installWindow = new Deluge.preferences.InstallPluginWindow();
|
|
this.installWindow.on('pluginadded', this.onPluginInstall, this);
|
|
}
|
|
this.installWindow.show();
|
|
},
|
|
|
|
onPluginEnabled: function(pluginName) {
|
|
var index = this.grid.getStore().find('plugin', pluginName);
|
|
if (index == -1) return;
|
|
var plugin = this.grid.getStore().getAt(index);
|
|
plugin.set('enabled', true);
|
|
plugin.commit();
|
|
},
|
|
|
|
onPluginDisabled: function(pluginName) {
|
|
var index = this.list.getStore().find('plugin', pluginName);
|
|
if (index == -1) return;
|
|
var plugin = this.list.getStore().getAt(index);
|
|
plugin.set('enabled', false);
|
|
plugin.commit();
|
|
},
|
|
|
|
onPluginInstall: function() {
|
|
this.updatePlugins();
|
|
},
|
|
|
|
onPluginSelect: function(dv, selections) {
|
|
var r = dv.getRecords(selections)[0];
|
|
deluge.client.web.get_plugin_info(r.get('plugin'), {
|
|
success: this.onGotPluginInfo,
|
|
scope: this
|
|
});
|
|
},
|
|
|
|
onPreferencesShow: function() {
|
|
this.updatePlugins();
|
|
},
|
|
|
|
onPluginInfoRender: function(ct, position) {
|
|
this.setInfo();
|
|
}
|
|
});
|