subduino 0.1.0 → 0.2.0

data/webapp/public/jquery.img.preload.js

@@ -0,0 +1,152 @@
+/**
+ * jQuery-Plugin "preloadCssImages"
+ * by Scott Jehl, scott@filamentgroup.com
+ * http://www.filamentgroup.com
+ * reference article: http://www.filamentgroup.com/lab/update_automatically_preload_images_from_css_with_jquery/
+ * demo page: http://www.filamentgroup.com/examples/preloadImages/index_v2.php
+ *
+ * Copyright (c) 2008 Filament Group, Inc
+ * Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
+ *
+ * Version: 5.0, 10.31.2008
+ * Changelog:
+ *  02.20.2008 initial Version 1.0
+ *    06.04.2008 Version 2.0 : removed need for any passed arguments. Images load from any and all directories.
+ *    06.21.2008 Version 3.0 : Added options for loading status. Fixed IE abs image path bug (thanks Sam Pohlenz).
+ *    07.24.2008 Version 4.0 : Added support for @imported CSS (credit: http://marcarea.com/). Fixed support in Opera as well.
+ *    10.31.2008 Version: 5.0 : Many feature and performance enhancements from trixta
+ * --------------------------------------------------------------------
+ */
+
+;jQuery.preloadCssImages = function(settings){
+  settings = jQuery.extend({
+    statusTextEl: null,
+    statusBarEl: null,
+    errorDelay: 999, // handles 404-Errors in IE
+    simultaneousCacheLoading: 2
+  }, settings);
+  var allImgs = [],
+    loaded = 0,
+    imgUrls = [],
+    thisSheetRules,
+    errorTimer;
+
+  function onImgComplete(){
+    clearTimeout(errorTimer);
+    if (imgUrls && imgUrls.length && imgUrls[loaded]) {
+      loaded++;
+      if (settings.statusTextEl) {
+        var nowloading = (imgUrls[loaded]) ?
+          'Now Loading: <span>' + imgUrls[loaded].split('/')[imgUrls[loaded].split('/').length - 1] :
+          'Loading complete'; // wrong status-text bug fixed
+        jQuery(settings.statusTextEl).html('<span class="numLoaded">' + loaded + '</span> of <span class="numTotal">' + imgUrls.length + '</span> loaded (<span class="percentLoaded">' + (loaded / imgUrls.length * 100).toFixed(0) + '%</span>) <span class="currentImg">' + nowloading + '</span></span>');
+      }
+      if (settings.statusBarEl) {
+        var barWidth = jQuery(settings.statusBarEl).width();
+        jQuery(settings.statusBarEl).css('background-position', -(barWidth - (barWidth * loaded / imgUrls.length).toFixed(0)) + 'px 50%');
+      }
+      loadImgs();
+    }
+  }
+
+  function loadImgs(){
+    //only load 1 image at the same time / most browsers can only handle 2 http requests, 1 should remain for user-interaction (Ajax, other images, normal page requests...)
+    // otherwise set simultaneousCacheLoading to a higher number for simultaneous downloads
+    if(imgUrls && imgUrls.length && imgUrls[loaded]){
+      var img = new Image(); //new img obj
+      img.src = imgUrls[loaded];  //set src either absolute or rel to css dir
+      if(!img.complete){
+        jQuery(img).bind('error load onreadystatechange', onImgComplete);
+      } else {
+        onImgComplete();
+      }
+      errorTimer = setTimeout(onImgComplete, settings.errorDelay); // handles 404-Errors in IE
+    }
+  }
+
+  function parseCSS(sheets, urls) {
+    var w3cImport = false,
+      imported = [],
+      importedSrc = [],
+      baseURL;
+    var sheetIndex = sheets.length;
+    while(sheetIndex--){//loop through each stylesheet
+
+      var cssPile = '';//create large string of all css rules in sheet
+
+      if(urls && urls[sheetIndex]){
+        baseURL = urls[sheetIndex];
+      } else {
+        var csshref = (sheets[sheetIndex].href) ? sheets[sheetIndex].href : 'window.location.href';
+        var baseURLarr = csshref.split('/');//split href at / to make array
+        baseURLarr.pop();//remove file path from baseURL array
+        baseURL = baseURLarr.join('/');//create base url for the images in this sheet (css file's dir)
+        if (baseURL) {
+          baseURL += '/'; //tack on a / if needed
+        }
+      }
+      if(sheets[sheetIndex].cssRules || sheets[sheetIndex].rules){
+        thisSheetRules = (sheets[sheetIndex].cssRules) ? //->>> http://www.quirksmode.org/dom/w3c_css.html
+          sheets[sheetIndex].cssRules : //w3
+          sheets[sheetIndex].rules; //ie
+        var ruleIndex = thisSheetRules.length;
+        while(ruleIndex--){
+          if(thisSheetRules[ruleIndex].style && thisSheetRules[ruleIndex].style.cssText){
+            var text = thisSheetRules[ruleIndex].style.cssText;
+            if(text.toLowerCase().indexOf('url') != -1){ // only add rules to the string if you can assume, to find an image, speed improvement
+              cssPile += text; // thisSheetRules[ruleIndex].style.cssText instead of thisSheetRules[ruleIndex].cssText is a huge speed improvement
+            }
+          } else if(thisSheetRules[ruleIndex].styleSheet) {
+            imported.push(thisSheetRules[ruleIndex].styleSheet);
+            w3cImport = true;
+          }
+
+        }
+      }
+      //parse cssPile for image urls
+      var tmpImage = cssPile.match(/[^\("]+\.(gif|jpg|jpeg|png)/g);//reg ex to get a string of between a "(" and a ".filename" / '"' for opera-bugfix
+      if(tmpImage){
+        var i = tmpImage.length;
+        while(i--){ // handle baseUrl here for multiple stylesheets in different folders bug
+          var imgSrc = (tmpImage[i].charAt(0) == '/' || tmpImage[i].match('://')) ? // protocol-bug fixed
+            tmpImage[i] :
+            baseURL + tmpImage[i];
+
+          if(jQuery.inArray(imgSrc, imgUrls) == -1){
+            imgUrls.push(imgSrc);
+          }
+        }
+      }
+
+      if(!w3cImport && sheets[sheetIndex].imports && sheets[sheetIndex].imports.length) {
+        for(var iImport = 0, importLen = sheets[sheetIndex].imports.length; iImport < importLen; iImport++){
+          var iHref = sheets[sheetIndex].imports[iImport].href;
+          iHref = iHref.split('/');
+          iHref.pop();
+          iHref = iHref.join('/');
+          if (iHref) {
+            iHref += '/'; //tack on a / if needed
+          }
+          var iSrc = (iHref.charAt(0) == '/' || iHref.match('://')) ? // protocol-bug fixed
+            iHref :
+            baseURL + iHref;
+
+          importedSrc.push(iSrc);
+          imported.push(sheets[sheetIndex].imports[iImport]);
+        }
+
+
+      }
+    }//loop
+    if(imported.length){
+      parseCSS(imported, importedSrc);
+      return false;
+    }
+    var downloads = settings.simultaneousCacheLoading;
+    while( downloads--){
+      setTimeout(loadImgs, downloads);
+    }
+  }
+  parseCSS(document.styleSheets);
+  return imgUrls;
+};

data/webapp/public/jquery.sparkline.js

@@ -0,0 +1,85 @@
+/* jquery.sparkline 1.5.1 - http://omnipotent.net/jquery.sparkline/ */
+
+(function($){$.fn.simpledraw=function(width,height,use_existing){if(use_existing&&this[0].vcanvas)return this[0].vcanvas;if(width==undefined)width=$(this).innerWidth();if(height==undefined)height=$(this).innerHeight();if($.browser.hasCanvas){return new vcanvas_canvas(width,height,this);}else if($.browser.msie){return new vcanvas_vml(width,height,this);}else{return false;}};var pending=[];$.fn.sparkline=function(uservalues,options){var options=$.extend({type:'line',lineColor:'#00f',fillColor:'#cdf',defaultPixelsPerValue:3,width:'auto',height:'auto',composite:false},options?options:{});return this.each(function(){var render=function(){var values=(uservalues=='html'||uservalues==undefined)?$(this).text().split(','):uservalues;var width=options.width=='auto'?values.length*options.defaultPixelsPerValue:options.width;if(options.height=='auto'){if(!options.composite||!this.vcanvas){var tmp=document.createElement('span');tmp.innerHTML='a';$(this).html(tmp);height=$(tmp).innerHeight();$(tmp).remove();}}else{height=options.height;}
+$.fn.sparkline[options.type].call(this,values,options,width,height);}
+if(($(this).html()&&$(this).is(':hidden'))||($.fn.jquery<"1.3.0"&&$(this).parents().is(':hidden'))){pending.push([this,render]);}else{render.call(this);}});};$.sparkline_display_visible=function(){for(var i=pending.length-1;i>=0;i--){var el=pending[i][0];if($(el).is(':visible')&&!$(el).parents().is(':hidden')){pending[i][1].call(el);pending.splice(i,1);}}};$.fn.sparkline.line=function(values,options,width,height){var options=$.extend({spotColor:'#f80',spotRadius:1.5,minSpotColor:'#f80',maxSpotColor:'#f80',lineWidth:1,normalRangeMin:undefined,normalRangeMax:undefined,normalRangeColor:'#ccc',chartRangeMin:undefined,chartRangeMax:undefined,chartRangeMinX:undefined,chartRangeMaxX:undefined},options?options:{});var xvalues=[],yvalues=[],yminmax=[];for(i=0;i<values.length;i++){var v=values[i];var isstr=typeof(values[i])=='string';var isarray=typeof(values[i])=='object'&&values[i]instanceof Array;var sp=isstr&&values[i].split(':');if(isstr&&sp.length==2){xvalues.push(Number(sp[0]));yvalues.push(Number(sp[1]));yminmax.push(Number(sp[1]));}else if(isarray){xvalues.push(values[i][0]);yvalues.push(values[i][1]);yminmax.push(values[i][1]);}else{xvalues.push(i);if(values[i]===null||values[i]=='null'){yvalues.push(null);}else{yvalues.push(Number(values[i]));yminmax.push(Number(values[i]));}}}
+if(options.xvalues){xvalues=options.xvalues;}
+var maxy=Math.max.apply(Math,yminmax);var maxyval=maxy;var miny=Math.min.apply(Math,yminmax);var minyval=miny;var maxx=Math.max.apply(Math,xvalues);var maxxval=maxx;var minx=Math.min.apply(Math,xvalues);var minxval=minx;if(options.normalRangeMin!=undefined){if(options.normalRangeMin<miny)
+miny=options.normalRangeMin;if(options.normalRangeMax>maxy)
+maxy=options.normalRangeMax;}
+if(options.chartRangeMin!=undefined&&(options.chartRangeClip||options.chartRangeMin<miny)){miny=options.chartRangeMin;}
+if(options.chartRangeMax!=undefined&&(options.chartRangeClip||options.chartRangeMax>maxy)){maxy=options.chartRangeMax;}
+if(options.chartRangeMinX!=undefined&&(options.chartRangeClipX||options.chartRangeMinX<minx)){minx=options.chartRangeMinX;}
+if(options.chartRangeMaxX!=undefined&&(options.chartRangeClipX||options.chartRangeMaxX>maxx)){maxx=options.chartRangeMaxX;}
+var rangex=maxx-minx==0?1:maxx-minx;var rangey=maxy-miny==0?1:maxy-miny;var vl=yvalues.length-1;if(vl<1){this.innerHTML='';return;}
+var target=$(this).simpledraw(width,height,options.composite);if(target){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;var canvas_top=0;var canvas_left=0;if(options.spotRadius&&(canvas_width<(options.spotRadius*4)||canvas_height<(options.spotRadius*4))){options.spotRadius=0;}
+if(options.spotRadius){if(options.minSpotColor||(options.spotColor&&yvalues[vl]==miny))
+canvas_height-=Math.ceil(options.spotRadius);if(options.maxSpotColor||(options.spotColor&&yvalues[vl]==maxy)){canvas_height-=Math.ceil(options.spotRadius);canvas_top+=Math.ceil(options.spotRadius);}
+if(options.minSpotColor||options.maxSpotColor&&(yvalues[0]==miny||yvalues[0]==maxy)){canvas_left+=Math.ceil(options.spotRadius);canvas_width-=Math.ceil(options.spotRadius);}
+if(options.spotColor||(options.minSpotColor||options.maxSpotColor&&(yvalues[vl]==miny||yvalues[vl]==maxy)))
+canvas_width-=Math.ceil(options.spotRadius);}
+canvas_height--;if(options.normalRangeMin!=undefined){var ytop=canvas_top+Math.round(canvas_height-(canvas_height*((options.normalRangeMax-miny)/rangey)));var height=Math.round((canvas_height*(options.normalRangeMax-options.normalRangeMin))/rangey);target.drawRect(canvas_left,ytop,canvas_width,height,undefined,options.normalRangeColor);}
+var path=[];var paths=[path];for(var i=0,vlen=yvalues.length;i<vlen;i++){var x=xvalues[i],y=yvalues[i];if(y===null){if(i){if(yvalues[i-1]!==null){path=[];paths.push(path);}}}else{if(y<miny)y=miny;if(y>maxy)y=maxy;if(!path.length){path.push([canvas_left+Math.round((x-minx)*(canvas_width/rangex)),canvas_top+canvas_height]);}
+path.push([canvas_left+Math.round((x-minx)*(canvas_width/rangex)),canvas_top+Math.round(canvas_height-(canvas_height*((y-miny)/rangey)))]);}}
+for(var i=0,plen=paths.length;i<plen;i++){path=paths[i];if(!path.length)
+continue;if(options.fillColor){path.push([path[path.length-1][0],canvas_top+canvas_height-1]);target.drawShape(path,undefined,options.fillColor);path.pop();}
+if(path.length>2){path[0]=[path[0][0],path[1][1]];}
+target.drawShape(path,options.lineColor,undefined,options.lineWidth);}
+if(options.spotRadius&&options.spotColor){target.drawCircle(canvas_left+Math.round(xvalues[xvalues.length-1]*(canvas_width/rangex)),canvas_top+Math.round(canvas_height-(canvas_height*((yvalues[vl]-miny)/rangey))),options.spotRadius,undefined,options.spotColor);}
+if(maxy!=minyval){if(options.spotRadius&&options.minSpotColor){var x=xvalues[yvalues.indexOf(minyval)];target.drawCircle(canvas_left+Math.round((x-minx)*(canvas_width/rangex)),canvas_top+Math.round(canvas_height-(canvas_height*((minyval-miny)/rangey))),options.spotRadius,undefined,options.minSpotColor);}
+if(options.spotRadius&&options.maxSpotColor){var x=xvalues[yvalues.indexOf(maxyval)];target.drawCircle(canvas_left+Math.round((x-minx)*(canvas_width/rangex)),canvas_top+Math.round(canvas_height-(canvas_height*((maxyval-miny)/rangey))),options.spotRadius,undefined,options.maxSpotColor);}}}else{this.innerHTML='';}};$.fn.sparkline.bar=function(values,options,width,height){var options=$.extend({type:'bar',barColor:'#00f',negBarColor:'#f44',zeroColor:undefined,nullColor:undefined,zeroAxis:undefined,barWidth:4,barSpacing:1,chartRangeMax:undefined,chartRangeMin:undefined,chartRangeClip:false,colorMap:undefined},options?options:{});var width=(values.length*options.barWidth)+((values.length-1)*options.barSpacing);var num_values=[];for(var i=0,vlen=values.length;i<vlen;i++){if(values[i]=='null'||values[i]===null){values[i]=null;}else{values[i]=Number(values[i]);num_values.push(Number(values[i]));}}
+var max=Math.max.apply(Math,num_values);var min=Math.min.apply(Math,num_values);if(options.chartRangeMin!=undefined&&(options.chartRangeClip||options.chartRangeMin<min)){min=options.chartRangeMin;}
+if(options.chartRangeMax!=undefined&&(options.chartRangeClip||options.chartRangeMax>max)){max=options.chartRangeMax;}
+if(options.zeroAxis==undefined)options.zeroAxis=min<0;var range=max-min==0?1:max-min;if($.isArray(options.colorMap)){var colorMapByIndex=options.colorMap;var colorMapByValue=null;}else{var colorMapByIndex=null;var colorMapByValue=options.colorMap;}
+var target=$(this).simpledraw(width,height,options.composite);if(target){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;var yzero=min<0&&options.zeroAxis?canvas_height-Math.round(canvas_height*(Math.abs(min)/range))-1:canvas_height-1;for(var i=0,vlen=values.length;i<vlen;i++){var x=i*(options.barWidth+options.barSpacing);var val=values[i];if(val===null){if(options.nullColor){color=options.nullColor;val=(options.zeroAxis&&min<0)?0:min;var height=1;var y=(options.zeroAxis&&min<0)?yzero:canvas_height-height;}else{continue;}}else{if(val<min)val=min;if(val>max)val=max;var color=(val<0)?options.negBarColor:options.barColor;if(options.zeroAxis&&min<0){var height=Math.round(canvas_height*((Math.abs(val)/range)))+1;var y=(val<0)?yzero:yzero-height;}else{var height=Math.round(canvas_height*((val-min)/range))+1;var y=canvas_height-height;}
+if(val==0&&options.zeroColor!=undefined){color=options.zeroColor;}
+if(colorMapByValue&&colorMapByValue[val]){color=colorMapByValue[val];}else if(colorMapByIndex&&colorMapByIndex.length>i){color=colorMapByIndex[i];}
+if(color===null){continue;}}
+target.drawRect(x,y,options.barWidth-1,height-1,color,color);}}else{this.innerHTML='';}};$.fn.sparkline.tristate=function(values,options,width,height){values=$.map(values,Number);var options=$.extend({barWidth:4,barSpacing:1,posBarColor:'#6f6',negBarColor:'#f44',zeroBarColor:'#999',colorMap:{}},options);var width=(values.length*options.barWidth)+((values.length-1)*options.barSpacing);if($.isArray(options.colorMap)){var colorMapByIndex=options.colorMap;var colorMapByValue=null;}else{var colorMapByIndex=null;var colorMapByValue=options.colorMap;}
+var target=$(this).simpledraw(width,height,options.composite);if(target){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;var half_height=Math.round(canvas_height/2);for(var i=0,vlen=values.length;i<vlen;i++){var x=i*(options.barWidth+options.barSpacing);if(values[i]<0){var y=half_height;var height=half_height-1;var color=options.negBarColor;}else if(values[i]>0){var y=0;var height=half_height-1;var color=options.posBarColor;}else{var y=half_height-1;var height=2;var color=options.zeroBarColor;}
+if(colorMapByValue&&colorMapByValue[values[i]]){color=colorMapByValue[values[i]];}else if(colorMapByIndex&&colorMapByIndex.length>i){color=colorMapByIndex[i];}
+if(color===null){continue;}
+target.drawRect(x,y,options.barWidth-1,height-1,color,color);}}else{this.innerHTML='';}};$.fn.sparkline.discrete=function(values,options,width,height){values=$.map(values,Number);var options=$.extend({lineHeight:'auto',thresholdColor:undefined,thresholdValue:0,chartRangeMax:undefined,chartRangeMin:undefined,chartRangeClip:false},options);width=options.width=='auto'?values.length*2:width;var interval=Math.floor(width/values.length);var target=$(this).simpledraw(width,height,options.composite);if(target){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;var line_height=options.lineHeight=='auto'?Math.round(canvas_height*0.3):options.lineHeight;var pheight=canvas_height-line_height;var min=Math.min.apply(Math,values);var max=Math.max.apply(Math,values);if(options.chartRangeMin!=undefined&&(options.chartRangeClip||options.chartRangeMin<min)){min=options.chartRangeMin;}
+if(options.chartRangeMax!=undefined&&(options.chartRangeClip||options.chartRangeMax>max)){max=options.chartRangeMax;}
+var range=max-min;for(var i=0,vlen=values.length;i<vlen;i++){var val=values[i];if(val<min)val=min;if(val>max)val=max;var x=(i*interval);var ytop=Math.round(pheight-pheight*((val-min)/range));target.drawLine(x,ytop,x,ytop+line_height,(options.thresholdColor&&val<options.thresholdValue)?options.thresholdColor:options.lineColor);}}else{this.innerHTML='';}};$.fn.sparkline.bullet=function(values,options,width,height){values=$.map(values,Number);var options=$.extend({targetColor:'red',targetWidth:3,performanceColor:'blue',rangeColors:['#D3DAFE','#A8B6FF','#7F94FF'],base:undefined},options);width=options.width=='auto'?'4.0em':width;var target=$(this).simpledraw(width,height,options.composite);if(target&&values.length>1){var canvas_width=target.pixel_width-Math.ceil(options.targetWidth/2);var canvas_height=target.pixel_height;var min=Math.min.apply(Math,values);var max=Math.max.apply(Math,values);if(options.base==undefined){var min=min<0?min:0;}else{min=options.base;}
+var range=max-min;for(i=2,vlen=values.length;i<vlen;i++){var rangeval=parseInt(values[i]);var rangewidth=Math.round(canvas_width*((rangeval-min)/range));target.drawRect(0,0,rangewidth-1,canvas_height-1,options.rangeColors[i-2],options.rangeColors[i-2]);}
+var perfval=parseInt(values[1]);var perfwidth=Math.round(canvas_width*((perfval-min)/range));target.drawRect(0,Math.round(canvas_height*0.3),perfwidth-1,Math.round(canvas_height*0.4)-1,options.performanceColor,options.performanceColor);var targetval=parseInt(values[0]);var x=Math.round(canvas_width*((targetval-min)/range)-(options.targetWidth/2));var targettop=Math.round(canvas_height*0.10);var targetheight=canvas_height-(targettop*2);target.drawRect(x,targettop,options.targetWidth-1,targetheight-1,options.targetColor,options.targetColor);}else{this.innerHTML='';}};$.fn.sparkline.pie=function(values,options,width,height){values=$.map(values,Number);var options=$.extend({sliceColors:['#f00','#0f0','#00f']},options);width=options.width=='auto'?height:width;var target=$(this).simpledraw(width,height,options.composite);if(target&&values.length>1){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;var radius=Math.floor(Math.min(canvas_width,canvas_height)/2);var total=0;for(var i=0,vlen=values.length;i<vlen;i++)
+total+=values[i];var next=0;if(options.offset){next+=(2*Math.PI)*(options.offset/360);}
+var circle=2*Math.PI;for(var i=0,vlen=values.length;i<vlen;i++){var start=next;var end=next;if(total>0){end=next+(circle*(values[i]/total));}
+target.drawPieSlice(radius,radius,radius,start,end,undefined,options.sliceColors[i%options.sliceColors.length]);next=end;}}};function quartile(values,q){if(q==2){var vl2=Math.floor(values.length/2);return values.length%2?values[vl2]:(values[vl2]+values[vl2+1])/2;}else{var vl4=Math.floor(values.length/4);return values.length%2?(values[vl4*q]+values[vl4*q+1])/2:values[vl4*q];}};$.fn.sparkline.box=function(values,options,width,height){values=$.map(values,Number);var options=$.extend({raw:false,boxLineColor:'black',boxFillColor:'#cdf',whiskerColor:'black',outlierLineColor:'#333',outlierFillColor:'white',medianColor:'red',showOutliers:true,outlierIQR:1.5,spotRadius:1.5,target:undefined,targetColor:'#4a2',chartRangeMax:undefined,chartRangeMin:undefined},options);width=options.width=='auto'?'4.0em':width;minvalue=options.chartRangeMin==undefined?Math.min.apply(Math,values):options.chartRangeMin;maxvalue=options.chartRangeMax==undefined?Math.max.apply(Math,values):options.chartRangeMax;var target=$(this).simpledraw(width,height,options.composite);if(target&&values.length>1){var canvas_width=target.pixel_width;var canvas_height=target.pixel_height;if(options.raw){if(options.showOutliers&&values.length>5){var loutlier=values[0],lwhisker=values[1],q1=values[2],q2=values[3],q3=values[4],rwhisker=values[5],routlier=values[6];}else{var lwhisker=values[0],q1=values[1],q2=values[2],q3=values[3],rwhisker=values[4];}}else{values.sort(function(a,b){return a-b;});var q1=quartile(values,1);var q2=quartile(values,2);var q3=quartile(values,3);var iqr=q3-q1;if(options.showOutliers){var lwhisker=undefined,rwhisker=undefined;for(var i=0,vlen=values.length;i<vlen;i++){if(lwhisker==undefined&&values[i]>q1-(iqr*options.outlierIQR))
+lwhisker=values[i];if(values[i]<q3+(iqr*options.outlierIQR))
+rwhisker=values[i];}
+var loutlier=values[0];var routlier=values[values.length-1];}else{var lwhisker=values[0];var rwhisker=values[values.length-1];}}
+var unitsize=canvas_width/(maxvalue-minvalue+1);var canvas_left=0;if(options.showOutliers){canvas_left=Math.ceil(options.spotRadius);canvas_width-=2*Math.ceil(options.spotRadius);var unitsize=canvas_width/(maxvalue-minvalue+1);if(loutlier<lwhisker)
+target.drawCircle((loutlier-minvalue)*unitsize+canvas_left,canvas_height/2,options.spotRadius,options.outlierLineColor,options.outlierFillColor);if(routlier>rwhisker)
+target.drawCircle((routlier-minvalue)*unitsize+canvas_left,canvas_height/2,options.spotRadius,options.outlierLineColor,options.outlierFillColor);}
+target.drawRect(Math.round((q1-minvalue)*unitsize+canvas_left),Math.round(canvas_height*0.1),Math.round((q3-q1)*unitsize),Math.round(canvas_height*0.8),options.boxLineColor,options.boxFillColor);target.drawLine(Math.round((lwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height/2),Math.round((q1-minvalue)*unitsize+canvas_left),Math.round(canvas_height/2),options.lineColor);target.drawLine(Math.round((lwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height/4),Math.round((lwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height-canvas_height/4),options.whiskerColor);target.drawLine(Math.round((rwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height/2),Math.round((q3-minvalue)*unitsize+canvas_left),Math.round(canvas_height/2),options.lineColor);target.drawLine(Math.round((rwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height/4),Math.round((rwhisker-minvalue)*unitsize+canvas_left),Math.round(canvas_height-canvas_height/4),options.whiskerColor);target.drawLine(Math.round((q2-minvalue)*unitsize+canvas_left),Math.round(canvas_height*0.1),Math.round((q2-minvalue)*unitsize+canvas_left),Math.round(canvas_height*0.9),options.medianColor);if(options.target){var size=Math.ceil(options.spotRadius);target.drawLine(Math.round((options.target-minvalue)*unitsize+canvas_left),Math.round((canvas_height/2)-size),Math.round((options.target-minvalue)*unitsize+canvas_left),Math.round((canvas_height/2)+size),options.targetColor);target.drawLine(Math.round((options.target-minvalue)*unitsize+canvas_left-size),Math.round(canvas_height/2),Math.round((options.target-minvalue)*unitsize+canvas_left+size),Math.round(canvas_height/2),options.targetColor);}}else{this.innerHTML='';}};if(!Array.prototype.indexOf){Array.prototype.indexOf=function(entry){for(var i=0,vlen=this.length;i<vlen;i++){if(this[i]==entry)
+return i;}
+return-1;}}
+if($.browser.msie&&!document.namespaces['v']){document.namespaces.add('v','urn:schemas-microsoft-com:vml','#default#VML');}
+if($.browser.hasCanvas==undefined){var t=document.createElement('canvas');$.browser.hasCanvas=t.getContext!=undefined;}
+var vcanvas_base=function(width,height,target){};vcanvas_base.prototype={init:function(width,height,target){this.width=width;this.height=height;this.target=target;if(target[0])target=target[0];target.vcanvas=this;},drawShape:function(path,lineColor,fillColor,lineWidth){alert('drawShape not implemented');},drawLine:function(x1,y1,x2,y2,lineColor,lineWidth){return this.drawShape([[x1,y1],[x2,y2]],lineColor,lineWidth);},drawCircle:function(x,y,radius,lineColor,fillColor){alert('drawCircle not implemented');},drawPieSlice:function(x,y,radius,startAngle,endAngle,lineColor,fillColor){alert('drawPieSlice not implemented');},drawRect:function(x,y,width,height,lineColor,fillColor){alert('drawRect not implemented');},getElement:function(){return this.canvas;},_insert:function(el,target){$(target).html(el);}};var vcanvas_canvas=function(width,height,target){return this.init(width,height,target);};vcanvas_canvas.prototype=$.extend(new vcanvas_base,{_super:vcanvas_base.prototype,init:function(width,height,target){this._super.init(width,height,target);this.canvas=document.createElement('canvas');if(target[0])target=target[0];target.vcanvas=this;$(this.canvas).css({display:'inline-block',width:width,height:height,verticalAlign:'top'});this._insert(this.canvas,target);this.pixel_height=$(this.canvas).height();this.pixel_width=$(this.canvas).width();this.canvas.width=this.pixel_width;this.canvas.height=this.pixel_height;$(this.canvas).css({width:this.pixel_width,height:this.pixel_height});},_getContext:function(lineColor,fillColor,lineWidth){var context=this.canvas.getContext('2d');if(lineColor!=undefined)
+context.strokeStyle=lineColor;context.lineWidth=lineWidth==undefined?1:lineWidth;if(fillColor!=undefined)
+context.fillStyle=fillColor;return context;},drawShape:function(path,lineColor,fillColor,lineWidth){var context=this._getContext(lineColor,fillColor,lineWidth);context.beginPath();context.moveTo(path[0][0]+0.5,path[0][1]+0.5);for(var i=1,plen=path.length;i<plen;i++){context.lineTo(path[i][0]+0.5,path[i][1]+0.5);}
+if(lineColor!=undefined){context.stroke();}
+if(fillColor!=undefined){context.fill();}},drawCircle:function(x,y,radius,lineColor,fillColor){var context=this._getContext(lineColor,fillColor);context.beginPath();context.arc(x,y,radius,0,2*Math.PI,false);if(lineColor!=undefined){context.stroke();}
+if(fillColor!=undefined){context.fill();}},drawPieSlice:function(x,y,radius,startAngle,endAngle,lineColor,fillColor){var context=this._getContext(lineColor,fillColor);context.beginPath();context.moveTo(x,y);context.arc(x,y,radius,startAngle,endAngle,false);context.lineTo(x,y);context.closePath();if(lineColor!=undefined){context.stroke();}
+if(fillColor){context.fill();}},drawRect:function(x,y,width,height,lineColor,fillColor){return this.drawShape([[x,y],[x+width,y],[x+width,y+height],[x,y+height],[x,y]],lineColor,fillColor);}});var vcanvas_vml=function(width,height,target){return this.init(width,height,target);};vcanvas_vml.prototype=$.extend(new vcanvas_base,{_super:vcanvas_base.prototype,init:function(width,height,target){this._super.init(width,height,target);if(target[0])target=target[0];target.vcanvas=this;this.canvas=document.createElement('span');$(this.canvas).css({display:'inline-block',position:'relative',overflow:'hidden',width:width,height:height,margin:'0px',padding:'0px',verticalAlign:'top'});this._insert(this.canvas,target);this.pixel_height=$(this.canvas).height();this.pixel_width=$(this.canvas).width();this.canvas.width=this.pixel_width;this.canvas.height=this.pixel_height;;var groupel='<v:group coordorigin="0 0" coordsize="'+this.pixel_width+' '+this.pixel_height+'"'
++' style="position:absolute;top:0;left:0;width:'+this.pixel_width+'px;height='+this.pixel_height+'px;"></v:group>';this.canvas.insertAdjacentHTML('beforeEnd',groupel);this.group=$(this.canvas).children()[0];},drawShape:function(path,lineColor,fillColor,lineWidth){var vpath=[];for(var i=0,plen=path.length;i<plen;i++){vpath[i]=''+(path[i][0])+','+(path[i][1]);}
+var initial=vpath.splice(0,1);lineWidth=lineWidth==undefined?1:lineWidth;var stroke=lineColor==undefined?' stroked="false" ':' strokeWeight="'+lineWidth+'" strokeColor="'+lineColor+'" ';var fill=fillColor==undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';var closed=vpath[0]==vpath[vpath.length-1]?'x ':'';var vel='<v:shape coordorigin="0 0" coordsize="'+this.pixel_width+' '+this.pixel_height+'" '
++stroke
++fill
++' style="position:absolute;left:0px;top:0px;height:'+this.pixel_height+'px;width:'+this.pixel_width+'px;padding:0px;margin:0px;" '
++' path="m '+initial+' l '+vpath.join(', ')+' '+closed+'e">'
++' </v:shape>';this.group.insertAdjacentHTML('beforeEnd',vel);},drawCircle:function(x,y,radius,lineColor,fillColor){x-=radius+1;y-=radius+1;var stroke=lineColor==undefined?' stroked="false" ':' strokeWeight="1" strokeColor="'+lineColor+'" ';var fill=fillColor==undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';var vel='<v:oval '
++stroke
++fill
++' style="position:absolute;top:'+y+'px; left:'+x+'px; width:'+(radius*2)+'px; height:'+(radius*2)+'px"></v:oval>';this.group.insertAdjacentHTML('beforeEnd',vel);},drawPieSlice:function(x,y,radius,startAngle,endAngle,lineColor,fillColor){if(startAngle==endAngle){return;}
+if((endAngle-startAngle)==(2*Math.PI)){startAngle=0.0;endAngle=(2*Math.PI);}
+var startx=x+Math.round(Math.cos(startAngle)*radius);var starty=y+Math.round(Math.sin(startAngle)*radius);var endx=x+Math.round(Math.cos(endAngle)*radius);var endy=y+Math.round(Math.sin(endAngle)*radius);if(startx==endx&&starty==endy&&(endAngle-startAngle)<Math.PI)
+return;var vpath=[x-radius,y-radius,x+radius,y+radius,startx,starty,endx,endy];var stroke=lineColor==undefined?' stroked="false" ':' strokeWeight="1" strokeColor="'+lineColor+'" ';var fill=fillColor==undefined?' filled="false"':' fillColor="'+fillColor+'" filled="true" ';var vel='<v:shape coordorigin="0 0" coordsize="'+this.pixel_width+' '+this.pixel_height+'" '
++stroke
++fill
++' style="position:absolute;left:0px;top:0px;height:'+this.pixel_height+'px;width:'+this.pixel_width+'px;padding:0px;margin:0px;" '
++' path="m '+x+','+y+' wa '+vpath.join(', ')+' x e">'
++' </v:shape>';this.group.insertAdjacentHTML('beforeEnd',vel);},drawRect:function(x,y,width,height,lineColor,fillColor){return this.drawShape([[x,y],[x,y+height],[x+width,y+height],[x+width,y],[x,y]],lineColor,fillColor);}});})(jQuery);

data/webapp/public/jquery.tablesorter.min.js

@@ -0,0 +1,2 @@
+
+(function($){$.extend({tablesorter:new function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'.',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}var rows=table.tBodies[0].rows;if(table.tBodies[0].rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i<l;i++){var p=false;if($.metadata&&($($headers[i]).metadata()&&$($headers[i]).metadata().sorter)){p=getParserById($($headers[i]).metadata().sorter);}else if((table.config.headers[i]&&table.config.headers[i].sorter)){p=getParserById(table.config.headers[i].sorter);}if(!p){p=detectParserForColumn(table,cells[i]);}if(table.config.debug){parsersDebug+="column:"+i+" parser:"+p.id+"\n";}list.push(p);}}if(table.config.debug){log(parsersDebug);}return list;};function detectParserForColumn(table,node){var l=parsers.length;for(var i=1;i<l;i++){if(parsers[i].is($.trim(getElementText(table.config,node)),table,node)){return parsers[i];}}return parsers[0];}function getParserById(name){var l=parsers.length;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==name.toLowerCase()){return parsers[i];}}return false;}function buildCache(table){if(table.config.debug){var cacheTime=new Date();}var totalRows=(table.tBodies[0]&&table.tBodies[0].rows.length)||0,totalCells=(table.tBodies[0].rows[0]&&table.tBodies[0].rows[0].cells.length)||0,parsers=table.config.parsers,cache={row:[],normalized:[]};for(var i=0;i<totalRows;++i){var c=table.tBodies[0].rows[i],cols=[];cache.row.push($(c));for(var j=0;j<totalCells;++j){cols.push(parsers[j].format(getElementText(table.config,c.cells[j]),table,c.cells[j]));}cols.push(i);cache.normalized.push(cols);cols=null;};if(table.config.debug){benchmark("Building cache for "+totalRows+" rows:",cacheTime);}return cache;};function getElementText(config,node){if(!node)return"";var t="";if(config.textExtraction=="simple"){if(node.childNodes[0]&&node.childNodes[0].hasChildNodes()){t=node.childNodes[0].innerHTML;}else{t=node.innerHTML;}}else{if(typeof(config.textExtraction)=="function"){t=config.textExtraction(node);}else{t=$(node).text();}}return t;}function appendToTable(table,cache){if(table.config.debug){var appendTime=new Date()}var c=cache,r=c.row,n=c.normalized,totalRows=n.length,checkCell=(n[0].length-1),tableBody=$(table.tBodies[0]),rows=[];for(var i=0;i<totalRows;i++){rows.push(r[n[i][checkCell]]);if(!table.config.appender){var o=r[n[i][checkCell]];var l=o.length;for(var j=0;j<l;j++){tableBody[0].appendChild(o[j]);}}}if(table.config.appender){table.config.appender(table,rows);}rows=null;if(table.config.debug){benchmark("Rebuilt table:",appendTime);}applyWidget(table);setTimeout(function(){$(table).trigger("sortEnd");},0);};function buildHeaders(table){if(table.config.debug){var time=new Date();}var meta=($.metadata)?true:false,tableHeadersRows=[];for(var i=0;i<table.tHead.rows.length;i++){tableHeadersRows[i]=0;};$tableHeaders=$("thead th",table);$tableHeaders.each(function(index){this.count=0;this.column=index;this.order=formatSortingOrder(table.config.sortInitialOrder);if(checkHeaderMetadata(this)||checkHeaderOptions(table,index))this.sortDisabled=true;if(!this.sortDisabled){$(this).addClass(table.config.cssHeader);}table.config.headerList[index]=this;});if(table.config.debug){benchmark("Built headers:",time);log($tableHeaders);}return $tableHeaders;};function checkCellColSpan(table,rows,row){var arr=[],r=table.tHead.rows,c=r[row].cells;for(var i=0;i<c.length;i++){var cell=c[i];if(cell.colSpan>1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i<l;i++){getWidgetById(c[i]).format(table);}}function getWidgetById(name){var l=widgets.length;for(var i=0;i<l;i++){if(widgets[i].id.toLowerCase()==name.toLowerCase()){return widgets[i];}}};function formatSortingOrder(v){if(typeof(v)!="Number"){i=(v.toLowerCase()=="desc")?1:0;}else{i=(v==(0||1))?v:0;}return i;}function isValueInArray(v,a){var l=a.length;for(var i=0;i<l;i++){if(a[i][0]==v){return true;}}return false;}function setHeadersCss(table,$headers,list,css){$headers.removeClass(css[0]).removeClass(css[1]);var h=[];$headers.each(function(offset){if(!this.sortDisabled){h[this.column]=$(this);}});var l=list.length;for(var i=0;i<l;i++){h[list[i][0]].addClass(css[list[i][1]]);}}function fixColumnWidth(table,$headers){var c=table.config;if(c.widthFixed){var colgroup=$('<colgroup>');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('<col>').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i<l;i++){var s=sortList[i],o=c.headerList[s[0]];o.count=s[1];o.count++;}}function multisort(table,sortList,cache){if(table.config.debug){var sortTime=new Date();}var dynamicExp="var sortWrapper = function(a,b) {",l=sortList.length;for(var i=0;i<l;i++){var c=sortList[i][0];var order=sortList[i][1];var s=(getCachedSortType(table.config.parsers,c)=="text")?((order==0)?"sortText":"sortTextDesc"):((order==0)?"sortNumeric":"sortNumericDesc");var e="e"+i;dynamicExp+="var "+e+" = "+s+"(a["+c+"],b["+c+"]); ";dynamicExp+="if("+e+") { return "+e+"; } ";dynamicExp+="else { ";}var orgOrderCol=cache.normalized[0].length-1;dynamicExp+="return a["+orgOrderCol+"]-b["+orgOrderCol+"];";for(var i=0;i<l;i++){dynamicExp+="}; ";}dynamicExp+="return 0; ";dynamicExp+="}; ";eval(dynamicExp);cache.normalized.sort(sortWrapper);if(table.config.debug){benchmark("Sorting on "+sortList.toString()+" and dir "+order+" time:",sortTime);}return cache;};function sortText(a,b){return((a<b)?-1:((a>b)?1:0));};function sortTextDesc(a,b){return((b<a)?-1:((b>a)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){$this.trigger("sortStart");var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){var $cell=$(this);var i=this.column;this.order=this.count++%2;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j<a.length;j++){if(a[j][0]!=i){config.sortList.push(a[j]);}}}config.sortList.push([i,this.order]);}else{if(isValueInArray(i,config.sortList)){for(var j=0;j<config.sortList.length;j++){var s=config.sortList[j],o=config.headerList[s[0]];if(s[0]==i){o.count=s[1];o.count++;s[1]=o.count%2;}}}else{config.sortList.push([i,this.order]);}};setTimeout(function(){setHeadersCss($this[0],$headers,config.sortList,sortCSS);appendToTable($this[0],multisort($this[0],config.sortList,cache));},1);return false;}}).mousedown(function(){if(config.cancelSelection){this.onselectstart=function(){return false};return false;}});$this.bind("update",function(){this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);}).bind("sorton",function(e,list){$(this).trigger("sortStart");config.sortList=list;var sortList=config.sortList;updateHeaderSortCount(this,sortList);setHeadersCss(this,$headers,sortList,sortCSS);appendToTable(this,multisort(this,sortList,cache));}).bind("appendCache",function(){appendToTable(this,cache);}).bind("applyWidgetId",function(e,id){getWidgetById(id).format(this);}).bind("applyWidgets",function(){applyWidget(this);});if($.metadata&&($(this).metadata()&&$(this).metadata().sortlist)){config.sortList=$(this).metadata().sortlist;}if(config.sortList.length>0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==parser.id.toLowerCase()){a=false;}}if(a){parsers.push(parser);};};this.addWidget=function(widget){widgets.push(widget);};this.formatFloat=function(s){var i=parseFloat(s);return(isNaN(i))?0:i;};this.formatInt=function(s){var i=parseInt(s);return(isNaN(i))?0:i;};this.isDigit=function(s,config){var DECIMAL='\\'+config.decimal;var exp='/(^[+]?0('+DECIMAL+'0+)?$)|(^([-+]?[1-9][0-9]*)$)|(^([-+]?((0?|[1-9][0-9]*)'+DECIMAL+'(0*[1-9][0-9]*)))$)|(^[-+]?[1-9]+[0-9]*'+DECIMAL+'0+$)/';return RegExp(exp).test($.trim(s));};this.clearTableBody=function(table){if($.browser.msie){function empty(){while(this.firstChild)this.removeChild(this.firstChild);}empty.apply(table.tBodies[0]);}else{table.tBodies[0].innerHTML="";}};}});$.fn.extend({tablesorter:$.tablesorter.construct});var ts=$.tablesorter;ts.addParser({id:"text",is:function(s){return true;},format:function(s){return $.trim(s.toLowerCase());},type:"text"});ts.addParser({id:"digit",is:function(s,table){var c=table.config;return $.tablesorter.isDigit(s,c);},format:function(s){return $.tablesorter.formatFloat(s);},type:"numeric"});ts.addParser({id:"currency",is:function(s){return/^[£$€?.]/.test(s);},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/[^0-9.]/g),""));},type:"numeric"});ts.addParser({id:"ipAddress",is:function(s){return/^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/.test(s);},format:function(s){var a=s.split("."),r="",l=a.length;for(var i=0;i<l;i++){var item=a[i];if(item.length==2){r+="0"+item;}else{r+=item;}}return $.tablesorter.formatFloat(r);},type:"numeric"});ts.addParser({id:"url",is:function(s){return/^(https?|ftp|file):\/\/$/.test(s);},format:function(s){return jQuery.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//),''));},type:"text"});ts.addParser({id:"isoDate",is:function(s){return/^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(s);},format:function(s){return $.tablesorter.formatFloat((s!="")?new Date(s.replace(new RegExp(/-/g),"/")).getTime():"0");},type:"numeric"});ts.addParser({id:"percent",is:function(s){return/\%$/.test($.trim(s));},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g),""));},type:"numeric"});ts.addParser({id:"usLongDate",is:function(s){return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));},format:function(s){return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"shortDate",is:function(s){return/\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);},format:function(s,table){var c=table.config;s=s.replace(/\-/g,"/");if(c.dateFormat=="us"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$1/$2");}else if(c.dateFormat=="uk"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$2/$1");}else if(c.dateFormat=="dd/mm/yy"||c.dateFormat=="dd-mm-yy"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/,"$1/$2/$3");}return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"time",is:function(s){return/^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/.test(s);},format:function(s){return $.tablesorter.formatFloat(new Date("2000/01/01 "+s).getTime());},type:"numeric"});ts.addParser({id:"metadata",is:function(s){return false;},format:function(s,table,cell){var c=table.config,p=(!c.parserMetadataName)?'sortValue':c.parserMetadataName;return $(cell).metadata()[p];},type:"numeric"});ts.addWidget({id:"zebra",format:function(table){if(table.config.debug){var time=new Date();}$("tr:visible",table.tBodies[0]).filter(':even').removeClass(table.config.widgetZebra.css[1]).addClass(table.config.widgetZebra.css[0]).end().filter(':odd').removeClass(table.config.widgetZebra.css[0]).addClass(table.config.widgetZebra.css[1]);if(table.config.debug){$.tablesorter.benchmark("Applying Zebra widget",time);}}});})(jQuery);

data/webapp/public/jquery.visualize.js

@@ -0,0 +1,452 @@
+/*
+ * --------------------------------------------------------------------
+ * jQuery inputToButton plugin
+ * Author: Scott Jehl, scott@filamentgroup.com
+ * Copyright (c) 2009 Filament Group 
+ * licensed under MIT (filamentgroup.com/examples/mit-license.txt)
+ * --------------------------------------------------------------------
+*/
+(function($) { 
+$.fn.visualize = function(options, container){
+	return $(this).each(function(){
+		//configuration
+		var o = $.extend({
+			type: 'bar', //also available: area, pie, line
+			width: $(this).width(), //height of canvas - defaults to table height
+			height: $(this).height(), //height of canvas - defaults to table height
+			appendTitle: true, //table caption text is added to chart
+			title: null, //grabs from table caption if null
+			appendKey: true, //color key is added to chart
+			colors: ['#be1e2d','#666699','#92d5ea','#ee8310','#8d10ee','#5a3b16','#26a4ed','#f45a90','#e9e744'],
+			textColors: [], //corresponds with colors array. null/undefined items will fall back to CSS
+			parseDirection: 'x', //which direction to parse the table data
+			pieMargin: 20, //pie charts only - spacing around pie
+			pieLabelPos: 'inside',
+			lineWeight: 4, //for line and area - stroke weight
+			barGroupMargin: 10,
+			barMargin: 1, //space around bars in bar chart (added to both sides of bar)
+			yLabelInterval: 30 //distance between y labels
+		},options);
+		
+		//reset width, height to numbers
+		o.width = parseFloat(o.width);
+		o.height = parseFloat(o.height);
+		
+		
+		var self = $(this);
+		
+		//function to scrape data from html table
+		function scrapeTable(){
+			var colors = o.colors;
+			var textColors = o.textColors;
+			var tableData = {
+				dataGroups: function(){
+					var dataGroups = [];
+					if(o.parseDirection == 'x'){
+						self.find('tr:gt(0)').each(function(i){
+							dataGroups[i] = {};
+							dataGroups[i].points = [];
+							dataGroups[i].color = colors[i];
+							if(textColors[i]){ dataGroups[i].textColor = textColors[i]; }
+							$(this).find('td').each(function(){
+								dataGroups[i].points.push( parseFloat($(this).text()) );
+							});
+						});
+					}
+					else {
+						var cols = self.find('tr:eq(1) td').size();
+						for(var i=0; i<cols; i++){
+							dataGroups[i] = {};
+							dataGroups[i].points = [];
+							dataGroups[i].color = colors[i];
+							if(textColors[i]){ dataGroups[i].textColor = textColors[i]; }
+							self.find('tr:gt(0)').each(function(){
+								dataGroups[i].points.push( $(this).find('td').eq(i).text()*1 );
+							});
+						};
+					}
+					return dataGroups;
+				},
+				allData: function(){
+					var allData = [];
+					$(this.dataGroups()).each(function(){
+						allData.push(this.points);
+					});
+					return allData;
+				},
+				dataSum: function(){
+					var dataSum = 0;
+					var allData = this.allData().join(',').split(',');
+					$(allData).each(function(){
+						dataSum += parseFloat(this);
+					});
+					return dataSum
+				},	
+				topValue: function(){
+						var topValue = 0;
+						var allData = this.allData().join(',').split(',');
+						$(allData).each(function(){
+							if(parseFloat(this,10)>topValue) topValue = parseFloat(this);
+						});
+						return topValue;
+				},
+				bottomValue: function(){
+						var bottomValue = 0;
+						var allData = this.allData().join(',').split(',');
+						$(allData).each(function(){
+							if(this<bottomValue) bottomValue = parseFloat(this);
+						});
+						return bottomValue;
+				},
+				memberTotals: function(){
+					var memberTotals = [];
+					var dataGroups = this.dataGroups();
+					$(dataGroups).each(function(l){
+						var count = 0;
+						$(dataGroups[l].points).each(function(m){
+							count +=dataGroups[l].points[m];
+						});
+						memberTotals.push(count);
+					});
+					return memberTotals;
+				},
+				yTotals: function(){
+					var yTotals = [];
+					var dataGroups = this.dataGroups();
+					var loopLength = this.xLabels().length;
+					for(var i = 0; i<loopLength; i++){
+						yTotals[i] =[];
+						var thisTotal = 0;
+						$(dataGroups).each(function(l){
+							yTotals[i].push(this.points[i]);
+						});
+						yTotals[i].join(',').split(',');
+						$(yTotals[i]).each(function(){
+							thisTotal += parseFloat(this);
+						});
+						yTotals[i] = thisTotal;
+						
+					}
+					return yTotals;
+				},
+				topYtotal: function(){
+					var topYtotal = 0;
+						var yTotals = this.yTotals().join(',').split(',');
+						$(yTotals).each(function(){
+							if(parseFloat(this,10)>topYtotal) topYtotal = parseFloat(this);
+						});
+						return topYtotal;
+				},
+				totalYRange: function(){
+					return this.topValue() - this.bottomValue();
+				},
+				xLabels: function(){
+					var xLabels = [];
+					if(o.parseDirection == 'x'){
+						self.find('tr:eq(0) th').each(function(){
+							xLabels.push($(this).html());
+						});
+					}
+					else {
+						self.find('tr:gt(0) th').each(function(){
+							xLabels.push($(this).html());
+						});
+					}
+					return xLabels;
+				},
+				yLabels: function(){
+					var yLabels = [];
+					yLabels.push(bottomValue); 
+					var numLabels = Math.round(o.height / o.yLabelInterval);
+					var loopInterval = Math.ceil(totalYRange / numLabels) || 1;
+					while( yLabels[yLabels.length-1] < topValue - loopInterval){
+						yLabels.push(yLabels[yLabels.length-1] + loopInterval); 
+					}
+					yLabels.push(topValue); 
+					return yLabels;
+				}			
+			};
+			
+			return tableData;
+		};
+		
+		
+		//function to create a chart
+		var createChart = {
+			pie: function(){	
+				
+				canvasContain.addClass('visualize-pie');
+				
+				if(o.pieLabelPos == 'outside'){ canvasContain.addClass('visualize-pie-outside'); }	
+						
+				var centerx = Math.round(canvas.width()/2);
+				var centery = Math.round(canvas.height()/2);
+				var radius = centery - o.pieMargin;				
+				var counter = 0.0;
+				var toRad = function(integer){ return (Math.PI/180)*integer; };
+				var labels = $('<ul class="visualize-labels"></ul>')
+					.insertAfter(canvas);
+
+				//draw the pie pieces
+				$.each(memberTotals, function(i){
+					var fraction = (this <= 0 || isNaN(this))? 0 : this / dataSum;
+					ctx.beginPath();
+					ctx.moveTo(centerx, centery);
+					ctx.arc(centerx, centery, radius, 
+						counter * Math.PI * 2 - Math.PI * 0.5,
+						(counter + fraction) * Math.PI * 2 - Math.PI * 0.5,
+		                false);
+			        ctx.lineTo(centerx, centery);
+			        ctx.closePath();
+			        ctx.fillStyle = dataGroups[i].color;
+			        ctx.fill();
+			        // draw labels
+			       	var sliceMiddle = (counter + fraction/2);
+			       	var distance = o.pieLabelPos == 'inside' ? radius/1.5 : radius +  radius / 5;
+			        var labelx = Math.round(centerx + Math.sin(sliceMiddle * Math.PI * 2) * (distance));
+			        var labely = Math.round(centery - Math.cos(sliceMiddle * Math.PI * 2) * (distance));
+			        var leftRight = (labelx > centerx) ? 'right' : 'left';
+			        var topBottom = (labely > centery) ? 'bottom' : 'top';
+			        var percentage = Math.round(fraction*100);
+			        if(percentage){
+				        var labeltext = $('<span class="visualize-label">' + percentage + '%</span>')
+				        	.css(leftRight, 0)
+				        	.css(topBottom, 0);
+				        	if(labeltext)
+				        var label = $('<li class="visualize-label-pos"></li>')
+				       			.appendTo(labels)
+				        		.css({left: labelx, top: labely})
+				        		.append(labeltext);	
+				        labeltext
+				        	.css('font-size', radius / 8)		
+				        	.css('margin-'+leftRight, -labeltext.width()/2)
+				        	.css('margin-'+topBottom, -labeltext.outerHeight()/2);
+				        	
+				        	
+				        if(dataGroups[i].textColor){ labeltext.css('color', dataGroups[i].textColor); }	
+			        }
+			      	counter+=fraction;
+				});
+			},
+			
+			line: function(area){
+			
+				if(area){ canvasContain.addClass('visualize-area'); }
+				else{ canvasContain.addClass('visualize-line'); }
+			
+				//write X labels
+				var xInterval = canvas.width() / (xLabels.length -1);
+				var xlabelsUL = $('<ul class="visualize-labels-x"></ul>')
+					.width(canvas.width())
+					.height(canvas.height())
+					.insertBefore(canvas);
+				$.each(xLabels, function(i){ 
+					var thisLi = $('<li><span>'+this+'</span></li>')
+						.prepend('<span class="line" />')
+						.css('left', xInterval * i)
+						.appendTo(xlabelsUL);						
+					var label = thisLi.find('span:not(.line)');
+					var leftOffset = label.width()/-2;
+					if(i == 0){ leftOffset = 0; }
+					else if(i== xLabels.length-1){ leftOffset = -label.width(); }
+					label
+						.css('margin-left', leftOffset)
+						.addClass('label');
+				});
+
+				//write Y labels
+				var yScale = canvas.height() / totalYRange;
+				var liBottom = canvas.height() / (yLabels.length-1);
+				var ylabelsUL = $('<ul class="visualize-labels-y"></ul>')
+					.width(canvas.width())
+					.height(canvas.height())
+					.insertBefore(canvas);
+					
+				$.each(yLabels, function(i){  
+					var thisLi = $('<li><span>'+this+'</span></li>')
+						.prepend('<span class="line"  />')
+						.css('bottom',liBottom*i)
+						.prependTo(ylabelsUL);
+					var label = thisLi.find('span:not(.line)');
+					var topOffset = label.height()/-2;
+					if(i == 0){ topOffset = -label.height(); }
+					else if(i== yLabels.length-1){ topOffset = 0; }
+					label
+						.css('margin-top', topOffset)
+						.addClass('label');
+				});
+
+				//start from the bottom left
+				ctx.translate(0,zeroLoc);
+				//iterate and draw
+				$.each(dataGroups,function(h){
+					ctx.beginPath();
+					ctx.lineWidth = o.lineWeight;
+					ctx.lineJoin = 'round';
+					var points = this.points;
+					var integer = 0;
+					ctx.moveTo(0,-(points[0]*yScale));
+					$.each(points, function(){
+						ctx.lineTo(integer,-(this*yScale));
+						integer+=xInterval;
+					});
+					ctx.strokeStyle = this.color;
+					ctx.stroke();
+					if(area){
+						ctx.lineTo(integer,0);
+						ctx.lineTo(0,0);
+						ctx.closePath();
+						ctx.fillStyle = this.color;
+						ctx.globalAlpha = .3;
+						ctx.fill();
+						ctx.globalAlpha = 1.0;
+					}
+					else {ctx.closePath();}
+				});
+			},
+			
+			area: function(){
+				createChart.line(true);
+			},
+			
+			bar: function(){
+				
+				canvasContain.addClass('visualize-bar');
+			
+				//write X labels
+				var xInterval = canvas.width() / (xLabels.length);
+				var xlabelsUL = $('<ul class="visualize-labels-x"></ul>')
+					.width(canvas.width())
+					.height(canvas.height())
+					.insertBefore(canvas);
+				$.each(xLabels, function(i){ 
+					var thisLi = $('<li><span class="label">'+this+'</span></li>')
+						.prepend('<span class="line" />')
+						.css('left', xInterval * i)
+						.width(xInterval)
+						.appendTo(xlabelsUL);
+					var label = thisLi.find('span.label');
+					label.addClass('label');
+				});
+
+				//write Y labels
+				var yScale = canvas.height() / totalYRange;
+				var liBottom = canvas.height() / (yLabels.length-1);
+				var ylabelsUL = $('<ul class="visualize-labels-y"></ul>')
+					.width(canvas.width())
+					.height(canvas.height())
+					.insertBefore(canvas);
+				$.each(yLabels, function(i){  
+					var thisLi = $('<li><span>'+this+'</span></li>')
+						.prepend('<span class="line"  />')
+						.css('bottom',liBottom*i)
+						.prependTo(ylabelsUL);
+						var label = thisLi.find('span:not(.line)');
+						var topOffset = label.height()/-2;
+						if(i == 0){ topOffset = -label.height(); }
+						else if(i== yLabels.length-1){ topOffset = 0; }
+						label
+							.css('margin-top', topOffset)
+							.addClass('label');
+				});
+
+				//start from the bottom left
+				ctx.translate(0,zeroLoc);
+				//iterate and draw
+				for(var h=0; h<dataGroups.length; h++){
+					ctx.beginPath();
+					var linewidth = (xInterval-o.barGroupMargin*2) / dataGroups.length; //removed +1 
+					var strokeWidth = linewidth - (o.barMargin*2);
+					ctx.lineWidth = strokeWidth;
+					var points = dataGroups[h].points;
+					var integer = 0;
+					for(var i=0; i<points.length; i++){
+						var xVal = (integer-o.barGroupMargin)+(h*linewidth)+linewidth/2;
+						xVal += o.barGroupMargin*2;
+						
+						ctx.moveTo(xVal, 0);
+						ctx.lineTo(xVal, Math.round(-points[i]*yScale));
+						integer+=xInterval;
+					}
+					ctx.strokeStyle = dataGroups[h].color;
+					ctx.stroke();
+					ctx.closePath();
+				}
+			}
+		};
+	
+		//create new canvas, set w&h attrs (not inline styles)
+		var canvasNode = document.createElement("canvas"); 
+		canvasNode.setAttribute('height',o.height);
+		canvasNode.setAttribute('width',o.width);
+		var canvas = $(canvasNode);
+			
+		//get title for chart
+		var title = o.title || self.find('caption').text();
+		
+		//create canvas wrapper div, set inline w&h, append
+		var canvasContain = (container || $('<div class="visualize" role="img" aria-label="Chart representing data from the table: '+ title +'" />'))
+			.height(o.height)
+			.width(o.width)
+			.append(canvas);
+
+		//scrape table (this should be cleaned up into an obj)
+		var tableData = scrapeTable();
+		var dataGroups = tableData.dataGroups();
+		var allData = tableData.allData();
+		var dataSum = tableData.dataSum();
+		var topValue = tableData.topValue();
+		var bottomValue = tableData.bottomValue();
+		var memberTotals = tableData.memberTotals();
+		var totalYRange = tableData.totalYRange();
+		var zeroLoc = o.height * (topValue/totalYRange);
+		var xLabels = tableData.xLabels();
+		var yLabels = tableData.yLabels();
+								
+		//title/key container
+		if(o.appendTitle || o.appendKey){
+			var infoContain = $('<div class="visualize-info"></div>')
+				.appendTo(canvasContain);
+		}
+		
+		//append title
+		if(o.appendTitle){
+			$('<div class="visualize-title">'+ title +'</div>').appendTo(infoContain);
+		}
+		
+		
+		//append key
+		if(o.appendKey){
+			var newKey = $('<ul class="visualize-key"></ul>');
+			var selector = (o.parseDirection == 'x') ? 'tr:gt(0) th' : 'tr:eq(0) th' ;
+			self.find(selector).each(function(i){
+				$('<li><span class="visualize-key-color" style="background: '+dataGroups[i].color+'"></span><span class="visualize-key-label">'+ $(this).text() +'</span></li>')
+					.appendTo(newKey);
+			});
+			newKey.appendTo(infoContain);
+		};		
+		
+		//append new canvas to page
+		
+		if(!container){canvasContain.insertAfter(this); }
+		if( typeof(G_vmlCanvasManager) != 'undefined' ){ G_vmlCanvasManager.init(); G_vmlCanvasManager.initElement(canvas[0]); }	
+		
+		//set up the drawing board	
+		var ctx = canvas[0].getContext('2d');
+		
+		//create chart
+		createChart[o.type]();
+		
+		//clean up some doubled lines that sit on top of canvas borders (done via JS due to IE)
+		$('.visualize-line li:first-child span.line, .visualize-line li:last-child span.line, .visualize-area li:first-child span.line, .visualize-area li:last-child span.line, .visualize-bar li:first-child span.line,.visualize-bar .visualize-labels-y li:last-child span.line').css('border','none');
+		if(!container){
+		//add event for updating
+		canvasContain.bind('visualizeRefresh', function(){
+			self.visualize(o, $(this).empty()); 
+		});
+		}
+	}).next(); //returns canvas(es)
+};
+})(jQuery);
+
+