activeldap 1.2.3 → 1.2.4

data/examples/al-admin/public/javascripts/spinelz/barchart.js

@@ -1,524 +0,0 @@
-// Copyright (c) 2005 spinelz.org (http://script.spinelz.org/)
-// 
-// Permission is hereby granted, free of charge, to any person obtaining
-// a copy of this software and associated documentation files (the
-// "Software"), to deal in the Software without restriction, including
-// without limitation the rights to use, copy, modify, merge, publish,
-// distribute, sublicense, and/or sell copies of the Software, and to
-// permit persons to whom the Software is furnished to do so, subject to
-// the following conditions:
-// 
-// The above copyright notice and this permission notice shall be
-// included in all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-var AbstractBarChart = Class.create();
-AbstractBarChart.prototype = {
-
-  initialize: function(element, params) {
-    this.options = Object.extend({
-      title: '',
-      graduation: true,
-      graduationMin: 0,
-      graduationMax: 30,
-      graduationInterval: 10, 
-      graduationRange: 50,
-      titleFont: 'normal bold 20px serif'
-    }, arguments[2] || {});
-    
-    this.fontSize = 'normal normal 12px serif';
-    this.graduationLine = '2px solid gray';
-    this.element = $(element);
-    Element.setStyle(this.element, {visibility: 'hidden'});
-    Element.hide(this.element);
-    this.params = params;
-    
-    this.init();
-    
-    this.hide();
-    this.refresh();
-    Element.setStyle(this.element, {visibility: 'visible'});
-    Element.show(this.element);
-  },
-  
-  build: function() {
-    return Builder.node(
-              'DIV',
-              [this.buildTitle(), this.buildGraduationLine(), this.buildContent()]);
-  },
-  
-  buildTitle: function() {
-    return Builder.node(
-              'DIV', 
-              {style: 'font: ' + this.options.titleFont + '; margin-bottom: 5px; text-align: center;'},
-              [this.options.title]
-            );
-  },
-  
-  show: function() {
-    Element.show(this.element);
-  }, 
-  
-  hide: function() {
-    Element.hide(this.element);
-  },
-  
-  refresh: function(subject) {
-    if (this.chart) this.remove();
-    
-    this.chart = this.build();
-    this.element.appendChild(this.chart);
-  },
-    
-  getParam: function(name) {
-    return this.params.detect(function(child) {
-      return (child.getName() == name);
-    });
-  },
-  
-  remove: function() {
-    var chart = this.chart;
-    var element = this.element;
-    
-    $A(this.element.childNodes).any(function(child) {
-      if (child == chart) {
-        element.removeChild(child);
-        return true;
-      }
-      return false;
-    });
-    
-    this.chart = null;
-  },
-  
-  getChartSize: function() {
-    return this.getPlusChartSize() + this.getMinusChartSize();
-  },
-  
-  getPlusChartSize: function() {
-    if (this.options.graduationMax <= 0) return 0;
-    return this.options.graduationMax / this.options.graduationInterval * this.options.graduationRange;
-  },
-  
-  getMinusChartSize: function() {
-    if (this.options.graduationMin >= 0) return 0;
-    return Math.abs(this.options.graduationMin) / this.options.graduationInterval * this.options.graduationRange;
-  },
-  
-  getBarSize: function(param) {
-    var size = param.getValue() / this.options.graduationInterval * this.options.graduationRange;
-    return Math.abs(size);
-  },
-  
-  getFontSize: function() {
-    var arr = this.fontSize.split(' ');
-    if (arr.length == 0) return 0;
-    
-    var size = arr.detect(function(child) {
-      return child.match(/px$/);
-    });
-    if (!size) return 0;
-    
-    var index = size.indexOf('px');
-    if (index < 1) return 0;
-    
-    size = size.substring(0, index);
-    if (isNaN(size)) return 0;
-    
-    return parseInt(size);
-  }
-}
-
-var HorizontalBarChart = Class.create();
-Object.extend(Object.extend(HorizontalBarChart.prototype, AbstractBarChart.prototype), {
-  
-  init: function() {
-    this.nameWidth = 125;
-    this.valueWidth = 50;
-    this.itemInterval = 35;
-    this.adjustWidth = (document.all) ? 5 : 0;
-  },
-  
-  buildGraduationLine: function() {
-    if (!this.options.graduation)
-      return Builder.node('DIV', {style: 'margin-bottom: 5px; text-align: center;'});
-    
-    var array = new Array();
-    var i = this.options.graduationMin;
-    //var width = (document.all) ? this.options.graduationRange : this.options.graduationRange - 2;
-    var width = this.options.graduationRange;
-    
-    var style = new StyleManager();
-    style.cache('border-left', this.graduationLine);
-    style.cache('height', '5px');
-    style.cache('font-size', '5px');
-    
-    while (i <= this.options.graduationMax) {
-            
-      var j =  i + this.options.graduationInterval;            
-      if (j <= this.options.graduationMax)
-        style.add('border-top', this.graduationLine);
-        
-      var elm = Builder.node(
-                  'DIV', 
-                  {style: 'float: left; font: ' + this.fontSize + '; width: ' + width + 'px;'}, 
-                  [
-                    Builder.node('DIV', [i]),
-                    Builder.node('DIV', {style: style.output()})
-                  ]
-                );
-                
-      array.push(elm);
-      i = j;
-      style.clear();
-    }
-    return Builder.node('DIV', {style: 'margin-left: ' + (this.nameWidth + this.valueWidth) + 'px; padding-bottom: ' + this.itemInterval + 'px;'}, array);
-  },
-  
-  buildContent: function() {
-    var nodes = new Array();
-    
-    var valueStyle = new StyleManager();
-    valueStyle.cache('font', this.fontSize);
-    valueStyle.cache('text-align', 'right');
-    
-    for (var i = 0; i < this.params.length; i++) {
-      var child = this.params[i];
-      
-      var maxSize;
-      if (child.getValue() > 0) maxSize = this.getPlusChartSize();
-      else maxSize = this.getMinusChartSize();
-      
-      var barSize = this.getBarSize(child);
-      barSize = (barSize > maxSize) ? maxSize : barSize;
-      
-      var barNode;
-      if (child.options.image) {
-        if (child.getValue() > 0) {
-          
-          barNode = Builder.node('DIV', 
-                      [
-                        Builder.node(
-                          'IMG', 
-                          {
-                            src: child.options.image,
-                            alt: 'bar',
-                            width: barSize + 'px', 
-                            height: child.options.imageHeight + 'px', 
-                            style: 'float: left; margin-left: ' +  (this.getMinusChartSize() + this.valueWidth) + 'px;'
-                          }),
-                        Builder.node(
-                          'DIV', 
-                          {style: 'font: ' + this.fontSize + ';'}, 
-                          [child.getValue()])
-                      ]);
-        } else {
-          // IE fix
-          var leftMargin = this.getMinusChartSize() - barSize;
-          var width;
-          if (document.all && leftMargin > 125) {
-            width = leftMargin + this.valueWidth;
-            leftMargin = 0;
-          } else {
-            width = this.valueWidth;
-          }
-          
-          valueStyle.add('margin-left', leftMargin + 'px');
-          valueStyle.add('width', width + 'px');
-          valueStyle.add('float', 'left');
-        
-          barNode = Builder.node(
-                      'DIV', 
-                      [
-                        Builder.node('DIV', {style: valueStyle.output()}, [child.getValue()]),
-                        Builder.node('IMG', {src: child.options.image, alt: 'bar', width: barSize + 'px', height: child.options.imageHeight + 'px'})
-                      ]);
-        }
-        
-      } else {
-        if (child.getValue() > 0) {
-          barNode = Builder.node(
-                      'DIV', 
-                      {style: 'font: ' + this.fontSize + '; margin-left: ' + (this.getMinusChartSize() + this.nameWidth + this.valueWidth + this.adjustWidth) + 'px; border-left: ' + barSize + 'px solid ' + child.options.color + ';'},
-                      [child.getValue()]
-                    );
-        } else {
-          var width = (document.all) ? (this.valueWidth + barSize) : this.valueWidth;
-          
-          valueStyle.add('margin-left', (this.nameWidth + this.getMinusChartSize() - barSize) + 'px');
-          valueStyle.add('width', width + 'px');
-          valueStyle.add('border-right', barSize + 'px solid ' + child.options.color);
-          
-          barNode = Builder.node(
-                      'DIV', 
-                      [
-                        Builder.node('DIV', {style: valueStyle.output()}, [child.getValue()])
-                      ]
-                    );
-        }
-      }
-      
-      var elm = Builder.node(
-                  'DIV', 
-                  {style: 'margin-bottom: 10px;'}, 
-                  [
-                    Builder.node('DIV', {style: 'text-align: right; font: ' + this.fontSize + ';float: left; width: ' + this.nameWidth + 'px;'}, [child.getName()]),
-                    barNode
-                  ]);
-      
-      nodes.push(elm);
-      valueStyle.clear();
-    }
-                  
-    return nodes;
-  }
-});
-
-var VerticalBarChart = Class.create();
-Object.extend(Object.extend(VerticalBarChart.prototype, AbstractBarChart.prototype), {
-  
-  init: function() {
-  },
-  
-  buildGraduationLine: function() {
-    if (!this.options.graduation) return Builder.node('DIV');
-    
-    var numberArray = new Array();
-    var lineArray = new Array();
-    var i = this.options.graduationMax;
-    var next;
-    var lineHeight = (document.all) ? this.options.graduationRange : this.options.graduationRange - 2;
-    var marginTop = lineHeight - this.getFontSize();
-    
-    var numberStyle = new StyleManager();
-    numberStyle.cache('font', this.fontSize);
-        
-    var lineStyle = new StyleManager();
-    lineStyle.cache('font', this.fontSize);
-  
-    while (i >= this.options.graduationMin) {
-      next = i - this.options.graduationInterval;
-      lineHeight = (document.all) ? lineHeight - 0.3: lineHeight - 0.1;
-      
-      if (i == this.options.graduationMax) {
-        lineStyle.add('margin-top', '0px');
-      
-      } else if (next < this.options.graduationMin) {
-        numberStyle.add('margin-top', marginTop + 'px');
-        lineStyle.add('border-left', this.graduationLine);
-        lineStyle.add('border-top', this.graduationLine);
-        lineStyle.add('border-bottom', this.graduationLine)
-        lineStyle.add('height', lineHeight + 'px');
-        lineStyle.add('width', '100%');
-      
-      } else {
-        numberStyle.add('margin-top', marginTop + 'px');
-        lineStyle.add('border-left', this.graduationLine);
-        lineStyle.add('border-top', this.graduationLine);
-        lineStyle.add('height', lineHeight + 'px');
-        lineStyle.add('width', '100%');
-      }  
-      
-      numberArray.push(Builder.node('DIV', {style: numberStyle.output()}, [i]));
-      
-      if (i == this.options.graduationMax) {
-        lineArray.push(Builder.node('DIV', {style: lineStyle.output()}, [Builder.node('BR')]));
-      } else {
-        lineArray.push(Builder.node('DIV', {style: lineStyle.output()}));
-      }
-      
-      numberStyle.clear();
-      lineStyle.clear();
-      
-      marginTop -= (document.all) ? 0.05 : 0.1; 
-      i = next;
-    }
-    
-    return [
-              Builder.node('DIV', {style: 'float: left; margin-left: 10px; width: 25px; text-align: right;'}, numberArray),
-              Builder.node('DIV', {style: 'float: left; margin-right: 10px; margin-left: 10px; width: 5px;'}, lineArray)
-            ];
-  },
-  
-  buildContent: function() {
-    var nodes = new Array();
-    
-    for (var i = 0; i < this.params.length; i++) {
-      var child = this.params[i];
-      
-      var maxSize;
-      if (child.getValue() > 0) maxSize = this.getPlusChartSize();
-      else maxSize = this.getMinusChartSize();
-      
-      var barSize = this.getBarSize(child);
-      barSize = (barSize > maxSize) ? maxSize : barSize;
-      
-      var bar;
-      if (child.options.image) {
-        bar = Builder.node('IMG', {src: child.getImage(), alt: 'bar', width: '10px', height: barSize + 'px'});
-      } else {
-        bar = Builder.node('DIV', {style: 'border-top: ' + barSize + 'px solid ' + child.options.color + '; width: 10px; font-size: 0;'});
-      }
-      
-      var elm;
-      if (child.getValue() > 0) {
-        elm = Builder.node(
-                'DIV', 
-                {style: 'float: left; margin-right: 10px; width: 25px;'},
-                [
-                  Builder.node('DIV', {style: 'margin-top: ' + (maxSize - barSize) + 'px; font: ' + this.fontSize + ';'}, [child.getValue()]),
-                  bar,
-                  Builder.node('DIV', {style: 'margin-top: ' + (this.getMinusChartSize() + 15) + 'px; font: ' + this.fontSize + '; padding-top: 5px; width: 10px;'}, [child.getName()])
-                ]);
-      } else {
-        elm = Builder.node(
-                'DIV', 
-                {style: 'float: left; margin-right: 10px; width: 25px;'},
-                [
-                  Builder.node('DIV', {style: 'margin-top: ' + (this.getPlusChartSize() + this.getFontSize()) + 'px'}),
-                  bar,
-                  Builder.node('DIV', {style: 'font: ' + this.fontSize + ';'}, [child.getValue()]),
-                  Builder.node('DIV', {style: 'margin-top: ' + (maxSize + 15 - (this.getFontSize() + barSize)) + 'px; font: ' + this.fontSize + '; padding-top: 5px; width: 10px;'}, [child.getName()])
-                ]);
-      }
-      
-      nodes.push(elm);
-    }
-                  
-    nodes.push(Builder.node('DIV', {style: 'clear: left;'}));
-    return nodes;
-  }
-});
-
-var ChartParameter = Class.create();
-ChartParameter.prototype = {
-
-  initialize: function(name, value) {
-    if (isNaN(value)) throw '[ChartParameter] value property must be number!(' + value + ')';
-    
-    this.name = name;
-    this.value = value;
-    
-    this.options = Object.extend({
-      color: '#FF0000',
-      barHeight: '15',
-      image: false,
-      imageHeight: '15',
-      action: false
-    }, arguments[2] || {});
-  },
-  
-  getName: function() {
-    return this.name;
-  },
-  
-  getValue: function() {
-    return this.value;
-  },
-  
-  setValue: function(value) {
-    if (!value || isNaN(value)) this.value = 0;
-    else this.value = value;
-  },
-  
-  getImage: function() {
-    return this.options.image;
-  }
-}
-
-var StyleManager = Class.create();
-StyleManager.prototype = {
-  
-  initialize: function() {
-    this.cacheItems = new Array();
-    this.items = new Array();
-  },
-  
-  cache: function(style) {
-    if (typeof(style) == 'object') 
-      this.cacheItems.push(style);
-    else if (arguments[1])
-      this.cacheItems.push(new StyleItem(style, arguments[1]));
-  },
-  
-  add: function(style) {
-    if (typeof(style) == 'object') 
-      this.items.push(style);
-    else if (arguments[1]) 
-      this.items.push(new StyleItem(style, arguments[1]));
-  },
-  
-  get: function(name) {
-    return this.items.detect(function(child) {
-      return child.getName() == name;
-    });
-  },
-  
-  remove: function(name) {
-    this.items = this.items.findAll(function(child) {
-      return child.getName() != name;
-    });
-  },
-  
-  clear: function(name) {
-    this.items = new Array();
-  },
-  
-  modify: function(name, value) {
-    var item = this.get(name);
-    
-    if (item) item.setValue(value);
-    else this.add(name, value);
-  },
-  
-  output: function() {
-    var style = '';
-    
-    this.cacheItems.each(function(child) {
-      style += child.toString();
-    });
-    
-    this.items.each(function(child) {
-      style += child.toString();
-    });
-    
-    return style;
-  }
-}
-
-var StyleItem = Class.create();
-StyleItem.prototype = {
-  
-  initialize: function(name, value) {
-    this.name = name;
-    this.value = value;
-  },
-  
-  setName: function(name) {
-    this.name = name;
-  },
-  
-  setValue: function(value) {
-    this.value = value;
-  },
-  
-  getName: function() {
-    return this.name;
-  },
-  
-  getValue: function() {
-    return this.value;
-  },
-  
-  toString: function() {
-    return this.getName() + ':' + this.getValue() + '; ';
-  }
-}
-