mirror of
https://github.com/codex-storage/deluge.git
synced 2025-02-04 15:43:28 +00:00
[#2478] [Blocklist] Add WebUI plugin page
This commit is contained in:
Luis Omar Alvarez Mures
Calum Lind
parent
a4fb8e769b
commit
70bf274974
285
deluge/plugins/blocklist/blocklist/data/blocklist.js
Normal file
285
deluge/plugins/blocklist/blocklist/data/blocklist.js
Normal file
@ -0,0 +1,285 @@
|
|||||||
|
/*!
|
||||||
|
* blocklist.js
|
||||||
|
*
|
||||||
|
* Copyright (c) Omar Alvarez 2014 <omar.alvarez@udc.es>
|
||||||
|
*
|
||||||
|
* This file is part of Deluge and is licensed under GNU General Public License 3.0, or later, with
|
||||||
|
* the additional special exception to link portions of this program with the OpenSSL library.
|
||||||
|
* See LICENSE for more details.
|
||||||
|
*
|
||||||
|
*/
|
||||||
|
|
||||||
|
Ext.ns('Deluge.ux.preferences');
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @class Deluge.ux.preferences.BlocklistPage
|
||||||
|
* @extends Ext.Panel
|
||||||
|
*/
|
||||||
|
Deluge.ux.preferences.BlocklistPage = Ext.extend(Ext.Panel, {
|
||||||
|
|
||||||
|
title: _('Blocklist'),
|
||||||
|
layout: 'fit',
|
||||||
|
border: false,
|
||||||
|
autoScroll: true,
|
||||||
|
|
||||||
|
initComponent: function() {
|
||||||
|
Deluge.ux.preferences.BlocklistPage.superclass.initComponent.call(this);
|
||||||
|
|
||||||
|
this.URLFset = this.add({
|
||||||
|
xtype: 'fieldset',
|
||||||
|
border: false,
|
||||||
|
title: _('General'),
|
||||||
|
autoHeight: true,
|
||||||
|
defaultType: 'textfield',
|
||||||
|
style: 'margin-top: 3px; margin-bottom: 0px; padding-bottom: 0px;',
|
||||||
|
autoWidth: true,
|
||||||
|
labelWidth: 40
|
||||||
|
});
|
||||||
|
|
||||||
|
this.URL = this.URLFset.add({
|
||||||
|
fieldLabel: _('URL:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'url',
|
||||||
|
width: '80%'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.SettingsFset = this.add({
|
||||||
|
xtype: 'fieldset',
|
||||||
|
border: false,
|
||||||
|
title: _('Settings'),
|
||||||
|
autoHeight: true,
|
||||||
|
defaultType: 'spinnerfield',
|
||||||
|
style: 'margin-top: 3px; margin-bottom: 0px; padding-bottom: 0px;',
|
||||||
|
autoWidth: true,
|
||||||
|
labelWidth: 160
|
||||||
|
});
|
||||||
|
|
||||||
|
this.checkListDays = this.SettingsFset.add({
|
||||||
|
fieldLabel: _('Check for new list every:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'check_list_days',
|
||||||
|
value: 4,
|
||||||
|
decimalPrecision: 0,
|
||||||
|
width: 80
|
||||||
|
});
|
||||||
|
|
||||||
|
this.chkImportOnStart = this.SettingsFset.add({
|
||||||
|
xtype: 'checkbox',
|
||||||
|
fieldLabel: _('Import blocklist on startup'),
|
||||||
|
name: 'check_import_startup'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.OptionsFset = this.add({
|
||||||
|
xtype: 'fieldset',
|
||||||
|
border: false,
|
||||||
|
title: _('Options'),
|
||||||
|
autoHeight: true,
|
||||||
|
defaultType: 'button',
|
||||||
|
style: 'margin-top: 3px; margin-bottom: 0px; padding-bottom: 0px;',
|
||||||
|
autoWidth: false,
|
||||||
|
width: '80%',
|
||||||
|
labelWidth: 0
|
||||||
|
});
|
||||||
|
|
||||||
|
this.checkDownload = this.OptionsFset.add({
|
||||||
|
fieldLabel: _(''),
|
||||||
|
name: 'check_download',
|
||||||
|
xtype: 'container',
|
||||||
|
layout: 'hbox',
|
||||||
|
margins: '4 0 0 5',
|
||||||
|
items: [{
|
||||||
|
xtype: 'button',
|
||||||
|
text: ' Check Download and Import ',
|
||||||
|
scale: 'medium'
|
||||||
|
}, {
|
||||||
|
xtype: 'box',
|
||||||
|
autoEl: {
|
||||||
|
tag: 'img',
|
||||||
|
src: '../icons/ok.png'
|
||||||
|
},
|
||||||
|
margins: '4 0 0 3'
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
|
||||||
|
this.forceDownload = this.OptionsFset.add({
|
||||||
|
fieldLabel: _(''),
|
||||||
|
name: 'force_download',
|
||||||
|
text: ' Force Download and Import ',
|
||||||
|
margins: '2 0 0 0',
|
||||||
|
//icon: '../icons/blocklist_import24.png',
|
||||||
|
scale: 'medium'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.ProgressFset = this.add({
|
||||||
|
xtype: 'fieldset',
|
||||||
|
border: false,
|
||||||
|
title: _('Info'),
|
||||||
|
autoHeight: true,
|
||||||
|
defaultType: 'progress',
|
||||||
|
style: 'margin-top: 1px; margin-bottom: 0px; padding-bottom: 0px;',
|
||||||
|
autoWidth: true,
|
||||||
|
labelWidth: 0,
|
||||||
|
hidden: true
|
||||||
|
});
|
||||||
|
|
||||||
|
this.downProgBar = this.ProgressFset.add({
|
||||||
|
fieldLabel: _(''),
|
||||||
|
name: 'progress_bar',
|
||||||
|
width: '90%'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.InfoFset = this.add({
|
||||||
|
xtype: 'fieldset',
|
||||||
|
border: false,
|
||||||
|
title: _('Info'),
|
||||||
|
autoHeight: true,
|
||||||
|
defaultType: 'label',
|
||||||
|
style: 'margin-top: 0px; margin-bottom: 0px; padding-bottom: 0px;',
|
||||||
|
labelWidth: 60
|
||||||
|
});
|
||||||
|
|
||||||
|
this.lblFileSize = this.InfoFset.add({
|
||||||
|
fieldLabel: _('File Size:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'file_size'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.lblDate = this.InfoFset.add({
|
||||||
|
fieldLabel: _('Date:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'date'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.lblType = this.InfoFset.add({
|
||||||
|
fieldLabel: _('Type:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'type'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.lblURL = this.InfoFset.add({
|
||||||
|
fieldLabel: _('URL:'),
|
||||||
|
labelSeparator: '',
|
||||||
|
name: 'lbl_URL'
|
||||||
|
});
|
||||||
|
|
||||||
|
this.updateTask = Ext.TaskMgr.start({
|
||||||
|
interval: 2000,
|
||||||
|
run: this.onUpdate,
|
||||||
|
scope: this
|
||||||
|
});
|
||||||
|
|
||||||
|
this.on('show', this.updateConfig, this);
|
||||||
|
|
||||||
|
this.checkDownload.getComponent(0).setHandler(this.checkDown, this);
|
||||||
|
this.forceDownload.setHandler(this.forceDown, this);
|
||||||
|
},
|
||||||
|
|
||||||
|
onApply: function() {
|
||||||
|
var config = {};
|
||||||
|
|
||||||
|
config['url'] = this.URL.getValue();
|
||||||
|
config['check_after_days'] = this.checkListDays.getValue();
|
||||||
|
config['load_on_start'] = this.chkImportOnStart.getValue();
|
||||||
|
|
||||||
|
deluge.client.blocklist.set_config(config);
|
||||||
|
},
|
||||||
|
|
||||||
|
onOk: function() {
|
||||||
|
this.onApply();
|
||||||
|
},
|
||||||
|
|
||||||
|
onUpdate: function() {
|
||||||
|
deluge.client.blocklist.get_status({
|
||||||
|
success: function(status) {
|
||||||
|
if (status['state'] == 'Downloading') {
|
||||||
|
this.InfoFset.hide();
|
||||||
|
this.checkDownload.getComponent(0).setDisabled(true);
|
||||||
|
this.checkDownload.getComponent(1).hide();
|
||||||
|
this.forceDownload.setDisabled(true);
|
||||||
|
|
||||||
|
this.ProgressFset.show();
|
||||||
|
this.downProgBar.updateProgress(status['file_progress'],'Downloading '.concat((status['file_progress'] * 100).toFixed(2)).concat('%'),true);
|
||||||
|
|
||||||
|
} else if (status['state'] == 'Importing') {
|
||||||
|
this.InfoFset.hide();
|
||||||
|
this.checkDownload.getComponent(0).setDisabled(true);
|
||||||
|
this.checkDownload.getComponent(1).hide();
|
||||||
|
this.forceDownload.setDisabled(true);
|
||||||
|
|
||||||
|
this.ProgressFset.show();
|
||||||
|
this.downProgBar.updateText('Importing '.concat(status['num_blocked']));
|
||||||
|
|
||||||
|
} else if (status['state'] == 'Idle') {
|
||||||
|
this.ProgressFset.hide();
|
||||||
|
this.checkDownload.getComponent(0).setDisabled(false);
|
||||||
|
this.forceDownload.setDisabled(false);
|
||||||
|
if (status['up_to_date']) {
|
||||||
|
this.checkDownload.getComponent(1).show();
|
||||||
|
this.checkDownload.doLayout();
|
||||||
|
} else {
|
||||||
|
this.checkDownload.getComponent(1).hide();
|
||||||
|
}
|
||||||
|
this.InfoFset.show();
|
||||||
|
this.lblFileSize.setText(fsize(status['file_size']));
|
||||||
|
this.lblDate.setText(fdate(status['file_date']));
|
||||||
|
this.lblType.setText(status['file_type']);
|
||||||
|
this.lblURL.setText(status['file_url'].substr(0,40).concat('...'));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
scope: this
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
checkDown: function() {
|
||||||
|
this.onApply();
|
||||||
|
deluge.client.blocklist.check_import();
|
||||||
|
},
|
||||||
|
|
||||||
|
forceDown: function() {
|
||||||
|
this.onApply();
|
||||||
|
deluge.client.blocklist.check_import(force = true);
|
||||||
|
},
|
||||||
|
|
||||||
|
updateConfig: function() {
|
||||||
|
deluge.client.blocklist.get_config({
|
||||||
|
success: function(config) {
|
||||||
|
this.URL.setValue(config['url']);
|
||||||
|
this.checkListDays.setValue(config['check_after_days']);
|
||||||
|
this.chkImportOnStart.setValue(config['load_on_start']);
|
||||||
|
},
|
||||||
|
scope: this
|
||||||
|
});
|
||||||
|
|
||||||
|
deluge.client.blocklist.get_status({
|
||||||
|
success: function(status) {
|
||||||
|
this.lblFileSize.setText(fsize(status['file_size']));
|
||||||
|
this.lblDate.setText(fdate(status['file_date']));
|
||||||
|
this.lblType.setText(status['file_type']);
|
||||||
|
this.lblURL.setText(status['file_url'].substr(0,40).concat('...'));
|
||||||
|
},
|
||||||
|
scope: this
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
onDestroy: function() {
|
||||||
|
Ext.TaskMgr.stop(this.updateTask);
|
||||||
|
|
||||||
|
deluge.preferences.un('show', this.updateConfig, this);
|
||||||
|
|
||||||
|
Deluge.ux.preferences.BlocklistPage.superclass.onDestroy.call(this);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
Deluge.plugins.BlocklistPlugin = Ext.extend(Deluge.Plugin, {
|
||||||
|
|
||||||
|
name: 'Blocklist',
|
||||||
|
|
||||||
|
onDisable: function() {
|
||||||
|
deluge.preferences.removePage(this.prefsPage);
|
||||||
|
},
|
||||||
|
|
||||||
|
onEnable: function() {
|
||||||
|
this.prefsPage = deluge.preferences.addPage(new Deluge.ux.preferences.BlocklistPage());
|
||||||
|
}
|
||||||
|
});
|
||||||
|
Deluge.registerPlugin('Blocklist', Deluge.plugins.BlocklistPlugin);
|
||||||
@ -41,6 +41,8 @@ from deluge.ui.client import client
|
|||||||
from deluge import component
|
from deluge import component
|
||||||
from deluge.plugins.pluginbase import WebPluginBase
|
from deluge.plugins.pluginbase import WebPluginBase
|
||||||
|
|
||||||
|
from common import get_resource
|
||||||
|
|
||||||
#import deluge.ui.webui.lib.newforms_plus as forms
|
#import deluge.ui.webui.lib.newforms_plus as forms
|
||||||
|
|
||||||
#config_page_manager = component.get("ConfigPageManager")
|
#config_page_manager = component.get("ConfigPageManager")
|
||||||
@ -60,3 +62,6 @@ class WebUI(WebPluginBase):
|
|||||||
def disable(self):
|
def disable(self):
|
||||||
#config_page_manager.deregister('blocklist')
|
#config_page_manager.deregister('blocklist')
|
||||||
pass
|
pass
|
||||||
|
|
||||||
|
scripts = [get_resource("blocklist.js")]
|
||||||
|
debug_scripts = scripts
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user