increase window side and add stubs for the add/edit windows

This commit is contained in:
Damien Churchill 2009-05-05 20:23:10 +00:00
parent 83ff72490c
commit 763a422a15
2 changed files with 188 additions and 122 deletions

View File

@ -21,127 +21,193 @@ Copyright:
Boston, MA 02110-1301, USA. Boston, MA 02110-1301, USA.
*/ */
Ext.deluge.EditTrackers = Ext.extend(Ext.Window, { (function() {
Ext.deluge.AddTracker = Ext.extend(Ext.Window, {
constructor: function(config) {
config = Ext.apply({
title: _('Add Tracker'),
width: 300,
height: 150,
bodyStyle: 'padding: 5px',
layout: 'fit',
buttonAlign: 'right',
closeAction: 'hide',
closable: true,
iconCls: 'x-deluge-edit-trackers',
plain: true,
resizable: false
}, config);
Ext.deluge.AddTracker.superclass.constructor.call(this, config);
}
});
constructor: function(config) { Ext.deluge.EditTracker = Ext.extend(Ext.Window, {
config = Ext.apply({ constructor: function(config) {
title: _('Edit Trackers'), config = Ext.apply({
width: 300, title: _('Edit Tracker'),
height: 220, width: 300,
bodyStyle: 'padding: 5px', height: 150,
layout: 'fit', bodyStyle: 'padding: 5px',
buttonAlign: 'right', layout: 'fit',
closeAction: 'hide', buttonAlign: 'right',
closable: true, closeAction: 'hide',
iconCls: 'x-deluge-edit-trackers', closable: true,
plain: true, iconCls: 'x-deluge-edit-trackers',
resizable: true plain: true,
}, config); resizable: false
Ext.deluge.EditTrackers.superclass.constructor.call(this, config); }, config);
}, Ext.deluge.EditTracker.superclass.constructor.call(this, config);
}
});
initComponent: function() { Ext.deluge.EditTrackers = Ext.extend(Ext.Window, {
Ext.deluge.EditTrackers.superclass.initComponent.call(this);
this.addButton(_('Cancel'), this.onCancel, this); constructor: function(config) {
this.addButton(_('Ok'), this.onOk, this); config = Ext.apply({
title: _('Edit Trackers'),
width: 350,
height: 220,
bodyStyle: 'padding: 5px',
layout: 'fit',
buttonAlign: 'right',
closeAction: 'hide',
closable: true,
iconCls: 'x-deluge-edit-trackers',
plain: true,
resizable: true
}, config);
Ext.deluge.EditTrackers.superclass.constructor.call(this, config);
},
this.on('show', this.onShow, this); initComponent: function() {
Ext.deluge.EditTrackers.superclass.initComponent.call(this);
this.grid = this.add({ this.addButton(_('Cancel'), this.onCancel, this);
xtype: 'grid', this.addButton(_('Ok'), this.onOk, this);
store: new Ext.data.SimpleStore({
fields: [ this.on('show', this.onShow, this);
{name: 'tier', mapping: 0},
{name: 'url', mapping: 1} this.addWindow = new Ext.deluge.AddTracker();
] this.editWindow = new Ext.deluge.EditTracker();
}),
columns: [{ this.grid = this.add({
header: _('Tier'), xtype: 'grid',
width: 50, store: new Ext.data.SimpleStore({
sortable: true, fields: [
renderer: fplain, {name: 'tier', mapping: 0},
dataIndex: 'tier' {name: 'url', mapping: 1}
}, { ]
id:'tracker', }),
header: _('Tracker'), columns: [{
sortable: true, header: _('Tier'),
renderer: fplain, width: 50,
dataIndex: 'url' sortable: true,
}], renderer: fplain,
stripeRows: true, dataIndex: 'tier'
selModel: new Ext.grid.RowSelectionModel({ }, {
singleSelect: true, id:'tracker',
listeners: { header: _('Tracker'),
'rowselect': {fn: this.onSelect, scope: this} sortable: true,
} renderer: fplain,
}), dataIndex: 'url'
autoExpandColumn: 'tracker', }],
deferredRender:false, stripeRows: true,
autoScroll:true, selModel: new Ext.grid.RowSelectionModel({
margins: '0 0 0 0', singleSelect: true,
bbar: new Ext.Toolbar({ listeners: {
items: [ 'rowselect': {fn: this.onSelect, scope: this}
{
id: 'up',
cls: 'x-btn-text-icon',
text: _('Up'),
icon: '/icons/up.png',
handler: this.onUp,
scope: this
}, {
id: 'down',
cls: 'x-btn-text-icon',
text: _('Down'),
icon: '/icons/down.png',
handler: this.onDown,
scope: this
}, '->', {
id: 'add',
cls: 'x-btn-text-icon',
text: _('Add'),
icon: '/icons/add.png',
handler: this.onAdd,
scope: this
}, {
id: 'remove',
cls: 'x-btn-text-icon',
text: _('Remove'),
icon: '/icons/remove.png',
handler: this.onRemove,
scope: this
} }
] }),
}) autoExpandColumn: 'tracker',
}); deferredRender:false,
}, autoScroll:true,
margins: '0 0 0 0',
bbar: new Ext.Toolbar({
items: [
{
cls: 'x-btn-text-icon',
text: _('Up'),
icon: '/icons/up.png',
handler: this.onUp,
scope: this
}, {
cls: 'x-btn-text-icon',
text: _('Down'),
icon: '/icons/down.png',
handler: this.onDown,
scope: this
}, '->', {
cls: 'x-btn-text-icon',
text: _('Add'),
icon: '/icons/add.png',
handler: this.onAdd,
scope: this
}, {
cls: 'x-btn-text-icon',
text: _('Edit'),
icon: '/icons/edit_trackers.png',
handler: this.onEdit,
scope: this
}, {
cls: 'x-btn-text-icon',
text: _('Remove'),
icon: '/icons/remove.png',
handler: this.onRemove,
scope: this
}
]
})
});
},
onCancel: function() { onAdd: function() {
this.hide(); this.addWindow.show();
}, },
onHide: function() { onCancel: function() {
this.grid.getStore().removeAll(); this.hide();
}, },
onOk: function() { onEdit: function() {
this.hide(); this.editWindow.show();
}, },
onRequestComplete: function(status) { onHide: function() {
var trackers = []; this.grid.getStore().removeAll();
Ext.each(status['trackers'], function(tracker) { },
trackers.push([tracker['tier'], tracker['url']]);
});
this.grid.getStore().loadData(trackers);
},
onShow: function() { onOk: function() {
var r = Deluge.Torrents.getSelected(); this.hide();
Deluge.Client.core.get_torrent_status(r.id, ['trackers'], { },
success: this.onRequestComplete,
scope: this onRemove: function() {
}); // Remove from the grid
} Deluge.Client.core.set_torrent_trackers(this.torrentId, trackers, {
}); failure: this.onRemoveFail,
Deluge.EditTrackers = new Ext.deluge.EditTrackers(); scope: this
});
},
onRemoveFail: function() {
},
onRequestComplete: function(status) {
var trackers = [];
Ext.each(status['trackers'], function(tracker) {
trackers.push([tracker['tier'], tracker['url']]);
});
this.grid.getStore().loadData(trackers);
},
onShow: function() {
var r = Deluge.Torrents.getSelected();
this.torrentId = r.id;
Deluge.Client.core.get_torrent_status(r.id, ['trackers'], {
success: this.onRequestComplete,
scope: this
});
}
});
Deluge.EditTrackers = new Ext.deluge.EditTrackers();
})();

File diff suppressed because one or more lines are too long