mirror of
https://github.com/qbittorrent/qBittorrent
synced 2025-08-21 05:43:32 -07:00
WebUI: Make torrent content table logic reusable
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
parent
2c6c61cc79
commit
68f2572ce1
5 changed files with 609 additions and 467 deletions
|
|
@ -39,6 +39,7 @@
|
||||||
<script defer src="scripts/file-tree.js?v=${CACHEID}"></script>
|
<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/dynamicTable.js?locale=${LANG}&v=${CACHEID}"></script>
|
||||||
<script defer src="scripts/rename-files.js?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/client.js?locale=${LANG}&v=${CACHEID}"></script>
|
||||||
<script defer src="scripts/contextmenu.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>
|
<script defer src="scripts/pathAutofill.js?v=${CACHEID}"></script>
|
||||||
|
|
|
||||||
|
|
@ -2184,12 +2184,13 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
populateTable(root) {
|
populateTable(root) {
|
||||||
this.fileTree.setRoot(root);
|
this.fileTree.setRoot(root);
|
||||||
root.children.each((node) => {
|
root.children.each((node) => {
|
||||||
this.#addNodeToTable(node, 0);
|
this.#addNodeToTable(node, 0, root);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
#addNodeToTable(node, depth) {
|
#addNodeToTable(node, depth, parent) {
|
||||||
node.depth = depth;
|
node.depth = depth;
|
||||||
|
node.parent = parent;
|
||||||
|
|
||||||
if (node.isFolder) {
|
if (node.isFolder) {
|
||||||
const data = {
|
const data = {
|
||||||
|
|
@ -2212,7 +2213,7 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
node.children.each((child) => {
|
node.children.each((child) => {
|
||||||
this.#addNodeToTable(child, depth + 1);
|
this.#addNodeToTable(child, depth + 1, node);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2719,12 +2720,13 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
populateTable(root) {
|
populateTable(root) {
|
||||||
this.fileTree.setRoot(root);
|
this.fileTree.setRoot(root);
|
||||||
root.children.each((node) => {
|
root.children.each((node) => {
|
||||||
this.#addNodeToTable(node, 0);
|
this.#addNodeToTable(node, 0, root);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
#addNodeToTable(node, depth) {
|
#addNodeToTable(node, depth, parent) {
|
||||||
node.depth = depth;
|
node.depth = depth;
|
||||||
|
node.parent = parent;
|
||||||
|
|
||||||
if (node.isFolder) {
|
if (node.isFolder) {
|
||||||
if (!this.collapseState.has(node.rowId))
|
if (!this.collapseState.has(node.rowId))
|
||||||
|
|
@ -2735,7 +2737,7 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
checked: node.checked,
|
checked: node.checked,
|
||||||
remaining: node.remaining,
|
remaining: node.remaining,
|
||||||
progress: node.progress,
|
progress: node.progress,
|
||||||
priority: window.qBittorrent.PropFiles.normalizePriority(node.priority),
|
priority: window.qBittorrent.TorrentContent.normalizePriority(node.priority),
|
||||||
availability: node.availability,
|
availability: node.availability,
|
||||||
fileId: -1,
|
fileId: -1,
|
||||||
name: node.name
|
name: node.name
|
||||||
|
|
@ -2752,7 +2754,7 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
}
|
}
|
||||||
|
|
||||||
node.children.each((child) => {
|
node.children.each((child) => {
|
||||||
this.#addNodeToTable(child, depth + 1);
|
this.#addNodeToTable(child, depth + 1, node);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -2813,9 +2815,9 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
|
|
||||||
const downloadCheckbox = td.children[1];
|
const downloadCheckbox = td.children[1];
|
||||||
if (downloadCheckbox === undefined)
|
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
|
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;
|
this.columns["checked"].staticWidth = 50;
|
||||||
|
|
@ -2905,9 +2907,9 @@ window.qBittorrent.DynamicTable ??= (() => {
|
||||||
|
|
||||||
const priorityCombo = td.firstElementChild;
|
const priorityCombo = td.firstElementChild;
|
||||||
if (priorityCombo === null)
|
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
|
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;
|
this.columns["priority"].staticWidth = 140;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -32,248 +32,16 @@ window.qBittorrent ??= {};
|
||||||
window.qBittorrent.PropFiles ??= (() => {
|
window.qBittorrent.PropFiles ??= (() => {
|
||||||
const exports = () => {
|
const exports = () => {
|
||||||
return {
|
return {
|
||||||
normalizePriority: normalizePriority,
|
|
||||||
createDownloadCheckbox: createDownloadCheckbox,
|
|
||||||
updateDownloadCheckbox: updateDownloadCheckbox,
|
|
||||||
createPriorityCombo: createPriorityCombo,
|
|
||||||
updatePriorityCombo: updatePriorityCombo,
|
|
||||||
updateData: updateData,
|
updateData: updateData,
|
||||||
clear: clear
|
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 = "";
|
let current_hash = "";
|
||||||
|
|
||||||
const normalizePriority = (priority) => {
|
const onFilePriorityChanged = (fileIds, priority) => {
|
||||||
switch (priority) {
|
// ignore folders
|
||||||
case FilePriority.Ignored:
|
fileIds = fileIds.map(Number).filter(id => !window.qBittorrent.TorrentContent.isFolder(id));
|
||||||
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;
|
|
||||||
|
|
||||||
clearTimeout(loadTorrentFilesDataTimer);
|
clearTimeout(loadTorrentFilesDataTimer);
|
||||||
loadTorrentFilesDataTimer = -1;
|
loadTorrentFilesDataTimer = -1;
|
||||||
|
|
@ -292,15 +60,6 @@ window.qBittorrent.PropFiles ??= (() => {
|
||||||
|
|
||||||
loadTorrentFilesDataTimer = loadTorrentFilesData.delay(1000);
|
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;
|
let loadTorrentFilesDataTimer = -1;
|
||||||
|
|
@ -339,14 +98,13 @@ window.qBittorrent.PropFiles ??= (() => {
|
||||||
|
|
||||||
const files = await response.json();
|
const files = await response.json();
|
||||||
|
|
||||||
clearTimeout(torrentFilesFilterInputTimer);
|
window.qBittorrent.TorrentContent.clearFilterInputTimer();
|
||||||
torrentFilesFilterInputTimer = -1;
|
|
||||||
|
|
||||||
if (files.length === 0) {
|
if (files.length === 0) {
|
||||||
torrentFilesTable.clear();
|
torrentFilesTable.clear();
|
||||||
}
|
}
|
||||||
else {
|
else {
|
||||||
handleNewTorrentFiles(files);
|
window.qBittorrent.TorrentContent.updateData(files);
|
||||||
if (loadedNewTorrent)
|
if (loadedNewTorrent)
|
||||||
torrentFilesTable.collapseAllNodes();
|
torrentFilesTable.collapseAllNodes();
|
||||||
}
|
}
|
||||||
|
|
@ -363,133 +121,7 @@ window.qBittorrent.PropFiles ??= (() => {
|
||||||
loadTorrentFilesData();
|
loadTorrentFilesData();
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleNewTorrentFiles = (files) => {
|
const singleFileRename = (hash, node) => {
|
||||||
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 path = node.path;
|
const path = node.path;
|
||||||
|
|
||||||
new MochaUI.Window({
|
new MochaUI.Window({
|
||||||
|
|
@ -504,16 +136,19 @@ window.qBittorrent.PropFiles ??= (() => {
|
||||||
paddingVertical: 0,
|
paddingVertical: 0,
|
||||||
paddingHorizontal: 0,
|
paddingHorizontal: 0,
|
||||||
width: window.qBittorrent.Dialog.limitWidthToViewport(400),
|
width: window.qBittorrent.Dialog.limitWidthToViewport(400),
|
||||||
height: 100
|
height: 100,
|
||||||
|
onCloseComplete: () => {
|
||||||
|
updateData();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const multiFileRename = (hash) => {
|
const multiFileRename = (hash, selectedRows) => {
|
||||||
new MochaUI.Window({
|
new MochaUI.Window({
|
||||||
id: "multiRenamePage",
|
id: "multiRenamePage",
|
||||||
icon: "images/qbittorrent-tray.svg",
|
icon: "images/qbittorrent-tray.svg",
|
||||||
title: "QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]",
|
title: "QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]",
|
||||||
data: { hash: hash, selectedRows: torrentFilesTable.selectedRows },
|
data: { hash: hash, selectedRows: selectedRows },
|
||||||
loadMethod: "xhr",
|
loadMethod: "xhr",
|
||||||
contentURL: "rename_files.html?v=${CACHEID}",
|
contentURL: "rename_files.html?v=${CACHEID}",
|
||||||
scrollbars: false,
|
scrollbars: false,
|
||||||
|
|
@ -523,89 +158,21 @@ window.qBittorrent.PropFiles ??= (() => {
|
||||||
paddingHorizontal: 0,
|
paddingHorizontal: 0,
|
||||||
width: 800,
|
width: 800,
|
||||||
height: 420,
|
height: 420,
|
||||||
resizeLimit: { x: [800], y: [420] }
|
resizeLimit: { x: [800], y: [420] },
|
||||||
|
onCloseComplete: () => {
|
||||||
|
updateData();
|
||||||
|
}
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
const torrentFilesContextMenu = new window.qBittorrent.ContextMenu.ContextMenu({
|
const onFileRenameHandler = (selectedRows, selectedNodes) => {
|
||||||
targets: "#torrentFilesTableDiv tbody tr",
|
if (selectedNodes.length === 1)
|
||||||
menu: "torrentFilesMenu",
|
singleFileRename(current_hash, selectedNodes[0]);
|
||||||
actions: {
|
else if (selectedNodes.length > 1)
|
||||||
Rename: (element, ref) => {
|
multiFileRename(current_hash, selectedRows);
|
||||||
const hash = torrentsTable.getCurrentTorrentID();
|
};
|
||||||
if (!hash)
|
|
||||||
return;
|
|
||||||
|
|
||||||
if (torrentFilesTable.selectedRowsIds().length > 1)
|
const torrentFilesTable = window.qBittorrent.TorrentContent.init("torrentFilesTableDiv", window.qBittorrent.DynamicTable.TorrentFilesTable, onFilePriorityChanged, onFileRenameHandler);
|
||||||
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 clear = () => {
|
const clear = () => {
|
||||||
torrentFilesTable.clear();
|
torrentFilesTable.clear();
|
||||||
|
|
|
||||||
571
src/webui/www/private/scripts/torrent-content.js
Normal file
571
src/webui/www/private/scripts/torrent-content.js
Normal file
|
|
@ -0,0 +1,571 @@
|
||||||
|
/*
|
||||||
|
* 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 = null;
|
||||||
|
|
||||||
|
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 node = torrentFilesTable.getNode(id);
|
||||||
|
const rowIds = [node.data.rowId];
|
||||||
|
const fileIds = [node.data.fileId];
|
||||||
|
|
||||||
|
const getChildFiles = (node) => {
|
||||||
|
rowIds.push(node.data.rowId);
|
||||||
|
fileIds.push(node.data.fileId);
|
||||||
|
|
||||||
|
if (node.isFolder) {
|
||||||
|
node.children.forEach((child) => {
|
||||||
|
getChildFiles(child);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
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 = TriState.Unchecked;
|
||||||
|
if ((indeterminateCount > 0) || ((checkedCount > 0) && (uncheckedCount > 0)))
|
||||||
|
desiredCheckboxState = TriState.Partial;
|
||||||
|
else if (checkedCount > 0)
|
||||||
|
desiredCheckboxState = TriState.Checked;
|
||||||
|
|
||||||
|
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);
|
||||||
|
torrentFilesFilterInputTimer = -1;
|
||||||
|
|
||||||
|
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);
|
||||||
|
|
@ -420,6 +420,7 @@
|
||||||
<file>private/scripts/rename-files.js</file>
|
<file>private/scripts/rename-files.js</file>
|
||||||
<file>private/scripts/search.js</file>
|
<file>private/scripts/search.js</file>
|
||||||
<file>private/scripts/statistics.js</file>
|
<file>private/scripts/statistics.js</file>
|
||||||
|
<file>private/scripts/torrent-content.js</file>
|
||||||
<file>private/setlocation.html</file>
|
<file>private/setlocation.html</file>
|
||||||
<file>private/shareratio.html</file>
|
<file>private/shareratio.html</file>
|
||||||
<file>private/speedlimit.html</file>
|
<file>private/speedlimit.html</file>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue