gerbilcharts 0.2.6 → 0.2.8

data/lib/gerbilcharts/public/gerbil.js

@@ -1,334 +1,356 @@
-var SVGDocument = null;
-var SVGRoot = null;
-var SVGViewBox = null;
-var svgns = 'http://www.w3.org/2000/svg';
-var xlinkns = 'http://www.w3.org/1999/xlink';
-var toolTip = null;
-var TrueCoords = null;
-var tipBox = null;
-var tipText = null;
-var tipTitle = null;
-var tipDesc = null;
-var ajaxPE = null;
-var lastElement = null;
-var titleText = '';
-var titleDesc = '';
-   
-function OpacityDown(mouseover_evt)
-{
-	var obj=mouseover_evt.target;
-	obj.style.setProperty("opacity","0.5","");
-}
-
-
-function OpacityUp(mouseout_evt)
-{
-	var obj=mouseout_evt.target;
-	obj.style.setProperty("opacity","1.0","");
-}
-
-function GerbilNavigate()
-{
-	window.top.location='/dashboard/show';
-}
-
-function parseXMLFromString(text) 
-{
-    if (typeof DOMParser != "undefined") 
-	{ 
-        // Mozilla, Firefox, and related browsers 
-        return (new DOMParser()).parseFromString(text, "application/xml"); 
-    } 
-    else if (typeof ActiveXObject != "undefined") 
-	{ 
-        // Internet Explorer. 
-		var xmlDOM = new ActiveXObject("Microsoft.XMLDOM"); 
-        var doc = xmlDOM.newDocument();  
-        doc.loadXML(text);            
-        return doc.documentElement;                   
-    } 
-	return null;
-}
-	
-
-function TestUpdates1(evt)
-{
-	var tnode=SVGDocument.getElementById("graphtitle");
-	tnode.firstChild.nodeValue="Changed by Ajax2";
-}
-
-function TestAjaxUpdates()
-{
-	var gerbilAjaxBlock=SVGDocument.getElementById("GerbilAjaxBlock");
-	var gerbilAjaxOptions=SVGDocument.getElementById("GerbilAjaxOptions");
-	var gerbilAjaxContext=SVGDocument.getElementById("GerbilAjaxContext");
-
-	// extract the URL & other ajax options from the Gerbil Ajax Block
-	var url   = gerbilAjaxOptions.attributes.getNamedItem('axurl').nodeValue;
-	var freq  = gerbilAjaxOptions.attributes.getNamedItem('axfrequency').nodeValue;
-	var decay = gerbilAjaxOptions.attributes.getNamedItem('axdecay').nodeValue;
-
-	// return the entire ajax context in request
-	var	aa = $A(gerbilAjaxContext.attributes);
-	var hContext = new Hash();
-	aa.each(function (at){
-		hContext[at.localName]=at.nodeValue;
-	});
-	
-	// console.log ("URL =  "+ url );
-	
-	new Ajax.Request(url, {
-	  method: 'get',
-	  parameters: hContext,
-	  onSuccess: function(transport) {
-          		updateSVG(transport.responseXML)
-		     }
-	});
-
-}
-///////////////////////////////////////////////////////////////////////////////
-// Squirell Release 1.0 - uses Gerbil Charts that donot yet do delta replace !
-///////////////////////////////////////////////////////////////////////////////
-function updateSVG(node)
-{
-  var cmd = '';
-  
-  cmd = node.documentElement.getAttribute("command")
-  
-  if (cmd == "noop")
-  {
-	// do nothing (we got a noop ajax response)
-  }
-  else if (cmd=="full_replace")
-  {
-      var newnode = node.documentElement.childNodes[1];
-	  var currnode = SVGDocument.getElementById('GerbilSVGGraph');
-	  var par = currnode.parentNode;
-	  var newLayer = SVGDocument.importNode(newnode,true);
-	  par.appendChild(newLayer); 
-	  par.removeChild(currnode);
-	  
-	  // move tooltip to top of rendering stack
-	  par.removeChild(toolTip);
-	  par.appendChild(toolTip);
-  }
-}
-
-function Init(evt)
-{
-	 SVGDocument = evt.target.ownerDocument;
-	 SVGRoot = SVGDocument.documentElement;
-	 TrueCoords = SVGRoot.createSVGPoint();
-	
-	 toolTip = SVGDocument.getElementById('ToolTip');
-	 tipBox = SVGDocument.getElementById('tipbox');
-	 tipText = SVGDocument.getElementById('tipText');
-	 tipTitle = SVGDocument.getElementById('tipTitle');
-	 tipDesc = SVGDocument.getElementById('tipDesc');
-	 //window.status = (TrueCoords);
-	
-	 //create event for object
-	 SVGRoot.addEventListener('mousemove', ShowTooltip, false);
-	 SVGRoot.addEventListener('mouseout', HideTooltip, false);
-	 
-	 // periodical executor
-  	 var gerbilAjaxOptions=SVGDocument.getElementById("GerbilAjaxOptions");
-	 if (gerbilAjaxOptions!=null)
-	 {
-	 	var ajaxInterval = gerbilAjaxOptions.getAttribute('axfrequency')
-	 	ajaxPE = new PeriodicalExecuter(TestAjaxUpdates,parseInt(ajaxInterval))
-   		// for Adobe SVG later setTimeout("TestAjaxUpdates()",3)
-	 }
-};
-
-
-function GetTrueCoords(evt)
-{
-	 // zoom / pan adjustment
-	 var newScale = SVGRoot.currentScale;
-	 var translation = SVGRoot.currentTranslate;
-	 TrueCoords.x = (evt.clientX - translation.x)/newScale;
-	 TrueCoords.y = (evt.clientY - translation.y)/newScale;
-};
-
-
-function HideTooltip( evt )
-{
-	 toolTip.setAttributeNS(null, 'visibility', 'hidden');
-};
-
-
-function ShowTooltip( evt )
-{
-	// bail out early, if same target
-	var targetElement = evt.target;
-	if ( lastElement == targetElement )
-	{
-		return
-	}
-	
-	// bail out early, if no 'gerbiltooltipX' tags
-	// tooltip1 is the heading  (appears in bold face)
-	// tooltip2 is the tip text 
-	var tooltip1 = '';
-	var tooltip2 = '';
-	tooltip1 = targetElement.getAttributeNS(null, 'gerbiltooltip1');
-	tooltip2 = targetElement.getAttributeNS(null, 'gerbiltooltip2');
-	if (tooltip1=='' && tooltip2 == '')		
-	{
-		return;
-	}
-
-	// Positon the tooltip box relative to the mouse pos
-	GetTrueCoords( evt );
-	var tipScale = 1/SVGRoot.currentScale;
-	var textWidth = 0;
-	var tspanWidth = 0;
-	var boxHeight = 20;
-	tipBox.setAttributeNS(null, 'transform', 'scale(' + tipScale + ',' + tipScale + ')' );
-	tipText.setAttributeNS(null, 'transform', 'scale(' + tipScale + ',' + tipScale + ')' );
-
-	// Values for tooltip text
-	tipTitle.firstChild.nodeValue = tooltip1;
-	tipTitle.setAttributeNS(null, 'display', 'inline' );
-	tipDesc.firstChild.nodeValue = tooltip2;
-	tipDesc.setAttributeNS(null, 'display', 'inline' );
-
-
-	// Box size
-    var outline = tipText.getBBox();
-    tipBox.setAttributeNS(null, 'width', Number(outline.width) + 10);
-    tipBox.setAttributeNS(null, 'height', Number(outline.height));
-	
-
-    // Update position (keep tooltip inside client area ! )
- 	var yPos = TrueCoords.y + (10 * tipScale);
- 	if (yPos+Number(outline.height)>SVGRoot.height.baseVal.value)
-	{
-		yPos = SVGRoot.height.baseVal.value - Number(outline.height)
-	}
-    var xPos = TrueCoords.x + (10 * tipScale);
-	if (xPos+Number(outline.width)>SVGRoot.width.baseVal.value)
-	{
-		xPos = SVGRoot.width.baseVal.value - Number(outline.width)
-	}
-	
-    toolTip.setAttributeNS(null, 'transform', 'translate(' + xPos + ',' + yPos + ')');
-    toolTip.setAttributeNS(null, 'visibility', 'visible');
-}
-
-
-
-//////////////////////////////////////
-// Tracker - for SVG
-var fTracking=0;
-var nTrackBegin=0;
-var nTrackEnd=0;
-var nTrackCurrent=0;
-var pGTrackingRect=null;    
-var pTrackingRect=null;
-var pTrackFromTS=null;
-var nTrackScale=0;
-var pTrackTextFromTS=null;
-var pTrackTextInterval=null;
-var pTrackerData=null;
-
-function TrackerMouseDown( evt )
-{
-    fTracking=1;
-    nTrackBegin=evt.clientX;
-    nTrackCurrent=evt.clientX;
-    
-    SVGDocument = evt.target.ownerDocument;
-
-    pGTrackingRect= SVGDocument.getElementById('gtrackerrect');
-    pTrackingRect= SVGDocument.getElementById('trackerrect');
-    pTrackingRect.setAttributeNS(null,"x",nTrackCurrent);
-    pTrackingRect.setAttributeNS(null,"width",1);
-    
-    pTrackingText= SVGDocument.getElementById('gtrackertext');
-    pTrackingText.setAttributeNS(null,"transform","translate(" + nTrackBegin + ',' + 150 + ')');
-    
-    // compute begin state
-    pTrackerData = SVGDocument.getElementById('gtrackerdata');
-    nTrackScale =  parseFloat(pTrackerData.getAttributeNS(null,"gerb_scale"));
-    var from_secs = parseInt(pTrackerData.getAttributeNS(null,"gerb_fromts"));
-    
-    // clicked to time delta
-    var xbegin = parseFloat(SVGDocument.getElementById('trackerpanel').getAttributeNS(null,"x"));
-    pTrackFromTS = new Date();
-    pTrackFromTS.setTime(1000* (from_secs + (nTrackBegin-xbegin)*nTrackScale));
-            
-    // text svg elements
-    pTrackTextFromTS=SVGDocument.getElementById('trackertextfromts');
-    pTrackTextInterval=SVGDocument.getElementById('trackertextinterval');
-    
-    // visibility off (move 5-10 pixels to turn it on)
-    pGTrackingRect.setAttributeNS(null,"visibility","hidden");
-    pTrackingText.setAttributeNS(null,"visibility","hidden");
-
-}
-
-function TrackerMouseMove(evt)
-{
-    if (fTracking==2)
-    {
-		var fSelectAfter = evt.clientX > nTrackBegin;
-        var delta = nTrackCurrent-nTrackBegin;
-        var mid = nTrackBegin+(delta)/2;
-        nTrackCurrent=evt.clientX;
-        pTrackingRect.setAttributeNS(null,"width",Math.abs(delta));
-        pTrackingText.setAttributeNS(null,"transform","translate(" + mid + ')');
-
-		// negative
-		pTrackingRect.setAttribute("transform","translate(" + (fSelectAfter?0:delta) + ',0)');
-        
-        // text box
-        var szwin = FormatSecs(Math.round(Math.abs(delta)*nTrackScale))
-        var szbegin = fSelectAfter?"After ":"Before ";
-		szbegin +=  pTrackFromTS.toLocaleString();
-        pTrackTextInterval.firstChild.nodeValue = szwin;
-        pTrackTextFromTS.firstChild.nodeValue = szbegin;
-    }
-    else if (fTracking==1 && Math.abs(evt.clientX-nTrackBegin) > 3 )
-    {
-        // we need to move atleast 3 pixels tracking
-        fTracking=2;
-        
-        // visibility on 
-        pGTrackingRect.setAttributeNS(null,"visibility","visible");
-        pTrackingText.setAttributeNS(null,"visibility","visible");
-    }
-}
-function TrackerMouseUp(evt)
-{
-    if (fTracking==2)
-    {
-        pTrackingRect=null;
-        nTrackEnd=evt.clientX;
-        
-        pTrackerData.setAttributeNS(null,"gerb_selsecs",(nTrackEnd-nTrackBegin)*nTrackScale);
-        pTrackerData.setAttributeNS(null,"gerb_selts", pTrackFromTS.getTime()/1000);
-
-		console.log("Selts  = " + pTrackerData.getAttributeNS(null,"gerb_selts"));
-		console.log("Selwin = " + pTrackerData.getAttributeNS(null,"gerb_selsecs"));
-    }
-    fTracking=0;
-}
-
-function FormatSecs(secs)
-{
-    if (secs>86400)
-    {
-        return "" + Math.round(secs/86400) + " Days" + (secs%86400)/3600 + " Hrs" + Math.round((secs%3600)/60) + " Mins";    
-    }
-    else if (secs>3600)
-    {
-        return "" + Math.round(secs/3600) + " Hrs  " + Math.round((secs%3600)/60) + " Mins";    
-    }
-    else if (secs>60)
-    {
-        return "" + Math.round(secs/60) + " Mins  " + secs%60 + " Secs";    
-    }
-    return "" + secs + " Secs";
-}
+var SVGDocument = null;
+var SVGRoot = null;
+var SVGViewBox = null;
+var svgns = 'http://www.w3.org/2000/svg';
+var xlinkns = 'http://www.w3.org/1999/xlink';
+var toolTip = null;
+var TrueCoords = null;
+var tipBox = null;
+var tipText = null;
+var tipTitle = null;
+var tipDesc = null;
+var ajaxPE = null;
+var lastElement = null;
+var titleText = '';
+var titleDesc = '';
+   
+function OpacityDown(mouseover_evt)
+{
+	var obj=mouseover_evt.target;
+	obj.style.setProperty("opacity","0.5","");
+}
+
+
+function OpacityUp(mouseout_evt)
+{
+	var obj=mouseout_evt.target;
+	obj.style.setProperty("opacity","1.0","");
+}
+
+function GerbilNavigate()
+{
+	window.top.location='/dashboard/show';
+}
+
+function parseXMLFromString(text) 
+{
+    if (typeof DOMParser != "undefined") 
+	{ 
+        // Mozilla, Firefox, and related browsers 
+        return (new DOMParser()).parseFromString(text, "application/xml"); 
+    } 
+    else if (typeof ActiveXObject != "undefined") 
+	{ 
+        // Internet Explorer. 
+		var xmlDOM = new ActiveXObject("Microsoft.XMLDOM"); 
+        var doc = xmlDOM.newDocument();  
+        doc.loadXML(text);            
+        return doc.documentElement;                   
+    } 
+	return null;
+}
+	
+
+function TestUpdates1(evt)
+{
+	var tnode=SVGDocument.getElementById("graphtitle");
+	tnode.firstChild.nodeValue="Changed by Ajax2";
+}
+
+// The chart needs to fill in the following options 
+// axurl , response will either do noop/full/delta replacement
+function SvgAjaxUpdate()
+{
+	var gerbilAjaxBlock=SVGDocument.getElementById("GerbilAjaxBlock");
+	var gerbilAjaxOptions=SVGDocument.getElementById("GerbilAjaxOptions");
+	var gerbilAjaxContext=SVGDocument.getElementById("GerbilAjaxContext");
+
+	// extract the URL & other ajax options from the Gerbil Ajax Block
+	var url   = gerbilAjaxOptions.attributes.getNamedItem('axurl').nodeValue;
+	var freq  = gerbilAjaxOptions.attributes.getNamedItem('axfrequency').nodeValue;
+	var decay = gerbilAjaxOptions.attributes.getNamedItem('axdecay').nodeValue;
+
+	// return the entire ajax context in request
+	var	aa = $A(gerbilAjaxContext.attributes);
+	var hContext = $H();
+	aa.each(function (at){
+		hContext[at.localName]=at.nodeValue;
+	});
+	hContext.unset('_object');
+	
+	// console.log ("URL =  "+ url );
+	new Ajax.Request(url, {
+	  method: 'post',
+	  parameters: { 'resource': hContext['resource'] },
+	  onSuccess: function(transport) {
+          		updateSVG(transport.responseXML)
+		     }
+	});
+
+}
+// For WebTrisul 1.0, we don't yet support delta replace,
+// full replace seems to be fast enough (caching on server side)
+function updateSVG(node)
+{
+  var cmd = '';
+  cmd = node.documentElement.getAttribute("command")
+  
+  if (cmd == "noop")
+  {
+	// do nothing (we got a noop ajax response)
+  }
+  else if (cmd=="full_replace")
+  {
+  	// replace the old node with the new one
+    var newnode = node.documentElement.childNodes[1];
+ 	var currnode = SVGDocument.getElementById('GerbilSVGGraph');
+ 	var par = currnode.parentNode;
+ 	var newLayer = SVGDocument.importNode(newnode,true);
+ 	par.appendChild(newLayer); 
+ 	par.removeChild(currnode);
+	
+	// move tooltip to top of rendering stack
+	par.removeChild(toolTip);
+	par.appendChild(toolTip);
+  }
+  else if (cmd=="delta_replace")
+  {
+  	// delta svg replace not yet supported 
+  }
+
+}
+
+// releases any server side ajax resources held by this document
+function Uninit(evt)
+{
+	 var gerbilAjaxContext=SVGDocument.getElementById("GerbilAjaxContext");
+	 if (gerbilAjaxContext!=null)
+	 {
+		var	aa = $A(gerbilAjaxContext.attributes);
+		var hContext = $H();
+		aa.each(function (at){
+			hContext[at.localName]=at.nodeValue;
+		});
+	
+		// console.log ("URL =  "+ url );
+		new Ajax.Request("/axupdate/gerbilUnload", {
+	  		method: 'post',
+	  		parameters: { 'resource': hContext['resource'] },
+		});
+	 }
+
+}
+
+function Init(evt)
+{
+	 SVGDocument = evt.target.ownerDocument;
+	 SVGRoot = SVGDocument.documentElement;
+	 TrueCoords = SVGRoot.createSVGPoint();
+	
+	 toolTip = SVGDocument.getElementById('ToolTip');
+	 tipBox = SVGDocument.getElementById('tipbox');
+	 tipText = SVGDocument.getElementById('tipText');
+	 tipTitle = SVGDocument.getElementById('tipTitle');
+	 tipDesc = SVGDocument.getElementById('tipDesc');
+	 //window.status = (TrueCoords);
+	
+	 //create event for object
+	 SVGRoot.addEventListener('mousemove', ShowTooltip, false);
+	 SVGRoot.addEventListener('mouseout', HideTooltip, false);
+	 
+	 // periodical executor
+  	 var gerbilAjaxOptions=SVGDocument.getElementById("GerbilAjaxOptions");
+	 if (gerbilAjaxOptions!=null)
+	 {
+	 	var ajaxInterval = gerbilAjaxOptions.getAttribute('axfrequency');
+	 	ajaxPE = new PeriodicalExecuter(SvgAjaxUpdate,parseInt(ajaxInterval));
+
+   		// for Adobe SVG later 
+		// setTimeout("SvgAjaxUpdate()",parseInt(ajaxInterval));
+	 }
+};
+
+
+function GetTrueCoords(evt)
+{
+	 // zoom / pan adjustment
+	 var newScale = SVGRoot.currentScale;
+	 var translation = SVGRoot.currentTranslate;
+	 TrueCoords.x = (evt.clientX - translation.x)/newScale;
+	 TrueCoords.y = (evt.clientY - translation.y)/newScale;
+};
+
+
+function HideTooltip( evt )
+{
+	 toolTip.setAttributeNS(null, 'visibility', 'hidden');
+};
+
+
+function ShowTooltip( evt )
+{
+	// bail out early, if same target
+	var targetElement = evt.target;
+	if ( lastElement == targetElement )
+	{
+		return
+	}
+	
+	// bail out early, if no 'gerbiltooltipX' tags
+	// tooltip1 is the heading  (appears in bold face)
+	// tooltip2 is the tip text 
+	var tooltip1 = '';
+	var tooltip2 = '';
+	tooltip1 = targetElement.getAttributeNS(null, 'gerbiltooltip1');
+	tooltip2 = targetElement.getAttributeNS(null, 'gerbiltooltip2');
+	if (tooltip1=='' && tooltip2 == '')		
+	{
+		return;
+	}
+
+	// Positon the tooltip box relative to the mouse pos
+	GetTrueCoords( evt );
+	var tipScale = 1/SVGRoot.currentScale;
+	var textWidth = 0;
+	var tspanWidth = 0;
+	var boxHeight = 20;
+	tipBox.setAttributeNS(null, 'transform', 'scale(' + tipScale + ',' + tipScale + ')' );
+	tipText.setAttributeNS(null, 'transform', 'scale(' + tipScale + ',' + tipScale + ')' );
+
+	// Values for tooltip text
+	tipTitle.firstChild.nodeValue = tooltip1;
+	tipTitle.setAttributeNS(null, 'display', 'inline' );
+	tipDesc.firstChild.nodeValue = tooltip2;
+	tipDesc.setAttributeNS(null, 'display', 'inline' );
+
+
+	// Box size
+    var outline = tipText.getBBox();
+    tipBox.setAttributeNS(null, 'width', Number(outline.width) + 10);
+    tipBox.setAttributeNS(null, 'height', Number(outline.height));
+	
+
+    // Update position (keep tooltip inside client area ! )
+ 	var yPos = TrueCoords.y + (10 * tipScale);
+ 	if (yPos+Number(outline.height)>SVGRoot.height.baseVal.value)
+	{
+		yPos = SVGRoot.height.baseVal.value - Number(outline.height)
+	}
+    var xPos = TrueCoords.x + (10 * tipScale);
+	if (xPos+Number(outline.width)>SVGRoot.width.baseVal.value)
+	{
+		xPos = SVGRoot.width.baseVal.value - Number(outline.width)
+	}
+	
+    toolTip.setAttributeNS(null, 'transform', 'translate(' + xPos + ',' + yPos + ')');
+    toolTip.setAttributeNS(null, 'visibility', 'visible');
+}
+
+
+
+//////////////////////////////////////
+// Tracker - for SVG
+var fTracking=0;
+var nTrackBegin=0;
+var nTrackEnd=0;
+var nTrackCurrent=0;
+var pGTrackingRect=null;    
+var pTrackingRect=null;
+var pTrackFromTS=null;
+var nTrackScale=0;
+var pTrackTextFromTS=null;
+var pTrackTextInterval=null;
+var pTrackerData=null;
+
+function TrackerMouseDown( evt )
+{
+    fTracking=1;
+    nTrackBegin=evt.clientX;
+    nTrackCurrent=evt.clientX;
+    
+    SVGDocument = evt.target.ownerDocument;
+
+    pGTrackingRect= SVGDocument.getElementById('gtrackerrect');
+    pTrackingRect= SVGDocument.getElementById('trackerrect');
+    pTrackingRect.setAttributeNS(null,"x",nTrackCurrent);
+    pTrackingRect.setAttributeNS(null,"width",1);
+    
+    pTrackingText= SVGDocument.getElementById('gtrackertext');
+    pTrackingText.setAttributeNS(null,"transform","translate(" + nTrackBegin + ',' + 150 + ')');
+    
+    // compute begin state
+    pTrackerData = SVGDocument.getElementById('gtrackerdata');
+    nTrackScale =  parseInt(pTrackerData.getAttributeNS(null,"gerb_scale"));
+    var from_secs = parseInt(pTrackerData.getAttributeNS(null,"gerb_fromts"));
+    
+    // clicked to time delta
+    var xbegin = parseInt(SVGDocument.getElementById('trackerpanel').getAttributeNS(null,"x"));
+    pTrackFromTS = new Date();
+    pTrackFromTS.setTime(1000* (from_secs + (nTrackBegin-xbegin)*nTrackScale));
+            
+    // text svg elements
+    pTrackTextFromTS=SVGDocument.getElementById('trackertextfromts');
+    pTrackTextInterval=SVGDocument.getElementById('trackertextinterval');
+    
+    // visibility off (move 5-10 pixels to turn it on)
+    pGTrackingRect.setAttributeNS(null,"visibility","hidden");
+    pTrackingText.setAttributeNS(null,"visibility","hidden");
+
+}
+
+function TrackerMouseMove(evt)
+{
+    if (fTracking==2 && evt.clientX > nTrackBegin)
+    {
+        var delta = nTrackCurrent-nTrackBegin;
+        var mid = nTrackBegin+(delta)/2;
+        nTrackCurrent=evt.clientX;
+        pTrackingRect.setAttributeNS(null,"width",delta);
+        pTrackingText.setAttributeNS(null,"transform","translate(" + mid + ')');
+        
+        // text box
+        var szwin = FormatSecs(delta*nTrackScale)
+        var szbegin = "Starting : " + pTrackFromTS.toLocaleString();
+        pTrackTextInterval.firstChild.nodeValue = szwin;
+        pTrackTextFromTS.firstChild.nodeValue = szbegin;
+    }
+    else if (fTracking==1 && (evt.clientX-nTrackBegin) > 5 )
+    {
+        // we need to move atleast 5 pixels to turn on tracking
+        fTracking=2;
+        
+        // visibility on 
+        pGTrackingRect.setAttributeNS(null,"visibility","visible");
+        pTrackingText.setAttributeNS(null,"visibility","visible");
+    }
+}
+function TrackerMouseUp(evt)
+{
+    if (fTracking==2)
+    {
+        pTrackingRect=null;
+        nTrackEnd=evt.clientX;
+        
+        pTrackerData.setAttributeNS(null,"gerb_selsecs",(nTrackEnd-nTrackBegin)*nTrackScale);
+        pTrackerData.setAttributeNS(null,"gerb_selts", pTrackFromTS.getTime()/1000);
+
+    }
+    fTracking=0;
+}
+
+function FormatSecs(secs)
+{
+    if (secs>86400)
+    {
+        return "" + Math.round(secs/86400) + " Days" + (secs%86400)/3600 + " Hrs" + Math.round((secs%3600)/60) + " Mins";    
+    }
+    else if (secs>3600)
+    {
+        return "" + Math.round(secs/3600) + " Hrs  " + Math.round((secs%3600)/60) + " Mins";    
+    }
+    else if (secs>60)
+    {
+        return "" + Math.round(secs/60) + " Mins  " + secs%60 + " Secs";    
+    }
+    return "" + secs + " Secs";
+}

data/lib/gerbilcharts/surfaces/chart.rb

@@ -8,9 +8,9 @@ class Chart < GraphElement
   attr_reader    :elements
   attr_reader    :needslayout
   attr_reader    :modelgroup
-  attr_reader    :stylesheet
   attr_reader    :filters
   attr_reader    :href
+  attr_reader    :stylesheets
   attr_reader    :javascripts
   attr_reader    :ajaxOptions
   attr_reader    :ajaxContext
@@ -20,18 +20,19 @@ class Chart < GraphElement
     set_defaults
     @children  = []
     @filters = []
-    @stylesheet = opt[:style] if defined? opt[:style] 
-    @javascripts = opt[:javascripts] if opt[:javascripts]
+    @stylesheets = [opt[:style]]  || []
+    @stylesheets.flatten!
+    @javascripts = [opt[:javascripts]]  || []
+    @javascripts.flatten!
     @needslayout=false
   end
   
   # We search for the javascript code in the javascripts directory
-  # This works with Ruby on Rails applications, if you want to change it
-  # pass a :javascripts => { "file:///gerbil.js" => false }
-  # The second parameter says if you want the js inlined in the HTML.
+  # If you want to inline the javascript, pass "inline:gerbil.js"
+  # default is linked 
   #
   def set_defaults
-     @javascripts = { "gerbil.js" => true }
+     @javascripts = [ "gerbil.js" ]
   end
   
   def set_modelgroup(g)
@@ -61,7 +62,7 @@ class Chart < GraphElement
       @children << e
       @needslayout=true
       e.setparent(self)
-	 set_anchor(e) if opts[:anchor]
+      set_anchor(e) if opts[:anchor]
   end
   
   def render(ropts={})
@@ -73,24 +74,15 @@ class Chart < GraphElement
       ch.render(svgdc)
     end
     
-    @filters.each do |f|
-      svgdc.add_filter(f)
-    end
+    @filters.each { |f| svgdc.add_filter(f) }
     
-    @javascripts.each_pair do |scr,inline|
-      svgdc.add_javascriptfile(scr, inline) 
-    end
+    @javascripts.each { |scr| svgdc.add_javascriptfile(scr) }
+    @stylesheets.each { |css| svgdc.add_stylesheetfile(css) }  
     
     # set model hash, and other template contexts
-    if @ajaxOptions
-      @ajaxContext.store(:axdigest,@modelgroup.models_digest)
-    end
-    
+    @ajaxContext.store(:axdigest,@modelgroup.models_digest) if @ajaxOptions
     svgdc.set_ajaxOptions(@ajaxOptions) if @ajaxOptions
-    
     svgdc.set_ajaxContext(@ajaxContext) if @ajaxContext
-       
-    svgdc.set_stylesheet(@stylesheet)  if  @stylesheet
     
     svgdc.render(ropts)
   end
@@ -134,4 +126,3 @@ end
 
 end
 
-

data/lib/gerbilcharts/svgdc/svg_shape.rb

@@ -1,6 +1,5 @@
 module GerbilCharts::SVGDC
 
-
 # = SVGShape 
 # Base class for all other shapes
 class SVGShape < SVGElement

data/lib/gerbilcharts/svgdc/svgdc.rb

@@ -49,25 +49,28 @@ class SVGDC
   # 	public directory of gerbilcharts.
   # To inline stylesheet use "inline:<stylesheetname>" , eg "inline:brushmetal.css"
   # Default is to xref a stylesheet 
-  def set_stylesheet(cssfile_in)
+  def add_stylesheetfile(cssfile_in)
   	cssfile=cssfile_in.gsub(/^inline:/,'')
-
 	if cssfile.length <  cssfile_in.length
-		@svg_styles = get_file_content(cssfile)
+   	    @svg_styles = get_file_content(cssfile)
 	else
-	    @ref_styles = cssfile 
+	    @ref_styles ||= []
+	    @ref_styles << cssfile 
 	end
 
   end
   
-  def add_javascriptfile(jsfile,inlined)
-    if  inlined
-      @svg_javascript ||= ""  
-      @svg_javascript << get_file_content(jsfile)      
-    else
-      @ref_javascripts ||= [] 
-      @ref_javascripts << jsfile
-    end
+  # To inline javascript use "inline:<javascript-file-name>"
+  #
+  def add_javascriptfile(jsfile_in)
+  	jsfile=jsfile_in.gsub(/^inline:/,'')
+	if jsfile.length <  jsfile.length
+	      @svg_javascript ||= ""  
+	      @svg_javascript << get_file_content(jsfile)      
+	else
+	      @ref_javascripts ||= [] 
+	      @ref_javascripts << jsfile
+	end
   end
 
   def enable_tooltips(bval)
@@ -131,9 +134,14 @@ class SVGDC
     
     
        # svg base attributes
-       svg_attributes = {:xmlns => "http://www.w3.org/2000/svg", "xmlns:xlink" => "http://www.w3.org/1999/xlink", :version => "1.1", :width => @width, :height => @height}
-       if @use_tooltips
-         svg_attributes.store(:onload,"Init(evt)")
+       svg_attributes = {:xmlns => "http://www.w3.org/2000/svg", 
+	   					 "xmlns:xlink" => "http://www.w3.org/1999/xlink", 
+						 :version => "1.1", :width => @width, :height => @height}
+
+	   # hook up javascript support 
+       if requires_ajax_block? or requires_tooltips?
+         svg_attributes.store(:onload,"Init(evt)") 
+		 svg_attributes.store(:onunload,"Uninit(evt)")
        end
        
        doc.svg(svg_attributes)   {
@@ -142,17 +150,13 @@ class SVGDC
        doc.style(@svg_styles, :type => "text/css")  if @svg_styles
     
        # javascripts (ajax, etc) hrefed
-       if @ref_javascripts
-         @ref_javascripts.each do |scr|
+       @ref_javascripts &&   @ref_javascripts.each do |scr|
            doc.script(:type => "text/javascript", "xlink:href" => scr)
-         end
        end
     
        # javascript inlined again
        if @svg_javascript
-         doc.script(:type => "text/javascript") {
-            doc.cdata!(@svg_javascript)
-         }
+         doc.script(:type => "text/javascript") { doc.cdata!(@svg_javascript) }
        end
         
        # defs (all image filters go here)
@@ -216,7 +220,9 @@ class SVGDC
 
    # stylesheet instruction if hreferenced
    if @ref_styles
-	   doc.instruct! "xml-stylesheet",  :href => @ref_styles, :type => "text/css"
+	@ref_styles.each do |css|
+	   doc.instruct! "xml-stylesheet",  :href => css, :type => "text/css"
+	end
    end
    
    render_to_frag(doc,opts)

data/lib/gerbilcharts/version.rb

@@ -2,7 +2,7 @@ module GerbilCharts
   module VERSION #:nodoc:
     MAJOR = 0
     MINOR = 2
-    TINY  = 6
+    TINY  = 8
 
     STRING = [MAJOR, MINOR, TINY].join('.')
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: gerbilcharts
 version: !ruby/object:Gem::Version 
-  version: 0.2.6
+  version: 0.2.8
 platform: ruby
 authors: 
 - Vivek Rajagopalan
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2009-10-27 00:00:00 +05:30
+date: 2009-10-30 00:00:00 +05:30
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency