/* * MIT License * Copyright (C) 2024 Mike Tzou (Chocobo1) * Copyright (c) 2008 Ishan Arora , * Christophe Dumez * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ 'use strict'; if (window.qBittorrent === undefined) { window.qBittorrent = {}; } window.qBittorrent.Client = (() => { const exports = () => { return { closeWindows: closeWindows, genHash: genHash, getSyncMainDataInterval: getSyncMainDataInterval, isStopped: isStopped, stop: stop, mainTitle: mainTitle }; }; const closeWindows = function() { MochaUI.closeAll(); }; const genHash = function(string) { // origins: // https://stackoverflow.com/a/8831937 // https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0 let hash = 0; for (let i = 0; i < string.length; ++i) hash = ((Math.imul(hash, 31) + string.charCodeAt(i)) | 0); return hash; }; const getSyncMainDataInterval = function() { return customSyncMainDataInterval ? customSyncMainDataInterval : serverSyncMainDataInterval; }; let stopped = false; const isStopped = () => { return stopped; }; const stop = () => { stopped = true; }; const mainTitle = () => { const emDash = '\u2014'; const qbtVersion = window.qBittorrent.Cache.qbtVersion.get(); const suffix = window.qBittorrent.Cache.preferences.get()['app_instance_name'] || ''; const title = `qBittorrent ${qbtVersion} QBT_TR(WebUI)QBT_TR[CONTEXT=OptionsDialog]` + ((suffix.length > 0) ? ` ${emDash} ${suffix}` : ''); return title; }; return exports(); })(); Object.freeze(window.qBittorrent.Client); // TODO: move global functions/variables into some namespace/scope this.torrentsTable = new window.qBittorrent.DynamicTable.TorrentsTable(); let updatePropertiesPanel = function() {}; this.updateMainData = function() {}; let alternativeSpeedLimits = false; let queueing_enabled = true; let serverSyncMainDataInterval = 1500; let customSyncMainDataInterval = null; let useSubcategories = true; /* Categories filter */ const CATEGORIES_ALL = 1; const CATEGORIES_UNCATEGORIZED = 2; const category_list = new Map(); let selected_category = Number(LocalPreferences.get('selected_category', CATEGORIES_ALL)); let setCategoryFilter = function() {}; /* Tags filter */ const TAGS_ALL = 1; const TAGS_UNTAGGED = 2; const tagList = new Map(); let selectedTag = Number(LocalPreferences.get('selected_tag', TAGS_ALL)); let setTagFilter = function() {}; /* Trackers filter */ const TRACKERS_ALL = 1; const TRACKERS_TRACKERLESS = 2; /** @type Map}> **/ const trackerList = new Map(); let selectedTracker = LocalPreferences.get('selected_tracker', TRACKERS_ALL); let setTrackerFilter = function() {}; /* All filters */ let selected_filter = LocalPreferences.get('selected_filter', 'all'); let setFilter = function() {}; let toggleFilterDisplay = function() {}; window.addEventListener("DOMContentLoaded", function() { const saveColumnSizes = function() { const filters_width = $('Filters').getSize().x; const properties_height_rel = $('propertiesPanel').getSize().y / Window.getSize().y; LocalPreferences.set('filters_width', filters_width); LocalPreferences.set('properties_height_rel', properties_height_rel); }; window.addEvent('resize', function() { // only save sizes if the columns are visible if (!$("mainColumn").hasClass("invisible")) saveColumnSizes.delay(200); // Resizing might takes some time. }); /*MochaUI.Desktop = new MochaUI.Desktop(); MochaUI.Desktop.desktop.setStyles({ 'background': '#fff', 'visibility': 'visible' });*/ MochaUI.Desktop.initialize(); const buildTransfersTab = function() { let filt_w = LocalPreferences.get('filters_width'); if ($defined(filt_w)) filt_w = filt_w.toInt(); else filt_w = 120; new MochaUI.Column({ id: 'filtersColumn', placement: 'left', onResize: saveColumnSizes, width: filt_w, resizeLimit: [1, 300] }); new MochaUI.Column({ id: 'mainColumn', placement: 'main' }); }; const buildSearchTab = function() { new MochaUI.Column({ id: 'searchTabColumn', placement: 'main', width: null }); // start off hidden $("searchTabColumn").addClass("invisible"); }; const buildRssTab = function() { new MochaUI.Column({ id: 'rssTabColumn', placement: 'main', width: null }); // start off hidden $("rssTabColumn").addClass("invisible"); }; const buildLogTab = function() { new MochaUI.Column({ id: 'logTabColumn', placement: 'main', width: null }); // start off hidden $('logTabColumn').addClass('invisible'); }; buildTransfersTab(); buildSearchTab(); buildRssTab(); buildLogTab(); MochaUI.initializeTabs('mainWindowTabsList'); setCategoryFilter = function(hash) { selected_category = hash; LocalPreferences.set('selected_category', selected_category); highlightSelectedCategory(); if (typeof torrentsTable.tableBody != 'undefined') updateMainData(); }; setTagFilter = function(hash) { selectedTag = hash; LocalPreferences.set('selected_tag', selectedTag); highlightSelectedTag(); if (torrentsTable.tableBody !== undefined) updateMainData(); }; setTrackerFilter = function(hash) { selectedTracker = hash.toString(); LocalPreferences.set('selected_tracker', selectedTracker); highlightSelectedTracker(); if (torrentsTable.tableBody !== undefined) updateMainData(); }; setFilter = function(f) { // Visually Select the right filter $("all_filter").removeClass("selectedFilter"); $("downloading_filter").removeClass("selectedFilter"); $("seeding_filter").removeClass("selectedFilter"); $("completed_filter").removeClass("selectedFilter"); $("stopped_filter").removeClass("selectedFilter"); $("running_filter").removeClass("selectedFilter"); $("active_filter").removeClass("selectedFilter"); $("inactive_filter").removeClass("selectedFilter"); $("stalled_filter").removeClass("selectedFilter"); $("stalled_uploading_filter").removeClass("selectedFilter"); $("stalled_downloading_filter").removeClass("selectedFilter"); $("checking_filter").removeClass("selectedFilter"); $("moving_filter").removeClass("selectedFilter"); $("errored_filter").removeClass("selectedFilter"); $(f + "_filter").addClass("selectedFilter"); selected_filter = f; LocalPreferences.set('selected_filter', f); // Reload torrents if (typeof torrentsTable.tableBody != 'undefined') updateMainData(); }; toggleFilterDisplay = function(filter) { const element = filter + "FilterList"; LocalPreferences.set('filter_' + filter + "_collapsed", !$(element).hasClass("invisible")); $(element).toggleClass("invisible"); const parent = $(element).getParent(".filterWrapper"); const toggleIcon = $(parent).getChildren(".filterTitle img"); if (toggleIcon) toggleIcon[0].toggleClass("rotate"); }; new MochaUI.Panel({ id: 'Filters', title: 'Panel', header: false, padding: { top: 0, right: 0, bottom: 0, left: 0 }, loadMethod: 'xhr', contentURL: 'views/filters.html', onContentLoaded: function() { setFilter(selected_filter); }, column: 'filtersColumn', height: 300 }); initializeWindows(); // Show Top Toolbar is enabled by default let showTopToolbar = LocalPreferences.get('show_top_toolbar', 'true') === "true"; if (!showTopToolbar) { $('showTopToolbarLink').firstChild.style.opacity = '0'; $('mochaToolbar').addClass('invisible'); } // Show Status Bar is enabled by default let showStatusBar = LocalPreferences.get('show_status_bar', 'true') === "true"; if (!showStatusBar) { $('showStatusBarLink').firstChild.style.opacity = '0'; $('desktopFooterWrapper').addClass('invisible'); } // Show Filters Sidebar is enabled by default let showFiltersSidebar = LocalPreferences.get('show_filters_sidebar', 'true') === "true"; if (!showFiltersSidebar) { $('showFiltersSidebarLink').firstChild.style.opacity = '0'; $('filtersColumn').addClass('invisible'); $('filtersColumn_handle').addClass('invisible'); } let speedInTitle = LocalPreferences.get('speed_in_browser_title_bar') === "true"; if (!speedInTitle) $('speedInBrowserTitleBarLink').firstChild.style.opacity = '0'; // After showing/hiding the toolbar + status bar let showSearchEngine = LocalPreferences.get('show_search_engine') !== "false"; let showRssReader = LocalPreferences.get('show_rss_reader') !== "false"; let showLogViewer = LocalPreferences.get('show_log_viewer') === 'true'; // After Show Top Toolbar MochaUI.Desktop.setDesktopSize(); let syncMainDataLastResponseId = 0; const serverState = {}; const removeTorrentFromCategoryList = function(hash) { if (!hash) return false; let removed = false; category_list.forEach((category) => { const deleteResult = category.torrents.delete(hash); removed ||= deleteResult; }); return removed; }; const addTorrentToCategoryList = function(torrent) { const category = torrent['category']; if (typeof category === 'undefined') return false; const hash = torrent['hash']; if (category.length === 0) { // Empty category removeTorrentFromCategoryList(hash); return true; } const categoryHash = window.qBittorrent.Client.genHash(category); if (!category_list.has(categoryHash)) { // This should not happen category_list.set(categoryHash, { name: category, torrents: new Set() }); } const torrents = category_list.get(categoryHash).torrents; if (!torrents.has(hash)) { removeTorrentFromCategoryList(hash); torrents.add(hash); return true; } return false; }; const removeTorrentFromTagList = function(hash) { if (!hash) return false; let removed = false; tagList.forEach((tag) => { const deleteResult = tag.torrents.delete(hash); removed ||= deleteResult; }); return removed; }; const addTorrentToTagList = function(torrent) { if (torrent['tags'] === undefined) // Tags haven't changed return false; const hash = torrent['hash']; removeTorrentFromTagList(hash); if (torrent['tags'].length === 0) // No tags return true; const tags = torrent['tags'].split(','); let added = false; for (let i = 0; i < tags.length; ++i) { const tagHash = window.qBittorrent.Client.genHash(tags[i].trim()); if (!tagList.has(tagHash)) { // This should not happen tagList.set(tagHash, { name: tags, torrents: new Set() }); } const torrents = tagList.get(tagHash).torrents; if (!torrents.has(hash)) { torrents.add(hash); added = true; } } return added; }; const updateFilter = function(filter, filterTitle) { $(filter + '_filter').firstChild.childNodes[1].nodeValue = filterTitle.replace('%1', torrentsTable.getFilteredTorrentsNumber(filter, CATEGORIES_ALL, TAGS_ALL, TRACKERS_ALL)); }; const updateFiltersList = function() { updateFilter('all', 'QBT_TR(All (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('downloading', 'QBT_TR(Downloading (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('seeding', 'QBT_TR(Seeding (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('completed', 'QBT_TR(Completed (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('running', 'QBT_TR(Running (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('stopped', 'QBT_TR(Stopped (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('active', 'QBT_TR(Active (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('inactive', 'QBT_TR(Inactive (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('stalled', 'QBT_TR(Stalled (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('stalled_uploading', 'QBT_TR(Stalled Uploading (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('stalled_downloading', 'QBT_TR(Stalled Downloading (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('checking', 'QBT_TR(Checking (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('moving', 'QBT_TR(Moving (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); updateFilter('errored', 'QBT_TR(Errored (%1))QBT_TR[CONTEXT=StatusFilterWidget]'); }; const updateCategoryList = function() { const categoryList = $('categoryFilterList'); if (!categoryList) return; categoryList.getChildren().each(c => c.destroy()); const create_link = function(hash, text, count) { let display_name = text; let margin_left = 0; if (useSubcategories) { const category_path = text.split("/"); display_name = category_path[category_path.length - 1]; margin_left = (category_path.length - 1) * 20; } const html = `` + '' + window.qBittorrent.Misc.escapeHtml(display_name) + ' (' + count + ')' + ''; const el = new Element('li', { id: hash, html: html }); window.qBittorrent.Filters.categoriesFilterContextMenu.addTarget(el); return el; }; const all = torrentsTable.getRowIds().length; let uncategorized = 0; for (const key in torrentsTable.rows) { if (!Object.hasOwn(torrentsTable.rows, key)) continue; const row = torrentsTable.rows[key]; if (row['full_data'].category.length === 0) uncategorized += 1; } categoryList.appendChild(create_link(CATEGORIES_ALL, 'QBT_TR(All)QBT_TR[CONTEXT=CategoryFilterModel]', all)); categoryList.appendChild(create_link(CATEGORIES_UNCATEGORIZED, 'QBT_TR(Uncategorized)QBT_TR[CONTEXT=CategoryFilterModel]', uncategorized)); const sortedCategories = []; category_list.forEach((category, hash) => sortedCategories.push({ categoryName: category.name, categoryHash: hash, categoryCount: category.torrents.size })); sortedCategories.sort((left, right) => { const leftSegments = left.categoryName.split('/'); const rightSegments = right.categoryName.split('/'); for (let i = 0, iMax = Math.min(leftSegments.length, rightSegments.length); i < iMax; ++i) { const compareResult = window.qBittorrent.Misc.naturalSortCollator.compare( leftSegments[i], rightSegments[i]); if (compareResult !== 0) return compareResult; } return leftSegments.length - rightSegments.length; }); for (let i = 0; i < sortedCategories.length; ++i) { const { categoryName, categoryHash } = sortedCategories[i]; let { categoryCount } = sortedCategories[i]; if (useSubcategories) { for (let j = (i + 1); ((j < sortedCategories.length) && sortedCategories[j].categoryName.startsWith(categoryName + "/")); ++j) { categoryCount += sortedCategories[j].categoryCount; } } categoryList.appendChild(create_link(categoryHash, categoryName, categoryCount)); } highlightSelectedCategory(); }; const highlightSelectedCategory = function() { const categoryList = $('categoryFilterList'); if (!categoryList) return; const children = categoryList.childNodes; for (let i = 0; i < children.length; ++i) { if (Number(children[i].id) === selected_category) children[i].className = "selectedFilter"; else children[i].className = ""; } }; const updateTagList = function() { const tagFilterList = $('tagFilterList'); if (tagFilterList === null) return; tagFilterList.getChildren().each(c => c.destroy()); const createLink = function(hash, text, count) { const html = `` + '' + window.qBittorrent.Misc.escapeHtml(text) + ' (' + count + ')' + ''; const el = new Element('li', { id: hash, html: html }); window.qBittorrent.Filters.tagsFilterContextMenu.addTarget(el); return el; }; const torrentsCount = torrentsTable.getRowIds().length; let untagged = 0; for (const key in torrentsTable.rows) { if (Object.hasOwn(torrentsTable.rows, key) && (torrentsTable.rows[key]['full_data'].tags.length === 0)) untagged += 1; } tagFilterList.appendChild(createLink(TAGS_ALL, 'QBT_TR(All)QBT_TR[CONTEXT=TagFilterModel]', torrentsCount)); tagFilterList.appendChild(createLink(TAGS_UNTAGGED, 'QBT_TR(Untagged)QBT_TR[CONTEXT=TagFilterModel]', untagged)); const sortedTags = []; tagList.forEach((tag, hash) => sortedTags.push({ tagName: tag.name, tagHash: hash, tagSize: tag.torrents.size })); sortedTags.sort((left, right) => window.qBittorrent.Misc.naturalSortCollator.compare(left.tagName, right.tagName)); for (const { tagName, tagHash, tagSize } of sortedTags) tagFilterList.appendChild(createLink(tagHash, tagName, tagSize)); highlightSelectedTag(); }; const highlightSelectedTag = function() { const tagFilterList = $('tagFilterList'); if (!tagFilterList) return; const children = tagFilterList.childNodes; for (let i = 0; i < children.length; ++i) children[i].className = (Number(children[i].id) === selectedTag) ? "selectedFilter" : ""; }; // getHost emulate the GUI version `QString getHost(const QString &url)` const getHost = function(url) { // We want the hostname. // If failed to parse the domain, original input should be returned if (!/^(?:https?|udp):/i.test(url)) { return url; } try { // hack: URL can not get hostname from udp protocol const parsedUrl = new URL(url.replace(/^udp:/i, 'https:')); // host: "example.com:8443" // hostname: "example.com" const host = parsedUrl.hostname; if (!host) { return url; } return host; } catch (error) { return url; } }; const updateTrackerList = function() { const trackerFilterList = $('trackerFilterList'); if (trackerFilterList === null) return; trackerFilterList.getChildren().each(c => c.destroy()); const createLink = function(hash, text, count) { const html = '' + '' + window.qBittorrent.Misc.escapeHtml(text.replace("%1", count)) + ''; const el = new Element('li', { id: hash, html: html }); window.qBittorrent.Filters.trackersFilterContextMenu.addTarget(el); return el; }; const torrentsCount = torrentsTable.getRowIds().length; trackerFilterList.appendChild(createLink(TRACKERS_ALL, 'QBT_TR(All (%1))QBT_TR[CONTEXT=TrackerFiltersList]', torrentsCount)); let trackerlessTorrentsCount = 0; for (const key in torrentsTable.rows) { if (Object.hasOwn(torrentsTable.rows, key) && (torrentsTable.rows[key]['full_data'].trackers_count === 0)) trackerlessTorrentsCount += 1; } trackerFilterList.appendChild(createLink(TRACKERS_TRACKERLESS, 'QBT_TR(Trackerless (%1))QBT_TR[CONTEXT=TrackerFiltersList]', trackerlessTorrentsCount)); // Sort trackers by hostname const sortedList = []; trackerList.forEach(({ host, trackerTorrentMap }, hash) => { const uniqueTorrents = new Set(); for (const torrents of trackerTorrentMap.values()) { for (const torrent of torrents) { uniqueTorrents.add(torrent); } } sortedList.push({ trackerHost: host, trackerHash: hash, trackerCount: uniqueTorrents.size, }); }); sortedList.sort((left, right) => window.qBittorrent.Misc.naturalSortCollator.compare(left.trackerHost, right.trackerHost)); for (const { trackerHost, trackerHash, trackerCount } of sortedList) trackerFilterList.appendChild(createLink(trackerHash, (trackerHost + ' (%1)'), trackerCount)); highlightSelectedTracker(); }; const highlightSelectedTracker = function() { const trackerFilterList = $('trackerFilterList'); if (!trackerFilterList) return; const children = trackerFilterList.childNodes; for (const child of children) child.className = (child.id === selectedTracker) ? "selectedFilter" : ""; }; const setupCopyEventHandler = (function() { let clipboardEvent; return () => { if (clipboardEvent) clipboardEvent.destroy(); clipboardEvent = new ClipboardJS('.copyToClipboard', { text: function(trigger) { switch (trigger.id) { case "copyName": return copyNameFN(); case "copyInfohash1": return copyInfohashFN(1); case "copyInfohash2": return copyInfohashFN(2); case "copyMagnetLink": return copyMagnetLinkFN(); case "copyID": return copyIdFN(); case "copyComment": return copyCommentFN(); default: return ""; } } }); }; })(); let syncMainDataTimeoutID; let syncRequestInProgress = false; const syncMainData = function() { const url = new URI('api/v2/sync/maindata'); url.setData('rid', syncMainDataLastResponseId); const request = new Request.JSON({ url: url, noCache: true, method: 'get', onFailure: function() { const errorDiv = $('error_div'); if (errorDiv) errorDiv.set('html', 'QBT_TR(qBittorrent client is not reachable)QBT_TR[CONTEXT=HttpServer]'); syncRequestInProgress = false; syncData(2000); }, onSuccess: function(response) { $('error_div').set('html', ''); if (response) { clearTimeout(torrentsFilterInputTimer); torrentsFilterInputTimer = -1; let torrentsTableSelectedRows; let update_categories = false; let updateTags = false; let updateTrackers = false; const full_update = (response['full_update'] === true); if (full_update) { torrentsTableSelectedRows = torrentsTable.selectedRowsIds(); torrentsTable.clear(); category_list.clear(); tagList.clear(); } if (response['rid']) { syncMainDataLastResponseId = response['rid']; } if (response['categories']) { for (const key in response['categories']) { if (!Object.hasOwn(response['categories'], key)) continue; const responseCategory = response['categories'][key]; const categoryHash = window.qBittorrent.Client.genHash(key); const category = category_list.get(categoryHash); if (category !== undefined) { // only the save path can change for existing categories category.savePath = responseCategory.savePath; } else { category_list.set(categoryHash, { name: responseCategory.name, savePath: responseCategory.savePath, torrents: new Set() }); } } update_categories = true; } if (response['categories_removed']) { response['categories_removed'].each(function(category) { const categoryHash = window.qBittorrent.Client.genHash(category); category_list.delete(categoryHash); }); update_categories = true; } if (response['tags']) { for (const tag of response['tags']) { const tagHash = window.qBittorrent.Client.genHash(tag); if (!tagList.has(tagHash)) { tagList.set(tagHash, { name: tag, torrents: new Set() }); } } updateTags = true; } if (response['tags_removed']) { for (let i = 0; i < response['tags_removed'].length; ++i) { const tagHash = window.qBittorrent.Client.genHash(response['tags_removed'][i]); tagList.delete(tagHash); } updateTags = true; } if (response['trackers']) { for (const [tracker, torrents] of Object.entries(response['trackers'])) { const host = getHost(tracker); const hash = window.qBittorrent.Client.genHash(host); let trackerListItem = trackerList.get(hash); if (trackerListItem === undefined) { trackerListItem = { host: host, trackerTorrentMap: new Map() }; trackerList.set(hash, trackerListItem); } trackerListItem.trackerTorrentMap.set(tracker, [...torrents]); } updateTrackers = true; } if (response['trackers_removed']) { for (let i = 0; i < response['trackers_removed'].length; ++i) { const tracker = response['trackers_removed'][i]; const hash = window.qBittorrent.Client.genHash(getHost(tracker)); const trackerListEntry = trackerList.get(hash); if (trackerListEntry) { trackerListEntry.trackerTorrentMap.delete(tracker); } } updateTrackers = true; } if (response['torrents']) { let updateTorrentList = false; for (const key in response['torrents']) { response['torrents'][key]['hash'] = key; response['torrents'][key]['rowId'] = key; if (response['torrents'][key]['state']) response['torrents'][key]['status'] = response['torrents'][key]['state']; torrentsTable.updateRowData(response['torrents'][key]); if (addTorrentToCategoryList(response['torrents'][key])) update_categories = true; if (addTorrentToTagList(response['torrents'][key])) updateTags = true; if (response['torrents'][key]['name']) updateTorrentList = true; } if (updateTorrentList) setupCopyEventHandler(); } if (response['torrents_removed']) response['torrents_removed'].each(function(hash) { torrentsTable.removeRow(hash); removeTorrentFromCategoryList(hash); update_categories = true; // Always to update All category removeTorrentFromTagList(hash); updateTags = true; // Always to update All tag }); torrentsTable.updateTable(full_update); torrentsTable.altRow(); if (response['server_state']) { const tmp = response['server_state']; for (const k in tmp) serverState[k] = tmp[k]; processServerState(); } updateFiltersList(); if (update_categories) { updateCategoryList(); window.qBittorrent.TransferList.contextMenu.updateCategoriesSubMenu(category_list); } if (updateTags) { updateTagList(); window.qBittorrent.TransferList.contextMenu.updateTagsSubMenu(tagList); } if (updateTrackers) updateTrackerList(); if (full_update) // re-select previously selected rows torrentsTable.reselectRows(torrentsTableSelectedRows); } syncRequestInProgress = false; syncData(window.qBittorrent.Client.getSyncMainDataInterval()); } }); syncRequestInProgress = true; request.send(); }; updateMainData = function() { torrentsTable.updateTable(); syncData(100); }; const syncData = function(delay) { if (syncRequestInProgress) return; clearTimeout(syncMainDataTimeoutID); if (window.qBittorrent.Client.isStopped()) return; syncMainDataTimeoutID = syncMainData.delay(delay); }; const processServerState = function() { let transfer_info = window.qBittorrent.Misc.friendlyUnit(serverState.dl_info_speed, true); 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").set('html', 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").set('html', transfer_info); document.title = (speedInTitle ? (`QBT_TR([D: %1, U: %2])QBT_TR[CONTEXT=MainWindow] ` .replace("%1", window.qBittorrent.Misc.friendlyUnit(serverState.dl_info_speed, true)) .replace("%2", window.qBittorrent.Misc.friendlyUnit(serverState.up_info_speed, true))) : '') + window.qBittorrent.Client.mainTitle(); $('freeSpaceOnDisk').set('html', 'QBT_TR(Free space: %1)QBT_TR[CONTEXT=HttpServer]'.replace("%1", window.qBittorrent.Misc.friendlyUnit(serverState.free_space_on_disk))); $('DHTNodes').set('html', 'QBT_TR(DHT: %1 nodes)QBT_TR[CONTEXT=StatusBar]'.replace("%1", serverState.dht_nodes)); // Statistics dialog if (document.getElementById("statisticsContent")) { $('AlltimeDL').set('html', window.qBittorrent.Misc.friendlyUnit(serverState.alltime_dl, false)); $('AlltimeUL').set('html', window.qBittorrent.Misc.friendlyUnit(serverState.alltime_ul, false)); $('TotalWastedSession').set('html', window.qBittorrent.Misc.friendlyUnit(serverState.total_wasted_session, false)); $('GlobalRatio').set('html', serverState.global_ratio); $('TotalPeerConnections').set('html', serverState.total_peer_connections); $('ReadCacheHits').set('html', serverState.read_cache_hits + "%"); $('TotalBuffersSize').set('html', window.qBittorrent.Misc.friendlyUnit(serverState.total_buffers_size, false)); $('WriteCacheOverload').set('html', serverState.write_cache_overload + "%"); $('ReadCacheOverload').set('html', serverState.read_cache_overload + "%"); $('QueuedIOJobs').set('html', serverState.queued_io_jobs); $('AverageTimeInQueue').set('html', serverState.average_time_queue + " ms"); $('TotalQueuedSize').set('html', 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]'; 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]'; 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]'; break; } if (queueing_enabled != serverState.queueing) { queueing_enabled = serverState.queueing; torrentsTable.columns['priority'].force_hide = !queueing_enabled; torrentsTable.updateColumn('priority'); if (queueing_enabled) { $('topQueuePosItem').removeClass('invisible'); $('increaseQueuePosItem').removeClass('invisible'); $('decreaseQueuePosItem').removeClass('invisible'); $('bottomQueuePosItem').removeClass('invisible'); $('queueingButtons').removeClass('invisible'); $('queueingMenuItems').removeClass('invisible'); } else { $('topQueuePosItem').addClass('invisible'); $('increaseQueuePosItem').addClass('invisible'); $('decreaseQueuePosItem').addClass('invisible'); $('bottomQueuePosItem').addClass('invisible'); $('queueingButtons').addClass('invisible'); $('queueingMenuItems').addClass('invisible'); } } if (alternativeSpeedLimits != serverState.use_alt_speed_limits) { alternativeSpeedLimits = serverState.use_alt_speed_limits; updateAltSpeedIcon(alternativeSpeedLimits); } if (useSubcategories != serverState.use_subcategories) { useSubcategories = serverState.use_subcategories; updateCategoryList(); } serverSyncMainDataInterval = Math.max(serverState.refresh_interval, 500); }; const updateAltSpeedIcon = function(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]'; } 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]'; } }; $('alternativeSpeedLimits').addEvent('click', function() { // Change icon immediately to give some feedback updateAltSpeedIcon(!alternativeSpeedLimits); new Request({ url: 'api/v2/transfer/toggleSpeedLimitsMode', method: 'post', onComplete: function() { alternativeSpeedLimits = !alternativeSpeedLimits; updateMainData(); }, onFailure: function() { // Restore icon in case of failure updateAltSpeedIcon(alternativeSpeedLimits); } }).send(); }); $('DlInfos').addEvent('click', globalDownloadLimitFN); $('UpInfos').addEvent('click', globalUploadLimitFN); $('showTopToolbarLink').addEvent('click', function(e) { showTopToolbar = !showTopToolbar; LocalPreferences.set('show_top_toolbar', showTopToolbar.toString()); if (showTopToolbar) { $('showTopToolbarLink').firstChild.style.opacity = '1'; $('mochaToolbar').removeClass('invisible'); } else { $('showTopToolbarLink').firstChild.style.opacity = '0'; $('mochaToolbar').addClass('invisible'); } MochaUI.Desktop.setDesktopSize(); }); $('showStatusBarLink').addEvent('click', function(e) { showStatusBar = !showStatusBar; LocalPreferences.set('show_status_bar', showStatusBar.toString()); if (showStatusBar) { $('showStatusBarLink').firstChild.style.opacity = '1'; $('desktopFooterWrapper').removeClass('invisible'); } else { $('showStatusBarLink').firstChild.style.opacity = '0'; $('desktopFooterWrapper').addClass('invisible'); } MochaUI.Desktop.setDesktopSize(); }); const registerMagnetHandler = function() { if (typeof navigator.registerProtocolHandler !== 'function') { if (window.location.protocol !== 'https:') alert("QBT_TR(To use this feature, the WebUI needs to be accessed over HTTPS)QBT_TR[CONTEXT=MainWindow]"); else alert("QBT_TR(Your browser does not support this feature)QBT_TR[CONTEXT=MainWindow]"); return; } const hashString = location.hash ? location.hash.replace(/^#/, '') : ''; const hashParams = new URLSearchParams(hashString); hashParams.set('download', ''); const templateHashString = hashParams.toString().replace('download=', 'download=%s'); const templateUrl = location.origin + location.pathname + location.search + '#' + templateHashString; navigator.registerProtocolHandler('magnet', templateUrl, 'qBittorrent WebUI magnet handler'); }; $('registerMagnetHandlerLink').addEvent('click', function(e) { registerMagnetHandler(); }); $('showFiltersSidebarLink').addEvent('click', function(e) { showFiltersSidebar = !showFiltersSidebar; LocalPreferences.set('show_filters_sidebar', showFiltersSidebar.toString()); if (showFiltersSidebar) { $('showFiltersSidebarLink').firstChild.style.opacity = '1'; $('filtersColumn').removeClass('invisible'); $('filtersColumn_handle').removeClass('invisible'); } else { $('showFiltersSidebarLink').firstChild.style.opacity = '0'; $('filtersColumn').addClass('invisible'); $('filtersColumn_handle').addClass('invisible'); } MochaUI.Desktop.setDesktopSize(); }); $('speedInBrowserTitleBarLink').addEvent('click', function(e) { speedInTitle = !speedInTitle; LocalPreferences.set('speed_in_browser_title_bar', speedInTitle.toString()); if (speedInTitle) $('speedInBrowserTitleBarLink').firstChild.style.opacity = '1'; else $('speedInBrowserTitleBarLink').firstChild.style.opacity = '0'; processServerState(); }); $('showSearchEngineLink').addEvent('click', function(e) { showSearchEngine = !showSearchEngine; LocalPreferences.set('show_search_engine', showSearchEngine.toString()); updateTabDisplay(); }); $('showRssReaderLink').addEvent('click', function(e) { showRssReader = !showRssReader; LocalPreferences.set('show_rss_reader', showRssReader.toString()); updateTabDisplay(); }); $('showLogViewerLink').addEvent('click', function(e) { showLogViewer = !showLogViewer; LocalPreferences.set('show_log_viewer', showLogViewer.toString()); updateTabDisplay(); }); const updateTabDisplay = function() { if (showRssReader) { $('showRssReaderLink').firstChild.style.opacity = '1'; $('mainWindowTabs').removeClass('invisible'); $('rssTabLink').removeClass('invisible'); if (!MochaUI.Panels.instances.RssPanel) addRssPanel(); } else { $('showRssReaderLink').firstChild.style.opacity = '0'; $('rssTabLink').addClass('invisible'); if ($('rssTabLink').hasClass('selected')) $("transfersTabLink").click(); } if (showSearchEngine) { $('showSearchEngineLink').firstChild.style.opacity = '1'; $('mainWindowTabs').removeClass('invisible'); $('searchTabLink').removeClass('invisible'); if (!MochaUI.Panels.instances.SearchPanel) addSearchPanel(); } else { $('showSearchEngineLink').firstChild.style.opacity = '0'; $('searchTabLink').addClass('invisible'); if ($('searchTabLink').hasClass('selected')) $("transfersTabLink").click(); } if (showLogViewer) { $('showLogViewerLink').firstChild.style.opacity = '1'; $('mainWindowTabs').removeClass('invisible'); $('logTabLink').removeClass('invisible'); if (!MochaUI.Panels.instances.LogPanel) addLogPanel(); } else { $('showLogViewerLink').firstChild.style.opacity = '0'; $('logTabLink').addClass('invisible'); if ($('logTabLink').hasClass('selected')) $("transfersTabLink").click(); } // display no tabs if (!showRssReader && !showSearchEngine && !showLogViewer) $('mainWindowTabs').addClass('invisible'); }; $('StatisticsLink').addEvent('click', StatisticsLinkFN); // main window tabs const showTransfersTab = function() { const showFiltersSidebar = LocalPreferences.get("show_filters_sidebar", "true") === "true"; if (showFiltersSidebar) { $("filtersColumn").removeClass("invisible"); $("filtersColumn_handle").removeClass("invisible"); } $("mainColumn").removeClass("invisible"); $('torrentsFilterToolbar').removeClass("invisible"); customSyncMainDataInterval = null; syncData(100); hideSearchTab(); hideRssTab(); hideLogTab(); }; const hideTransfersTab = function() { $("filtersColumn").addClass("invisible"); $("filtersColumn_handle").addClass("invisible"); $("mainColumn").addClass("invisible"); $('torrentsFilterToolbar').addClass("invisible"); MochaUI.Desktop.resizePanels(); }; const showSearchTab = (function() { let searchTabInitialized = false; return () => { if (!searchTabInitialized) { window.qBittorrent.Search.init(); searchTabInitialized = true; } $("searchTabColumn").removeClass("invisible"); customSyncMainDataInterval = 30000; hideTransfersTab(); hideRssTab(); hideLogTab(); }; })(); const hideSearchTab = function() { $("searchTabColumn").addClass("invisible"); MochaUI.Desktop.resizePanels(); }; const showRssTab = (function() { let rssTabInitialized = false; return () => { if (!rssTabInitialized) { window.qBittorrent.Rss.init(); rssTabInitialized = true; } else { window.qBittorrent.Rss.load(); } $("rssTabColumn").removeClass("invisible"); customSyncMainDataInterval = 30000; hideTransfersTab(); hideSearchTab(); hideLogTab(); }; })(); const hideRssTab = function() { $("rssTabColumn").addClass("invisible"); window.qBittorrent.Rss && window.qBittorrent.Rss.unload(); MochaUI.Desktop.resizePanels(); }; const showLogTab = (function() { let logTabInitialized = false; return () => { if (!logTabInitialized) { window.qBittorrent.Log.init(); logTabInitialized = true; } else { window.qBittorrent.Log.load(); } $('logTabColumn').removeClass('invisible'); customSyncMainDataInterval = 30000; hideTransfersTab(); hideSearchTab(); hideRssTab(); }; })(); const hideLogTab = function() { $('logTabColumn').addClass('invisible'); MochaUI.Desktop.resizePanels(); window.qBittorrent.Log && window.qBittorrent.Log.unload(); }; const addSearchPanel = function() { new MochaUI.Panel({ id: 'SearchPanel', title: 'Search', header: false, padding: { top: 0, right: 0, bottom: 0, left: 0 }, loadMethod: 'xhr', contentURL: 'views/search.html', content: '', column: 'searchTabColumn', height: null }); }; const addRssPanel = function() { new MochaUI.Panel({ id: 'RssPanel', title: 'Rss', header: false, padding: { top: 0, right: 0, bottom: 0, left: 0 }, loadMethod: 'xhr', contentURL: 'views/rss.html', content: '', column: 'rssTabColumn', height: null }); }; var addLogPanel = function() { new MochaUI.Panel({ id: 'LogPanel', title: 'Log', header: true, padding: { top: 0, right: 0, bottom: 0, left: 0 }, loadMethod: 'xhr', contentURL: 'views/log.html', require: { css: ['css/vanillaSelectBox.css'], js: ['scripts/lib/vanillaSelectBox.js'], }, tabsURL: 'views/logTabs.html', tabsOnload: function() { MochaUI.initializeTabs('panelTabs'); $('logMessageLink').addEvent('click', function(e) { window.qBittorrent.Log.setCurrentTab('main'); }); $('logPeerLink').addEvent('click', function(e) { window.qBittorrent.Log.setCurrentTab('peer'); }); }, collapsible: false, content: '', column: 'logTabColumn', height: null }); }; const handleDownloadParam = function() { // Extract torrent URL from download param in WebUI URL hash const downloadHash = "#download="; if (location.hash.indexOf(downloadHash) !== 0) return; const url = decodeURIComponent(location.hash.substring(downloadHash.length)); // Remove the processed hash from the URL history.replaceState('', document.title, (location.pathname + location.search)); showDownloadPage([url]); }; new MochaUI.Panel({ id: 'transferList', title: 'Panel', header: false, padding: { top: 0, right: 0, bottom: 0, left: 0 }, loadMethod: 'xhr', contentURL: 'views/transferlist.html', onContentLoaded: function() { handleDownloadParam(); updateMainData(); }, column: 'mainColumn', onResize: saveColumnSizes, height: null }); let prop_h = LocalPreferences.get('properties_height_rel'); if ($defined(prop_h)) prop_h = prop_h.toFloat() * Window.getSize().y; else prop_h = Window.getSize().y / 2.0; new MochaUI.Panel({ id: 'propertiesPanel', title: 'Panel', header: true, padding: { top: 0, right: 0, bottom: 0, left: 0 }, contentURL: 'views/properties.html', require: { css: ['css/Tabs.css', 'css/dynamicTable.css'], js: ['scripts/prop-general.js', 'scripts/prop-trackers.js', 'scripts/prop-peers.js', 'scripts/prop-webseeds.js', 'scripts/prop-files.js'], }, tabsURL: 'views/propertiesToolbar.html', tabsOnload: function() { MochaUI.initializeTabs('propertiesTabs'); updatePropertiesPanel = function() { if (!$('prop_general').hasClass('invisible')) { if (window.qBittorrent.PropGeneral !== undefined) window.qBittorrent.PropGeneral.updateData(); } else if (!$('prop_trackers').hasClass('invisible')) { if (window.qBittorrent.PropTrackers !== undefined) window.qBittorrent.PropTrackers.updateData(); } else if (!$('prop_peers').hasClass('invisible')) { if (window.qBittorrent.PropPeers !== undefined) window.qBittorrent.PropPeers.updateData(); } else if (!$('prop_webseeds').hasClass('invisible')) { if (window.qBittorrent.PropWebseeds !== undefined) window.qBittorrent.PropWebseeds.updateData(); } else if (!$('prop_files').hasClass('invisible')) { if (window.qBittorrent.PropFiles !== undefined) window.qBittorrent.PropFiles.updateData(); } }; $('PropGeneralLink').addEvent('click', function(e) { $$('.propertiesTabContent').addClass('invisible'); $('prop_general').removeClass("invisible"); hideFilesFilter(); updatePropertiesPanel(); LocalPreferences.set('selected_tab', this.id); }); $('PropTrackersLink').addEvent('click', function(e) { $$('.propertiesTabContent').addClass('invisible'); $('prop_trackers').removeClass("invisible"); hideFilesFilter(); updatePropertiesPanel(); LocalPreferences.set('selected_tab', this.id); }); $('PropPeersLink').addEvent('click', function(e) { $$('.propertiesTabContent').addClass('invisible'); $('prop_peers').removeClass("invisible"); hideFilesFilter(); updatePropertiesPanel(); LocalPreferences.set('selected_tab', this.id); }); $('PropWebSeedsLink').addEvent('click', function(e) { $$('.propertiesTabContent').addClass('invisible'); $('prop_webseeds').removeClass("invisible"); hideFilesFilter(); updatePropertiesPanel(); LocalPreferences.set('selected_tab', this.id); }); $('PropFilesLink').addEvent('click', function(e) { $$('.propertiesTabContent').addClass('invisible'); $('prop_files').removeClass("invisible"); showFilesFilter(); updatePropertiesPanel(); LocalPreferences.set('selected_tab', this.id); }); $('propertiesPanel_collapseToggle').addEvent('click', function(e) { updatePropertiesPanel(); }); }, column: 'mainColumn', height: prop_h }); const showFilesFilter = function() { $('torrentFilesFilterToolbar').removeClass("invisible"); }; const hideFilesFilter = function() { $('torrentFilesFilterToolbar').addClass("invisible"); }; // listen for changes to torrentsFilterInput let torrentsFilterInputTimer = -1; $('torrentsFilterInput').addEvent('input', () => { clearTimeout(torrentsFilterInputTimer); torrentsFilterInputTimer = setTimeout(() => { torrentsFilterInputTimer = -1; torrentsTable.updateTable(); }, window.qBittorrent.Misc.FILTER_INPUT_DELAY); }); $('torrentsFilterRegexBox').addEvent('change', () => { torrentsTable.updateTable(); }); $('transfersTabLink').addEvent('click', showTransfersTab); $('searchTabLink').addEvent('click', showSearchTab); $('rssTabLink').addEvent('click', showRssTab); $('logTabLink').addEvent('click', showLogTab); updateTabDisplay(); const registerDragAndDrop = () => { $('desktop').addEventListener('dragover', (ev) => { if (ev.preventDefault) ev.preventDefault(); }); $('desktop').addEventListener('dragenter', (ev) => { if (ev.preventDefault) ev.preventDefault(); }); $('desktop').addEventListener("drop", (ev) => { if (ev.preventDefault) ev.preventDefault(); const droppedFiles = ev.dataTransfer.files; if (droppedFiles.length > 0) { // dropped files or folders // can't handle folder due to cannot put the filelist (from dropped folder) // to `files` field for (const item of ev.dataTransfer.items) { if (item.webkitGetAsEntry().isDirectory) return; } const id = 'uploadPage'; new MochaUI.Window({ id: id, title: "QBT_TR(Upload local torrent)QBT_TR[CONTEXT=HttpServer]", loadMethod: 'iframe', contentURL: new URI("upload.html").toString(), addClass: 'windowFrame', // fixes iframe scrolling on iOS Safari scrollbars: true, maximizable: false, paddingVertical: 0, paddingHorizontal: 0, width: loadWindowWidth(id, 500), height: loadWindowHeight(id, 460), onResize: () => { saveWindowSize(id); }, onContentLoaded: () => { const fileInput = $(`${id}_iframe`).contentDocument.getElementById('fileselect'); fileInput.files = droppedFiles; } }); } const droppedText = ev.dataTransfer.getData("text"); if (droppedText.length > 0) { // dropped text const urls = droppedText.split('\n') .map((str) => str.trim()) .filter((str) => { const lowercaseStr = str.toLowerCase(); return lowercaseStr.startsWith("http:") || lowercaseStr.startsWith("https:") || lowercaseStr.startsWith("magnet:") || ((str.length === 40) && !(/[^0-9A-Fa-f]/.test(str))) // v1 hex-encoded SHA-1 info-hash || ((str.length === 32) && !(/[^2-7A-Za-z]/.test(str))); // v1 Base32 encoded SHA-1 info-hash }); if (urls.length <= 0) return; const id = 'downloadPage'; const contentURI = new URI('download.html').setData("urls", urls.map(encodeURIComponent).join("|")); new MochaUI.Window({ id: id, title: "QBT_TR(Download from URLs)QBT_TR[CONTEXT=downloadFromURL]", loadMethod: 'iframe', contentURL: contentURI.toString(), addClass: 'windowFrame', // fixes iframe scrolling on iOS Safari scrollbars: true, maximizable: false, closable: true, paddingVertical: 0, paddingHorizontal: 0, width: loadWindowWidth(id, 500), height: loadWindowHeight(id, 600), onResize: () => { saveWindowSize(id); } }); } }); }; registerDragAndDrop(); new Keyboard({ defaultEventType: 'keydown', events: { 'ctrl+a': function(event) { if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return; if (event.target.isContentEditable) return; torrentsTable.selectAll(); event.preventDefault(); }, 'delete': function(event) { if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return; if (event.target.isContentEditable) return; deleteFN(); event.preventDefault(); }, 'shift+delete': (event) => { if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return; if (event.target.isContentEditable) return; deleteFN(true); event.preventDefault(); } } }).activate(); }); window.addEventListener("load", () => { // fetch various data and store it in memory window.qBittorrent.Cache.buildInfo.init(); window.qBittorrent.Cache.preferences.init(); window.qBittorrent.Cache.qbtVersion.init(); });