mirror of
https://github.com/qbittorrent/qBittorrent.git
synced 2025-12-17 22:18:05 -06:00
WebUI: Use native function for selecting elements by ID
This commit is contained in:
skomerko
@@ -180,15 +180,15 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
let isRssPanelLoaded = false;
|
||||
|
||||
const saveColumnSizes = () => {
|
||||
const filters_width = $("Filters").getSize().x;
|
||||
const filters_width = document.getElementById("Filters").getSize().x;
|
||||
LocalPreferences.set("filters_width", filters_width);
|
||||
const properties_height_rel = $("propertiesPanel").getSize().y / Window.getSize().y;
|
||||
const properties_height_rel = document.getElementById("propertiesPanel").getSize().y / Window.getSize().y;
|
||||
LocalPreferences.set("properties_height_rel", properties_height_rel);
|
||||
};
|
||||
|
||||
window.addEventListener("resize", window.qBittorrent.Misc.createDebounceHandler(500, (e) => {
|
||||
// only save sizes if the columns are visible
|
||||
if (!$("mainColumn").classList.contains("invisible"))
|
||||
if (!document.getElementById("mainColumn").classList.contains("invisible"))
|
||||
saveColumnSizes();
|
||||
}));
|
||||
|
||||
@@ -221,7 +221,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
});
|
||||
|
||||
// start off hidden
|
||||
$("searchTabColumn").classList.add("invisible");
|
||||
document.getElementById("searchTabColumn").classList.add("invisible");
|
||||
};
|
||||
|
||||
const buildRssTab = () => {
|
||||
@@ -232,7 +232,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
});
|
||||
|
||||
// start off hidden
|
||||
$("rssTabColumn").classList.add("invisible");
|
||||
document.getElementById("rssTabColumn").classList.add("invisible");
|
||||
};
|
||||
|
||||
const buildLogTab = () => {
|
||||
@@ -243,7 +243,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
});
|
||||
|
||||
// start off hidden
|
||||
$("logTabColumn").classList.add("invisible");
|
||||
document.getElementById("logTabColumn").classList.add("invisible");
|
||||
};
|
||||
|
||||
buildTransfersTab();
|
||||
@@ -342,28 +342,28 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
// Show Top Toolbar is enabled by default
|
||||
let showTopToolbar = LocalPreferences.get("show_top_toolbar", "true") === "true";
|
||||
if (!showTopToolbar) {
|
||||
$("showTopToolbarLink").firstElementChild.style.opacity = "0";
|
||||
$("mochaToolbar").classList.add("invisible");
|
||||
document.getElementById("showTopToolbarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("mochaToolbar").classList.add("invisible");
|
||||
}
|
||||
|
||||
// Show Status Bar is enabled by default
|
||||
let showStatusBar = LocalPreferences.get("show_status_bar", "true") === "true";
|
||||
if (!showStatusBar) {
|
||||
$("showStatusBarLink").firstElementChild.style.opacity = "0";
|
||||
$("desktopFooterWrapper").classList.add("invisible");
|
||||
document.getElementById("showStatusBarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("desktopFooterWrapper").classList.add("invisible");
|
||||
}
|
||||
|
||||
// Show Filters Sidebar is enabled by default
|
||||
let showFiltersSidebar = LocalPreferences.get("show_filters_sidebar", "true") === "true";
|
||||
if (!showFiltersSidebar) {
|
||||
$("showFiltersSidebarLink").firstElementChild.style.opacity = "0";
|
||||
$("filtersColumn").classList.add("invisible");
|
||||
$("filtersColumn_handle").classList.add("invisible");
|
||||
document.getElementById("showFiltersSidebarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("filtersColumn").classList.add("invisible");
|
||||
document.getElementById("filtersColumn_handle").classList.add("invisible");
|
||||
}
|
||||
|
||||
let speedInTitle = LocalPreferences.get("speed_in_browser_title_bar") === "true";
|
||||
if (!speedInTitle)
|
||||
$("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "0";
|
||||
|
||||
// After showing/hiding the toolbar + status bar
|
||||
window.qBittorrent.Client.showSearchEngine(LocalPreferences.get("show_search_engine") !== "false");
|
||||
@@ -614,7 +614,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
};
|
||||
|
||||
const updateTagList = () => {
|
||||
const tagFilterList = $("tagFilterList");
|
||||
const tagFilterList = document.getElementById("tagFilterList");
|
||||
if (tagFilterList === null)
|
||||
return;
|
||||
|
||||
@@ -667,7 +667,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
};
|
||||
|
||||
const updateTrackerList = () => {
|
||||
const trackerFilterList = $("trackerFilterList");
|
||||
const trackerFilterList = document.getElementById("trackerFilterList");
|
||||
if (trackerFilterList === null)
|
||||
return;
|
||||
|
||||
@@ -763,7 +763,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
})
|
||||
.then(async (response) => {
|
||||
if (response.ok) {
|
||||
$("error_div").textContent = "";
|
||||
document.getElementById("error_div").textContent = "";
|
||||
|
||||
const responseJSON = await response.json();
|
||||
|
||||
@@ -933,7 +933,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
syncData(window.qBittorrent.Client.getSyncMainDataInterval());
|
||||
},
|
||||
(error) => {
|
||||
const errorDiv = $("error_div");
|
||||
const errorDiv = document.getElementById("error_div");
|
||||
if (errorDiv)
|
||||
errorDiv.textContent = "QBT_TR(qBittorrent client is not reachable)QBT_TR[CONTEXT=HttpServer]";
|
||||
syncRequestInProgress = false;
|
||||
@@ -964,12 +964,12 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
if (serverState.dl_rate_limit > 0)
|
||||
transfer_info += ` [${window.qBittorrent.Misc.friendlyUnit(serverState.dl_rate_limit, true)}]`;
|
||||
transfer_info += ` (${window.qBittorrent.Misc.friendlyUnit(serverState.dl_info_data, false)})`;
|
||||
$("DlInfos").textContent = transfer_info;
|
||||
document.getElementById("DlInfos").textContent = transfer_info;
|
||||
transfer_info = window.qBittorrent.Misc.friendlyUnit(serverState.up_info_speed, true);
|
||||
if (serverState.up_rate_limit > 0)
|
||||
transfer_info += ` [${window.qBittorrent.Misc.friendlyUnit(serverState.up_rate_limit, true)}]`;
|
||||
transfer_info += ` (${window.qBittorrent.Misc.friendlyUnit(serverState.up_info_data, false)})`;
|
||||
$("UpInfos").textContent = transfer_info;
|
||||
document.getElementById("UpInfos").textContent = transfer_info;
|
||||
|
||||
document.title = (speedInTitle
|
||||
? (`QBT_TR([D: %1, U: %2])QBT_TR[CONTEXT=MainWindow] `
|
||||
@@ -978,7 +978,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
: "")
|
||||
+ window.qBittorrent.Client.mainTitle();
|
||||
|
||||
$("freeSpaceOnDisk").textContent = "QBT_TR(Free space: %1)QBT_TR[CONTEXT=HttpServer]".replace("%1", window.qBittorrent.Misc.friendlyUnit(serverState.free_space_on_disk));
|
||||
document.getElementById("freeSpaceOnDisk").textContent = "QBT_TR(Free space: %1)QBT_TR[CONTEXT=HttpServer]".replace("%1", window.qBittorrent.Misc.friendlyUnit(serverState.free_space_on_disk));
|
||||
|
||||
const externalIPsElement = document.getElementById("externalIPs");
|
||||
if (window.qBittorrent.Cache.preferences.get().status_bar_external_ip) {
|
||||
@@ -1015,35 +1015,35 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
// Statistics dialog
|
||||
if (document.getElementById("statisticsContent")) {
|
||||
$("AlltimeDL").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.alltime_dl, false);
|
||||
$("AlltimeUL").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.alltime_ul, false);
|
||||
$("TotalWastedSession").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_wasted_session, false);
|
||||
$("GlobalRatio").textContent = serverState.global_ratio;
|
||||
$("TotalPeerConnections").textContent = serverState.total_peer_connections;
|
||||
$("ReadCacheHits").textContent = `${serverState.read_cache_hits}%`;
|
||||
$("TotalBuffersSize").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_buffers_size, false);
|
||||
$("WriteCacheOverload").textContent = `${serverState.write_cache_overload}%`;
|
||||
$("ReadCacheOverload").textContent = `${serverState.read_cache_overload}%`;
|
||||
$("QueuedIOJobs").textContent = serverState.queued_io_jobs;
|
||||
$("AverageTimeInQueue").textContent = `${serverState.average_time_queue} ms`;
|
||||
$("TotalQueuedSize").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_queued_size, false);
|
||||
document.getElementById("AlltimeDL").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.alltime_dl, false);
|
||||
document.getElementById("AlltimeUL").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.alltime_ul, false);
|
||||
document.getElementById("TotalWastedSession").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_wasted_session, false);
|
||||
document.getElementById("GlobalRatio").textContent = serverState.global_ratio;
|
||||
document.getElementById("TotalPeerConnections").textContent = serverState.total_peer_connections;
|
||||
document.getElementById("ReadCacheHits").textContent = `${serverState.read_cache_hits}%`;
|
||||
document.getElementById("TotalBuffersSize").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_buffers_size, false);
|
||||
document.getElementById("WriteCacheOverload").textContent = `${serverState.write_cache_overload}%`;
|
||||
document.getElementById("ReadCacheOverload").textContent = `${serverState.read_cache_overload}%`;
|
||||
document.getElementById("QueuedIOJobs").textContent = serverState.queued_io_jobs;
|
||||
document.getElementById("AverageTimeInQueue").textContent = `${serverState.average_time_queue} ms`;
|
||||
document.getElementById("TotalQueuedSize").textContent = window.qBittorrent.Misc.friendlyUnit(serverState.total_queued_size, false);
|
||||
}
|
||||
|
||||
switch (serverState.connection_status) {
|
||||
case "connected":
|
||||
$("connectionStatus").src = "images/connected.svg";
|
||||
$("connectionStatus").alt = "QBT_TR(Connection status: Connected)QBT_TR[CONTEXT=MainWindow]";
|
||||
$("connectionStatus").title = "QBT_TR(Connection status: Connected)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").src = "images/connected.svg";
|
||||
document.getElementById("connectionStatus").alt = "QBT_TR(Connection status: Connected)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").title = "QBT_TR(Connection status: Connected)QBT_TR[CONTEXT=MainWindow]";
|
||||
break;
|
||||
case "firewalled":
|
||||
$("connectionStatus").src = "images/firewalled.svg";
|
||||
$("connectionStatus").alt = "QBT_TR(Connection status: Firewalled)QBT_TR[CONTEXT=MainWindow]";
|
||||
$("connectionStatus").title = "QBT_TR(Connection status: Firewalled)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").src = "images/firewalled.svg";
|
||||
document.getElementById("connectionStatus").alt = "QBT_TR(Connection status: Firewalled)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").title = "QBT_TR(Connection status: Firewalled)QBT_TR[CONTEXT=MainWindow]";
|
||||
break;
|
||||
default:
|
||||
$("connectionStatus").src = "images/disconnected.svg";
|
||||
$("connectionStatus").alt = "QBT_TR(Connection status: Disconnected)QBT_TR[CONTEXT=MainWindow]";
|
||||
$("connectionStatus").title = "QBT_TR(Connection status: Disconnected)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").src = "images/disconnected.svg";
|
||||
document.getElementById("connectionStatus").alt = "QBT_TR(Connection status: Disconnected)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("connectionStatus").title = "QBT_TR(Connection status: Disconnected)QBT_TR[CONTEXT=MainWindow]";
|
||||
break;
|
||||
}
|
||||
|
||||
@@ -1052,20 +1052,20 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
torrentsTable.columns["priority"].force_hide = !queueing_enabled;
|
||||
torrentsTable.updateColumn("priority");
|
||||
if (queueing_enabled) {
|
||||
$("topQueuePosItem").classList.remove("invisible");
|
||||
$("increaseQueuePosItem").classList.remove("invisible");
|
||||
$("decreaseQueuePosItem").classList.remove("invisible");
|
||||
$("bottomQueuePosItem").classList.remove("invisible");
|
||||
$("queueingButtons").classList.remove("invisible");
|
||||
$("queueingMenuItems").classList.remove("invisible");
|
||||
document.getElementById("topQueuePosItem").classList.remove("invisible");
|
||||
document.getElementById("increaseQueuePosItem").classList.remove("invisible");
|
||||
document.getElementById("decreaseQueuePosItem").classList.remove("invisible");
|
||||
document.getElementById("bottomQueuePosItem").classList.remove("invisible");
|
||||
document.getElementById("queueingButtons").classList.remove("invisible");
|
||||
document.getElementById("queueingMenuItems").classList.remove("invisible");
|
||||
}
|
||||
else {
|
||||
$("topQueuePosItem").classList.add("invisible");
|
||||
$("increaseQueuePosItem").classList.add("invisible");
|
||||
$("decreaseQueuePosItem").classList.add("invisible");
|
||||
$("bottomQueuePosItem").classList.add("invisible");
|
||||
$("queueingButtons").classList.add("invisible");
|
||||
$("queueingMenuItems").classList.add("invisible");
|
||||
document.getElementById("topQueuePosItem").classList.add("invisible");
|
||||
document.getElementById("increaseQueuePosItem").classList.add("invisible");
|
||||
document.getElementById("decreaseQueuePosItem").classList.add("invisible");
|
||||
document.getElementById("bottomQueuePosItem").classList.add("invisible");
|
||||
document.getElementById("queueingButtons").classList.add("invisible");
|
||||
document.getElementById("queueingMenuItems").classList.add("invisible");
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1084,18 +1084,18 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
const updateAltSpeedIcon = (enabled) => {
|
||||
if (enabled) {
|
||||
$("alternativeSpeedLimits").src = "images/slow.svg";
|
||||
$("alternativeSpeedLimits").alt = "QBT_TR(Alternative speed limits: On)QBT_TR[CONTEXT=MainWindow]";
|
||||
$("alternativeSpeedLimits").title = "QBT_TR(Alternative speed limits: On)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("alternativeSpeedLimits").src = "images/slow.svg";
|
||||
document.getElementById("alternativeSpeedLimits").alt = "QBT_TR(Alternative speed limits: On)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("alternativeSpeedLimits").title = "QBT_TR(Alternative speed limits: On)QBT_TR[CONTEXT=MainWindow]";
|
||||
}
|
||||
else {
|
||||
$("alternativeSpeedLimits").src = "images/slow_off.svg";
|
||||
$("alternativeSpeedLimits").alt = "QBT_TR(Alternative speed limits: Off)QBT_TR[CONTEXT=MainWindow]";
|
||||
$("alternativeSpeedLimits").title = "QBT_TR(Alternative speed limits: Off)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("alternativeSpeedLimits").src = "images/slow_off.svg";
|
||||
document.getElementById("alternativeSpeedLimits").alt = "QBT_TR(Alternative speed limits: Off)QBT_TR[CONTEXT=MainWindow]";
|
||||
document.getElementById("alternativeSpeedLimits").title = "QBT_TR(Alternative speed limits: Off)QBT_TR[CONTEXT=MainWindow]";
|
||||
}
|
||||
};
|
||||
|
||||
$("alternativeSpeedLimits").addEventListener("click", () => {
|
||||
document.getElementById("alternativeSpeedLimits").addEventListener("click", () => {
|
||||
// Change icon immediately to give some feedback
|
||||
updateAltSpeedIcon(!alternativeSpeedLimits);
|
||||
|
||||
@@ -1114,33 +1114,33 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
});
|
||||
});
|
||||
|
||||
$("DlInfos").addEventListener("click", () => { globalDownloadLimitFN(); });
|
||||
$("UpInfos").addEventListener("click", () => { globalUploadLimitFN(); });
|
||||
document.getElementById("DlInfos").addEventListener("click", () => { globalDownloadLimitFN(); });
|
||||
document.getElementById("UpInfos").addEventListener("click", () => { globalUploadLimitFN(); });
|
||||
|
||||
$("showTopToolbarLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showTopToolbarLink").addEventListener("click", (e) => {
|
||||
showTopToolbar = !showTopToolbar;
|
||||
LocalPreferences.set("show_top_toolbar", showTopToolbar.toString());
|
||||
if (showTopToolbar) {
|
||||
$("showTopToolbarLink").firstElementChild.style.opacity = "1";
|
||||
$("mochaToolbar").classList.remove("invisible");
|
||||
document.getElementById("showTopToolbarLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("mochaToolbar").classList.remove("invisible");
|
||||
}
|
||||
else {
|
||||
$("showTopToolbarLink").firstElementChild.style.opacity = "0";
|
||||
$("mochaToolbar").classList.add("invisible");
|
||||
document.getElementById("showTopToolbarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("mochaToolbar").classList.add("invisible");
|
||||
}
|
||||
MochaUI.Desktop.setDesktopSize();
|
||||
});
|
||||
|
||||
$("showStatusBarLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showStatusBarLink").addEventListener("click", (e) => {
|
||||
showStatusBar = !showStatusBar;
|
||||
LocalPreferences.set("show_status_bar", showStatusBar.toString());
|
||||
if (showStatusBar) {
|
||||
$("showStatusBarLink").firstElementChild.style.opacity = "1";
|
||||
$("desktopFooterWrapper").classList.remove("invisible");
|
||||
document.getElementById("showStatusBarLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("desktopFooterWrapper").classList.remove("invisible");
|
||||
}
|
||||
else {
|
||||
$("showStatusBarLink").firstElementChild.style.opacity = "0";
|
||||
$("desktopFooterWrapper").classList.add("invisible");
|
||||
document.getElementById("showStatusBarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("desktopFooterWrapper").classList.add("invisible");
|
||||
}
|
||||
MochaUI.Desktop.setDesktopSize();
|
||||
});
|
||||
@@ -1164,49 +1164,49 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
navigator.registerProtocolHandler("magnet", templateUrl,
|
||||
"qBittorrent WebUI magnet handler");
|
||||
};
|
||||
$("registerMagnetHandlerLink").addEventListener("click", (e) => {
|
||||
document.getElementById("registerMagnetHandlerLink").addEventListener("click", (e) => {
|
||||
registerMagnetHandler();
|
||||
});
|
||||
|
||||
$("showFiltersSidebarLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showFiltersSidebarLink").addEventListener("click", (e) => {
|
||||
showFiltersSidebar = !showFiltersSidebar;
|
||||
LocalPreferences.set("show_filters_sidebar", showFiltersSidebar.toString());
|
||||
if (showFiltersSidebar) {
|
||||
$("showFiltersSidebarLink").firstElementChild.style.opacity = "1";
|
||||
$("filtersColumn").classList.remove("invisible");
|
||||
$("filtersColumn_handle").classList.remove("invisible");
|
||||
document.getElementById("showFiltersSidebarLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("filtersColumn").classList.remove("invisible");
|
||||
document.getElementById("filtersColumn_handle").classList.remove("invisible");
|
||||
}
|
||||
else {
|
||||
$("showFiltersSidebarLink").firstElementChild.style.opacity = "0";
|
||||
$("filtersColumn").classList.add("invisible");
|
||||
$("filtersColumn_handle").classList.add("invisible");
|
||||
document.getElementById("showFiltersSidebarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("filtersColumn").classList.add("invisible");
|
||||
document.getElementById("filtersColumn_handle").classList.add("invisible");
|
||||
}
|
||||
MochaUI.Desktop.setDesktopSize();
|
||||
});
|
||||
|
||||
$("speedInBrowserTitleBarLink").addEventListener("click", (e) => {
|
||||
document.getElementById("speedInBrowserTitleBarLink").addEventListener("click", (e) => {
|
||||
speedInTitle = !speedInTitle;
|
||||
LocalPreferences.set("speed_in_browser_title_bar", speedInTitle.toString());
|
||||
if (speedInTitle)
|
||||
$("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "1";
|
||||
else
|
||||
$("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("speedInBrowserTitleBarLink").firstElementChild.style.opacity = "0";
|
||||
processServerState();
|
||||
});
|
||||
|
||||
$("showSearchEngineLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showSearchEngineLink").addEventListener("click", (e) => {
|
||||
window.qBittorrent.Client.showSearchEngine(!window.qBittorrent.Client.isShowSearchEngine());
|
||||
LocalPreferences.set("show_search_engine", window.qBittorrent.Client.isShowSearchEngine().toString());
|
||||
updateTabDisplay();
|
||||
});
|
||||
|
||||
$("showRssReaderLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showRssReaderLink").addEventListener("click", (e) => {
|
||||
window.qBittorrent.Client.showRssReader(!window.qBittorrent.Client.isShowRssReader());
|
||||
LocalPreferences.set("show_rss_reader", window.qBittorrent.Client.isShowRssReader().toString());
|
||||
updateTabDisplay();
|
||||
});
|
||||
|
||||
$("showLogViewerLink").addEventListener("click", (e) => {
|
||||
document.getElementById("showLogViewerLink").addEventListener("click", (e) => {
|
||||
window.qBittorrent.Client.showLogViewer(!window.qBittorrent.Client.isShowLogViewer());
|
||||
LocalPreferences.set("show_log_viewer", window.qBittorrent.Client.isShowLogViewer().toString());
|
||||
updateTabDisplay();
|
||||
@@ -1214,64 +1214,64 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
const updateTabDisplay = () => {
|
||||
if (window.qBittorrent.Client.isShowRssReader()) {
|
||||
$("showRssReaderLink").firstElementChild.style.opacity = "1";
|
||||
$("mainWindowTabs").classList.remove("invisible");
|
||||
$("rssTabLink").classList.remove("invisible");
|
||||
document.getElementById("showRssReaderLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("mainWindowTabs").classList.remove("invisible");
|
||||
document.getElementById("rssTabLink").classList.remove("invisible");
|
||||
if (!MochaUI.Panels.instances.RssPanel)
|
||||
addRssPanel();
|
||||
}
|
||||
else {
|
||||
$("showRssReaderLink").firstElementChild.style.opacity = "0";
|
||||
$("rssTabLink").classList.add("invisible");
|
||||
if ($("rssTabLink").classList.contains("selected"))
|
||||
$("transfersTabLink").click();
|
||||
document.getElementById("showRssReaderLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("rssTabLink").classList.add("invisible");
|
||||
if (document.getElementById("rssTabLink").classList.contains("selected"))
|
||||
document.getElementById("transfersTabLink").click();
|
||||
}
|
||||
|
||||
if (window.qBittorrent.Client.isShowSearchEngine()) {
|
||||
$("showSearchEngineLink").firstElementChild.style.opacity = "1";
|
||||
$("mainWindowTabs").classList.remove("invisible");
|
||||
$("searchTabLink").classList.remove("invisible");
|
||||
document.getElementById("showSearchEngineLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("mainWindowTabs").classList.remove("invisible");
|
||||
document.getElementById("searchTabLink").classList.remove("invisible");
|
||||
if (!MochaUI.Panels.instances.SearchPanel)
|
||||
addSearchPanel();
|
||||
}
|
||||
else {
|
||||
$("showSearchEngineLink").firstElementChild.style.opacity = "0";
|
||||
$("searchTabLink").classList.add("invisible");
|
||||
if ($("searchTabLink").classList.contains("selected"))
|
||||
$("transfersTabLink").click();
|
||||
document.getElementById("showSearchEngineLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("searchTabLink").classList.add("invisible");
|
||||
if (document.getElementById("searchTabLink").classList.contains("selected"))
|
||||
document.getElementById("transfersTabLink").click();
|
||||
}
|
||||
|
||||
if (window.qBittorrent.Client.isShowLogViewer()) {
|
||||
$("showLogViewerLink").firstElementChild.style.opacity = "1";
|
||||
$("mainWindowTabs").classList.remove("invisible");
|
||||
$("logTabLink").classList.remove("invisible");
|
||||
document.getElementById("showLogViewerLink").firstElementChild.style.opacity = "1";
|
||||
document.getElementById("mainWindowTabs").classList.remove("invisible");
|
||||
document.getElementById("logTabLink").classList.remove("invisible");
|
||||
if (!MochaUI.Panels.instances.LogPanel)
|
||||
addLogPanel();
|
||||
}
|
||||
else {
|
||||
$("showLogViewerLink").firstElementChild.style.opacity = "0";
|
||||
$("logTabLink").classList.add("invisible");
|
||||
if ($("logTabLink").classList.contains("selected"))
|
||||
$("transfersTabLink").click();
|
||||
document.getElementById("showLogViewerLink").firstElementChild.style.opacity = "0";
|
||||
document.getElementById("logTabLink").classList.add("invisible");
|
||||
if (document.getElementById("logTabLink").classList.contains("selected"))
|
||||
document.getElementById("transfersTabLink").click();
|
||||
}
|
||||
|
||||
// display no tabs
|
||||
if (!window.qBittorrent.Client.isShowRssReader() && !window.qBittorrent.Client.isShowSearchEngine() && !window.qBittorrent.Client.isShowLogViewer())
|
||||
$("mainWindowTabs").classList.add("invisible");
|
||||
document.getElementById("mainWindowTabs").classList.add("invisible");
|
||||
};
|
||||
|
||||
$("StatisticsLink").addEventListener("click", () => { StatisticsLinkFN(); });
|
||||
document.getElementById("StatisticsLink").addEventListener("click", () => { StatisticsLinkFN(); });
|
||||
|
||||
// main window tabs
|
||||
|
||||
const showTransfersTab = () => {
|
||||
const showFiltersSidebar = LocalPreferences.get("show_filters_sidebar", "true") === "true";
|
||||
if (showFiltersSidebar) {
|
||||
$("filtersColumn").classList.remove("invisible");
|
||||
$("filtersColumn_handle").classList.remove("invisible");
|
||||
document.getElementById("filtersColumn").classList.remove("invisible");
|
||||
document.getElementById("filtersColumn_handle").classList.remove("invisible");
|
||||
}
|
||||
$("mainColumn").classList.remove("invisible");
|
||||
$("torrentsFilterToolbar").classList.remove("invisible");
|
||||
document.getElementById("mainColumn").classList.remove("invisible");
|
||||
document.getElementById("torrentsFilterToolbar").classList.remove("invisible");
|
||||
|
||||
customSyncMainDataInterval = null;
|
||||
syncData(100);
|
||||
@@ -1284,10 +1284,10 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
};
|
||||
|
||||
const hideTransfersTab = () => {
|
||||
$("filtersColumn").classList.add("invisible");
|
||||
$("filtersColumn_handle").classList.add("invisible");
|
||||
$("mainColumn").classList.add("invisible");
|
||||
$("torrentsFilterToolbar").classList.add("invisible");
|
||||
document.getElementById("filtersColumn").classList.add("invisible");
|
||||
document.getElementById("filtersColumn_handle").classList.add("invisible");
|
||||
document.getElementById("mainColumn").classList.add("invisible");
|
||||
document.getElementById("torrentsFilterToolbar").classList.add("invisible");
|
||||
MochaUI.Desktop.resizePanels();
|
||||
};
|
||||
|
||||
@@ -1310,7 +1310,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
searchTabInitialized = true;
|
||||
}
|
||||
|
||||
$("searchTabColumn").classList.remove("invisible");
|
||||
document.getElementById("searchTabColumn").classList.remove("invisible");
|
||||
customSyncMainDataInterval = 30000;
|
||||
hideTransfersTab();
|
||||
hideRssTab();
|
||||
@@ -1321,7 +1321,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
})();
|
||||
|
||||
const hideSearchTab = () => {
|
||||
$("searchTabColumn").classList.add("invisible");
|
||||
document.getElementById("searchTabColumn").classList.add("invisible");
|
||||
MochaUI.Desktop.resizePanels();
|
||||
};
|
||||
|
||||
@@ -1347,7 +1347,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
window.qBittorrent.Rss.load();
|
||||
}
|
||||
|
||||
$("rssTabColumn").classList.remove("invisible");
|
||||
document.getElementById("rssTabColumn").classList.remove("invisible");
|
||||
customSyncMainDataInterval = 30000;
|
||||
hideTransfersTab();
|
||||
hideSearchTab();
|
||||
@@ -1358,7 +1358,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
})();
|
||||
|
||||
const hideRssTab = () => {
|
||||
$("rssTabColumn").classList.add("invisible");
|
||||
document.getElementById("rssTabColumn").classList.add("invisible");
|
||||
window.qBittorrent.Rss && window.qBittorrent.Rss.unload();
|
||||
MochaUI.Desktop.resizePanels();
|
||||
};
|
||||
@@ -1385,7 +1385,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
window.qBittorrent.Log.load();
|
||||
}
|
||||
|
||||
$("logTabColumn").classList.remove("invisible");
|
||||
document.getElementById("logTabColumn").classList.remove("invisible");
|
||||
customSyncMainDataInterval = 30000;
|
||||
hideTransfersTab();
|
||||
hideSearchTab();
|
||||
@@ -1396,7 +1396,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
})();
|
||||
|
||||
const hideLogTab = () => {
|
||||
$("logTabColumn").classList.add("invisible");
|
||||
document.getElementById("logTabColumn").classList.add("invisible");
|
||||
MochaUI.Desktop.resizePanels();
|
||||
window.qBittorrent.Log && window.qBittorrent.Log.unload();
|
||||
};
|
||||
@@ -1472,11 +1472,11 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
tabsOnload: () => {
|
||||
MochaUI.initializeTabs("panelTabs");
|
||||
|
||||
$("logMessageLink").addEventListener("click", (e) => {
|
||||
document.getElementById("logMessageLink").addEventListener("click", (e) => {
|
||||
window.qBittorrent.Log.setCurrentTab("main");
|
||||
});
|
||||
|
||||
$("logPeerLink").addEventListener("click", (e) => {
|
||||
document.getElementById("logPeerLink").addEventListener("click", (e) => {
|
||||
window.qBittorrent.Log.setCurrentTab("peer");
|
||||
});
|
||||
},
|
||||
@@ -1618,7 +1618,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
// listen for changes to torrentsFilterInput
|
||||
let torrentsFilterInputTimer = -1;
|
||||
$("torrentsFilterInput").addEventListener("input", () => {
|
||||
document.getElementById("torrentsFilterInput").addEventListener("input", () => {
|
||||
clearTimeout(torrentsFilterInputTimer);
|
||||
torrentsFilterInputTimer = setTimeout(() => {
|
||||
torrentsFilterInputTimer = -1;
|
||||
@@ -1628,24 +1628,24 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
|
||||
document.getElementById("torrentsFilterToolbar").addEventListener("change", (e) => { torrentsTable.updateTable(); });
|
||||
|
||||
$("transfersTabLink").addEventListener("click", () => { showTransfersTab(); });
|
||||
$("searchTabLink").addEventListener("click", () => { showSearchTab(); });
|
||||
$("rssTabLink").addEventListener("click", () => { showRssTab(); });
|
||||
$("logTabLink").addEventListener("click", () => { showLogTab(); });
|
||||
document.getElementById("transfersTabLink").addEventListener("click", () => { showTransfersTab(); });
|
||||
document.getElementById("searchTabLink").addEventListener("click", () => { showSearchTab(); });
|
||||
document.getElementById("rssTabLink").addEventListener("click", () => { showRssTab(); });
|
||||
document.getElementById("logTabLink").addEventListener("click", () => { showLogTab(); });
|
||||
updateTabDisplay();
|
||||
|
||||
const registerDragAndDrop = () => {
|
||||
$("desktop").addEventListener("dragover", (ev) => {
|
||||
document.getElementById("desktop").addEventListener("dragover", (ev) => {
|
||||
if (ev.preventDefault)
|
||||
ev.preventDefault();
|
||||
});
|
||||
|
||||
$("desktop").addEventListener("dragenter", (ev) => {
|
||||
document.getElementById("desktop").addEventListener("dragenter", (ev) => {
|
||||
if (ev.preventDefault)
|
||||
ev.preventDefault();
|
||||
});
|
||||
|
||||
$("desktop").addEventListener("drop", (ev) => {
|
||||
document.getElementById("desktop").addEventListener("drop", (ev) => {
|
||||
if (ev.preventDefault)
|
||||
ev.preventDefault();
|
||||
|
||||
@@ -1679,7 +1679,7 @@ window.addEventListener("DOMContentLoaded", () => {
|
||||
saveWindowSize(id);
|
||||
}),
|
||||
onContentLoaded: () => {
|
||||
const fileInput = $(`${id}_iframe`).contentDocument.getElementById("fileselect");
|
||||
const fileInput = document.getElementById(`${id}_iframe`).contentDocument.getElementById("fileselect");
|
||||
fileInput.files = droppedFiles;
|
||||
}
|
||||
});
|
||||
@@ -1801,22 +1801,22 @@ window.addEventListener("load", async () => {
|
||||
switch (previouslyUsedTab) {
|
||||
case "search":
|
||||
if (window.qBittorrent.Client.isShowSearchEngine())
|
||||
$("searchTabLink").click();
|
||||
document.getElementById("searchTabLink").click();
|
||||
break;
|
||||
case "rss":
|
||||
if (window.qBittorrent.Client.isShowRssReader())
|
||||
$("rssTabLink").click();
|
||||
document.getElementById("rssTabLink").click();
|
||||
break;
|
||||
case "log":
|
||||
if (window.qBittorrent.Client.isShowLogViewer())
|
||||
$("logTabLink").click();
|
||||
document.getElementById("logTabLink").click();
|
||||
break;
|
||||
case "transfers":
|
||||
$("transfersTabLink").click();
|
||||
document.getElementById("transfersTabLink").click();
|
||||
break;
|
||||
default:
|
||||
console.error(`Unexpected 'selected_window_tab' value: ${previouslyUsedTab}`);
|
||||
$("transfersTabLink").click();
|
||||
document.getElementById("transfersTabLink").click();
|
||||
break;
|
||||
};
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user