diff options
Diffstat (limited to 'deluge/ui/web/js/deluge-all/UI.js')
| -rw-r--r-- | deluge/ui/web/js/deluge-all/UI.js | 311 |
1 files changed, 311 insertions, 0 deletions
diff --git a/deluge/ui/web/js/deluge-all/UI.js b/deluge/ui/web/js/deluge-all/UI.js new file mode 100644 index 0000000..f7edc84 --- /dev/null +++ b/deluge/ui/web/js/deluge-all/UI.js @@ -0,0 +1,311 @@ +/** + * Deluge.UI.js + * + * Copyright (c) Damien Churchill 2009-2010 <damoxc@gmail.com> + * + * 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. + */ + +/** Dummy translation arrays so Torrent states are available for gettext.js and Translators. + * + * All entries in deluge.common.TORRENT_STATE should be added here. + * + * No need to import these, just simply use the `_()` function around a status variable. + */ +var TORRENT_STATE_TRANSLATION = [ + _('All'), + _('Active'), + _('Allocating'), + _('Checking'), + _('Downloading'), + _('Seeding'), + _('Paused'), + _('Checking'), + _('Queued'), + _('Error'), +]; + +/** + * @static + * @class Deluge.UI + * The controller for the whole interface, that ties all the components + * together and handles the 2 second poll. + */ +deluge.ui = { + errorCount: 0, + + filters: null, + + /** + * @description Create all the interface components, the json-rpc client + * and set up various events that the UI will utilise. + */ + initialize: function () { + deluge.add = new Deluge.add.AddWindow(); + deluge.details = new Deluge.details.DetailsPanel(); + deluge.connectionManager = new Deluge.ConnectionManager(); + deluge.editTrackers = new Deluge.EditTrackersWindow(); + deluge.login = new Deluge.LoginWindow(); + deluge.preferences = new Deluge.preferences.PreferencesWindow(); + deluge.sidebar = new Deluge.Sidebar(); + deluge.statusbar = new Deluge.Statusbar(); + deluge.toolbar = new Deluge.Toolbar(); + + this.detailsPanel = new Ext.Panel({ + id: 'detailsPanel', + cls: 'detailsPanel', + region: 'south', + split: true, + height: 215, + minSize: 100, + collapsible: true, + layout: 'fit', + items: [deluge.details], + }); + + this.MainPanel = new Ext.Panel({ + id: 'mainPanel', + iconCls: 'x-deluge-main-panel', + layout: 'border', + border: false, + tbar: deluge.toolbar, + items: [deluge.sidebar, this.detailsPanel, deluge.torrents], + bbar: deluge.statusbar, + }); + + this.Viewport = new Ext.Viewport({ + layout: 'fit', + items: [this.MainPanel], + }); + + deluge.events.on('connect', this.onConnect, this); + deluge.events.on('disconnect', this.onDisconnect, this); + deluge.events.on('PluginDisabledEvent', this.onPluginDisabled, this); + deluge.events.on('PluginEnabledEvent', this.onPluginEnabled, this); + deluge.client = new Ext.ux.util.RpcClient({ + url: deluge.config.base + 'json', + }); + + // enable all the already active plugins + for (var plugin in Deluge.pluginStore) { + plugin = Deluge.createPlugin(plugin); + plugin.enable(); + deluge.plugins[plugin.name] = plugin; + } + + // Initialize quicktips so all the tooltip configs start working. + Ext.QuickTips.init(); + + deluge.client.on( + 'connected', + function (e) { + deluge.login.show(); + }, + this, + { single: true } + ); + + this.update = this.update.createDelegate(this); + this.checkConnection = this.checkConnection.createDelegate(this); + + this.originalTitle = document.title; + }, + + checkConnection: function () { + deluge.client.web.connected({ + success: this.onConnectionSuccess, + failure: this.onConnectionError, + scope: this, + }); + }, + + update: function () { + var filters = deluge.sidebar.getFilterStates(); + this.oldFilters = this.filters; + this.filters = filters; + + deluge.client.web.update_ui(Deluge.Keys.Grid, filters, { + success: this.onUpdate, + failure: this.onUpdateError, + scope: this, + }); + deluge.details.update(); + }, + + onConnectionError: function (error) { + if (this.checking) { + clearTimeout(this.checking); + } + this.checking = setTimeout(this.checkConnection, 2000); + }, + + onConnectionSuccess: function (result) { + if (this.checking) { + clearTimeout(this.checking); + this.checking = undefined; + } + this.running = setTimeout(this.update, 2000); + this.update(); + deluge.statusbar.setStatus({ + iconCls: 'x-deluge-statusbar icon-ok', + text: _('Connection restored'), + }); + if (!result) { + deluge.connectionManager.show(); + } + }, + + onUpdateError: function (error) { + if (this.errorCount == 2) { + Ext.MessageBox.show({ + title: _('Lost Connection'), + msg: _('The connection to the webserver has been lost!'), + buttons: Ext.MessageBox.OK, + icon: Ext.MessageBox.ERROR, + }); + deluge.events.fire('disconnect'); + deluge.statusbar.setStatus({ + text: _('Lost connection to webserver'), + }); + this.checking = setTimeout(this.checkConnection, 2000); + } + this.errorCount++; + if (this.running) { + clearTimeout(this.running); + this.running = undefined; + } + }, + + /** + * @static + * @private + * Updates the various components in the interface. + */ + onUpdate: function (data) { + if (this.running) { + clearTimeout(this.running); + this.running = undefined; + } + if (!data['connected']) { + deluge.connectionManager.disconnect(true); + return; + } + this.running = setTimeout(this.update, 2000); + + if (deluge.config.show_session_speed) { + document.title = + 'D: ' + + fsize_short(data['stats'].download_rate, true) + + ' U: ' + + fsize_short(data['stats'].upload_rate, true) + + ' - ' + + this.originalTitle; + } + if (Ext.areObjectsEqual(this.filters, this.oldFilters)) { + deluge.torrents.update(data['torrents']); + } else { + deluge.torrents.update(data['torrents'], true); + } + deluge.statusbar.update(data['stats']); + deluge.sidebar.update(data['filters']); + this.errorCount = 0; + }, + + /** + * @static + * @private + * Start the Deluge UI polling the server and update the interface. + */ + onConnect: function () { + if (!this.running) { + this.running = setTimeout(this.update, 2000); + this.update(); + } + deluge.client.web.get_plugins({ + success: this.onGotPlugins, + scope: this, + }); + }, + + /** + * @static + * @private + */ + onDisconnect: function () { + this.stop(); + }, + + onGotPlugins: function (plugins) { + Ext.each( + plugins.enabled_plugins, + function (plugin) { + if (deluge.plugins[plugin]) return; + deluge.client.web.get_plugin_resources(plugin, { + success: this.onGotPluginResources, + scope: this, + }); + }, + this + ); + }, + + onPluginEnabled: function (pluginName) { + if (deluge.plugins[pluginName]) { + deluge.plugins[pluginName].enable(); + } else { + deluge.client.web.get_plugin_resources(pluginName, { + success: this.onGotPluginResources, + scope: this, + }); + } + }, + + onGotPluginResources: function (resources) { + var scripts = Deluge.debug + ? resources.debug_scripts + : resources.scripts; + Ext.each( + scripts, + function (script) { + Ext.ux.JSLoader({ + url: deluge.config.base + script, + onLoad: this.onPluginLoaded, + pluginName: resources.name, + }); + }, + this + ); + }, + + onPluginDisabled: function (pluginName) { + if (deluge.plugins[pluginName]) deluge.plugins[pluginName].disable(); + }, + + onPluginLoaded: function (options) { + // This could happen if the plugin has multiple scripts + if (!Deluge.hasPlugin(options.pluginName)) return; + + // Enable the plugin + plugin = Deluge.createPlugin(options.pluginName); + plugin.enable(); + deluge.plugins[plugin.name] = plugin; + }, + + /** + * @static + * Stop the Deluge UI polling the server and clear the interface. + */ + stop: function () { + if (this.running) { + clearTimeout(this.running); + this.running = undefined; + deluge.torrents.getStore().removeAll(); + } + }, +}; + +Ext.onReady(function (e) { + deluge.ui.initialize(); +}); |