tidy up the code for the files tab
This commit is contained in:
Damien Churchill
parent
d49e1eda79
commit
f5eddafea9
|
|
@ -29,204 +29,196 @@
|
||||||
* 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.
|
||||||
*/
|
*/
|
||||||
(function() {
|
|
||||||
/* Renderers for the column tree */
|
|
||||||
function fileProgressRenderer(value) {
|
|
||||||
var progress = value * 100;
|
|
||||||
return Deluge.progressBar(progress, this.col.width, progress.toFixed(2) + '%', 0);
|
|
||||||
}
|
|
||||||
function priorityRenderer(value) {
|
|
||||||
if (isNaN(value)) return '';
|
|
||||||
return String.format('<div class="{0}">{1}</div>', FILE_PRIORITY_CSS[value], _(FILE_PRIORITY[value]));
|
|
||||||
}
|
|
||||||
|
|
||||||
Deluge.details.FilesTab = Ext.extend(Ext.ux.tree.TreeGrid, {
|
Deluge.details.FilesTab = Ext.extend(Ext.ux.tree.TreeGrid, {
|
||||||
|
|
||||||
constructor: function(config) {
|
|
||||||
config = Ext.apply({
|
|
||||||
title: _('Files'),
|
|
||||||
rootVisible: false,
|
|
||||||
autoScroll: true,
|
|
||||||
selModel: new Ext.tree.MultiSelectionModel(),
|
|
||||||
|
|
||||||
columns: [{
|
|
||||||
header: _('Filename'),
|
|
||||||
width: 330,
|
|
||||||
dataIndex: 'filename'
|
|
||||||
}, {
|
|
||||||
xtype: 'tgrendercolumn',
|
|
||||||
header: _('Size'),
|
|
||||||
width: 150,
|
|
||||||
dataIndex: 'size',
|
|
||||||
renderer: fsize
|
|
||||||
}, {
|
|
||||||
xtype: 'tgrendercolumn',
|
|
||||||
header: _('Progress'),
|
|
||||||
width: 150,
|
|
||||||
dataIndex: 'progress',
|
|
||||||
renderer: fileProgressRenderer
|
|
||||||
}, {
|
|
||||||
xtype: 'tgrendercolumn',
|
|
||||||
header: _('Priority'),
|
|
||||||
width: 150,
|
|
||||||
dataIndex: 'priority',
|
|
||||||
renderer: priorityRenderer
|
|
||||||
}],
|
|
||||||
|
|
||||||
root: new Ext.tree.TreeNode({
|
|
||||||
text: 'Files'
|
|
||||||
})
|
|
||||||
}, config);
|
|
||||||
|
|
||||||
Deluge.details.FilesTab.superclass.constructor.call(this, config);
|
title: _('Files'),
|
||||||
},
|
|
||||||
|
|
||||||
initComponent: function() {
|
autoScroll: true,
|
||||||
|
rootVisible: false,
|
||||||
Deluge.details.FilesTab.superclass.initComponent.call(this);
|
|
||||||
},
|
|
||||||
|
|
||||||
clear: function() {
|
|
||||||
var root = this.getRootNode();
|
|
||||||
if (!root.hasChildNodes()) return;
|
|
||||||
root.cascade(function(node) {
|
|
||||||
var parentNode = node.parentNode;
|
|
||||||
if (!parentNode) return;
|
|
||||||
if (!parentNode.ownerTree) return;
|
|
||||||
parentNode.removeChild(node);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
createFileTree: function(files) {
|
columns: [{
|
||||||
function walk(files, parentNode) {
|
header: _('Filename'),
|
||||||
for (var file in files.contents) {
|
width: 330,
|
||||||
var item = files.contents[file];
|
dataIndex: 'filename'
|
||||||
if (item.type == 'dir') {
|
}, {
|
||||||
walk(item, parentNode.appendChild(new Ext.tree.TreeNode({
|
header: _('Size'),
|
||||||
text: file,
|
width: 150,
|
||||||
filename: file,
|
dataIndex: 'size',
|
||||||
size: item.size,
|
tpl: new Ext.XTemplate('{size:this.fsize}', {fsize: fsize})
|
||||||
progress: item.progress,
|
}, {
|
||||||
priority: item.priority
|
xtype: 'tgrendercolumn',
|
||||||
})));
|
header: _('Progress'),
|
||||||
} else {
|
width: 150,
|
||||||
parentNode.appendChild(new Ext.tree.TreeNode({
|
dataIndex: 'progress',
|
||||||
filename: file,
|
renderer: function(v) {
|
||||||
fileIndex: item.index,
|
var progress = v * 100;
|
||||||
size: item.size,
|
return Deluge.progressBar(progress, this.col.width, progress.toFixed(2) + '%', 0);
|
||||||
progress: item.progress,
|
}
|
||||||
priority: item.priority,
|
}, {
|
||||||
leaf: true,
|
header: _('Priority'),
|
||||||
iconCls: 'x-deluge-file',
|
width: 150,
|
||||||
uiProvider: Ext.ux.tree.TreeGridNodeUI
|
dataIndex: 'priority',
|
||||||
}));
|
tpl: new Ext.XTemplate('<tpl if="!isNaN(priority)">' +
|
||||||
}
|
'<div class="{priority:this.getClass}">' +
|
||||||
|
'{priority:this.getName}' +
|
||||||
|
'</div></tpl>', {
|
||||||
|
getClass: function(v) {
|
||||||
|
return FILE_PRIORITY_CSS[v];
|
||||||
|
},
|
||||||
|
|
||||||
|
getName: function(v) {
|
||||||
|
return _(FILE_PRIORITY[v]);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}],
|
||||||
|
|
||||||
|
root: new Ext.tree.TreeNode({
|
||||||
|
text: 'Files'
|
||||||
|
}),
|
||||||
|
|
||||||
|
selModel: new Ext.tree.MultiSelectionModel(),
|
||||||
|
|
||||||
|
clear: function() {
|
||||||
|
var root = this.getRootNode();
|
||||||
|
if (!root.hasChildNodes()) return;
|
||||||
|
root.cascade(function(node) {
|
||||||
|
var parentNode = node.parentNode;
|
||||||
|
if (!parentNode) return;
|
||||||
|
if (!parentNode.ownerTree) return;
|
||||||
|
parentNode.removeChild(node);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
createFileTree: function(files) {
|
||||||
|
function walk(files, parentNode) {
|
||||||
|
for (var file in files.contents) {
|
||||||
|
var item = files.contents[file];
|
||||||
|
if (item.type == 'dir') {
|
||||||
|
walk(item, parentNode.appendChild(new Ext.tree.TreeNode({
|
||||||
|
text: file,
|
||||||
|
filename: file,
|
||||||
|
size: item.size,
|
||||||
|
progress: item.progress,
|
||||||
|
priority: item.priority
|
||||||
|
})));
|
||||||
|
} else {
|
||||||
|
parentNode.appendChild(new Ext.tree.TreeNode({
|
||||||
|
filename: file,
|
||||||
|
fileIndex: item.index,
|
||||||
|
size: item.size,
|
||||||
|
progress: item.progress,
|
||||||
|
priority: item.priority,
|
||||||
|
leaf: true,
|
||||||
|
iconCls: 'x-deluge-file',
|
||||||
|
uiProvider: Ext.ux.tree.TreeGridNodeUI
|
||||||
|
}));
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
var root = this.getRootNode();
|
|
||||||
walk(files, root);
|
|
||||||
root.firstChild.expand();
|
|
||||||
},
|
|
||||||
|
|
||||||
update: function(torrentId) {
|
|
||||||
if (this.torrentId != torrentId) {
|
|
||||||
this.clear();
|
|
||||||
this.torrentId = torrentId;
|
|
||||||
}
|
|
||||||
|
|
||||||
deluge.client.web.get_torrent_files(torrentId, {
|
|
||||||
success: this.onRequestComplete,
|
|
||||||
scope: this,
|
|
||||||
torrentId: torrentId
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
updateFileTree: function(files) {
|
|
||||||
function walk(files, parentNode) {
|
|
||||||
for (var file in files.contents) {
|
|
||||||
var item = files.contents[file];
|
|
||||||
var node = parentNode.findChild('filename', file);
|
|
||||||
node.attributes.size = item.size;
|
|
||||||
node.attributes.progress = item.progress;
|
|
||||||
node.attributes.priority = item.priority;
|
|
||||||
node.ui.updateColumns();
|
|
||||||
if (item.type == 'dir') {
|
|
||||||
walk(item, node);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
walk(files, this.getRootNode());
|
|
||||||
},
|
|
||||||
|
|
||||||
onRender: function(ct, position) {
|
|
||||||
Deluge.details.FilesTab.superclass.onRender.call(this, ct, position);
|
|
||||||
deluge.menus.filePriorities.on('itemclick', this.onItemClick, this);
|
|
||||||
this.on('contextmenu', this.onContextMenu, this);
|
|
||||||
this.sorter = new Ext.tree.TreeSorter(this, {
|
|
||||||
folderSort: true
|
|
||||||
});
|
|
||||||
},
|
|
||||||
|
|
||||||
onContextMenu: function(node, e) {
|
|
||||||
e.stopEvent();
|
|
||||||
var selModel = this.getSelectionModel();
|
|
||||||
if (selModel.getSelectedNodes().length < 2) {
|
|
||||||
selModel.clearSelections();
|
|
||||||
node.select();
|
|
||||||
}
|
|
||||||
deluge.menus.filePriorities.showAt(e.getPoint());
|
|
||||||
},
|
|
||||||
|
|
||||||
onItemClick: function(baseItem, e) {
|
|
||||||
switch (baseItem.id) {
|
|
||||||
case 'expandAll':
|
|
||||||
this.expandAll();
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
var indexes = {};
|
|
||||||
function walk(node) {
|
|
||||||
if (Ext.isEmpty(node.attributes.fileIndex)) return;
|
|
||||||
indexes[node.attributes.fileIndex] = node.attributes.priority;
|
|
||||||
}
|
|
||||||
this.getRootNode().cascade(walk);
|
|
||||||
|
|
||||||
var nodes = this.getSelectionModel().getSelectedNodes();
|
|
||||||
Ext.each(nodes, function(node) {
|
|
||||||
if (!node.isLeaf()) {
|
|
||||||
function setPriorities(node) {
|
|
||||||
if (Ext.isEmpty(node.attributes.fileIndex)) return;
|
|
||||||
indexes[node.attributes.fileIndex] = baseItem.filePriority;
|
|
||||||
}
|
|
||||||
node.cascade(setPriorities);
|
|
||||||
} else if (!Ext.isEmpty(node.attributes.fileIndex)) {
|
|
||||||
indexes[node.attributes.fileIndex] = baseItem.filePriority;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
var priorities = new Array(Ext.keys(indexes).length);
|
|
||||||
for (var index in indexes) {
|
|
||||||
priorities[index] = indexes[index];
|
|
||||||
}
|
|
||||||
|
|
||||||
deluge.client.core.set_torrent_file_priorities(this.torrentId, priorities, {
|
|
||||||
success: function() {
|
|
||||||
Ext.each(nodes, function(node) {
|
|
||||||
node.setColumnValue(3, baseItem.filePriority);
|
|
||||||
});
|
|
||||||
},
|
|
||||||
scope: this
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
onRequestComplete: function(files, options) {
|
|
||||||
if (!this.getRootNode().hasChildNodes()) {
|
|
||||||
this.createFileTree(files);
|
|
||||||
} else {
|
|
||||||
this.updateFileTree(files);
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
});
|
var root = this.getRootNode();
|
||||||
})();
|
walk(files, root);
|
||||||
|
root.firstChild.expand();
|
||||||
|
},
|
||||||
|
|
||||||
|
update: function(torrentId) {
|
||||||
|
if (this.torrentId != torrentId) {
|
||||||
|
this.clear();
|
||||||
|
this.torrentId = torrentId;
|
||||||
|
}
|
||||||
|
|
||||||
|
deluge.client.web.get_torrent_files(torrentId, {
|
||||||
|
success: this.onRequestComplete,
|
||||||
|
scope: this,
|
||||||
|
torrentId: torrentId
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
updateFileTree: function(files) {
|
||||||
|
function walk(files, parentNode) {
|
||||||
|
for (var file in files.contents) {
|
||||||
|
var item = files.contents[file];
|
||||||
|
var node = parentNode.findChild('filename', file);
|
||||||
|
node.attributes.size = item.size;
|
||||||
|
node.attributes.progress = item.progress;
|
||||||
|
node.attributes.priority = item.priority;
|
||||||
|
node.ui.updateColumns();
|
||||||
|
if (item.type == 'dir') {
|
||||||
|
walk(item, node);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
walk(files, this.getRootNode());
|
||||||
|
},
|
||||||
|
|
||||||
|
onRender: function(ct, position) {
|
||||||
|
Deluge.details.FilesTab.superclass.onRender.call(this, ct, position);
|
||||||
|
deluge.menus.filePriorities.on('itemclick', this.onItemClick, this);
|
||||||
|
this.on('contextmenu', this.onContextMenu, this);
|
||||||
|
this.sorter = new Ext.tree.TreeSorter(this, {
|
||||||
|
folderSort: true
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
onContextMenu: function(node, e) {
|
||||||
|
e.stopEvent();
|
||||||
|
var selModel = this.getSelectionModel();
|
||||||
|
if (selModel.getSelectedNodes().length < 2) {
|
||||||
|
selModel.clearSelections();
|
||||||
|
node.select();
|
||||||
|
}
|
||||||
|
deluge.menus.filePriorities.showAt(e.getPoint());
|
||||||
|
},
|
||||||
|
|
||||||
|
onItemClick: function(baseItem, e) {
|
||||||
|
switch (baseItem.id) {
|
||||||
|
case 'expandAll':
|
||||||
|
this.expandAll();
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
var indexes = {};
|
||||||
|
function walk(node) {
|
||||||
|
if (Ext.isEmpty(node.attributes.fileIndex)) return;
|
||||||
|
indexes[node.attributes.fileIndex] = node.attributes.priority;
|
||||||
|
}
|
||||||
|
this.getRootNode().cascade(walk);
|
||||||
|
|
||||||
|
var nodes = this.getSelectionModel().getSelectedNodes();
|
||||||
|
Ext.each(nodes, function(node) {
|
||||||
|
if (!node.isLeaf()) {
|
||||||
|
function setPriorities(node) {
|
||||||
|
if (Ext.isEmpty(node.attributes.fileIndex)) return;
|
||||||
|
indexes[node.attributes.fileIndex] = baseItem.filePriority;
|
||||||
|
}
|
||||||
|
node.cascade(setPriorities);
|
||||||
|
} else if (!Ext.isEmpty(node.attributes.fileIndex)) {
|
||||||
|
indexes[node.attributes.fileIndex] = baseItem.filePriority;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
var priorities = new Array(Ext.keys(indexes).length);
|
||||||
|
for (var index in indexes) {
|
||||||
|
priorities[index] = indexes[index];
|
||||||
|
}
|
||||||
|
|
||||||
|
deluge.client.core.set_torrent_file_priorities(this.torrentId, priorities, {
|
||||||
|
success: function() {
|
||||||
|
Ext.each(nodes, function(node) {
|
||||||
|
node.setColumnValue(3, baseItem.filePriority);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
scope: this
|
||||||
|
});
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onRequestComplete: function(files, options) {
|
||||||
|
if (!this.getRootNode().hasChildNodes()) {
|
||||||
|
this.createFileTree(files);
|
||||||
|
} else {
|
||||||
|
this.updateFileTree(files);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue