github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-22 14:23:35 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

WebUI: Select multiple files to rename with Shift

Browse source 
Convenience feature in the "Rename Files..." menu in the Web UI.
If you click one file checkbox, and then click another with Shift held,
all the checkboxes between those two will be selected/unselected
based on the state of the first checkbox.

Closes #22455
This commit is contained in:
justusaac 2025-04-24 23:34:17 -05:00
commit be7cfeedda
1 changed files with 34 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2194,6 +2194,7 @@ window.qBittorrent.DynamicTable ??= (() => {
prevFilteredRows: [], prevFilteredRows: [],
prevSortedColumn: null, prevSortedColumn: null,
prevReverseSort: null, prevReverseSort: null,
prevCheckboxNum: null,
fileTree: new window.qBittorrent.FileTree.FileTree(), fileTree: new window.qBittorrent.FileTree.FileTree(),
setupVirtualList: function() { setupVirtualList: function() {
@ -2354,13 +2355,41 @@ window.qBittorrent.DynamicTable ??= (() => {
checkbox.type = "checkbox"; checkbox.type = "checkbox";
checkbox.className = "RenamingCB"; checkbox.className = "RenamingCB";
checkbox.addEventListener("click", (e) => { checkbox.addEventListener("click", (e) => {
const id = e.target.dataset.id; const targetId = e.target.dataset.id;
const ids = [];
// when holding shift, set all files between the previously selected one and the clicked one
if (e.shiftKey && (that.prevCheckboxNum !== null) && (targetId !== that.prevCheckboxNum)) {
const targetState = that.tableBody.querySelector(`.RenamingCB[data-id="${that.prevCheckboxNum}"]`).checked;
const checkboxes = that.tableBody.getElementsByClassName("RenamingCB");
let started = false;
for (const cb of checkboxes) {
const currId = cb.dataset.id;
if ((currId === targetId) || (currId === that.prevCheckboxNum)) {
if (started) {
ids.push(currId);
cb.checked = targetState;
break;
}
started = true;
}
if (started) {
ids.push(currId);
cb.checked = targetState;
}
}
}
else {
ids.push(targetId);
}
for (const id of ids) {
const node = that.getNode(id); const node = that.getNode(id);
node.checked = e.target.checked ? 0 : 1; node.checked = e.target.checked ? 0 : 1;
node.full_data.checked = node.checked; node.full_data.checked = node.checked;
}
that.updateGlobalCheckbox(); that.updateGlobalCheckbox();
that.onRowSelectionChange(node); that.onRowSelectionChange(that.getNode(targetId));
e.stopPropagation(); e.stopPropagation();
that.prevCheckboxNum = targetId;
}); });
checkbox.indeterminate = false; checkbox.indeterminate = false;
td.append(checkbox); td.append(checkbox);