codex-storage
/
deluge
mirror of https://github.com/codex-storage/deluge.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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 2010-02-10 23:16:17 +00:00
parent 04242ba91c
commit 68b5f92ec0
2 changed files with 88 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
deluge/ui/web/js/deluge-all/Deluge.Details.Details.js
View File

@ -34,23 +34,53 @@ Copyright:
Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
title: _('Details'),
bodyStyle: 'padding 5px',
fields: {},
queuedItems: {},
oldData: {},
initComponent: function() {
Ext.deluge.details.DetailsTab.superclass.initComponent.call(this);
this.addItem('torrent_name', _('Name'));
this.addItem('hash', _('Hash'));
this.addItem('path', _('Path'));
this.addItem('size', _('Total Size'));
this.addItem('files', _('# of files'));
this.addItem('comment', _('Comment'));
this.addItem('status', _('Status'));
this.addItem('tracker', _('Tracker'));
},
onRender: function(ct, position) {
Ext.deluge.details.DetailsTab.superclass.onRender.call(this, ct, position);
this.load({
url: '/render/tab_details.html',
text: _('Loading') + '...'
});
this.oldData = {};
this.body.setStyle('padding', '5px');
this.getUpdater().on('update', this.onPanelUpdate, this);
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].innerHTML = '';
this.fields[k].dom.innerHTML = '';
}
},
@ -62,13 +92,6 @@ Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
});
},
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,
@ -82,8 +105,9 @@ Ext.deluge.details.DetailsTab = Ext.extend(Ext.Panel, {
};
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].innerHTML = Ext.escapeHTML(data[field]);
this.fields[field].dom.innerHTML = Ext.escapeHTML(data[field]);
}
this.oldData = data;
}

11
deluge/ui/web/render/tab_details.html
View File

@ -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;" />