WebUI: Use classlist.remove() instead of removeClass()

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

@@ -1054,12 +1054,12 @@ window.addEventListener("DOMContentLoaded", () => {
             torrentsTable.columns["priority"].force_hide = !queueing_enabled;
             torrentsTable.updateColumn("priority");
             if (queueing_enabled) {
-                $("topQueuePosItem").removeClass("invisible");
+                $("topQueuePosItem").classList.remove("invisible");
-                $("increaseQueuePosItem").removeClass("invisible");
+                $("increaseQueuePosItem").classList.remove("invisible");
-                $("decreaseQueuePosItem").removeClass("invisible");
+                $("decreaseQueuePosItem").classList.remove("invisible");
-                $("bottomQueuePosItem").removeClass("invisible");
+                $("bottomQueuePosItem").classList.remove("invisible");
-                $("queueingButtons").removeClass("invisible");
+                $("queueingButtons").classList.remove("invisible");
-                $("queueingMenuItems").removeClass("invisible");
+                $("queueingMenuItems").classList.remove("invisible");
             }
             else {
                 $("topQueuePosItem").classList.add("invisible");
@@ -1123,7 +1123,7 @@ window.addEventListener("DOMContentLoaded", () => {
         LocalPreferences.set("show_top_toolbar", showTopToolbar.toString());
         if (showTopToolbar) {
             $("showTopToolbarLink").firstElementChild.style.opacity = "1";
-            $("mochaToolbar").removeClass("invisible");
+            $("mochaToolbar").classList.remove("invisible");
         }
         else {
             $("showTopToolbarLink").firstElementChild.style.opacity = "0";
@@ -1137,7 +1137,7 @@ window.addEventListener("DOMContentLoaded", () => {
         LocalPreferences.set("show_status_bar", showStatusBar.toString());
         if (showStatusBar) {
             $("showStatusBarLink").firstElementChild.style.opacity = "1";
-            $("desktopFooterWrapper").removeClass("invisible");
+            $("desktopFooterWrapper").classList.remove("invisible");
         }
         else {
             $("showStatusBarLink").firstElementChild.style.opacity = "0";
@@ -1175,8 +1175,8 @@ window.addEventListener("DOMContentLoaded", () => {
         LocalPreferences.set("show_filters_sidebar", showFiltersSidebar.toString());
         if (showFiltersSidebar) {
             $("showFiltersSidebarLink").firstElementChild.style.opacity = "1";
-            $("filtersColumn").removeClass("invisible");
+            $("filtersColumn").classList.remove("invisible");
-            $("filtersColumn_handle").removeClass("invisible");
+            $("filtersColumn_handle").classList.remove("invisible");
         }
         else {
             $("showFiltersSidebarLink").firstElementChild.style.opacity = "0";
@@ -1217,8 +1217,8 @@ window.addEventListener("DOMContentLoaded", () => {
     const updateTabDisplay = () => {
         if (window.qBittorrent.Client.isShowRssReader()) {
             $("showRssReaderLink").firstElementChild.style.opacity = "1";
-            $("mainWindowTabs").removeClass("invisible");
+            $("mainWindowTabs").classList.remove("invisible");
-            $("rssTabLink").removeClass("invisible");
+            $("rssTabLink").classList.remove("invisible");
             if (!MochaUI.Panels.instances.RssPanel)
                 addRssPanel();
         }
@@ -1231,8 +1231,8 @@ window.addEventListener("DOMContentLoaded", () => {
 
         if (window.qBittorrent.Client.isShowSearchEngine()) {
             $("showSearchEngineLink").firstElementChild.style.opacity = "1";
-            $("mainWindowTabs").removeClass("invisible");
+            $("mainWindowTabs").classList.remove("invisible");
-            $("searchTabLink").removeClass("invisible");
+            $("searchTabLink").classList.remove("invisible");
             if (!MochaUI.Panels.instances.SearchPanel)
                 addSearchPanel();
         }
@@ -1245,8 +1245,8 @@ window.addEventListener("DOMContentLoaded", () => {
 
         if (window.qBittorrent.Client.isShowLogViewer()) {
             $("showLogViewerLink").firstElementChild.style.opacity = "1";
-            $("mainWindowTabs").removeClass("invisible");
+            $("mainWindowTabs").classList.remove("invisible");
-            $("logTabLink").removeClass("invisible");
+            $("logTabLink").classList.remove("invisible");
             if (!MochaUI.Panels.instances.LogPanel)
                 addLogPanel();
         }
@@ -1269,11 +1269,11 @@ window.addEventListener("DOMContentLoaded", () => {
     const showTransfersTab = () => {
         const showFiltersSidebar = LocalPreferences.get("show_filters_sidebar", "true") === "true";
         if (showFiltersSidebar) {
-            $("filtersColumn").removeClass("invisible");
+            $("filtersColumn").classList.remove("invisible");
-            $("filtersColumn_handle").removeClass("invisible");
+            $("filtersColumn_handle").classList.remove("invisible");
         }
-        $("mainColumn").removeClass("invisible");
+        $("mainColumn").classList.remove("invisible");
-        $("torrentsFilterToolbar").removeClass("invisible");
+        $("torrentsFilterToolbar").classList.remove("invisible");
 
         customSyncMainDataInterval = null;
         syncData(100);
@@ -1312,7 +1312,7 @@ window.addEventListener("DOMContentLoaded", () => {
                 searchTabInitialized = true;
             }
 
-            $("searchTabColumn").removeClass("invisible");
+            $("searchTabColumn").classList.remove("invisible");
             customSyncMainDataInterval = 30000;
             hideTransfersTab();
             hideRssTab();
@@ -1349,7 +1349,7 @@ window.addEventListener("DOMContentLoaded", () => {
                 window.qBittorrent.Rss.load();
             }
 
-            $("rssTabColumn").removeClass("invisible");
+            $("rssTabColumn").classList.remove("invisible");
             customSyncMainDataInterval = 30000;
             hideTransfersTab();
             hideSearchTab();
@@ -1387,7 +1387,7 @@ window.addEventListener("DOMContentLoaded", () => {
                 window.qBittorrent.Log.load();
             }
 
-            $("logTabColumn").removeClass("invisible");
+            $("logTabColumn").classList.remove("invisible");
             customSyncMainDataInterval = 30000;
             hideTransfersTab();
             hideSearchTab();

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

@@ -263,7 +263,7 @@ window.qBittorrent.ContextMenu ??= (() => {
 
         // show an item
         showItem(item) {
-            this.menu.getElement("a[href$=" + item + "]").parentNode.removeClass("invisible");
+            this.menu.getElement("a[href$=" + item + "]").parentNode.classList.remove("invisible");
             return this;
         }
 
@@ -418,7 +418,7 @@ window.qBittorrent.ContextMenu ??= (() => {
                 if (!show_seq_dl && show_f_l_piece_prio)
                     this.menu.getElement("a[href$=firstLastPiecePrio]").parentNode.classList.add("separator");
                 else
-                    this.menu.getElement("a[href$=firstLastPiecePrio]").parentNode.removeClass("separator");
+                    this.menu.getElement("a[href$=firstLastPiecePrio]").parentNode.classList.remove("separator");
 
                 if (show_seq_dl)
                     this.showItem("sequentialDownload");
@@ -434,7 +434,7 @@ window.qBittorrent.ContextMenu ??= (() => {
                 this.setItemChecked("firstLastPiecePrio", all_are_f_l_piece_prio);
 
                 this.showItem("downloadLimit");
-                this.menu.getElement("a[href$=uploadLimit]").parentNode.removeClass("separator");
+                this.menu.getElement("a[href$=uploadLimit]").parentNode.classList.remove("separator");
                 this.hideItem("superSeeding");
             }
 
@@ -665,7 +665,7 @@ window.qBittorrent.ContextMenu ??= (() => {
             switch (selectedRows.length) {
                 case 0:
                     // remove separator on top of newSubscription entry to avoid double line
-                    this.menu.getElement("a[href$=newSubscription]").parentNode.removeClass("separator");
+                    this.menu.getElement("a[href$=newSubscription]").parentNode.classList.remove("separator");
                     // menu when nothing selected
                     this.hideItem("update");
                     this.hideItem("markRead");

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

@@ -601,7 +601,7 @@ window.qBittorrent.DynamicTable ??= (() => {
                 if ((this.columns[i].visible === "0") || this.columns[i].force_hide)
                     th.classList.add("invisible");
                 else
-                    th.removeClass("invisible");
+                    th.classList.remove("invisible");
             }
         },
 
@@ -625,10 +625,10 @@ window.qBittorrent.DynamicTable ??= (() => {
             fths[pos].setAttribute("style", style);
 
             if (visible) {
-                ths[pos].removeClass("invisible");
+                ths[pos].classList.remove("invisible");
-                fths[pos].removeClass("invisible");
+                fths[pos].classList.remove("invisible");
                 for (let i = 0; i < trs.length; ++i)
-                    trs[i].getElements("td")[pos].removeClass("invisible");
+                    trs[i].getElements("td")[pos].classList.remove("invisible");
             }
             else {
                 ths[pos].classList.add("invisible");
@@ -679,12 +679,12 @@ window.qBittorrent.DynamicTable ??= (() => {
                 if (isReverse)
                     colElem.classList.add("reverse");
                 else
-                    colElem.removeClass("reverse");
+                    colElem.classList.remove("reverse");
             }
             const oldColElem = getCol(this.dynamicTableFixedHeaderDivId, oldColumn);
             if (oldColElem !== null) {
-                oldColElem.removeClass("sorted");
+                oldColElem.classList.remove("sorted");
-                oldColElem.removeClass("reverse");
+                oldColElem.classList.remove("reverse");
             }
         },
 
@@ -769,7 +769,7 @@ window.qBittorrent.DynamicTable ??= (() => {
                 if (that.isRowSelected(tr.rowId))
                     tr.classList.add("selected");
                 else
-                    tr.removeClass("selected");
+                    tr.classList.remove("selected");
             });
         },
 
@@ -1960,13 +1960,13 @@ window.qBittorrent.DynamicTable ??= (() => {
                     td.textContent = "QBT_TR(Yes)QBT_TR[CONTEXT=SearchPluginsTable]";
                     td.title = "QBT_TR(Yes)QBT_TR[CONTEXT=SearchPluginsTable]";
                     td.getParent("tr").classList.add("green");
-                    td.getParent("tr").removeClass("red");
+                    td.getParent("tr").classList.remove("red");
                 }
                 else {
                     td.textContent = "QBT_TR(No)QBT_TR[CONTEXT=SearchPluginsTable]";
                     td.title = "QBT_TR(No)QBT_TR[CONTEXT=SearchPluginsTable]";
                     td.getParent("tr").classList.add("red");
-                    td.getParent("tr").removeClass("green");
+                    td.getParent("tr").classList.remove("green");
                 }
             };
         },
@@ -2967,7 +2967,7 @@ window.qBittorrent.DynamicTable ??= (() => {
                 if (row.rowId === rowId) {
                     articleId = row.full_data.dataId;
                     feedUid = row.full_data.feedUid;
-                    this.tableBody.rows[row.rowId].removeClass("unreadArticle");
+                    this.tableBody.rows[row.rowId].classList.remove("unreadArticle");
                     break;
                 }
             }
@@ -2990,7 +2990,7 @@ window.qBittorrent.DynamicTable ??= (() => {
             if (!row.full_data.isRead)
                 tr.classList.add("unreadArticle");
             else
-                tr.removeClass("unreadArticle");
+                tr.classList.remove("unreadArticle");
 
             const tds = tr.getElements("td");
             for (let i = 0; i < this.columns.length; ++i) {
@@ -3261,10 +3261,10 @@ window.qBittorrent.DynamicTable ??= (() => {
 
             if (row.full_data.isFeed) {
                 tr.classList.add("articleTableFeed");
-                tr.removeClass("articleTableArticle");
+                tr.classList.remove("articleTableArticle");
             }
             else {
-                tr.removeClass("articleTableFeed");
+                tr.classList.remove("articleTableFeed");
                 tr.classList.add("articleTableArticle");
             }
 

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

@@ -671,7 +671,7 @@ window.qBittorrent.PropFiles ??= (() => {
         if (shouldHide)
             rowElem.classList.add("invisible");
         else
-            rowElem.removeClass("invisible");
+            rowElem.classList.remove("invisible");
     };
 
     /**
@@ -692,7 +692,7 @@ window.qBittorrent.PropFiles ??= (() => {
         if (isCollapsed)
             collapseIcon.classList.add("rotate");
         else
-            collapseIcon.removeClass("rotate");
+            collapseIcon.classList.remove("rotate");
     };
 
     const _isCollapsed = (node) => {

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

@@ -18,32 +18,32 @@
 
         $("aboutAboutLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutAboutContent").removeClass("invisible");
+            $("aboutAboutContent").classList.remove("invisible");
         });
 
         $("aboutAuthorLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutAuthorContent").removeClass("invisible");
+            $("aboutAuthorContent").classList.remove("invisible");
         });
 
         $("aboutSpecialThanksLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutSpecialThanksContent").removeClass("invisible");
+            $("aboutSpecialThanksContent").classList.remove("invisible");
         });
 
         $("aboutTranslatorsLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutTranslatorsContent").removeClass("invisible");
+            $("aboutTranslatorsContent").classList.remove("invisible");
         });
 
         $("aboutLicenseLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutLicenseContent").removeClass("invisible");
+            $("aboutLicenseContent").classList.remove("invisible");
         });
 
         $("aboutSoftwareUsedLink").addEventListener("click", () => {
             $$(".aboutTabContent").forEach(tab => { tab.classList.add("invisible"); });
-            $("aboutSoftwareUsedContent").removeClass("invisible");
+            $("aboutSoftwareUsedContent").classList.remove("invisible");
         });
     })();
 </script>

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

@@ -306,14 +306,14 @@
             currentSelectedTab = tab;
             if (currentSelectedTab === "main") {
                 selectBox.enable();
-                $("logMessageView").removeClass("invisible");
+                $("logMessageView").classList.remove("invisible");
                 $("logPeerView").classList.add("invisible");
                 resetTableTimer("peer");
             }
             else {
                 selectBox.disable();
                 $("logMessageView").classList.add("invisible");
-                $("logPeerView").removeClass("invisible");
+                $("logPeerView").classList.remove("invisible");
                 resetTableTimer("main");
             }
 

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

@@ -38,35 +38,35 @@
 
         $("PrefBehaviorLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("BehaviorTab").removeClass("invisible");
+            $("BehaviorTab").classList.remove("invisible");
         });
         $("PrefDownloadsLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("DownloadsTab").removeClass("invisible");
+            $("DownloadsTab").classList.remove("invisible");
         });
         $("PrefConnectionLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("ConnectionTab").removeClass("invisible");
+            $("ConnectionTab").classList.remove("invisible");
         });
         $("PrefSpeedLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("SpeedTab").removeClass("invisible");
+            $("SpeedTab").classList.remove("invisible");
         });
         $("PrefBittorrentLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("BittorrentTab").removeClass("invisible");
+            $("BittorrentTab").classList.remove("invisible");
         });
         $("PrefRSSLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("RSSTab").removeClass("invisible");
+            $("RSSTab").classList.remove("invisible");
         });
         $("PrefWebUILink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("WebUITab").removeClass("invisible");
+            $("WebUITab").classList.remove("invisible");
         });
         $("PrefAdvancedLink").addEventListener("click", (e) => {
             $$(".PrefTab").forEach(tab => { tab.classList.add("invisible"); });
-            $("AdvancedTab").removeClass("invisible");
+            $("AdvancedTab").classList.remove("invisible");
         });
     })();
 </script>

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

@@ -215,7 +215,7 @@
             const pref = window.parent.qBittorrent.Cache.preferences.get();
 
             if (!pref.rss_processing_enabled)
-                $("rssFetchingDisabled").removeClass("invisible");
+                $("rssFetchingDisabled").classList.remove("invisible");
 
             const rssFeedContextMenu = new window.qBittorrent.ContextMenu.RssFeedContextMenu({
                 targets: "#rssFeedTableDiv tr",

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

@@ -370,7 +370,7 @@ Supports the formats: S01E01, 1x1, 2017.12.31 and 31.12.2017 (Date formats also
             const pref = window.parent.qBittorrent.Cache.preferences.get();
 
             if (!pref.rss_auto_downloading_enabled)
-                $("rssDownloaderDisabled").removeClass("invisible");
+                $("rssDownloaderDisabled").classList.remove("invisible");
 
             // recalculate height
             const warningHeight = $("rssDownloaderDisabled").getBoundingClientRect().height;