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
|
||||
* 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, {
|
||||
|
||||
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 = Ext.extend(Ext.ux.tree.TreeGrid, {
|
||||
|
||||
Deluge.details.FilesTab.superclass.constructor.call(this, config);
|
||||
},
|
||||
title: _('Files'),
|
||||
|
||||
initComponent: function() {
|
||||
|
||||
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);
|
||||
});
|
||||
},
|
||||
autoScroll: true,
|
||||
rootVisible: false,
|
||||
|
||||
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
|
||||
}));
|
||||
}
|
||||
columns: [{
|
||||
header: _('Filename'),
|
||||
width: 330,
|
||||
dataIndex: 'filename'
|
||||
}, {
|
||||
header: _('Size'),
|
||||
width: 150,
|
||||
dataIndex: 'size',
|
||||
tpl: new Ext.XTemplate('{size:this.fsize}', {fsize: fsize})
|
||||
}, {
|
||||
xtype: 'tgrendercolumn',
|
||||
header: _('Progress'),
|
||||
width: 150,
|
||||
dataIndex: 'progress',
|
||||
renderer: function(v) {
|
||||
var progress = v * 100;
|
||||
return Deluge.progressBar(progress, this.col.width, progress.toFixed(2) + '%', 0);
|
||||
}
|
||||
}, {
|
||||
header: _('Priority'),
|
||||
width: 150,
|
||||
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