web: big update for ext4.0.7 compatibility

Lots of changes here:

 * Switched to using Ext.create over new Object()
 * Add torrent window is now half working
 * Begin the makings of DnD add torrent file

1 files changed, 16 insertions, 10 deletions

diff --git a/deluge/ui/web/js/deluge-all/RemoveWindow.js b/deluge/ui/web/js/deluge-all/RemoveWindow.js
index 740fcdbdf..d438f45fb 100644
--- a/deluge/ui/web/js/deluge-all/RemoveWindow.js
+++ b/deluge/ui/web/js/deluge-all/RemoveWindow.js
@@ -46,17 +46,25 @@ Ext.define('Deluge.RemoveWindow', {
     closeAction: 'hide',
     closable:    true,
     iconCls:     'x-deluge-remove-window-icon',
-    plain:       true,
-
-    bodyStyle: 'padding: 5px; padding-left: 10px;',
-    html: 'Are you sure you wish to remove the torrent (s)?',
 
     initComponent: function() {
         this.callParent(arguments);
-        // FIXME: Replace with docked toolbar
-        //this.addButton(_('Cancel'), this.onCancel, this);
-        //this.addButton(_('Remove With Data'), this.onRemoveData, this);
-        //this.addButton(_('Remove Torrent'), this.onRemove, this);
+        this.addDocked({
+            xtype: 'toolbar',
+            dock: 'bottom',
+            defaultType: 'button',
+            items: [
+                '->',
+                {text: _('Cancel'), handler: this.onCancel, scope: this},
+                {text: _('Remove With Data'), handler: this.onRemoveData, scope: this},
+                {text: _('Remove Torrent'), handler: this.onRemove, scope: this}
+            ]
+        });
+        this.add({
+            bodyStyle: 'padding: 10px;',
+            border: false,
+            html: 'Are you sure you wish to remove the torrent (s)?',
+        });
     },
 
     remove: function(removeData) {
@@ -96,5 +104,3 @@ Ext.define('Deluge.RemoveWindow', {
         deluge.ui.update();
     }
 });
-
-deluge.removeWindow = new Deluge.RemoveWindow();