github/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent synced 2025-08-22 14:23:35 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

apply suggestions

Browse source
This commit is contained in:
tehcneko 2025-05-25 17:27:30 +08:00
commit 27adfcee1d
1 changed files with 54 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

123
src/webui/www/private/speedlimit.html
View file

@ -3,6 +3,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>QBT_TR(Speed limit)QBT_TR[CONTEXT=SpeedLimit]</title>
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css"> <link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css">
<script src="scripts/localpreferences.js?v=${CACHEID}"></script> <script src="scripts/localpreferences.js?v=${CACHEID}"></script>
<script src="scripts/color-scheme.js?v=${CACHEID}"></script> <script src="scripts/color-scheme.js?v=${CACHEID}"></script>
@ -10,15 +11,15 @@
<body> <body>
<div style="padding-top: 10px; width: 100%; text-align: center; margin: 0 auto; overflow: hidden"> <div style="padding-top: 10px; width: 100%; text-align: center; margin: 0 auto; overflow: hidden">
<div id="limitSlider" class="slider"> <div class="slider">
<div id="limitUpdate" class="update"> <div class="update">
<label id="limitUpdateLabel" for="limitUpdatevalue"></label> <label id="limitUpdateLabel" for="limitUpdateValue">QBT_TR(Limit:)QBT_TR[CONTEXT=SpeedLimit]</label>
<input type="text" id="limitUpdatevalue" size="6" placeholder="∞" style="text-align: center;"> <input type="text" id="limitUpdateValue" size="6" placeholder="∞" style="text-align: center;">
<span id="limitUnit">QBT_TR(KiB/s)QBT_TR[CONTEXT=SpeedLimitDialog]</span> <span id="limitUnit">QBT_TR(KiB/s)QBT_TR[CONTEXT=SpeedLimit]</span>
</div> </div>
<input type="range" id="limitSliderInput" value="0" style="width: 100%;" aria-label="QBT_TR(Download limit)QBT_TR[CONTEXT=PropertiesWidget]"> <input type="range" id="limitSliderInput" min="0" value="0" style="width: 100%;" aria-label="QBT_TR(Speed limit)QBT_TR[CONTEXT=SpeedLimit]">
</div> </div>
<input type="button" id="applyButton" value="QBT_TR(Apply)QBT_TR[CONTEXT=HttpServer]" onclick="setLimit()"> <input type="button" id="applyButton" value="QBT_TR(Apply)QBT_TR[CONTEXT=HttpServer]" onclick="saveLimit()">
</div> </div>
<script> <script>
@ -41,42 +42,42 @@
const type = params.get("type"); const type = params.get("type");
const hashes = params.get("hashes").split("|"); const hashes = params.get("hashes").split("|");
document.getElementById("limitUpdateLabel").textContent = const isGlobal = (hashes[0] === "global");
type === "upload" // Otherwise it's download limit
? `QBT_TR(Upload limit:)QBT_TR[CONTEXT=PropertiesWidget]` const isUpload = (type === "upload");
: `QBT_TR(Download limit:)QBT_TR[CONTEXT=PropertiesWidget]`;
const setupSlider = (limit, maximum) => { const getLimitMethod = isUpload ? "uploadLimit" : "downloadLimit";
const input = document.getElementById("limitSliderInput"); const setLimitMethod = isUpload ? "setUploadLimit" : "setDownloadLimit";
input.setAttribute("max", maximum);
input.setAttribute("min", 0); const limitUpdateValue = document.getElementById("limitUpdateValue");
input.value = limit; const limitUnit = document.getElementById("limitUnit");
input.addEventListener("input", (event) => {
const pos = Number(event.target.value); const setLimitUpdateValue = (value) => {
if (pos > 0) { if (value === 0) {
document.getElementById("limitUpdatevalue").value = pos; limitUpdateValue.value = "∞";
document.getElementById("limitUnit").style.visibility = "visible"; limitUnit.style.visibility = "hidden";
} }
else { else {
document.getElementById("limitUpdatevalue").value = "∞"; limitUpdateValue.value = value;
document.getElementById("limitUnit").style.visibility = "hidden"; limitUnit.style.visibility = "visible";
}
});
// Set default value
if (limit === 0) {
document.getElementById("limitUpdatevalue").value = "∞";
document.getElementById("limitUnit").style.visibility = "hidden";
}
else {
document.getElementById("limitUpdatevalue").value = limit;
document.getElementById("limitUnit").style.visibility = "visible";
} }
}; };
const setLimit = () => { const setupSlider = (limit, maximum) => {
const limit = Number(document.getElementById("limitUpdatevalue").value) * 1024; const input = document.getElementById("limitSliderInput");
if (hashes[0] === "global") { input.max = maximum;
fetch(`api/v2/transfer/${type === "upload" ? "setUploadLimit" : "setDownloadLimit"}`, { input.value = limit;
input.addEventListener("input", (event) => {
setLimitUpdateValue(Number(event.target.value));
});
// Set default value
setLimitUpdateValue(limit);
};
const saveLimit = () => {
const limit = Number(limitUpdateValue.value) * 1024;
if (isGlobal) {
fetch(`api/v2/transfer/${setLimitMethod}`, {
method: "POST", method: "POST",
body: new URLSearchParams({ body: new URLSearchParams({
limit: limit limit: limit
@ -91,7 +92,7 @@
}); });
} }
else { else {
fetch(`api/v2/torrents/${type === "upload" ? "setUploadLimit" : "setDownloadLimit"}`, { fetch(`api/v2/torrents/${setLimitMethod}`, {
method: "POST", method: "POST",
body: new URLSearchParams({ body: new URLSearchParams({
hashes: hashes.join("|"), hashes: hashes.join("|"),
@ -107,7 +108,12 @@
} }
}; };
fetch(`api/v2/transfer/${type === "upload" ? "uploadLimit" : "downloadLimit"}`, { document.getElementById("limitUpdateLabel").textContent =
isUpload
? `QBT_TR(Upload limit:)QBT_TR[CONTEXT=SpeedLimit]`
: `QBT_TR(Download limit:)QBT_TR[CONTEXT=SpeedLimit]`;
fetch(`api/v2/transfer/${getLimitMethod}`, {
method: "GET", method: "GET",
cache: "no-store" cache: "no-store"
}) })
@ -117,30 +123,15 @@
const data = await response.text(); const data = await response.text();
let maximum = 500; const globalLimit = Math.max((Number(data) / 1024), 0);
const tmp = Number(data);
if (tmp > 0) {
maximum = tmp / 1024.0;
}
else {
if (hashes[0] === "global")
maximum = 10000;
else
maximum = 1000;
}
// Get torrents download limit // Get torrents download limit
// And create slider // And create slider
if (hashes[0] === "global") { if (isGlobal) {
let limit = maximum; setupSlider(globalLimit, 10000);
if (limit < 0)
limit = 0;
maximum = 10000;
setupSlider(Math.round(limit), maximum);
} }
else { else {
fetch(`api/v2/torrents/${type === "upload" ? "uploadLimit" : "downloadLimit"}`, { fetch(`api/v2/torrents/${getLimitMethod}`, {
method: "POST", method: "POST",
body: new URLSearchParams({ body: new URLSearchParams({
hashes: hashes.join("|") hashes: hashes.join("|")
@ -152,22 +143,16 @@
const data = await response.json(); const data = await response.json();
let limit = data[hashes[0]]; const firstLimit = Math.max(data[hashes[0]], 0);
for (const key in data) { const isAllFirstLimit = Object.values(data).every(value => value === firstLimit);
if (limit !== data[key]) { const limit = isAllFirstLimit ? Math.round(firstLimit / 1024) : 0;
limit = 0;
break;
}
}
if (limit < 0)
limit = 0;
setupSlider(Math.round(limit / 1024), maximum); setupSlider(limit, ((globalLimit > 0) ? globalLimit : 1000));
}); });
} }
}); });
document.getElementById("limitUpdatevalue").focus(); limitUpdateValue.focus();
</script> </script>
</body> </body>