[#2478] [Blocklist] Add WebUI plugin page

2 files changed, 290 insertions, 0 deletions

diff --git a/deluge/plugins/blocklist/blocklist/data/blocklist.js b/deluge/plugins/blocklist/blocklist/data/blocklist.js
new file mode 100644
index 000000000..5f8a734fc
--- /dev/null
+++ b/deluge/plugins/blocklist/blocklist/data/blocklist.js
@@ -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);
diff --git a/deluge/plugins/blocklist/blocklist/webui.py b/deluge/plugins/blocklist/blocklist/webui.py
index 572d2b047..a467536a4 100644
--- a/deluge/plugins/blocklist/blocklist/webui.py
+++ b/deluge/plugins/blocklist/blocklist/webui.py
@@ -41,6 +41,8 @@ from deluge.ui.client import client
 from deluge import component
 from deluge.plugins.pluginbase import WebPluginBase
 
+from common import get_resource
+
 #import deluge.ui.webui.lib.newforms_plus as forms
 
 #config_page_manager = component.get("ConfigPageManager")
@@ -60,3 +62,6 @@ class WebUI(WebPluginBase):
     def disable(self):
         #config_page_manager.deregister('blocklist')
         pass
+
+    scripts = [get_resource("blocklist.js")]
+    debug_scripts = scripts