From 1c5af96ad8441a15aa83baee015c6bf504cf60be Mon Sep 17 00:00:00 2001 From: Chocobo1 Date: Sat, 11 May 2024 14:12:29 +0800 Subject: [PATCH] WebUI: simplify code --- src/webui/www/private/scripts/progressbar.js | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/src/webui/www/private/scripts/progressbar.js b/src/webui/www/private/scripts/progressbar.js index 0c1345583..a17915354 100644 --- a/src/webui/www/private/scripts/progressbar.js +++ b/src/webui/www/private/scripts/progressbar.js @@ -120,18 +120,16 @@ window.qBittorrent.ProgressBar = (function() { value = parseFloat(value); if (isNaN(value)) value = 0; - if (value > 100) - value = 100; - if (value < 0) - value = 0; + value = Math.min(Math.max(value, 0), 100); this.vals.value = value; - this.vals.dark.empty(); - this.vals.light.empty(); - this.vals.dark.appendText(value.round(1).toFixed(1) + "%"); - this.vals.light.appendText(value.round(1).toFixed(1) + "%"); + + const displayedValue = `${value.round(1).toFixed(1)}%`; + this.vals.dark.textContent = displayedValue; + this.vals.light.textContent = displayedValue; + const r = parseInt(this.vals.width * (value / 100)); - this.vals.dark.setStyle("clip", "rect(0," + r + "px," + this.vals.height + "px,0)"); - this.vals.light.setStyle("clip", "rect(0," + this.vals.width + "px," + this.vals.height + "px," + r + "px)"); + this.vals.dark.setStyle("clip", `rect(0, ${r}px, ${this.vals.height}px, 0)`); + this.vals.light.setStyle("clip", `rect(0, ${this.vals.width}px, ${this.vals.height}px, ${r}px)`); } function ProgressBar_setWidth(value) {