diff --git a/deluge/ui/web/js/deluge-all/details/FilesTab.js b/deluge/ui/web/js/deluge-all/details/FilesTab.js
index 34a552169..720be42c3 100644
--- a/deluge/ui/web/js/deluge-all/details/FilesTab.js
+++ b/deluge/ui/web/js/deluge-all/details/FilesTab.js
@@ -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('{1}
', 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('' +
+ '' +
+ '{priority:this.getName}' +
+ '
', {
+ 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);
+ }
+ }
+});