squidy/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2025-12-23 16:58:06 -06:00
Code Issues Packages Projects Releases Wiki Activity

WebUI: restore arrow keys table navigation

Browse Source 
Fixup for #21007 and #21147. Table navigation with arrows (#15186) has been broken by that changes.
See https://github.com/qbittorrent/qBittorrent/pull/21007#discussion_r1807326166 and https://github.com/qbittorrent/qBittorrent/pull/21147#discussion_r1807361385 for details.
This PR restores the functionally.

PR #21640.
This commit is contained in:
Hanabishi
2024-10-26 00:14:36 +05:00
committed by GitHub
parent ca933c60a1
commit dfe9daf25d
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/webui/www/private/scripts/dynamicTable.js
View File

@@ -721,7 +721,7 @@ window.qBittorrent.DynamicTable ??= (() => {
const tr = new Element("tr"); const tr = new Element("tr");
// set tabindex so element receives keydown events // set tabindex so element receives keydown events
// more info: https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event // more info: https://developer.mozilla.org/en-US/docs/Web/API/Element/keydown_event
tr.tabindex = "-1"; tr.tabIndex = -1;
const rowId = rows[rowPos]["rowId"]; const rowId = rows[rowPos]["rowId"];
tr.setAttribute("data-row-id", rowId); tr.setAttribute("data-row-id", rowId);
@@ -765,10 +765,10 @@ window.qBittorrent.DynamicTable ??= (() => {
}, { passive: true }); }, { passive: true });
tr.addEventListener("keydown", function(event) { tr.addEventListener("keydown", function(event) {
switch (event.key) { switch (event.key) {
case "up": case "ArrowUp":
this._this.selectPreviousRow(); this._this.selectPreviousRow();
return false; return false;
case "down": case "ArrowDown":
this._this.selectNextRow(); this._this.selectNextRow();
return false; return false;
} }
@@ -2294,10 +2294,10 @@ window.qBittorrent.DynamicTable ??= (() => {
setupTr: function(tr) { setupTr: function(tr) {
tr.addEventListener("keydown", function(event) { tr.addEventListener("keydown", function(event) {
switch (event.key) { switch (event.key) {
case "left": case "ArrowLeft":
qBittorrent.PropFiles.collapseFolder(this._this.getSelectedRowId()); qBittorrent.PropFiles.collapseFolder(this._this.getSelectedRowId());
return false; return false;
case "right": case "ArrowRight":
qBittorrent.PropFiles.expandFolder(this._this.getSelectedRowId()); qBittorrent.PropFiles.expandFolder(this._this.getSelectedRowId());
return false; return false;
} }
@@ -2623,10 +2623,10 @@ window.qBittorrent.DynamicTable ??= (() => {
setupTr: function(tr) { setupTr: function(tr) {
tr.addEventListener("keydown", function(event) { tr.addEventListener("keydown", function(event) {
switch (event.key) { switch (event.key) {
case "left": case "ArrowLeft":
qBittorrent.PropFiles.collapseFolder(this._this.getSelectedRowId()); qBittorrent.PropFiles.collapseFolder(this._this.getSelectedRowId());
return false; return false;
case "right": case "ArrowRight":
qBittorrent.PropFiles.expandFolder(this._this.getSelectedRowId()); qBittorrent.PropFiles.expandFolder(this._this.getSelectedRowId());
return false; return false;
} }