1 /* 2 Script: deluge-ui.js 3 The core ui module that builds up the ui layout and controls the polling 4 of the server. 5 6 Copyright: 7 (C) Damien Churchill 2009 <damoxc@gmail.com> 8 This program is free software; you can redistribute it and/or modify 9 it under the terms of the GNU General Public License as published by 10 the Free Software Foundation; either version 3, or (at your option) 11 any later version. 12 13 This program is distributed in the hope that it will be useful, 14 but WITHOUT ANY WARRANTY; without even the implied warranty of 15 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 16 GNU General Public License for more details. 17 18 You should have received a copy of the GNU General Public License 19 along with this program. If not, write to: 20 The Free Software Foundation, Inc., 21 51 Franklin Street, Fifth Floor 22 Boston, MA 02110-1301, USA. 23 24 In addition, as a special exception, the copyright holders give 25 permission to link the code of portions of this program with the OpenSSL 26 library. 27 You must obey the GNU General Public License in all respects for all of 28 the code used other than OpenSSL. If you modify file(s) with this 29 exception, you may extend this exception to your version of the file(s), 30 but you are not obligated to do so. If you do not wish to do so, delete 31 this exception statement from your version. If you delete this exception 32 statement from all source files in the program, then also delete it here. 33 */ 34 35 /** 36 * @namespace Deluge 37 * @static 38 * @class Deluge.UI 39 * The controller for the whole interface, that ties all the components 40 * together and handles the 2 second poll. 41 */ 42 Deluge.UI = { 43 44 cookies: new Ext.state.CookieProvider(), 45 46 errorCount: 0, 47 48 /** 49 * @description Create all the interface components, the json-rpc client 50 * and set up various events that the UI will utilise. 51 */ 52 initialize: function() { 53 Ext.state.Manager.setProvider(this.cookies); 54 this.MainPanel = new Ext.Panel({ 55 id: 'mainPanel', 56 iconCls: 'x-deluge-main-panel', 57 title: 'Deluge', 58 layout: 'border', 59 tbar: Deluge.Toolbar, 60 items: [ 61 Deluge.Sidebar, 62 Deluge.Details, 63 Deluge.Torrents 64 ], 65 bbar: Deluge.Statusbar 66 }); 67 68 this.Viewport = new Ext.Viewport({ 69 layout: 'fit', 70 items: [this.MainPanel] 71 }); 72 73 Deluge.Events.on("connect", this.onConnect, this); 74 Deluge.Events.on("disconnect", this.onDisconnect, this); 75 Deluge.Client = new Ext.ux.util.RpcClient({ 76 url: '/json' 77 }); 78 Deluge.Client.on('connected', function(e) { 79 Deluge.Login.show(); 80 }); 81 this.update = this.update.bind(this); 82 }, 83 84 update: function() { 85 var filters = Deluge.Sidebar.getFilters(); 86 Deluge.Client.web.update_ui(Deluge.Keys.Grid, filters, { 87 success: this.onUpdate, 88 failure: this.onUpdateError, 89 scope: this 90 }); 91 Deluge.Details.update(); 92 Deluge.Client.web.connected({ 93 success: this.onConnectedCheck, 94 scope: this 95 }); 96 }, 97 98 onConnectedCheck: function(connected) { 99 if (!connected) { 100 Deluge.Events.fire('disconnect'); 101 } 102 }, 103 104 onUpdateError: function(error) { 105 if (this.errorCount == 2) { 106 Ext.MessageBox.show({ 107 title: 'Lost Connection', 108 msg: 'The connection to the webserver has been lost!', 109 buttons: Ext.MessageBox.OK, 110 icon: Ext.MessageBox.ERROR 111 }); 112 } 113 this.errorCount++; 114 }, 115 116 /** 117 * @static 118 * @private 119 * Updates the various components in the interface. 120 */ 121 onUpdate: function(data) { 122 Deluge.Torrents.update(data['torrents']); 123 Deluge.Statusbar.update(data['stats']); 124 Deluge.Sidebar.update(data['filters']); 125 this.errorCount = 0; 126 }, 127 128 /** 129 * @static 130 * @private 131 * Start the Deluge UI polling the server and update the interface. 132 */ 133 onConnect: function() { 134 if (!this.running) { 135 this.running = setInterval(this.update, 2000); 136 this.update(); 137 } 138 }, 139 140 /** 141 * @static 142 * @private 143 */ 144 onDisconnect: function() { 145 this.stop(); 146 }, 147 148 /** 149 * @static 150 * Stop the Deluge UI polling the server and clear the interface. 151 */ 152 stop: function() { 153 if (this.running) { 154 clearInterval(this.running); 155 this.running = false; 156 Deluge.Torrents.getStore().loadData([]); 157 } 158 } 159 } 160 161 Ext.onReady(function(e) { 162 Deluge.UI.initialize(); 163 });