diff options
Diffstat (limited to 'module/web/media/default/js/jquery.progressbar.js')
| -rw-r--r-- | module/web/media/default/js/jquery.progressbar.js | 183 |
1 files changed, 0 insertions, 183 deletions
diff --git a/module/web/media/default/js/jquery.progressbar.js b/module/web/media/default/js/jquery.progressbar.js deleted file mode 100644 index e240109b4..000000000 --- a/module/web/media/default/js/jquery.progressbar.js +++ /dev/null @@ -1,183 +0,0 @@ -/*
- * jQuery Progress Bar plugin
- * Version 2.0 (06/22/2009)
- * @requires jQuery v1.2.1 or later
- *
- * Copyright (c) 2008 Gary Teo
- * http://t.wits.sg
-
-USAGE:
- $(".someclass").progressBar();
- $("#progressbar").progressBar();
- $("#progressbar").progressBar(45); // percentage
- $("#progressbar").progressBar({showText: false }); // percentage with config
- $("#progressbar").progressBar(45, {showText: false }); // percentage with config
-*/
-(function($) {
- $.extend({
- progressBar: new function() {
-
- this.defaults = {
- steps : 20, // steps taken to reach target
- step_duration : 20,
- max : 100, // Upon 100% i'd assume, but configurable
- showText : true, // show text with percentage in next to the progressbar? - default : true
- textFormat : 'percentage', // Or otherwise, set to 'fraction'
- 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/default/img/progressbar.gif', // boxImage : image around the progress bar
- barImage : {
- 0: '/media/default/img/progressbg_red.gif',
- 30: '/media/default/img/progressbg_orange.gif',
- 70: '/media/default/img/progressbg_green.gif'
- },
-
-
- // Internal use
- running_value : 0,
- value : 0,
- image : null
- };
-
- /* public methods */
- this.construct = function(arg1, arg2) {
- var argvalue = null;
- var argconfig = null;
-
- if (arg1 != null) {
- if (!isNaN(arg1)) {
- argvalue = arg1;
- if (arg2 != null) {
- argconfig = arg2;
- }
- } else {
- argconfig = arg1;
- }
- }
-
- return this.each(function(child) {
- var pb = this;
- var config = this.config;
-
- if (argvalue != null && this.bar != null && this.config != null) {
- this.config.value = argvalue
- if (argconfig != null)
- pb.config = $.extend(this.config, argconfig);
- config = pb.config;
- } else {
- var $this = $(this);
- var config = $.extend({}, $.progressBar.defaults, argconfig);
- config.id = $this.attr('id') ? $this.attr('id') : Math.ceil(Math.random() * 100000); // random id, if none provided
-
- if (argvalue == null)
- argvalue = $this.html().replace("%","") // parse percentage
-
- config.value = argvalue;
- config.running_value = 0;
- config.image = getBarImage(config);
-
- $this.html("");
- var bar = document.createElement('img');
- var text = document.createElement('span');
- var $bar = $(bar);
- var $text = $(text);
- pb.bar = $bar;
-
- $bar.attr('id', config.id + "_pbImage");
- $text.attr('id', config.id + "_pbText");
- $text.html(getText(config));
- $bar.attr('title', getText(config));
- $bar.attr('alt', getText(config));
- $bar.attr('src', config.boxImage);
- $bar.attr('width', config.width);
- $bar.css("width", config.width + "px");
- $bar.css("height", config.height + "px");
- $bar.css("background-image", "url(" + config.image + ")");
- $bar.css("background-position", ((config.width * -1)) + 'px 50%');
- $bar.css("padding", "0");
- $bar.css("margin", "0");
- $this.append($bar);
- $this.append($text);
- }
-
- function getPercentage(config) {
- return config.running_value * 100 / config.max;
- }
-
- function getBarImage(config) {
- var image = config.barImage;
- if (typeof(config.barImage) == 'object') {
- for (var i in config.barImage) {
- if (config.running_value >= parseInt(i)) {
- image = config.barImage[i];
- } else { break; }
- }
- }
- return image;
- }
-
- function getText(config) {
- if (config.showText) {
- if (config.textFormat == 'percentage') {
- return " " + Math.round(config.running_value) + "%";
- } else if (config.textFormat == 'fraction') {
- return " " + config.running_value + '/' + config.max;
- }
- }
- }
-
- config.increment = Math.round((config.value - config.running_value)/config.steps);
- if (config.increment < 0)
- config.increment *= -1;
- if (config.increment < 1)
- config.increment = 1;
-
- var t = setInterval(function() {
- var pixels = config.width / 100; // Define how many pixels go into 1%
- var stop = false;
-
- if (config.running_value > config.value) {
- if (config.running_value - config.increment < config.value) {
- config.running_value = config.value;
- } else {
- config.running_value -= config.increment;
- }
- }
- else if (config.running_value < config.value) {
- if (config.running_value + config.increment > config.value) {
- config.running_value = config.value;
- } else {
- config.running_value += config.increment;
- }
- }
-
- if (config.running_value == config.value)
- clearInterval(t);
-
- var $bar = $("#" + config.id + "_pbImage");
- var $text = $("#" + config.id + "_pbText");
- var image = getBarImage(config);
- if (image != config.image) {
- $bar.css("background-image", "url(" + image + ")");
- config.image = image;
- }
- $bar.css("background-position", (((config.width * -1)) + (getPercentage(config) * pixels)) + 'px 50%');
- $bar.attr('title', getText(config));
- $text.html(getText(config));
-
- if (config.callback != null && typeof(config.callback) == 'function')
- config.callback(config);
-
- pb.config = config;
- }, config.step_duration);
- });
- };
- }
- });
-
- $.fn.extend({
- progressBar: $.progressBar.construct
- });
-
-})(jQuery);
\ No newline at end of file |