mirrors/qBittorrent
1
0
Fork 0
mirror of https://github.com/qbittorrent/qBittorrent.git synced 2024-10-22 18:56:08 +03:00
Code Issues Projects Releases Packages Wiki Activity

Follow project coding style. Issue #2192.

Browse source
This commit is contained in:
buinsky 2016-12-18 07:34:20 +03:00 committed by sledgehammer999
parent 8efb13bfaf
commit 84a4d323c7
No known key found for this signature in database
GPG key ID: 6E4A2D025B7CC9A2
1 changed files with 87 additions and 87 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

174
src/webui/www/public/scripts/progressbar.js
View file

@ -1,99 +1,99 @@
var ProgressBar = new Class({ var ProgressBar = new Class({
initialize: function(value, parameters) { initialize: function(value, parameters) {
var vals = { var vals = {
'id': 'progressbar_' + (ProgressBars++), 'id': 'progressbar_' + (ProgressBars++),
'value': $pick(value, 0), 'value': $pick(value, 0),
'width': 0, 'width': 0,
'height': 0, 'height': 0,
'darkbg': '#006', 'darkbg': '#006',
'darkfg': '#fff', 'darkfg': '#fff',
'lightbg': '#fff', 'lightbg': '#fff',
'lightfg': '#000' 'lightfg': '#000'
}; };
if (parameters && $type(parameters) == 'object') $extend(vals, parameters); if (parameters && $type(parameters) == 'object') $extend(vals, parameters);
if (vals.height < 12) vals.height = 12; if (vals.height < 12) vals.height = 12;
var obj = new Element('div', { var obj = new Element('div', {
'id': vals.id, 'id': vals.id,
'class': 'progressbar_wrapper', 'class': 'progressbar_wrapper',
'styles': { 'styles': {
'border': '1px solid #000', 'border': '1px solid #000',
'width': vals.width, 'width': vals.width,
'height': vals.height, 'height': vals.height,
'position': 'relative', 'position': 'relative',
'margin': '0 auto' 'margin': '0 auto'
} }
}); });
obj.vals = vals; obj.vals = vals;
obj.vals.value = $pick(value, 0); // Fix by Chris obj.vals.value = $pick(value, 0); // Fix by Chris
obj.vals.dark = new Element('div', { obj.vals.dark = new Element('div', {
'id': vals.id + '_dark', 'id': vals.id + '_dark',
'class': 'progressbar_dark', 'class': 'progressbar_dark',
'styles': { 'styles': {
'width': vals.width, 'width': vals.width,
'height': vals.height, 'height': vals.height,
'background': vals.darkbg, 'background': vals.darkbg,
'color': vals.darkfg, 'color': vals.darkfg,
'position': 'absolute', 'position': 'absolute',
'text-align': 'center', 'text-align': 'center',
'left': 0, 'left': 0,
'top': 0, 'top': 0,
'line-height': vals.height 'line-height': vals.height
} }
}); });
obj.vals.light = new Element('div', { obj.vals.light = new Element('div', {
'id': vals.id + '_light', 'id': vals.id + '_light',
'class': 'progressbar_light', 'class': 'progressbar_light',
'styles': { 'styles': {
'width': vals.width, 'width': vals.width,
'height': vals.height, 'height': vals.height,
'background': vals.lightbg, 'background': vals.lightbg,
'color': vals.lightfg, 'color': vals.lightfg,
'position': 'absolute', 'position': 'absolute',
'text-align': 'center', 'text-align': 'center',
'left': 0, 'left': 0,
'top': 0, 'top': 0,
'line-height': vals.height 'line-height': vals.height
} }
}); });
obj.appendChild(obj.vals.dark); obj.appendChild(obj.vals.dark);
obj.appendChild(obj.vals.light); obj.appendChild(obj.vals.light);
obj.getValue = ProgressBar_getValue; obj.getValue = ProgressBar_getValue;
obj.setValue = ProgressBar_setValue; obj.setValue = ProgressBar_setValue;
if (vals.width) obj.setValue(vals.value); if (vals.width) obj.setValue(vals.value);
else setTimeout('ProgressBar_checkForParent("' + obj.id + '")', 1); else setTimeout('ProgressBar_checkForParent("' + obj.id + '")', 1);
return obj; return obj;
} }
}); });
function ProgressBar_getValue() { function ProgressBar_getValue() {
return this.vals.value; return this.vals.value;
} }
function ProgressBar_setValue(value) { function ProgressBar_setValue(value) {
value = parseFloat(value); value = parseFloat(value);
if (isNaN(value)) value = 0; if (isNaN(value)) value = 0;
if (value > 100) value = 100; if (value > 100) value = 100;
if (value < 0) value = 0; if (value < 0) value = 0;
this.vals.value = value; this.vals.value = value;
this.vals.dark.empty(); this.vals.dark.empty();
this.vals.light.empty(); this.vals.light.empty();
this.vals.dark.appendText(value + '%'); this.vals.dark.appendText(value + '%');
this.vals.light.appendText(value + '%'); this.vals.light.appendText(value + '%');
var r = parseInt(this.vals.width * (value / 100)); var r = parseInt(this.vals.width * (value / 100));
this.vals.dark.setStyle('clip', 'rect(0,' + r + 'px,' + this.vals.height + 'px,0)'); 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.light.setStyle('clip', 'rect(0,' + this.vals.width + 'px,' + this.vals.height + 'px,' + r + 'px)');
} }
function ProgressBar_checkForParent(id) { function ProgressBar_checkForParent(id) {
var obj = $(id); var obj = $(id);
if (!obj) return; if (!obj) return;
if (!obj.parentNode) return setTimeout('ProgressBar_checkForParent("' + id + '")', 1); if (!obj.parentNode) return setTimeout('ProgressBar_checkForParent("' + id + '")', 1);
obj.setStyle('width', '100%'); obj.setStyle('width', '100%');
var w = obj.offsetWidth; var w = obj.offsetWidth;
obj.vals.dark.setStyle('width', w); obj.vals.dark.setStyle('width', w);
obj.vals.light.setStyle('width', w); obj.vals.light.setStyle('width', w);
obj.vals.width = w; obj.vals.width = w;
obj.setValue(obj.vals.value); obj.setValue(obj.vals.value);
} }
var ProgressBars = 0; var ProgressBars = 0;