Mike Tzou
6 years ago
committed by
GitHub
11 changed files with 1377 additions and 62 deletions
@ -0,0 +1,69 @@ |
|||||||
|
<style type="text/css"> |
||||||
|
#installSearchPluginContainer { |
||||||
|
margin: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#installSearchPluginContainer button { |
||||||
|
padding: 3px 20px; |
||||||
|
} |
||||||
|
|
||||||
|
#newPluginPath { |
||||||
|
width: 100%; |
||||||
|
line-height: 2em; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
|
<div id="installSearchPluginContainer"> |
||||||
|
<h2>QBT_TR(Plugin path:)QBT_TR[CONTEXT=PluginSourceDlg]</h2> |
||||||
|
|
||||||
|
<div> |
||||||
|
<input type="text" id="newPluginPath" placeholder="QBT_TR(URL or local directory)QBT_TR[CONTEXT=PluginSourceDlg]" autocorrect="off" autocapitalize="none" /> |
||||||
|
<div style="margin-top: 10px; text-align: center;"> |
||||||
|
<button id="newPluginCancel" onclick="closeSearchWindow('installSearchPlugin');">QBT_TR(Cancel)QBT_TR[CONTEXT=PluginSourceDlg]</button> |
||||||
|
<button id="newPluginOk" onclick="newPluginOk();">QBT_TR(Ok)QBT_TR[CONTEXT=PluginSourceDlg]</button></div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<script> |
||||||
|
'use strict'; |
||||||
|
|
||||||
|
var initInstallSearchPlugin = function() { |
||||||
|
var installSearchPluginKeyboardEvents = new Keyboard({ |
||||||
|
defaultEventType: 'keydown', |
||||||
|
events: { |
||||||
|
'enter': function (e) { |
||||||
|
// accept enter key as a click |
||||||
|
new Event(e).stop(); |
||||||
|
|
||||||
|
var elem = e.event.srcElement; |
||||||
|
if ((elem.id === "newPluginPath") || (elem.id === "newPluginOk")) |
||||||
|
newPluginOk(); |
||||||
|
else if (elem.id === "newPluginCancel") |
||||||
|
closeSearchWindow('installSearchPlugin'); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
installSearchPluginKeyboardEvents.activate(); |
||||||
|
|
||||||
|
$('newPluginPath').select(); |
||||||
|
}; |
||||||
|
|
||||||
|
var newPluginOk = function() { |
||||||
|
var path = $("newPluginPath").get("value").trim(); |
||||||
|
if (path) |
||||||
|
new Request({ |
||||||
|
url: 'api/v2/search/installPlugin', |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
sources: path, |
||||||
|
}, |
||||||
|
onRequest: function(){ |
||||||
|
closeSearchWindow('installSearchPlugin'); |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
initInstallSearchPlugin(); |
||||||
|
</script> |
||||||
@ -0,0 +1,644 @@ |
|||||||
|
<style type="text/css"> |
||||||
|
#searchPattern { |
||||||
|
width: 500px; |
||||||
|
line-height: 2em; |
||||||
|
padding: 1px 5px 1px 2em; |
||||||
|
background-image: url("../images/qbt-theme/edit-find.svg"); |
||||||
|
background-repeat: no-repeat; |
||||||
|
background-size: 1.5em; |
||||||
|
background-position: left; |
||||||
|
} |
||||||
|
|
||||||
|
#categorySelect { |
||||||
|
width: 150px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
#pluginsSelect { |
||||||
|
width: 150px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
#startSearchButton { |
||||||
|
width: 90px; |
||||||
|
height: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
#searchResultsNoPlugins { |
||||||
|
height: calc(100% - 110px); |
||||||
|
} |
||||||
|
|
||||||
|
#searchResultsNoPlugins table { |
||||||
|
height: 100%; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
|
||||||
|
#searchResultsFilters { |
||||||
|
height: 30px; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
#searchInNameFilter { |
||||||
|
width: 150px; |
||||||
|
margin-right: 20px; |
||||||
|
} |
||||||
|
|
||||||
|
#searchMinSeedsFilter, #searchMaxSeedsFilter, #searchMinSizeFilter, #searchMaxSizeFilter { |
||||||
|
width: 4em; |
||||||
|
} |
||||||
|
|
||||||
|
#downloadSearchTorrent, #openSearchTorrentDescription, #copyDescriptionPageUrl { |
||||||
|
line-height: 1.5em; |
||||||
|
} |
||||||
|
|
||||||
|
#manageSearchPlugins { |
||||||
|
line-height: 1.5em; |
||||||
|
float: right; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
|
<div id="searchResults"> |
||||||
|
<div style="overflow: hidden; height: 70px;"> |
||||||
|
<div style="margin: 20px 0; height: 30px;"> |
||||||
|
<input type="text" id="searchPattern" class="searchInputField" placeholder="QBT_TR(Search)QBT_TR[CONTEXT=SearchEngineWidget]" autocorrect="off" autocapitalize="none" /> |
||||||
|
<select id="categorySelect" class="searchInputField" onchange="categorySelected()"></select> |
||||||
|
<select id="pluginsSelect" class="searchInputField" onchange="pluginSelected()"></select> |
||||||
|
<button id="startSearchButton" class="searchInputField" onclick="startStopSearch()">QBT_TR(Search)QBT_TR[CONTEXT=SearchEngineWidget]</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="searchResultsNoPlugins"> |
||||||
|
<table> |
||||||
|
<tbody> |
||||||
|
<tr> |
||||||
|
<td> |
||||||
|
There aren't any search plugins installed.<br/>Click the "Search plugins..." button at the bottom right of the window to install some. |
||||||
|
</td> |
||||||
|
</tr> |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
<span></span> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="searchResultsFilters"> |
||||||
|
<input type="text" id="searchInNameFilter" placeholder="QBT_TR(Filter)QBT_TR[CONTEXT=SearchEngineWidget]" autocorrect="off" autocapitalize="none" /> |
||||||
|
|
||||||
|
<span>QBT_TR(Results (showing)QBT_TR[CONTEXT=SearchEngineWidget] <span id="numSearchResultsVisible" class="numSearchResults">0</span> QBT_TR(out of)QBT_TR[CONTEXT=SearchEngineWidget] <span id="numSearchResultsTotal" class="numSearchResults">0</span>):</span> |
||||||
|
|
||||||
|
<div style="display: inline-block; float: right;"> |
||||||
|
<label for="searchInTorrentName" style="margin-left: 15px;">QBT_TR(Search in:)QBT_TR[CONTEXT=SearchEngineWidget]</label> |
||||||
|
<select id="searchInTorrentName" onchange="searchInTorrentName()"> |
||||||
|
<option value="names">QBT_TR(Torrent names only)QBT_TR[CONTEXT=SearchEngineWidget]</option> |
||||||
|
<option value="everywhere">QBT_TR(Everywhere)QBT_TR[CONTEXT=SearchEngineWidget]</option> |
||||||
|
</select> |
||||||
|
|
||||||
|
<span style="margin-left: 15px;">QBT_TR(Seeds:)QBT_TR[CONTEXT=SearchEngineWidget]</span> |
||||||
|
<input type="number" min="0" max="1000" id="searchMinSeedsFilter" value="0" onchange="searchSeedsFilterChanged()"> |
||||||
|
<span>to</span> |
||||||
|
<input type="number" min="0" max="1000" id="searchMaxSeedsFilter" value="0" onchange="searchSeedsFilterChanged()"> |
||||||
|
|
||||||
|
<span style="margin-left: 15px;">QBT_TR(Size:)QBT_TR[CONTEXT=SearchEngineWidget]</span> |
||||||
|
<input type="number" min="0" max="1000" step=".01" value="0.00" id="searchMinSizeFilter" onchange="searchSizeFilterChanged()"> |
||||||
|
<select id="searchMinSizePrefix" onchange="searchSizeFilterPrefixChanged()"> |
||||||
|
<option value="0">QBT_TR(B)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="1">QBT_TR(KiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="2" selected>QBT_TR(MiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="3">QBT_TR(GiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="4">QBT_TR(TiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="5">QBT_TR(PiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="6">QBT_TR(EiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
</select> |
||||||
|
<span>to</span> |
||||||
|
<input type="number" min="0" max="1000" step=".01" value="0.00" id="searchMaxSizeFilter" onchange="searchSizeFilterChanged()"> |
||||||
|
<select id="searchMaxSizePrefix" onchange="searchSizeFilterPrefixChanged()"> |
||||||
|
<option value="0">QBT_TR(B)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="1">QBT_TR(KiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="2" selected>QBT_TR(MiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="3">QBT_TR(GiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="4">QBT_TR(TiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="5">QBT_TR(PiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
<option value="6">QBT_TR(EiB)QBT_TR[CONTEXT=misc]</option> |
||||||
|
</select> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div id="searchResultsTableContainer"> |
||||||
|
<div id="searchResultsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv"> |
||||||
|
<table class="dynamicTable unselectable" style="position:relative;"> |
||||||
|
<thead> |
||||||
|
<tr class="dynamicTableHeader"></tr> |
||||||
|
</thead> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
<div id="searchResultsTableDiv" class="dynamicTableDiv"> |
||||||
|
<table class="dynamicTable unselectable"> |
||||||
|
<thead> |
||||||
|
<tr class="dynamicTableHeader"></tr> |
||||||
|
</thead> |
||||||
|
<tbody></tbody> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div style="height: 30px; padding-top: 10px;"> |
||||||
|
<button id="downloadSearchTorrent" onclick="downloadSearchTorrent()">QBT_TR(Download)QBT_TR[CONTEXT=SearchEngineWidget]</button> |
||||||
|
<button id="openSearchTorrentDescription" onclick="openSearchTorrentDescription()">QBT_TR(Go to description page)QBT_TR[CONTEXT=SearchEngineWidget]</button> |
||||||
|
<button class="copyToClipboard" id="copyDescriptionPageUrl">QBT_TR(Copy description page URL)QBT_TR[CONTEXT=SearchEngineWidget]</button> |
||||||
|
<button id="manageSearchPlugins" onclick="manageSearchPlugins()">QBT_TR(Search plugins...)QBT_TR[CONTEXT=SearchEngineWidget]</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<script> |
||||||
|
'use strict'; |
||||||
|
|
||||||
|
var loadSearchResultsTimer; |
||||||
|
var loadSearchPluginsTimer; |
||||||
|
var searchResultsRowId = 0; |
||||||
|
var searchRunning = false; |
||||||
|
var requestCount = 0; |
||||||
|
var searchPlugins = []; |
||||||
|
var prevSearchPluginsResponse; |
||||||
|
var searchPattern = ""; |
||||||
|
var searchFilterPattern = ""; |
||||||
|
var searchSeedsFilter = { |
||||||
|
min: 0, |
||||||
|
max: 0 |
||||||
|
}; |
||||||
|
var searchSizeFilter = { |
||||||
|
min: 0.00, |
||||||
|
minUnit: 2, // B = 0, KiB = 1, MiB = 2, GiB = 3, TiB = 4, PiB = 5, EiB = 6 |
||||||
|
max: 0.00, |
||||||
|
maxUnit: 3 |
||||||
|
}; |
||||||
|
var prevNameFilterValue; |
||||||
|
var selectedCategory = "QBT_TR(All categories)QBT_TR[CONTEXT=SearchEngineWidget]"; |
||||||
|
var selectedPlugin = "all"; |
||||||
|
var prevSelectedPlugin; |
||||||
|
var activeSearchId = null; |
||||||
|
|
||||||
|
var initSearchTab = function() { |
||||||
|
// load "Search in" preference from local storage |
||||||
|
$('searchInTorrentName').set('value', (localStorage.getItem('search_in_filter') === "names") ? "names" : "everywhere"); |
||||||
|
|
||||||
|
searchResultsTable.setup('searchResultsTableDiv', 'searchResultsTableFixedHeaderDiv', null); |
||||||
|
getPlugins(); |
||||||
|
|
||||||
|
var searchInNameFilterTimer = null; |
||||||
|
// listen for changes to searchInNameFilter |
||||||
|
$('searchInNameFilter').addEvent('input', function() { |
||||||
|
var value = $('searchInNameFilter').get("value"); |
||||||
|
if (value !== prevNameFilterValue) { |
||||||
|
prevNameFilterValue = value; |
||||||
|
clearTimeout(searchInNameFilterTimer); |
||||||
|
searchInNameFilterTimer = setTimeout(function() { |
||||||
|
searchFilterPattern = value; |
||||||
|
searchFilterChanged(); |
||||||
|
}, 400); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
var searchKeyboardEvents = new Keyboard({ |
||||||
|
defaultEventType: 'keydown', |
||||||
|
events: { |
||||||
|
'enter': function (e) { |
||||||
|
// accept enter key as a click |
||||||
|
new Event(e).stop(); |
||||||
|
|
||||||
|
var elem = e.event.srcElement; |
||||||
|
if (elem.className.contains("searchInputField")) { |
||||||
|
$('startSearchButton').click(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
switch (elem.id) { |
||||||
|
case "downloadSearchTorrent": |
||||||
|
downloadSearchTorrent(); |
||||||
|
break; |
||||||
|
case "openSearchTorrentDescription": |
||||||
|
openSearchTorrentDescription(); |
||||||
|
break; |
||||||
|
case "copyDescriptionPageUrl": |
||||||
|
copySearchTorrentUrl(); |
||||||
|
break; |
||||||
|
case "manageSearchPlugins": |
||||||
|
manageSearchPlugins(); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
searchKeyboardEvents.activate(); |
||||||
|
}; |
||||||
|
|
||||||
|
var startSearch = function(pattern, category, plugins) { |
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
searchResultsTable.clear(); |
||||||
|
$('numSearchResultsVisible').set('html', searchResultsTable.getFilteredAndSortedRows().length); |
||||||
|
$('numSearchResultsTotal').set('html', searchResultsTable.getRowIds().length); |
||||||
|
searchResultsRowId = 0; |
||||||
|
requestCount = 0; |
||||||
|
|
||||||
|
var url = new URI('api/v2/search/start'); |
||||||
|
new Request.JSON({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
pattern: pattern, |
||||||
|
category: category, |
||||||
|
plugins: plugins |
||||||
|
}, |
||||||
|
onSuccess: function(response) { |
||||||
|
$('startSearchButton').set('text', 'QBT_TR(Stop)QBT_TR[CONTEXT=SearchEngineWidget]'); |
||||||
|
searchRunning = true; |
||||||
|
activeSearchId = response.id; |
||||||
|
updateSearchResultsData(); |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var stopSearch = function() { |
||||||
|
var url = new URI('api/v2/search/stop'); |
||||||
|
new Request({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
id: activeSearchId |
||||||
|
}, |
||||||
|
onSuccess: function(response) { |
||||||
|
resetSearchState(); |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var startStopSearch = function() { |
||||||
|
if (!searchRunning || !activeSearchId) { |
||||||
|
var pattern = $('searchPattern').getProperty('value').trim(); |
||||||
|
var category = $('categorySelect').getProperty('value'); |
||||||
|
var plugins = $('pluginsSelect').getProperty('value'); |
||||||
|
|
||||||
|
if (!pattern || !category || !plugins) return; |
||||||
|
if (category === "QBT_TR(All categories)QBT_TR[CONTEXT=SearchEngineWidget]") |
||||||
|
category = "all"; |
||||||
|
|
||||||
|
resetFilters(); |
||||||
|
|
||||||
|
searchPattern = pattern; |
||||||
|
startSearch(pattern, category, plugins); |
||||||
|
} |
||||||
|
else { |
||||||
|
stopSearch(); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
var openSearchTorrentDescription = function() { |
||||||
|
searchResultsTable.selectedRowsIds().each(function(rowId) { |
||||||
|
window.open(searchResultsTable.rows.get(rowId).full_data.descrLink, "_blank"); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
var copySearchTorrentUrl = function() { |
||||||
|
var urls = []; |
||||||
|
searchResultsTable.selectedRowsIds().each(function(rowId) { |
||||||
|
urls.push(searchResultsTable.rows.get(rowId).full_data.descrLink); |
||||||
|
}); |
||||||
|
return urls.join("\n"); |
||||||
|
}; |
||||||
|
|
||||||
|
var downloadSearchTorrent = function() { |
||||||
|
var urls = []; |
||||||
|
searchResultsTable.selectedRowsIds().each(function(rowId) { |
||||||
|
urls.push(encodeURIComponent(searchResultsTable.rows.get(rowId).full_data.fileUrl)); |
||||||
|
}); |
||||||
|
|
||||||
|
// only proceed if at least 1 row was selected |
||||||
|
if (!urls.length) return; |
||||||
|
|
||||||
|
showDownloadPage(urls); |
||||||
|
}; |
||||||
|
|
||||||
|
var manageSearchPlugins = function() { |
||||||
|
var id = 'searchPlugins'; |
||||||
|
if (!$(id)) |
||||||
|
new MochaUI.Window({ |
||||||
|
id: id, |
||||||
|
title: "QBT_TR(Search plugins)QBT_TR[CONTEXT=PluginSelectDlg]", |
||||||
|
loadMethod: 'xhr', |
||||||
|
contentURL: 'searchplugins.html', |
||||||
|
scrollbars: false, |
||||||
|
maximizable: false, |
||||||
|
paddingVertical: 0, |
||||||
|
paddingHorizontal: 0, |
||||||
|
width: loadWindowWidth(id, 600), |
||||||
|
height: loadWindowHeight(id, 360), |
||||||
|
onResize: function() { |
||||||
|
saveWindowSize(id); |
||||||
|
}, |
||||||
|
onBeforeBuild: function() { |
||||||
|
loadSearchPlugins(); |
||||||
|
}, |
||||||
|
onClose: function() { |
||||||
|
clearTimeout(loadSearchPluginsTimer); |
||||||
|
} |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
var loadSearchPlugins = function() { |
||||||
|
getPlugins(); |
||||||
|
loadSearchPluginsTimer = loadSearchPlugins.delay(2000); |
||||||
|
}; |
||||||
|
|
||||||
|
var categorySelected = function() { |
||||||
|
selectedCategory = $("categorySelect").get("value"); |
||||||
|
}; |
||||||
|
|
||||||
|
var pluginSelected = function() { |
||||||
|
selectedPlugin = $("pluginsSelect").get("value"); |
||||||
|
|
||||||
|
if (selectedPlugin !== prevSelectedPlugin) { |
||||||
|
prevSelectedPlugin = selectedPlugin; |
||||||
|
getSearchCategories(); |
||||||
|
} |
||||||
|
}; |
||||||
|
|
||||||
|
var reselectCategory = function() { |
||||||
|
for (var i = 0; i < $("categorySelect").options.length; ++i) |
||||||
|
if ($("categorySelect").options[i].get("value") === selectedCategory) |
||||||
|
$("categorySelect").options[i].selected = true; |
||||||
|
|
||||||
|
categorySelected(); |
||||||
|
}; |
||||||
|
|
||||||
|
var reselectPlugin = function() { |
||||||
|
for (var i = 0; i < $("pluginsSelect").options.length; ++i) |
||||||
|
if ($("pluginsSelect").options[i].get("value") === selectedPlugin) |
||||||
|
$("pluginsSelect").options[i].selected = true; |
||||||
|
|
||||||
|
pluginSelected(); |
||||||
|
}; |
||||||
|
|
||||||
|
var resetSearchState = function() { |
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
$('startSearchButton').set('text', 'QBT_TR(Search)QBT_TR[CONTEXT=SearchEngineWidget]'); |
||||||
|
searchResultsRowId = 0; |
||||||
|
searchRunning = false; |
||||||
|
activeSearchId = null; |
||||||
|
}; |
||||||
|
|
||||||
|
var getSearchCategories = function() { |
||||||
|
var populateCategorySelect = function(categories) { |
||||||
|
var categoryHtml = []; |
||||||
|
categories.each(function(category) { |
||||||
|
categoryHtml.push("<option>" + category + "</option>"); |
||||||
|
}); |
||||||
|
|
||||||
|
// first category is "All Categories" |
||||||
|
if (categoryHtml.length > 1) |
||||||
|
// add separator |
||||||
|
categoryHtml.splice(1, 0, "<option disabled>──────────</option>"); |
||||||
|
|
||||||
|
$('categorySelect').set('html', categoryHtml.join("")); |
||||||
|
}; |
||||||
|
|
||||||
|
var selectedPlugin = $('pluginsSelect').get("value"); |
||||||
|
if ((selectedPlugin === "all") || (selectedPlugin === "enabled")) { |
||||||
|
var url = new URI('api/v2/search/categories'); |
||||||
|
url.setData('name', selectedPlugin); |
||||||
|
new Request.JSON({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'get', |
||||||
|
onSuccess: function(response) { |
||||||
|
populateCategorySelect(response); |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
} |
||||||
|
else { |
||||||
|
var plugins = ["QBT_TR(All categories)QBT_TR[CONTEXT=SearchEngineWidget]"]; |
||||||
|
var plugin = getPlugin(selectedPlugin); |
||||||
|
if (plugin !== null) |
||||||
|
plugins = plugins.concat(plugin.supportedCategories); |
||||||
|
|
||||||
|
populateCategorySelect(plugins); |
||||||
|
} |
||||||
|
|
||||||
|
reselectCategory(); |
||||||
|
}; |
||||||
|
|
||||||
|
var getPlugins = function() { |
||||||
|
new Request.JSON({ |
||||||
|
url: new URI('api/v2/search/plugins'), |
||||||
|
noCache: true, |
||||||
|
method: 'get', |
||||||
|
onSuccess: function(response) { |
||||||
|
if (response !== prevSearchPluginsResponse) { |
||||||
|
prevSearchPluginsResponse = response; |
||||||
|
searchPlugins = response; |
||||||
|
|
||||||
|
var pluginsHtml = []; |
||||||
|
pluginsHtml.push('<option value="enabled">QBT_TR(Only enabled)QBT_TR[CONTEXT=SearchEngineWidget]</option>'); |
||||||
|
pluginsHtml.push('<option value="all">QBT_TR(All plugins)QBT_TR[CONTEXT=SearchEngineWidget]</option>'); |
||||||
|
|
||||||
|
var searchPluginsEmpty = (searchPlugins.length === 0); |
||||||
|
if (searchPluginsEmpty) { |
||||||
|
$('searchResultsNoPlugins').style.display = "block"; |
||||||
|
$('searchResultsFilters').style.display = "none"; |
||||||
|
$('searchResultsTableContainer').style.display = "none"; |
||||||
|
} |
||||||
|
else { |
||||||
|
$('searchResultsNoPlugins').style.display = "none"; |
||||||
|
$('searchResultsFilters').style.display = "block"; |
||||||
|
$('searchResultsTableContainer').style.display = "block"; |
||||||
|
|
||||||
|
// sort plugins alphabetically |
||||||
|
var allPlugins = searchPlugins.sort(function(pluginA, pluginB){ |
||||||
|
var a = pluginA.fullName.toLowerCase(); |
||||||
|
var b = pluginB.fullName.toLowerCase(); |
||||||
|
if (a < b) return -1; |
||||||
|
if (a > b) return 1; |
||||||
|
return 0; |
||||||
|
}); |
||||||
|
|
||||||
|
allPlugins.each(function(plugin) { |
||||||
|
if (plugin.enabled === true) |
||||||
|
pluginsHtml.push("<option value='" + escapeHtml(plugin.name) + "'>" + escapeHtml(plugin.fullName) + "</option>"); |
||||||
|
}); |
||||||
|
|
||||||
|
if (pluginsHtml.length > 2) |
||||||
|
pluginsHtml.splice(2, 0, "<option disabled>──────────</option>"); |
||||||
|
} |
||||||
|
|
||||||
|
$('pluginsSelect').set('html', pluginsHtml.join("")); |
||||||
|
|
||||||
|
$('searchPattern').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('categorySelect').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('pluginsSelect').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('startSearchButton').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('downloadSearchTorrent').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('openSearchTorrentDescription').setProperty('disabled', searchPluginsEmpty); |
||||||
|
$('copyDescriptionPageUrl').setProperty('disabled', searchPluginsEmpty); |
||||||
|
|
||||||
|
if (typeof updateSearchPluginsTable === "function") |
||||||
|
updateSearchPluginsTable(); |
||||||
|
|
||||||
|
reselectPlugin(); |
||||||
|
} |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var getPlugin = function(name) { |
||||||
|
for (var i = 0; i < searchPlugins.length; ++i) |
||||||
|
if (searchPlugins[i].name === name) |
||||||
|
return searchPlugins[i]; |
||||||
|
|
||||||
|
return null; |
||||||
|
}; |
||||||
|
|
||||||
|
var searchInTorrentName = function() { |
||||||
|
if ($('searchInTorrentName').get('value') === "names") |
||||||
|
localStorage.setItem('search_in_filter', "names"); |
||||||
|
else |
||||||
|
localStorage.setItem('search_in_filter', "everywhere"); |
||||||
|
|
||||||
|
searchFilterChanged(); |
||||||
|
}; |
||||||
|
|
||||||
|
var resetFilters = function() { |
||||||
|
// reset filters |
||||||
|
$('searchMinSeedsFilter').set('value', '0'); |
||||||
|
$('searchMaxSeedsFilter').set('value', '0'); |
||||||
|
$('searchMinSizeFilter').set('value', '0.00'); |
||||||
|
$('searchMinSizePrefix').set('value', '2'); // MiB |
||||||
|
$('searchMaxSizeFilter').set('value', '0.00'); |
||||||
|
$('searchMaxSizePrefix').set('value', '3'); // GiB |
||||||
|
}; |
||||||
|
|
||||||
|
var searchSeedsFilterChanged = function() { |
||||||
|
searchSeedsFilter.min = $('searchMinSeedsFilter').get('value'); |
||||||
|
searchSeedsFilter.max = $('searchMaxSeedsFilter').get('value'); |
||||||
|
|
||||||
|
searchFilterChanged(); |
||||||
|
}; |
||||||
|
|
||||||
|
var searchSizeFilterChanged = function() { |
||||||
|
searchSizeFilter.min = $('searchMinSizeFilter').get('value'); |
||||||
|
searchSizeFilter.minUnit = $('searchMinSizePrefix').get('value'); |
||||||
|
searchSizeFilter.max = $('searchMaxSizeFilter').get('value'); |
||||||
|
searchSizeFilter.maxUnit = $('searchMaxSizePrefix').get('value'); |
||||||
|
|
||||||
|
searchFilterChanged(); |
||||||
|
}; |
||||||
|
|
||||||
|
var searchSizeFilterPrefixChanged = function() { |
||||||
|
if (($('searchMinSizeFilter').get('value') != 0) || ($('searchMaxSizeFilter').get('value') != 0)) |
||||||
|
searchSizeFilterChanged(); |
||||||
|
}; |
||||||
|
|
||||||
|
var searchFilterChanged = function() { |
||||||
|
searchResultsTable.updateTable(); |
||||||
|
$('numSearchResultsVisible').set('html', searchResultsTable.getFilteredAndSortedRows().length); |
||||||
|
}; |
||||||
|
|
||||||
|
var setupSearchTableEvents = function(enable) { |
||||||
|
if (enable) |
||||||
|
$$(".searchTableRow").each(function(target) { |
||||||
|
target.addEventListener('dblclick', downloadSearchTorrent, false); |
||||||
|
}); |
||||||
|
else |
||||||
|
$$(".searchTableRow").each(function(target) { |
||||||
|
target.removeEventListener('dblclick', downloadSearchTorrent, false); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
var loadSearchResultsData = function() { |
||||||
|
var maxResults = 500; |
||||||
|
var url = new URI('api/v2/search/results'); |
||||||
|
new Request.JSON({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
id: activeSearchId, |
||||||
|
limit: maxResults, |
||||||
|
offset: searchResultsRowId |
||||||
|
}, |
||||||
|
onFailure: function(response) { |
||||||
|
if (response.status === 400) { |
||||||
|
// bad params. search id is invalid |
||||||
|
resetSearchState(); |
||||||
|
} |
||||||
|
else { |
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
loadSearchResultsTimer = loadSearchResultsData.delay(3000); |
||||||
|
} |
||||||
|
}, |
||||||
|
onSuccess: function(response) { |
||||||
|
$('error_div').set('html', ''); |
||||||
|
|
||||||
|
// check if user stopped the search prior to receiving the response |
||||||
|
if (!searchRunning) { |
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
searchResultsRowId = 0; |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
if (response) { |
||||||
|
setupSearchTableEvents(false); |
||||||
|
|
||||||
|
if (response.results) { |
||||||
|
var results = response.results; |
||||||
|
for (var i = 0; i < results.length; ++i) { |
||||||
|
var result = results[i]; |
||||||
|
var row = { |
||||||
|
rowId: searchResultsRowId, |
||||||
|
descrLink: result.descrLink, |
||||||
|
fileName: result.fileName, |
||||||
|
fileSize: result.fileSize, |
||||||
|
fileUrl: result.fileUrl, |
||||||
|
nbLeechers: result.nbLeechers, |
||||||
|
nbSeeders: result.nbSeeders, |
||||||
|
siteUrl: result.siteUrl, |
||||||
|
}; |
||||||
|
|
||||||
|
searchResultsTable.updateRowData(row); |
||||||
|
++searchResultsRowId; |
||||||
|
} |
||||||
|
|
||||||
|
$('numSearchResultsVisible').set('html', searchResultsTable.getFilteredAndSortedRows().length); |
||||||
|
$('numSearchResultsTotal').set('html', searchResultsTable.getRowIds().length); |
||||||
|
} |
||||||
|
|
||||||
|
searchResultsTable.updateTable(); |
||||||
|
searchResultsTable.altRow(); |
||||||
|
|
||||||
|
if ((response.status === "Stopped") && (searchResultsRowId >= response.total)) { |
||||||
|
resetSearchState(); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
setupSearchTableEvents(true); |
||||||
|
} |
||||||
|
|
||||||
|
var timeout = 1000; |
||||||
|
if (requestCount > 30) |
||||||
|
timeout = 3000; |
||||||
|
else if (requestCount > 10) |
||||||
|
timeout = 2000; |
||||||
|
|
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
loadSearchResultsTimer = loadSearchResultsData.delay(timeout); |
||||||
|
++requestCount; |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var updateSearchResultsData = function() { |
||||||
|
clearTimeout(loadSearchResultsTimer); |
||||||
|
loadSearchResultsTimer = loadSearchResultsData.delay(500); |
||||||
|
}; |
||||||
|
|
||||||
|
initSearchTab(); |
||||||
|
</script> |
||||||
@ -0,0 +1,219 @@ |
|||||||
|
<style type="text/css"> |
||||||
|
#searchPluginsContainer { |
||||||
|
height: calc(100% - 20px); |
||||||
|
margin: 10px; |
||||||
|
overflow: auto; |
||||||
|
} |
||||||
|
|
||||||
|
#searchPluginsContainer button { |
||||||
|
padding: 2px; |
||||||
|
} |
||||||
|
|
||||||
|
#searchPluginsContainer span { |
||||||
|
display: block; |
||||||
|
margin-top: 10px; |
||||||
|
} |
||||||
|
|
||||||
|
#searchPluginsTable { |
||||||
|
width: 100%; |
||||||
|
height: calc(100% - 150px); |
||||||
|
-moz-height: calc(100% - 150px); |
||||||
|
-webkit-height: calc(100% - 150px); |
||||||
|
} |
||||||
|
|
||||||
|
#searchPluginsTable .dynamicTable { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
#searchPluginsTableDiv { |
||||||
|
height: calc(100% - 26px); |
||||||
|
-moz-height: calc(100% - 26px); |
||||||
|
-webkit-height: calc(100% - 26px); |
||||||
|
} |
||||||
|
|
||||||
|
#dynamicTableFixedHeaderDiv { |
||||||
|
height: 26px; |
||||||
|
} |
||||||
|
|
||||||
|
#searchPlugins_content { |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
</style> |
||||||
|
|
||||||
|
<div id="searchPluginsContainer"> |
||||||
|
<h2>QBT_TR(Installed search plugins:)QBT_TR[CONTEXT=PluginSelectDlg]</h2> |
||||||
|
|
||||||
|
<div id="searchPluginsTable"> |
||||||
|
<div id="searchPluginsTableFixedHeaderDiv" class="dynamicTableFixedHeaderDiv"> |
||||||
|
<table class="dynamicTable unselectable" style="position:relative;"> |
||||||
|
<thead> |
||||||
|
<tr class="dynamicTableHeader" id="searchPluginsTableFixedHeaderRow"></tr> |
||||||
|
</thead> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
<div id="searchPluginsTableDiv" class="dynamicTableDiv"> |
||||||
|
<table class="dynamicTable unselectable"> |
||||||
|
<thead> |
||||||
|
<tr class="dynamicTableHeader"></tr> |
||||||
|
</thead> |
||||||
|
<tbody></tbody> |
||||||
|
</table> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<span>QBT_TR(Warning: Be sure to comply with your country's copyright laws when downloading torrents from any of these search engines.)QBT_TR[CONTEXT=PluginSelectDlg]</span> |
||||||
|
<span style="font-style: italic;">QBT_TR(You can get new search engine plugins here:)QBT_TR[CONTEXT=PluginSelectDlg] <a href="http://plugins.qbittorrent.org" target="_blank">http://plugins.qbittorrent.org</a></span> |
||||||
|
<div style="width: 100%; margin-top: 10px;"> |
||||||
|
<button style="width: 33%; line-height: 1.4em;" onclick="installPlugin();">QBT_TR(Install new plugin)QBT_TR[CONTEXT=PluginSelectDlg]</button> |
||||||
|
<button style="width: 33%; line-height: 1.4em;" onclick="checkForUpdates();">QBT_TR(Check for updates)QBT_TR[CONTEXT=PluginSelectDlg]</button> |
||||||
|
<button style="width: 32%; line-height: 1.4em;" onclick="closeSearchWindow('searchPlugins');">QBT_TR(Close)QBT_TR[CONTEXT=PluginSelectDlg]</button> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<ul id="searchPluginsTableMenu" class="contextMenu"> |
||||||
|
<li><a href="#Enabled"><img src="images/qbt-theme/checked.svg" alt="QBT_TR(Enabled)QBT_TR[CONTEXT=PluginSelectDlg]"/> QBT_TR(Enabled)QBT_TR[CONTEXT=PluginSelectDlg]</a></li> |
||||||
|
<li class="separator"><a href="#Uninstall"><img src="images/qbt-theme/list-remove.svg" alt="QBT_TR(Uninstall)QBT_TR[CONTEXT=PluginSelectDlg]"/> QBT_TR(Uninstall)QBT_TR[CONTEXT=PluginSelectDlg]</a></li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
<script> |
||||||
|
'use strict'; |
||||||
|
|
||||||
|
var searchPluginsTableContextMenu; |
||||||
|
var prevOffsetLeft; |
||||||
|
var prevOffsetTop; |
||||||
|
|
||||||
|
var initSearchPlugins = function() { |
||||||
|
searchPluginsTableContextMenu = new SearchPluginsTableContextMenu({ |
||||||
|
targets: '.searchPluginsTableRow', |
||||||
|
menu: 'searchPluginsTableMenu', |
||||||
|
actions: { |
||||||
|
Enabled: enablePlugin, |
||||||
|
Uninstall: uninstallPlugin |
||||||
|
}, |
||||||
|
offsets : calculateContextMenuOffsets() |
||||||
|
}); |
||||||
|
searchPluginsTable.setup('searchPluginsTableDiv', 'searchPluginsTableFixedHeaderDiv', searchPluginsTableContextMenu); |
||||||
|
updateSearchPluginsTable(); |
||||||
|
}; |
||||||
|
|
||||||
|
var closeSearchWindow = function(id) { |
||||||
|
window.parent.MochaUI.closeWindow(window.parent.$(id)); |
||||||
|
}; |
||||||
|
|
||||||
|
var installPlugin = function(path) { |
||||||
|
new MochaUI.Window({ |
||||||
|
id: 'installSearchPlugin', |
||||||
|
title: "QBT_TR(Install plugin)QBT_TR[CONTEXT=PluginSourceDlg]", |
||||||
|
loadMethod: 'xhr', |
||||||
|
contentURL: 'installsearchplugin.html', |
||||||
|
scrollbars: false, |
||||||
|
resizable: false, |
||||||
|
maximizable: false, |
||||||
|
paddingVertical: 0, |
||||||
|
paddingHorizontal: 0, |
||||||
|
width: 500, |
||||||
|
height: 120 |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
var uninstallPlugin = function() { |
||||||
|
var plugins = searchPluginsTable.selectedRowsIds().join('|'); |
||||||
|
var url = new URI('api/v2/search/uninstallPlugin'); |
||||||
|
new Request({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
names: plugins, |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var enablePlugin = function() { |
||||||
|
var plugins = searchPluginsTable.selectedRowsIds(); |
||||||
|
var enable = true; |
||||||
|
if (plugins && plugins.length) |
||||||
|
enable = !getPlugin(plugins[0]).enabled; |
||||||
|
|
||||||
|
var url = new URI('api/v2/search/enablePlugin'); |
||||||
|
new Request({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post', |
||||||
|
data: { |
||||||
|
names: plugins.join('|'), |
||||||
|
enable: enable |
||||||
|
} |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var checkForUpdates = function() { |
||||||
|
var url = new URI('api/v2/search/updatePlugins'); |
||||||
|
new Request({ |
||||||
|
url: url, |
||||||
|
noCache: true, |
||||||
|
method: 'post' |
||||||
|
}).send(); |
||||||
|
}; |
||||||
|
|
||||||
|
var calculateContextMenuOffsets = function() { |
||||||
|
prevOffsetLeft = document.getElementById("searchPlugins").getBoundingClientRect().left; |
||||||
|
prevOffsetTop = document.getElementById("searchPlugins").getBoundingClientRect().top; |
||||||
|
|
||||||
|
return { |
||||||
|
x: -(prevOffsetLeft + 20), |
||||||
|
y: -(prevOffsetTop + 2) |
||||||
|
}; |
||||||
|
}; |
||||||
|
|
||||||
|
var updateSearchPluginsTableContextMenuOffset = function() { |
||||||
|
// only re-calculate if window has moved |
||||||
|
if ((prevOffsetLeft !== document.getElementById("searchPlugins").getBoundingClientRect().left) || (prevOffsetTop !== document.getElementById("searchPlugins").getBoundingClientRect().top)) |
||||||
|
searchPluginsTableContextMenu.options.offsets = calculateContextMenuOffsets(); |
||||||
|
}; |
||||||
|
|
||||||
|
var setupSearchPluginTableEvents = function(enable) { |
||||||
|
if (enable) |
||||||
|
$$(".searchPluginsTableRow").each(function(target) { |
||||||
|
target.addEventListener('dblclick', enablePlugin, false); |
||||||
|
target.addEventListener('contextmenu', updateSearchPluginsTableContextMenuOffset, true); |
||||||
|
}); |
||||||
|
else |
||||||
|
$$(".searchPluginsTableRow").each(function(target) { |
||||||
|
target.removeEventListener('dblclick', enablePlugin, false); |
||||||
|
target.removeEventListener('contextmenu', updateSearchPluginsTableContextMenuOffset, true); |
||||||
|
}); |
||||||
|
}; |
||||||
|
|
||||||
|
var updateSearchPluginsTable = function() { |
||||||
|
// clear event listeners |
||||||
|
setupSearchPluginTableEvents(false); |
||||||
|
|
||||||
|
var oldPlugins = Object.keys(searchPluginsTable.rows); |
||||||
|
// remove old rows from the table |
||||||
|
for (var i = 0; i < oldPlugins.length; ++i) { |
||||||
|
var found = false; |
||||||
|
for (var j = 0; j < searchPlugins.length; ++j) { |
||||||
|
if (searchPlugins[j].name === oldPlugins[i]) { |
||||||
|
found = true; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
if (!found) |
||||||
|
searchPluginsTable.removeRow(oldPlugins[i]); |
||||||
|
} |
||||||
|
|
||||||
|
for (var i = 0; i < searchPlugins.length; ++i) { |
||||||
|
searchPlugins[i].rowId = searchPlugins[i].name; |
||||||
|
searchPluginsTable.updateRowData(searchPlugins[i]); |
||||||
|
} |
||||||
|
|
||||||
|
searchPluginsTable.updateTable(); |
||||||
|
searchPluginsTable.altRow(); |
||||||
|
|
||||||
|
// add event listeners |
||||||
|
setupSearchPluginTableEvents(true); |
||||||
|
}; |
||||||
|
|
||||||
|
initSearchPlugins(); |
||||||
|
</script> |
||||||
Loading…
Reference in new issue