github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-19 21:03:30 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Make WebUI torrent content table logic reusable

Browse source 
This logic was tightly coupled with the prop-files table.

Signed-off-by: Thomas Piccirello <thomas@piccirello.com>
This commit is contained in:
Thomas Piccirello 2024-09-19 14:09:14 -07:00
commit 3ecb5a583c
No known key found for this signature in database
5 changed files with 610 additions and 467 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/webui/www/private/index.html
View file

@ -39,6 +39,7 @@
<script defer src="scripts/file-tree.js?v=${CACHEID}"></script>
<script defer src="scripts/dynamicTable.js?locale=${LANG}&v=${CACHEID}"></script>
<script defer src="scripts/rename-files.js?v=${CACHEID}"></script>
<script defer src="scripts/torrent-content.js?v=${CACHEID}"></script>
<script defer src="scripts/client.js?locale=${LANG}&v=${CACHEID}"></script>
<script defer src="scripts/contextmenu.js?locale=${LANG}&v=${CACHEID}"></script>
<script defer src="scripts/pathAutofill.js?v=${CACHEID}"></script>

24
src/webui/www/private/scripts/dynamicTable.js
View file

@ -2191,12 +2191,13 @@ window.qBittorrent.DynamicTable ??= (() => {
populateTable(root) {
this.fileTree.setRoot(root);
root.children.each((node) => {
this.#addNodeToTable(node, 0);
this.#addNodeToTable(node, 0, root);
});
}
#addNodeToTable(node, depth) {
#addNodeToTable(node, depth, parent) {
node.depth = depth;
node.parent = parent;
if (node.isFolder) {
const data = {
@ -2219,7 +2220,7 @@ window.qBittorrent.DynamicTable ??= (() => {
}
node.children.each((child) => {
this.#addNodeToTable(child, depth + 1);
this.#addNodeToTable(child, depth + 1, node);
});
}
@ -2724,12 +2725,13 @@ window.qBittorrent.DynamicTable ??= (() => {
populateTable(root) {
this.fileTree.setRoot(root);
root.children.each((node) => {
this.#addNodeToTable(node, 0);
this.#addNodeToTable(node, 0, root);
});
}
#addNodeToTable(node, depth) {
#addNodeToTable(node, depth, parent) {
node.depth = depth;
node.parent = parent;
if (node.isFolder) {
if (!this.collapseState.has(node.rowId))
@ -2740,7 +2742,7 @@ window.qBittorrent.DynamicTable ??= (() => {
checked: node.checked,
remaining: node.remaining,
progress: node.progress,
priority: window.qBittorrent.PropFiles.normalizePriority(node.priority),
priority: window.qBittorrent.TorrentContent.normalizePriority(node.priority),
availability: node.availability,
fileId: -1,
name: node.name
@ -2757,7 +2759,7 @@ window.qBittorrent.DynamicTable ??= (() => {
}
node.children.each((child) => {
this.#addNodeToTable(child, depth + 1);
this.#addNodeToTable(child, depth + 1, node);
});
}
@ -2818,9 +2820,9 @@ window.qBittorrent.DynamicTable ??= (() => {
const downloadCheckbox = td.children[1];
if (downloadCheckbox === undefined)
td.append(window.qBittorrent.PropFiles.createDownloadCheckbox(id, row.full_data.fileId, value));
td.append(window.qBittorrent.TorrentContent.createDownloadCheckbox(id, row.full_data.fileId, value));
else
window.qBittorrent.PropFiles.updateDownloadCheckbox(downloadCheckbox, id, row.full_data.fileId, value);
window.qBittorrent.TorrentContent.updateDownloadCheckbox(downloadCheckbox, id, row.full_data.fileId, value);
};
this.columns["checked"].staticWidth = 50;
@ -2910,9 +2912,9 @@ window.qBittorrent.DynamicTable ??= (() => {
const priorityCombo = td.firstElementChild;
if (priorityCombo === null)
td.append(window.qBittorrent.PropFiles.createPriorityCombo(id, row.full_data.fileId, value));
td.append(window.qBittorrent.TorrentContent.createPriorityCombo(id, row.full_data.fileId, value));
else
window.qBittorrent.PropFiles.updatePriorityCombo(priorityCombo, id, row.full_data.fileId, value);
window.qBittorrent.TorrentContent.updatePriorityCombo(priorityCombo, id, row.full_data.fileId, value);
};
this.columns["priority"].staticWidth = 140;

479
src/webui/www/private/scripts/prop-files.js
View file

@ -32,248 +32,16 @@ window.qBittorrent ??= {};
window.qBittorrent.PropFiles ??= (() => {
const exports = () => {
return {
normalizePriority: normalizePriority,
createDownloadCheckbox: createDownloadCheckbox,
updateDownloadCheckbox: updateDownloadCheckbox,
createPriorityCombo: createPriorityCombo,
updatePriorityCombo: updatePriorityCombo,
updateData: updateData,
clear: clear
};
};
const torrentFilesTable = new window.qBittorrent.DynamicTable.TorrentFilesTable();
const FilePriority = window.qBittorrent.FileTree.FilePriority;
const TriState = window.qBittorrent.FileTree.TriState;
let is_seed = true;
let current_hash = "";
const normalizePriority = (priority) => {
switch (priority) {
case FilePriority.Ignored:
case FilePriority.Normal:
case FilePriority.High:
case FilePriority.Maximum:
case FilePriority.Mixed:
return priority;
default:
return FilePriority.Normal;
}
};
const getAllChildren = (id, fileId) => {
const node = torrentFilesTable.getNode(id);
if (!node.isFolder) {
return {
rowIds: [id],
fileIds: [fileId]
};
}
const rowIds = [];
const fileIds = [];
const getChildFiles = (node) => {
if (node.isFolder) {
node.children.each((child) => {
getChildFiles(child);
});
}
else {
rowIds.push(node.data.rowId);
fileIds.push(node.data.fileId);
}
};
node.children.each((child) => {
getChildFiles(child);
});
return {
rowIds: rowIds,
fileIds: fileIds
};
};
const fileCheckboxClicked = (e) => {
e.stopPropagation();
const checkbox = e.target;
const priority = checkbox.checked ? FilePriority.Normal : FilePriority.Ignored;
const id = checkbox.getAttribute("data-id");
const fileId = checkbox.getAttribute("data-file-id");
const rows = getAllChildren(id, fileId);
setFilePriority(rows.rowIds, rows.fileIds, priority);
updateGlobalCheckbox();
};
const fileComboboxChanged = (e) => {
const combobox = e.target;
const priority = combobox.value;
const id = combobox.getAttribute("data-id");
const fileId = combobox.getAttribute("data-file-id");
const rows = getAllChildren(id, fileId);
setFilePriority(rows.rowIds, rows.fileIds, priority);
updateGlobalCheckbox();
};
const createDownloadCheckbox = (id, fileId, checked) => {
const checkbox = document.createElement("input");
checkbox.type = "checkbox";
checkbox.setAttribute("data-id", id);
checkbox.setAttribute("data-file-id", fileId);
checkbox.addEventListener("click", fileCheckboxClicked);
updateCheckbox(checkbox, checked);
return checkbox;
};
const updateDownloadCheckbox = (checkbox, id, fileId, checked) => {
checkbox.setAttribute("data-id", id);
checkbox.setAttribute("data-file-id", fileId);
updateCheckbox(checkbox, checked);
};
const updateCheckbox = (checkbox, checked) => {
switch (checked) {
case TriState.Checked:
setCheckboxChecked(checkbox);
break;
case TriState.Unchecked:
setCheckboxUnchecked(checkbox);
break;
case TriState.Partial:
setCheckboxPartial(checkbox);
break;
}
};
const createPriorityCombo = (id, fileId, selectedPriority) => {
const createOption = (priority, isSelected, text) => {
const option = document.createElement("option");
option.value = priority.toString();
option.selected = isSelected;
option.textContent = text;
return option;
};
const select = document.createElement("select");
select.id = `comboPrio${id}`;
select.setAttribute("data-id", id);
select.setAttribute("data-file-id", fileId);
select.classList.add("combo_priority");
select.addEventListener("change", fileComboboxChanged);
select.appendChild(createOption(FilePriority.Ignored, (FilePriority.Ignored === selectedPriority), "QBT_TR(Do not download)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.Normal, (FilePriority.Normal === selectedPriority), "QBT_TR(Normal)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.High, (FilePriority.High === selectedPriority), "QBT_TR(High)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.Maximum, (FilePriority.Maximum === selectedPriority), "QBT_TR(Maximum)QBT_TR[CONTEXT=PropListDelegate]"));
// "Mixed" priority is for display only; it shouldn't be selectable
const mixedPriorityOption = createOption(FilePriority.Mixed, (FilePriority.Mixed === selectedPriority), "QBT_TR(Mixed)QBT_TR[CONTEXT=PropListDelegate]");
mixedPriorityOption.disabled = true;
select.appendChild(mixedPriorityOption);
return select;
};
const updatePriorityCombo = (combobox, id, fileId, selectedPriority) => {
combobox.id = `comboPrio${id}`;
combobox.setAttribute("data-id", id);
combobox.setAttribute("data-file-id", fileId);
if (Number(combobox.value) !== selectedPriority)
selectComboboxPriority(combobox, selectedPriority);
};
const selectComboboxPriority = (combobox, priority) => {
const options = combobox.options;
for (let i = 0; i < options.length; ++i) {
const option = options[i];
if (Number(option.value) === priority)
option.selected = true;
else
option.selected = false;
}
combobox.value = priority;
};
const switchCheckboxState = (e) => {
e.stopPropagation();
const rowIds = [];
const fileIds = [];
let priority = FilePriority.Ignored;
const checkbox = document.getElementById("tristate_cb");
if (checkbox.state === "checked") {
setCheckboxUnchecked(checkbox);
// set file priority for all checked to Ignored
torrentFilesTable.getFilteredAndSortedRows().forEach((row) => {
const rowId = row.rowId;
const fileId = row.full_data.fileId;
const isChecked = (row.full_data.checked === TriState.Checked);
const isFolder = (fileId === -1);
if (!isFolder && isChecked) {
rowIds.push(rowId);
fileIds.push(fileId);
}
});
}
else {
setCheckboxChecked(checkbox);
priority = FilePriority.Normal;
// set file priority for all unchecked to Normal
torrentFilesTable.getFilteredAndSortedRows().forEach((row) => {
const rowId = row.rowId;
const fileId = row.full_data.fileId;
const isUnchecked = (row.full_data.checked === TriState.Unchecked);
const isFolder = (fileId === -1);
if (!isFolder && isUnchecked) {
rowIds.push(rowId);
fileIds.push(fileId);
}
});
}
if (rowIds.length > 0)
setFilePriority(rowIds, fileIds, priority);
};
const updateGlobalCheckbox = () => {
const checkbox = document.getElementById("tristate_cb");
if (torrentFilesTable.isAllCheckboxesChecked())
setCheckboxChecked(checkbox);
else if (torrentFilesTable.isAllCheckboxesUnchecked())
setCheckboxUnchecked(checkbox);
else
setCheckboxPartial(checkbox);
};
const setCheckboxChecked = (checkbox) => {
checkbox.state = "checked";
checkbox.indeterminate = false;
checkbox.checked = true;
};
const setCheckboxUnchecked = (checkbox) => {
checkbox.state = "unchecked";
checkbox.indeterminate = false;
checkbox.checked = false;
};
const setCheckboxPartial = (checkbox) => {
checkbox.state = "partial";
checkbox.indeterminate = true;
};
const setFilePriority = (ids, fileIds, priority) => {
if (current_hash === "")
return;
const onFilePriorityChanged = (fileIds, priority) => {
// ignore folders
fileIds = fileIds.map(id => parseInt(id, 10)).filter(id => !window.qBittorrent.TorrentContent.isFolder(id));
clearTimeout(loadTorrentFilesDataTimer);
loadTorrentFilesDataTimer = -1;
@ -292,15 +60,6 @@ window.qBittorrent.PropFiles ??= (() => {
loadTorrentFilesDataTimer = loadTorrentFilesData.delay(1000);
});
const ignore = (priority === FilePriority.Ignored);
ids.forEach((id) => {
torrentFilesTable.setIgnored(id, ignore);
const combobox = document.getElementById(`comboPrio${id}`);
if (combobox !== null)
selectComboboxPriority(combobox, priority);
});
};
let loadTorrentFilesDataTimer = -1;
@ -339,14 +98,13 @@ window.qBittorrent.PropFiles ??= (() => {
const files = await response.json();
clearTimeout(torrentFilesFilterInputTimer);
torrentFilesFilterInputTimer = -1;
window.qBittorrent.TorrentContent.clearFilterInputTimer();
if (files.length === 0) {
torrentFilesTable.clear();
}
else {
handleNewTorrentFiles(files);
window.qBittorrent.TorrentContent.updateData(files);
if (loadedNewTorrent)
torrentFilesTable.collapseAllNodes();
}
@ -363,133 +121,7 @@ window.qBittorrent.PropFiles ??= (() => {
loadTorrentFilesData();
};
const handleNewTorrentFiles = (files) => {
is_seed = (files.length > 0) ? files[0].is_seed : true;
const rows = files.map((file, index) => {
const ignore = (file.priority === FilePriority.Ignored);
const row = {
fileId: index,
checked: (ignore ? TriState.Unchecked : TriState.Checked),
fileName: file.name,
name: window.qBittorrent.Filesystem.fileName(file.name),
size: file.size,
progress: window.qBittorrent.Misc.toFixedPointString((file.progress * 100), 1),
priority: normalizePriority(file.priority),
remaining: (ignore ? 0 : (file.size * (1 - file.progress))),
availability: file.availability
};
return row;
});
addRowsToTable(rows);
updateGlobalCheckbox();
};
const addRowsToTable = (rows) => {
const selectedFiles = torrentFilesTable.selectedRowsIds();
let rowId = 0;
const rootNode = new window.qBittorrent.FileTree.FolderNode();
rows.forEach((row) => {
const pathItems = row.fileName.split(window.qBittorrent.Filesystem.PathSeparator);
pathItems.pop(); // remove last item (i.e. file name)
let parent = rootNode;
pathItems.forEach((folderName) => {
if (folderName === ".unwanted")
return;
let folderNode = null;
if (parent.children !== null) {
for (let i = 0; i < parent.children.length; ++i) {
const childFolder = parent.children[i];
if (childFolder.name === folderName) {
folderNode = childFolder;
break;
}
}
}
if (folderNode === null) {
folderNode = new window.qBittorrent.FileTree.FolderNode();
folderNode.path = (parent.path === "")
? folderName
: [parent.path, folderName].join(window.qBittorrent.Filesystem.PathSeparator);
folderNode.name = folderName;
folderNode.rowId = rowId;
folderNode.root = parent;
parent.addChild(folderNode);
++rowId;
}
parent = folderNode;
});
const isChecked = row.checked ? TriState.Checked : TriState.Unchecked;
const remaining = (row.priority === FilePriority.Ignored) ? 0 : row.remaining;
const childNode = new window.qBittorrent.FileTree.FileNode();
childNode.name = row.name;
childNode.path = row.fileName;
childNode.rowId = rowId;
childNode.size = row.size;
childNode.checked = isChecked;
childNode.remaining = remaining;
childNode.progress = row.progress;
childNode.priority = row.priority;
childNode.availability = row.availability;
childNode.root = parent;
childNode.data = row;
parent.addChild(childNode);
++rowId;
});
torrentFilesTable.populateTable(rootNode);
torrentFilesTable.updateTable(false);
if (selectedFiles.length > 0)
torrentFilesTable.reselectRows(selectedFiles);
};
const filesPriorityMenuClicked = (priority) => {
const selectedRows = torrentFilesTable.selectedRowsIds();
if (selectedRows.length === 0)
return;
const rowIds = [];
const fileIds = [];
selectedRows.forEach((rowId) => {
rowIds.push(rowId);
fileIds.push(torrentFilesTable.getRowFileId(rowId));
});
const uniqueRowIds = {};
const uniqueFileIds = {};
for (let i = 0; i < rowIds.length; ++i) {
const rows = getAllChildren(rowIds[i], fileIds[i]);
rows.rowIds.forEach((rowId) => {
uniqueRowIds[rowId] = true;
});
rows.fileIds.forEach((fileId) => {
uniqueFileIds[fileId] = true;
});
}
setFilePriority(Object.keys(uniqueRowIds), Object.keys(uniqueFileIds), priority);
};
const singleFileRename = (hash) => {
const rowId = torrentFilesTable.selectedRowsIds()[0];
if (rowId === undefined)
return;
const row = torrentFilesTable.rows.get(rowId);
if (!row)
return;
const node = torrentFilesTable.getNode(rowId);
const singleFileRename = (hash, node) => {
const path = node.path;
new MochaUI.Window({
@ -504,16 +136,19 @@ window.qBittorrent.PropFiles ??= (() => {
paddingVertical: 0,
paddingHorizontal: 0,
width: 400,
height: 100
height: 100,
onCloseComplete: () => {
updateData();
}
});
};
const multiFileRename = (hash) => {
const multiFileRename = (hash, selectedRows) => {
new MochaUI.Window({
id: "multiRenamePage",
icon: "images/qbittorrent-tray.svg",
title: "QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]",
data: { hash: hash, selectedRows: torrentFilesTable.selectedRows },
data: { hash: hash, selectedRows: selectedRows },
loadMethod: "xhr",
contentURL: "rename_files.html",
scrollbars: false,
@ -523,89 +158,21 @@ window.qBittorrent.PropFiles ??= (() => {
paddingHorizontal: 0,
width: 800,
height: 420,
resizeLimit: { x: [800], y: [420] }
resizeLimit: { x: [800], y: [420] },
onCloseComplete: () => {
updateData();
}
});
};
const torrentFilesContextMenu = new window.qBittorrent.ContextMenu.ContextMenu({
targets: "#torrentFilesTableDiv tbody tr",
menu: "torrentFilesMenu",
actions: {
Rename: (element, ref) => {
const hash = torrentsTable.getCurrentTorrentID();
if (!hash)
return;
const onFileRenameHandler = (selectedRows, selectedNodes) => {
if (selectedNodes.length === 1)
singleFileRename(current_hash, selectedNodes[0]);
else if (selectedNodes.length > 1)
multiFileRename(current_hash, selectedRows);
};
if (torrentFilesTable.selectedRowsIds().length > 1)
multiFileRename(hash);
else
singleFileRename(hash);
},
FilePrioIgnore: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Ignored);
},
FilePrioNormal: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Normal);
},
FilePrioHigh: (element, ref) => {
filesPriorityMenuClicked(FilePriority.High);
},
FilePrioMaximum: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Maximum);
}
},
offsets: {
x: 0,
y: 2
},
onShow: function() {
if (is_seed)
this.hideItem("FilePrio");
else
this.showItem("FilePrio");
}
});
torrentFilesTable.setup("torrentFilesTableDiv", "torrentFilesTableFixedHeaderDiv", torrentFilesContextMenu, true);
// inject checkbox into table header
const tableHeaders = document.querySelectorAll("#torrentFilesTableFixedHeaderDiv .dynamicTableHeader th");
if (tableHeaders.length > 0) {
const checkbox = document.createElement("input");
checkbox.type = "checkbox";
checkbox.id = "tristate_cb";
checkbox.addEventListener("click", switchCheckboxState);
const checkboxTH = tableHeaders[0];
checkboxTH.append(checkbox);
}
// default sort by name column
if (torrentFilesTable.getSortedColumn() === null)
torrentFilesTable.setSortedColumn("name");
// listen for changes to torrentFilesFilterInput
let torrentFilesFilterInputTimer = -1;
document.getElementById("torrentFilesFilterInput").addEventListener("input", (event) => {
clearTimeout(torrentFilesFilterInputTimer);
const value = document.getElementById("torrentFilesFilterInput").value;
torrentFilesTable.setFilter(value);
torrentFilesFilterInputTimer = setTimeout(() => {
torrentFilesFilterInputTimer = -1;
if (current_hash === "")
return;
torrentFilesTable.updateTable();
if (value.trim() === "")
torrentFilesTable.collapseAllNodes();
else
torrentFilesTable.expandAllNodes();
}, window.qBittorrent.Misc.FILTER_INPUT_DELAY);
});
const torrentFilesTable = window.qBittorrent.TorrentContent.init("torrentFilesTableDiv", window.qBittorrent.DynamicTable.TorrentFilesTable, onFilePriorityChanged, onFileRenameHandler);
const clear = () => {
torrentFilesTable.clear();

572
src/webui/www/private/scripts/torrent-content.js Normal file
View file

@ -0,0 +1,572 @@
/*
* Bittorrent Client using Qt and libtorrent.
* Copyright (C) 2025 Thomas Piccirello <thomas@piccirello.com>
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; either version 2
* of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*
* In addition, as a special exception, the copyright holders give permission to
* link this program with the OpenSSL project's "OpenSSL" library (or with
* modified versions of it that use the same license as the "OpenSSL" library),
* and distribute the linked executables. 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), 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 this
* exception statement from your version.
*/
"use strict";
window.qBittorrent ??= {};
window.qBittorrent.TorrentContent ??= (() => {
const exports = () => {
return {
init: init,
normalizePriority: normalizePriority,
isFolder: isFolder,
createDownloadCheckbox: createDownloadCheckbox,
updateDownloadCheckbox: updateDownloadCheckbox,
createPriorityCombo: createPriorityCombo,
updatePriorityCombo: updatePriorityCombo,
updateData: updateData,
clearFilterInputTimer: clearFilterInputTimer
};
};
let torrentFilesTable;
const FilePriority = window.qBittorrent.FileTree.FilePriority;
const TriState = window.qBittorrent.FileTree.TriState;
let torrentFilesFilterInputTimer = -1;
let onFilePriorityChanged;
const normalizePriority = (priority) => {
priority = Number(priority);
switch (priority) {
case FilePriority.Ignored:
case FilePriority.Normal:
case FilePriority.High:
case FilePriority.Maximum:
case FilePriority.Mixed:
return priority;
default:
return FilePriority.Normal;
}
};
const triStateFromPriority = (priority) => {
switch (normalizePriority(priority)) {
case FilePriority.Ignored:
return TriState.Unchecked;
case FilePriority.Normal:
case FilePriority.High:
case FilePriority.Maximum:
return TriState.Checked;
case FilePriority.Mixed:
return TriState.Partial;
}
};
const isFolder = (fileId) => {
return fileId === -1;
};
const getAllChildren = (id, fileId) => {
const getChildFiles = (node) => {
rowIds.push(node.data.rowId);
fileIds.push(node.data.fileId);
if (node.isFolder) {
node.children.forEach((child) => {
getChildFiles(child);
});
}
};
const node = torrentFilesTable.getNode(id);
const rowIds = [node.data.rowId];
const fileIds = [node.data.fileId];
node.children.forEach((child) => {
getChildFiles(child);
});
return {
rowIds: rowIds,
fileIds: fileIds
};
};
const fileCheckboxClicked = (e) => {
e.stopPropagation();
const checkbox = e.target;
const priority = checkbox.checked ? FilePriority.Normal : FilePriority.Ignored;
const id = checkbox.getAttribute("data-id");
const fileId = Number(checkbox.getAttribute("data-file-id"));
const rows = getAllChildren(id, fileId);
setFilePriority(rows.rowIds, rows.fileIds, priority);
updateParentFolder(id);
};
const fileComboboxChanged = (e) => {
const combobox = e.target;
const priority = combobox.value;
const id = combobox.getAttribute("data-id");
const fileId = Number(combobox.getAttribute("data-file-id"));
const rows = getAllChildren(id, fileId);
setFilePriority(rows.rowIds, rows.fileIds, priority);
updateParentFolder(id);
};
const createDownloadCheckbox = (id, fileId, checked) => {
const checkbox = document.createElement("input");
checkbox.type = "checkbox";
checkbox.setAttribute("data-id", id);
checkbox.setAttribute("data-file-id", fileId);
checkbox.addEventListener("click", fileCheckboxClicked);
updateCheckbox(checkbox, checked);
return checkbox;
};
const updateDownloadCheckbox = (checkbox, id, fileId, checked) => {
checkbox.setAttribute("data-id", id);
checkbox.setAttribute("data-file-id", fileId);
updateCheckbox(checkbox, checked);
};
const updateCheckbox = (checkbox, checked) => {
switch (checked) {
case TriState.Checked:
setCheckboxChecked(checkbox);
break;
case TriState.Unchecked:
setCheckboxUnchecked(checkbox);
break;
case TriState.Partial:
setCheckboxPartial(checkbox);
break;
}
};
const createPriorityCombo = (id, fileId, selectedPriority) => {
const createOption = (priority, isSelected, text) => {
const option = document.createElement("option");
option.value = priority.toString();
option.selected = isSelected;
option.textContent = text;
return option;
};
const select = document.createElement("select");
select.setAttribute("data-id", id);
select.setAttribute("data-file-id", fileId);
select.classList.add("combo_priority");
select.addEventListener("change", fileComboboxChanged);
select.appendChild(createOption(FilePriority.Ignored, (FilePriority.Ignored === selectedPriority), "QBT_TR(Do not download)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.Normal, (FilePriority.Normal === selectedPriority), "QBT_TR(Normal)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.High, (FilePriority.High === selectedPriority), "QBT_TR(High)QBT_TR[CONTEXT=PropListDelegate]"));
select.appendChild(createOption(FilePriority.Maximum, (FilePriority.Maximum === selectedPriority), "QBT_TR(Maximum)QBT_TR[CONTEXT=PropListDelegate]"));
// "Mixed" priority is for display only; it shouldn't be selectable
const mixedPriorityOption = createOption(FilePriority.Mixed, (FilePriority.Mixed === selectedPriority), "QBT_TR(Mixed)QBT_TR[CONTEXT=PropListDelegate]");
mixedPriorityOption.disabled = true;
select.appendChild(mixedPriorityOption);
return select;
};
const updatePriorityCombo = (combobox, id, fileId, selectedPriority) => {
combobox.setAttribute("data-id", id);
combobox.setAttribute("data-file-id", fileId);
if (normalizePriority(combobox.value) !== selectedPriority)
selectComboboxPriority(combobox, normalizePriority(selectedPriority));
};
const selectComboboxPriority = (combobox, priority) => {
const options = combobox.options;
for (let i = 0; i < options.length; ++i) {
const option = options[i];
if (normalizePriority(option.value) === priority)
option.selected = true;
else
option.selected = false;
}
combobox.value = priority;
};
const getComboboxPriority = (id) => {
const row = torrentFilesTable.rows.get(id.toString());
return normalizePriority(row.full_data.priority, 10);
};
const switchGlobalCheckboxState = (e) => {
e.stopPropagation();
const rowIds = [];
const fileIds = [];
const checkbox = document.getElementById("tristate_cb");
const priority = (checkbox.state === TriState.Checked) ? FilePriority.Ignored : FilePriority.Normal;
if (checkbox.state === TriState.Checked) {
setCheckboxUnchecked(checkbox);
torrentFilesTable.rows.forEach((row) => {
const rowId = row.rowId;
const fileId = row.full_data.fileId;
const isChecked = (getCheckboxState(rowId) === TriState.Checked);
if (isChecked) {
rowIds.push(rowId);
fileIds.push(fileId);
}
});
}
else {
setCheckboxChecked(checkbox);
torrentFilesTable.rows.forEach((row) => {
const rowId = row.rowId;
const fileId = row.full_data.fileId;
const isUnchecked = (getCheckboxState(rowId) === TriState.Unchecked);
if (isUnchecked) {
rowIds.push(rowId);
fileIds.push(fileId);
}
});
}
if (rowIds.length > 0) {
setFilePriority(rowIds, fileIds, priority);
for (const id of rowIds)
updateParentFolder(id);
}
};
const updateGlobalCheckbox = () => {
const checkbox = document.getElementById("tristate_cb");
if (torrentFilesTable.isAllCheckboxesChecked())
setCheckboxChecked(checkbox);
else if (torrentFilesTable.isAllCheckboxesUnchecked())
setCheckboxUnchecked(checkbox);
else
setCheckboxPartial(checkbox);
};
const setCheckboxChecked = (checkbox) => {
checkbox.state = TriState.Checked;
checkbox.indeterminate = false;
checkbox.checked = true;
};
const setCheckboxUnchecked = (checkbox) => {
checkbox.state = TriState.Unchecked;
checkbox.indeterminate = false;
checkbox.checked = false;
};
const setCheckboxPartial = (checkbox) => {
checkbox.state = TriState.Partial;
checkbox.indeterminate = true;
};
const getCheckboxState = (id) => {
const row = torrentFilesTable.rows.get(id.toString());
return Number(row.full_data.checked);
};
const setFilePriority = (ids, fileIds, priority) => {
priority = normalizePriority(priority);
if (onFilePriorityChanged)
onFilePriorityChanged(fileIds, priority);
const ignore = (priority === FilePriority.Ignored);
ids.forEach((_id) => {
_id = _id.toString();
torrentFilesTable.setIgnored(_id, ignore);
const row = torrentFilesTable.rows.get(_id);
row.full_data.priority = priority;
row.full_data.checked = triStateFromPriority(priority);
});
};
const updateData = (files) => {
const rows = files.map((file, index) => {
const ignore = (file.priority === FilePriority.Ignored);
const row = {
fileId: index,
checked: (ignore ? TriState.Unchecked : TriState.Checked),
fileName: file.name,
name: window.qBittorrent.Filesystem.fileName(file.name),
size: file.size,
progress: window.qBittorrent.Misc.toFixedPointString((file.progress * 100), 1),
priority: normalizePriority(file.priority),
remaining: (ignore ? 0 : (file.size * (1 - file.progress))),
availability: file.availability
};
return row;
});
addRowsToTable(rows);
updateGlobalCheckbox();
};
const addRowsToTable = (rows) => {
const selectedFiles = torrentFilesTable.selectedRowsIds();
let rowId = 0;
const rootNode = new window.qBittorrent.FileTree.FolderNode();
rows.forEach((row) => {
const pathItems = row.fileName.split(window.qBittorrent.Filesystem.PathSeparator);
pathItems.pop(); // remove last item (i.e. file name)
let parent = rootNode;
pathItems.forEach((folderName) => {
if (folderName === ".unwanted")
return;
let folderNode = null;
if (parent.children !== null) {
for (let i = 0; i < parent.children.length; ++i) {
const childFolder = parent.children[i];
if (childFolder.name === folderName) {
folderNode = childFolder;
break;
}
}
}
if (folderNode === null) {
folderNode = new window.qBittorrent.FileTree.FolderNode();
folderNode.path = (parent.path === "")
? folderName
: [parent.path, folderName].join(window.qBittorrent.Filesystem.PathSeparator);
folderNode.name = folderName;
folderNode.rowId = rowId;
folderNode.root = parent;
parent.addChild(folderNode);
++rowId;
}
parent = folderNode;
});
const isChecked = row.checked ? TriState.Checked : TriState.Unchecked;
const remaining = (row.priority === FilePriority.Ignored) ? 0 : row.remaining;
const childNode = new window.qBittorrent.FileTree.FileNode();
childNode.name = row.name;
childNode.path = row.fileName;
childNode.rowId = rowId;
childNode.size = row.size;
childNode.checked = isChecked;
childNode.remaining = remaining;
childNode.progress = row.progress;
childNode.priority = row.priority;
childNode.availability = row.availability;
childNode.root = parent;
childNode.data = row;
parent.addChild(childNode);
++rowId;
});
torrentFilesTable.populateTable(rootNode);
torrentFilesTable.updateTable();
if (selectedFiles.length > 0)
torrentFilesTable.reselectRows(selectedFiles);
};
const filesPriorityMenuClicked = (priority) => {
const selectedRows = torrentFilesTable.selectedRowsIds();
if (selectedRows.length === 0)
return;
const rowIds = [];
const fileIds = [];
selectedRows.forEach((rowId) => {
rowIds.push(rowId);
fileIds.push(Number(torrentFilesTable.getRowFileId(rowId)));
});
const uniqueRowIds = {};
const uniqueFileIds = {};
for (let i = 0; i < rowIds.length; ++i) {
const rows = getAllChildren(rowIds[i], fileIds[i]);
rows.rowIds.forEach((rowId) => {
uniqueRowIds[rowId] = true;
});
rows.fileIds.forEach((fileId) => {
uniqueFileIds[fileId] = true;
});
}
setFilePriority(Object.keys(uniqueRowIds), Object.keys(uniqueFileIds), priority);
for (const id of rowIds)
updateParentFolder(id);
};
const updateParentFolder = (id) => {
const updateComplete = () => {
// we've finished recursing
updateGlobalCheckbox();
torrentFilesTable.updateTable(true);
};
const node = torrentFilesTable.getNode(id);
const parent = node.parent;
if (parent === torrentFilesTable.getRoot()) {
updateComplete();
return;
}
const siblings = parent.children;
let checkedCount = 0;
let uncheckedCount = 0;
let indeterminateCount = 0;
let desiredComboboxPriority = null;
for (const sibling of siblings) {
switch (getCheckboxState(sibling.rowId)) {
case TriState.Checked:
checkedCount++;
break;
case TriState.Unchecked:
uncheckedCount++;
break;
case TriState.Partial:
indeterminateCount++;
break;
}
if (desiredComboboxPriority === null)
desiredComboboxPriority = getComboboxPriority(sibling.rowId);
else if (desiredComboboxPriority !== getComboboxPriority(sibling.rowId))
desiredComboboxPriority = FilePriority.Mixed;
}
const currentCheckboxState = getCheckboxState(parent.rowId);
let desiredCheckboxState;
if ((indeterminateCount > 0) || ((checkedCount > 0) && (uncheckedCount > 0)))
desiredCheckboxState = TriState.Partial;
else if (checkedCount > 0)
desiredCheckboxState = TriState.Checked;
else
desiredCheckboxState = TriState.Unchecked;
const currentComboboxPriority = getComboboxPriority(parent.rowId);
if ((currentCheckboxState !== desiredCheckboxState) || (currentComboboxPriority !== desiredComboboxPriority)) {
const row = torrentFilesTable.rows.get(parent.rowId.toString());
row.full_data.priority = desiredComboboxPriority;
row.full_data.checked = desiredCheckboxState;
updateParentFolder(parent.rowId);
}
else {
updateComplete();
}
};
const init = (tableId, tableClass, onFilePriorityChangedHandler = undefined, onFileRenameHandler = undefined) => {
if (onFilePriorityChangedHandler !== undefined)
onFilePriorityChanged = onFilePriorityChangedHandler;
torrentFilesTable = new tableClass();
const torrentFilesContextMenu = new window.qBittorrent.ContextMenu.ContextMenu({
targets: `#${tableId} tbody tr`,
menu: "torrentFilesMenu",
actions: {
Rename: (element, ref) => {
if (onFileRenameHandler !== undefined) {
const nodes = torrentFilesTable.selectedRowsIds().map(row => torrentFilesTable.getNode(row));
onFileRenameHandler(torrentFilesTable.selectedRows, nodes);
}
},
FilePrioIgnore: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Ignored);
},
FilePrioNormal: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Normal);
},
FilePrioHigh: (element, ref) => {
filesPriorityMenuClicked(FilePriority.High);
},
FilePrioMaximum: (element, ref) => {
filesPriorityMenuClicked(FilePriority.Maximum);
}
},
offsets: {
x: 0,
y: 2
},
});
torrentFilesTable.setup(tableId, "torrentFilesTableFixedHeaderDiv", torrentFilesContextMenu, true);
// inject checkbox into table header
const tableHeaders = document.querySelectorAll("#torrentFilesTableFixedHeaderDiv .dynamicTableHeader th");
if (tableHeaders.length > 0) {
const checkbox = document.createElement("input");
checkbox.type = "checkbox";
checkbox.id = "tristate_cb";
checkbox.addEventListener("click", switchGlobalCheckboxState);
const checkboxTH = tableHeaders[0];
checkboxTH.appendChild(checkbox);
}
// default sort by name column
if (torrentFilesTable.getSortedColumn() === null)
torrentFilesTable.setSortedColumn("name");
// listen for changes to torrentFilesFilterInput
document.getElementById("torrentFilesFilterInput").addEventListener("input", (event) => {
clearTimeout(torrentFilesFilterInputTimer);
const value = document.getElementById("torrentFilesFilterInput").value;
torrentFilesTable.setFilter(value);
torrentFilesFilterInputTimer = setTimeout(() => {
torrentFilesFilterInputTimer = -1;
torrentFilesTable.updateTable();
if (value.trim() === "")
torrentFilesTable.collapseAllNodes();
else
torrentFilesTable.expandAllNodes();
}, window.qBittorrent.Misc.FILTER_INPUT_DELAY);
});
return torrentFilesTable;
};
const clearFilterInputTimer = () => {
clearTimeout(torrentFilesFilterInputTimer);
torrentFilesFilterInputTimer = -1;
};
return exports();
})();
Object.freeze(window.qBittorrent.TorrentContent);

1
src/webui/www/webui.qrc
View file

@ -420,6 +420,7 @@
<file>private/scripts/rename-files.js</file>
<file>private/scripts/search.js</file>
<file>private/scripts/statistics.js</file>
<file>private/scripts/torrent-content.js</file>
<file>private/setlocation.html</file>
<file>private/shareratio.html</file>
<file>private/speedlimit.html</file>