WebUI: Don't update UI if the page is hidden

Currently, there is unnecessary CPU/network usage by the web UI when it's running in the background, this PR prevents it from refreshing in the background.

Closes #22565.
PR #22567.

src/webui/www/private/scripts/client.js

@@ -750,6 +750,8 @@ window.addEventListener("DOMContentLoaded", () => {
     let syncMainDataTimeoutID = -1;
     let syncRequestInProgress = false;
     const syncMainData = () => {
+        if (document.hidden)
+            return;
         syncRequestInProgress = true;
         const url = new URL("api/v2/sync/maindata", window.location);
         url.search = new URLSearchParams({
@@ -1774,6 +1776,21 @@ window.addEventListener("DOMContentLoaded", () => {
             }
         }
     });
+
+    addEventListener("visibilitychange", (event) => {
+        if (document.hidden)
+            return;
+
+        switch (LocalPreferences.get("selected_window_tab")) {
+            case "log":
+                window.qBittorrent.Log.load();
+                break;
+            case "transfers":
+                syncData(100);
+                updatePropertiesPanel();
+                break;
+        }
+    });
 });
 
 window.addEventListener("load", async () => {

src/webui/www/private/scripts/prop-files.js

@@ -305,6 +305,8 @@ window.qBittorrent.PropFiles ??= (() => {
 
     let loadTorrentFilesDataTimer = -1;
     const loadTorrentFilesData = () => {
+        if (document.hidden)
+            return;
         if ($("propFiles").classList.contains("invisible")
             || $("propertiesPanel_collapseToggle").classList.contains("panel-expand")) {
             // Tab changed, don't do anything

src/webui/www/private/scripts/prop-general.js

@@ -76,6 +76,8 @@ window.qBittorrent.PropGeneral ??= (() => {
 
     let loadTorrentDataTimer = -1;
     const loadTorrentData = () => {
+        if (document.hidden)
+            return;
         if ($("propGeneral").classList.contains("invisible")
             || $("propertiesPanel_collapseToggle").classList.contains("panel-expand")) {
             // Tab changed, don't do anything

src/webui/www/private/scripts/prop-peers.js

@@ -43,6 +43,8 @@ window.qBittorrent.PropPeers ??= (() => {
     let show_flags = true;
 
     const loadTorrentPeersData = () => {
+        if (document.hidden)
+            return;
         if ($("propPeers").classList.contains("invisible")
             || $("propertiesPanel_collapseToggle").classList.contains("panel-expand")) {
             syncTorrentPeersLastResponseId = 0;

src/webui/www/private/scripts/prop-trackers.js

@@ -43,6 +43,8 @@ window.qBittorrent.PropTrackers ??= (() => {
     let loadTrackersDataTimer = -1;
 
     const loadTrackersData = () => {
+        if (document.hidden)
+            return;
         if ($("propTrackers").classList.contains("invisible")
             || $("propertiesPanel_collapseToggle").classList.contains("panel-expand")) {
             // Tab changed, don't do anything

src/webui/www/private/scripts/prop-webseeds.js

@@ -43,6 +43,8 @@ window.qBittorrent.PropWebseeds ??= (() => {
 
     let loadWebSeedsDataTimer = -1;
     const loadWebSeedsData = () => {
+        if (document.hidden)
+            return;
         if ($("propWebSeeds").classList.contains("invisible")
             || $("propertiesPanel_collapseToggle").classList.contains("panel-expand")) {
             // Tab changed, don't do anything

src/webui/www/private/views/log.html

@@ -336,6 +336,9 @@
         };
 
         const syncLogData = (curTab) => {
+            if (document.hidden)
+                return;
+
             if (curTab === undefined)
                 curTab = currentSelectedTab;