d4708
/
qBittorrent
mirror of https://github.com/d47081/qBittorrent.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Follow project coding style. Issue #2192.

adaptive-webui-19844
buinsky 8 years ago
parent
e65a628bf9
commit
09cf93521f
1 changed files with 87 additions and 87 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 174
      src/webui/www/public/scripts/progressbar.js

174
src/webui/www/public/scripts/progressbar.js
Unescape 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;

Write Preview
Loading…
Cancel
Save