summaryrefslogtreecommitdiffstats
path: root/module/web/media
diff options
context:
space:
mode:
Diffstat (limited to 'module/web/media')
-rw-r--r--module/web/media/default/js/home.js409
-rw-r--r--module/web/media/default/js/jquery.progressbar.js8
2 files changed, 208 insertions, 209 deletions
diff --git a/module/web/media/default/js/home.js b/module/web/media/default/js/home.js
index 025dcfcc7..61a1f60d0 100644
--- a/module/web/media/default/js/home.js
+++ b/module/web/media/default/js/home.js
@@ -1,205 +1,204 @@
-var dwProgressBar = new Class({
-
- //implements
- Implements: [Options],
-
- //options
- options: {
- container: $$('body')[0],
- boxID: '',
- percentageID: '',
- displayID: '',
- startPercentage: 0,
- displayText: false,
- speed: 10
- },
-
- //initialization
- initialize: function(options) {
- //set options
- this.setOptions(options);
- //create elements
- this.createElements();
- },
-
- //creates the box and percentage elements
- createElements: function() {
- var box = new Element('div', {
- id: this.options.boxID + this.options.id,
- 'class': this.options.boxID
- });
- var perc = new Element('div', {
- id: this.options.percentageID + this.options.id,
- 'style': 'width:0px;',
- 'class': this.options.percentageID
- });
- perc.inject(box);
- box.inject(this.options.container);
- if (this.options.displayText) {
- var text = new Element('div', {
- id: this.options.displayID + this.options.id,
- 'class': this.options.displayID
- });
- text.inject(this.options.container);
- }
- this.set(this.options.startPercentage);
- },
-
- //calculates width in pixels from percentage
- calculate: function(percentage) {
- return (document.id(this.options.boxID + this.options.id).getStyle('width').replace('px', '') * (percentage / 100)).toInt();
- },
-
- //animates the change in percentage
- animate: function(to) {
- document.id(this.options.percentageID + this.options.id).set('morph', {
- duration: this.options.speed,
- link: 'cancel'
- }).morph({
- width: this.calculate(to.toInt())
- });
- if (this.options.displayText) {
- document.id(this.options.displayID + this.options.id).set('text', to.toInt() + '%');
- }
- },
-
- //sets the percentage from its current state to desired percentage
- set: function(to) {
- this.animate(to);
- }
-
-});
-
-req = new Request.JSON({
- onSuccess: renderTable,
- method: 'get',
- url: '/json/links',
- initialDelay: 0,
- delay: 1000,
- limit: 20000
-});
-
-var dls = []
-var pbs = []
-
-function renderTable(data) {
-
- data.downloads.each(function(dl) {
-
- if (dls.contains(dl.id)) {
-
- var div = $('dl' + dl.id)
-
- pbs[dl.id].set(dl.percent)
-
- div.getChildren("b")[0].textContent = dl.name
-
- if (dl.status == "downloading") {
-
- size = Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB";
- speed = Math.round(dl.speed) + " kb/s";
- eta = dl.eta;
-
- } else if (dl.status == "waiting") {
-
- size = "waiting " + dl.wait;
- speed = "";
- eta = "";
-
- }
- div.getChildren(".dlsize")[0].textContent = size;
- div.getChildren(".dlspeed")[0].textContent = speed;
- div.getChildren(".dltime")[0].textContent = eta;
-
- } else {
-
- dls.push(dl.id)
-
- container = $("dlcontainer")
-
- dldiv = new Element('div', {
- 'id': 'dl' + dl.id,
- 'class': 'download',
- 'styles': {
- 'display': 'None'
- }
- })
-
- new Element('p').inject(dldiv)
-
- new Element('b', {
- 'html': dl.name
- }).inject(dldiv)
-
- new Element('br').inject(dldiv)
-
- dldiv.inject(container)
-
- pbs[dl.id] = new dwProgressBar({
- container: $(dldiv),
- startPercentage: 0,
- speed: 1000,
- id: dl.id,
- boxID: 'box',
- percentageID: 'perc',
- displayText: true,
- displayID: 'boxtext'
- });
-
- new Element('div', {
- 'class': 'dlsize',
- 'html': Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB"
- }).inject(dldiv)
-
- new Element('div', {
- 'class': 'dlspeed',
- 'html': Math.round(dl.speed) + " kb/s"
- }).inject(dldiv)
-
- new Element('div', {
- 'class': 'dltime',
- 'html': dl.eta
- }).inject(dldiv)
-
- //dldiv.dissolve({duration : 0})
- dldiv.reveal()
-
- }
- })
-
- dls.each(function(id, index) {
-
- if (data.ids.contains(id)) {
-
-} else {
-
- //$("dl"+id).reveal()
- dls.erase(id);
- $('dl' + id).nix()
-
- }
-
- })
-
-}
-
-window.addEvent('domready',
-function() {
-
- /*
-//create the progress bar for example 1
-pb = new dwProgressBar({
- container: $$('.level1 p')[0],
- startPercentage: 25,
- speed: 1000,
- id: 1,
- boxID: 'box',
- percentageID: 'perc',
- displayText: true,
- displayID: 'boxtext'
-});
-*/
-
- req.startTimer();
-
-}); \ No newline at end of file
+var dwProgressBar = new Class({
+
+ //implements
+ Implements: [Options],
+
+ //options
+ options: {
+ container: $$('body')[0],
+ boxID: '',
+ percentageID: '',
+ displayID: '',
+ startPercentage: 0,
+ displayText: false,
+ speed: 10
+ },
+
+ //initialization
+ initialize: function(options) {
+ //set options
+ this.setOptions(options);
+ //create elements
+ this.createElements();
+ },
+
+ //creates the box and percentage elements
+ createElements: function() {
+ var box = new Element('div', {
+ id: this.options.boxID + this.options.id,
+ 'class': this.options.boxID
+ });
+ var perc = new Element('div', {
+ id: this.options.percentageID + this.options.id,
+ 'style': 'width:0px;',
+ 'class': this.options.percentageID
+ });
+ perc.inject(box);
+ box.inject(this.options.container);
+ if (this.options.displayText) {
+ var text = new Element('div', {
+ id: this.options.displayID + this.options.id,
+ 'class': this.options.displayID
+ });
+ text.inject(this.options.container);
+ }
+ this.set(this.options.startPercentage);
+ },
+
+ //calculates width in pixels from percentage
+ calculate: function(percentage) {
+ return (document.id(this.options.boxID + this.options.id).getStyle('width').replace('px', '') * (percentage / 100)).toInt();
+ },
+
+ //animates the change in percentage
+ animate: function(to) {
+ document.id(this.options.percentageID + this.options.id).set('morph', {
+ duration: this.options.speed,
+ link: 'cancel'
+ }).morph({
+ width: this.calculate(to.toInt())
+ });
+ if (this.options.displayText) {
+ document.id(this.options.displayID + this.options.id).set('text', to.toInt() + '%');
+ }
+ },
+
+ //sets the percentage from its current state to desired percentage
+ set: function(to) {
+ this.animate(to);
+ }
+
+});
+/*
+req = new Request.JSON({
+ onSuccess: renderTable,
+ method: 'get',
+ url: '/json/links',
+ initialDelay: 0,
+ delay: 1000,
+ limit: 20000
+});
+*/
+var dls = []
+var pbs = []
+
+function renderTable(data) {
+
+ data.downloads.each(function(dl) {
+
+ if (dls.contains(dl.id)) {
+
+ var div = $('dl' + dl.id)
+
+ pbs[dl.id].set(dl.percent)
+
+ div.getChildren("b")[0].textContent = dl.name
+
+ if (dl.status == "downloading") {
+
+ size = Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB";
+ speed = Math.round(dl.speed) + " kb/s";
+ eta = dl.eta;
+
+ } else if (dl.status == "waiting") {
+
+ size = "waiting " + dl.wait;
+ speed = "";
+ eta = "";
+
+ }
+ div.getChildren(".dlsize")[0].textContent = size;
+ div.getChildren(".dlspeed")[0].textContent = speed;
+ div.getChildren(".dltime")[0].textContent = eta;
+
+ } else {
+
+ dls.push(dl.id)
+
+ container = $("dlcontainer")
+
+ dldiv = new Element('div', {
+ 'id': 'dl' + dl.id,
+ 'class': 'download',
+ 'styles': {
+ 'display': 'None'
+ }
+ })
+
+ new Element('p').inject(dldiv)
+
+ new Element('b', {
+ 'html': dl.name
+ }).inject(dldiv)
+
+ new Element('br').inject(dldiv)
+
+ dldiv.inject(container)
+
+ pbs[dl.id] = new dwProgressBar({
+ container: $(dldiv),
+ startPercentage: 0,
+ speed: 1000,
+ id: dl.id,
+ boxID: 'box',
+ percentageID: 'perc',
+ displayText: true,
+ displayID: 'boxtext'
+ });
+
+ new Element('div', {
+ 'class': 'dlsize',
+ 'html': Math.round((dl.size - dl.kbleft) / 1024) + "/" + Math.round(dl.size / 1024) + " MB"
+ }).inject(dldiv)
+
+ new Element('div', {
+ 'class': 'dlspeed',
+ 'html': Math.round(dl.speed) + " kb/s"
+ }).inject(dldiv)
+
+ new Element('div', {
+ 'class': 'dltime',
+ 'html': dl.eta
+ }).inject(dldiv)
+
+ //dldiv.dissolve({duration : 0})
+ dldiv.reveal()
+
+ }
+ })
+
+ dls.each(function(id, index) {
+
+ if (data.ids.contains(id)) {
+
+} else {
+
+ //$("dl"+id).reveal()
+ dls.erase(id);
+ $('dl' + id).nix()
+
+ }
+
+ })
+
+}
+
+window.addEvent('domready',
+function() {
+
+ /*
+//create the progress bar for example 1
+pb = new dwProgressBar({
+ container: $$('.level1 p')[0],
+ startPercentage: 25,
+ speed: 1000,
+ id: 1,
+ boxID: 'box',
+ percentageID: 'perc',
+ displayText: true,
+ displayID: 'boxtext'
+});
+*/
+});
+
+
diff --git a/module/web/media/default/js/jquery.progressbar.js b/module/web/media/default/js/jquery.progressbar.js
index 7ddf4a558..e240109b4 100644
--- a/module/web/media/default/js/jquery.progressbar.js
+++ b/module/web/media/default/js/jquery.progressbar.js
@@ -26,11 +26,11 @@ USAGE:
width : 1000, // Width of the progressbar - don't forget to adjust your image too!!! // Image to use in the progressbar. Can be a single image too: 'images/progressbg_green.gif'
height : 12, // Height of the progressbar - don't forget to adjust your image too!!!
callback : null, // Calls back with the config object that has the current percentage, target percentage, current image, etc
- boxImage : '/media/img/progressbar.gif', // boxImage : image around the progress bar
+ boxImage : '/media/default/img/progressbar.gif', // boxImage : image around the progress bar
barImage : {
- 0: '/media/img/progressbg_red.gif',
- 30: '/media/img/progressbg_orange.gif',
- 70: '/media/img/progressbg_green.gif'
+ 0: '/media/default/img/progressbg_red.gif',
+ 30: '/media/default/img/progressbg_orange.gif',
+ 70: '/media/default/img/progressbg_green.gif'
},
generated by cgit v1.2.3 (git 2.25.1) at 2025-10-31 07:57:48 +0100