build up the details tab html within the javascript as well as making it easy for plugins to add extra items
This commit is contained in:
Damien Churchill
parent
04242ba91c
commit
68b5f92ec0
|
|
@ -1,6 +1,6 @@
|
||||||
/*
|
/*
|
||||||
Script: Deluge.Details.Details.js
|
Script: Deluge.Details.Details.js
|
||||||
The details tab displayed in the details panel.
|
The details tab displayed in the details panel.
|
||||||
|
|
||||||
Copyright:
|
Copyright:
|
||||||
(C) Damien Churchill 2009-2010 <damoxc@gmail.com>
|
(C) Damien Churchill 2009-2010 <damoxc@gmail.com>
|
||||||
|
|
@ -20,72 +20,96 @@ Copyright:
|
||||||
51 Franklin Street, Fifth Floor
|
51 Franklin Street, Fifth Floor
|
||||||
Boston, MA 02110-1301, USA.
|
Boston, MA 02110-1301, USA.
|
||||||
|
|
||||||
In addition, as a special exception, the copyright holders give
|
In addition, as a special exception, the copyright holders give
|
||||||
permission to link the code of portions of this program with the OpenSSL
|
permission to link the code of portions of this program with the OpenSSL
|
||||||
library.
|
library.
|
||||||
You must obey the GNU General Public License in all respects for all of
|
You must obey the GNU General Public License in all respects for all of
|
||||||
the code used other than OpenSSL. If you modify file(s) with this
|
the code used other than OpenSSL. If you modify file(s) with this
|
||||||
exception, you may extend this exception to your version of the file(s),
|
exception, you may extend this exception to your version of the file(s),
|
||||||
but you are not obligated to do so. If you do not wish to do so, delete
|
but you are not obligated to do so. If you do not wish to do so, delete
|
||||||
this exception statement from your version. If you delete this exception
|
this exception statement from your version. If you delete this exception
|
||||||
statement from all source files in the program, then also delete it here.
|
statement from all source files in the program, then also delete it here.
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
|
||||||
Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
|
Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
|
||||||
title: _('Details'),
|
title: _('Details'),
|
||||||
bodyStyle: 'padding 5px',
|
|
||||||
|
fields: {},
|
||||||
onRender: function(ct, position) {
|
|
||||||
Ext.deluge.details.DetailsTab.superclass.onRender.call(this, ct, position);
|
queuedItems: {},
|
||||||
this.load({
|
|
||||||
url: '/render/tab_details.html',
|
oldData: {},
|
||||||
text: _('Loading') + '...'
|
|
||||||
});
|
initComponent: function() {
|
||||||
this.oldData = {};
|
Ext.deluge.details.DetailsTab.superclass.initComponent.call(this);
|
||||||
this.body.setStyle('padding', '5px');
|
this.addItem('torrent_name', _('Name'));
|
||||||
this.getUpdater().on('update', this.onPanelUpdate, this);
|
this.addItem('hash', _('Hash'));
|
||||||
},
|
this.addItem('path', _('Path'));
|
||||||
|
this.addItem('size', _('Total Size'));
|
||||||
clear: function() {
|
this.addItem('files', _('# of files'));
|
||||||
if (!this.fields) return;
|
this.addItem('comment', _('Comment'));
|
||||||
for (var k in this.fields) {
|
this.addItem('status', _('Status'));
|
||||||
this.fields[k].innerHTML = '';
|
this.addItem('tracker', _('Tracker'));
|
||||||
|
},
|
||||||
|
|
||||||
|
onRender: function(ct, position) {
|
||||||
|
Ext.deluge.details.DetailsTab.superclass.onRender.call(this, ct, position);
|
||||||
|
this.body.setStyle('padding', '10px');
|
||||||
|
this.dl = Ext.DomHelper.append(this.body, {tag: 'dl'}, true);
|
||||||
|
|
||||||
|
for (var id in this.queuedItems) {
|
||||||
|
this.doAddItem(id, this.queuedItems[id]);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
addItem: function(id, label) {
|
||||||
|
if (!this.rendered) {
|
||||||
|
this.queuedItems[id] = label;
|
||||||
|
} else {
|
||||||
|
this.doAddItem(id, label);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
// private
|
||||||
|
doAddItem: function(id, label) {
|
||||||
|
Ext.DomHelper.append(this.dl, {tag: 'dt', cls: id, html: label + ':'});
|
||||||
|
this.fields[id] = Ext.DomHelper.append(this.dl, {tag: 'dd', cls: id, html: ''}, true);
|
||||||
|
},
|
||||||
|
|
||||||
|
clear: function() {
|
||||||
|
if (!this.fields) return;
|
||||||
|
for (var k in this.fields) {
|
||||||
|
this.fields[k].dom.innerHTML = '';
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrentId) {
|
||||||
|
Deluge.Client.core.get_torrent_status(torrentId, Deluge.Keys.Details, {
|
||||||
|
success: this.onRequestComplete,
|
||||||
|
scope: this,
|
||||||
|
torrentId: torrentId
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
onRequestComplete: function(torrent, request, response, options) {
|
||||||
|
var data = {
|
||||||
|
torrent_name: torrent.name,
|
||||||
|
hash: options.options.torrentId,
|
||||||
|
path: torrent.save_path,
|
||||||
|
size: fsize(torrent.total_size),
|
||||||
|
files: torrent.num_files,
|
||||||
|
status: torrent.tracker_status,
|
||||||
|
tracker: torrent.tracker,
|
||||||
|
comment: torrent.comment
|
||||||
|
};
|
||||||
|
|
||||||
|
for (var field in this.fields) {
|
||||||
|
if (!data[field]) continue; // this is a field we aren't responsible for.
|
||||||
|
if (data[field] == this.oldData[field]) continue;
|
||||||
|
this.fields[field].dom.innerHTML = Ext.escapeHTML(data[field]);
|
||||||
|
}
|
||||||
|
this.oldData = data;
|
||||||
}
|
}
|
||||||
},
|
|
||||||
|
|
||||||
update: function(torrentId) {
|
|
||||||
Deluge.Client.core.get_torrent_status(torrentId, Deluge.Keys.Details, {
|
|
||||||
success: this.onRequestComplete,
|
|
||||||
scope: this,
|
|
||||||
torrentId: torrentId
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
onPanelUpdate: function(el, response) {
|
|
||||||
this.fields = {};
|
|
||||||
Ext.each(Ext.query('dd', this.body.dom), function(field) {
|
|
||||||
this.fields[field.className] = field;
|
|
||||||
}, this);
|
|
||||||
},
|
|
||||||
|
|
||||||
onRequestComplete: function(torrent, request, response, options) {
|
|
||||||
var data = {
|
|
||||||
torrent_name: torrent.name,
|
|
||||||
hash: options.options.torrentId,
|
|
||||||
path: torrent.save_path,
|
|
||||||
size: fsize(torrent.total_size),
|
|
||||||
files: torrent.num_files,
|
|
||||||
status: torrent.tracker_status,
|
|
||||||
tracker: torrent.tracker,
|
|
||||||
comment: torrent.comment
|
|
||||||
};
|
|
||||||
|
|
||||||
for (var field in this.fields) {
|
|
||||||
if (data[field] == this.oldData[field]) continue;
|
|
||||||
this.fields[field].innerHTML = Ext.escapeHTML(data[field]);
|
|
||||||
}
|
|
||||||
this.oldData = data;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
Deluge.Details.add(new Ext.deluge.details.DetailsTab());
|
Deluge.Details.add(new Ext.deluge.details.DetailsTab());
|
||||||
|
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
<dl>
|
|
||||||
<dt class="torrent_name">${_("Name")}:</dt><dd class="torrent_name"/>
|
|
||||||
<dt class="hash">${_("Hash")}:</dt><dd class="hash"/>
|
|
||||||
<dt class="path">${_("Path")}:</dt><dd class="path"/>
|
|
||||||
<dt class="size">${_("Total Size")}:</dt><dd class="size"/>
|
|
||||||
<dt class="files">${_("# of files")}:</dt><dd class="files"/>
|
|
||||||
<dt class="comment">${_("Comment")}:</dt><dd class="comment" />
|
|
||||||
<dt class="status">${_("Status")}:</dt><dd class="status"/>
|
|
||||||
<dt class="tracker">${_("Tracker")}:</dt><dd class="tracker"/>
|
|
||||||
</dl>
|
|
||||||
<br style="clear: both;" />
|
|
||||||
Loading…
Reference in New Issue