jquery_cheats 2.3.0 → 3.0.0

data/README.md

@@ -5,7 +5,7 @@ library.
 It is as easy as adding this to your Gemfile
 
 ```ruby
-gem 'jquery_cheats','~>2.1.0'
+gem 'jquery_cheats','~>3.0.0'
 ```
 
 Then add the following to app/assets/application.js
@@ -73,14 +73,4 @@ string such as(item=4&item2=3)
 
 JQuery Cheats comes packaged with JQueryPlots as of 2.1.0, but some functions may not be available until later dates.
 
-###Barchart
-
-JQuery Cheats Barchart is the first graph to be implemented and uses XML to parse the data.
-
-Make sure the following is in your app/assets/javascripts/application.js file
-
-```js
-//= require jqplot/plugins/jqplot.barRenderer.min.js
-//= require jqplot/plugins/jqplot.categoryAxisRenderer.min.js
-//= require jqplot/plugins/jqplot.pointLabels.min.js
-```
+See the wiki to learn how to make a bar chart, or pie chart.

data/app/assets/javascripts/jqueryCheats.js

@@ -1,269 +1,184 @@
-var categoryPos = 0;
 $(document).ready(function(){
-	//make select boxes ajax-compatible by adding two params data-onchange=true and data-url="/path/to"
-	$('select[data-onchange]').live("change",function(){
-	   $.ajax({type: "post",
-	         url: $(this).attr("data-url"),
-	         data: $(this).serialize(),
-	         success: function(data){eval(data);},
-	         dataType: "script"});
-	});
-	//make radio buttons onclick compatible
-	$('input[type="radio"][data-onclick]').live("change",function()
+	//the following are for AJAX requests of form objects
+	$("select[data-onchange]").live("change",function()
 	{
-		data = $(this).serialize();
+		$.ajax({type: "post",
+		url: $(this).attr("data-url"),
+		data: $(this).serialize(),
+		success: function(data){eval(data);},
+		dataType: "script"});
+	});
+	$('input[type="radio"][data-onclick]').live("change", function(){
+		data = $(this).serialze();
 		if($(this).attr("data-params"))
 		{
 			data += "&"+$(this).attr("data-params");
 		}
-		$.ajax({type: "post",
-		url: eval($(this).attr("data-onclick")),
-		data: data,
-		success: function(data){eval(data);},
-		dataType: "script"});
+		$.ajax({
+			type: "post",
+			url: eval($(this).attr("data-onclick")),
+			data: data,
+			success: function(data){eval(data);},
+			dataType: "script"
+		})
 	});
-	//start loading the pie charts...
+	//The following Load jqPlot graphs and charts
 	$("div.piechart").each(function(){
 		pieChart($(this).attr("id"),$(this).attr("data-xmlurl"));
 	});
-	$("div.piechart").bind('jqplotDataClick',
-	function(ev,seriesIndex,pointIndex,data){
-		if(data[2] != "")
-		{
-			window.location = data[2];
-		}
+	$("div.barchart").each(function(){
+		barChart($(this).attr("id"),$(this).attr("data-xmlurl"));
+	});
+	//The following provide click-to-link capabilities in charts
+	$("div.piechart").bind('jqplotDataClick',function(ev,seriesIndex,pointIndex,data){
+		if(data[2] != "") window.location = data[2];
+	});
+	$("div.barchart").bind('jqplotDataClick',function(ev,seriesIndex,pointIndex,data){
+		if(data[2] != "") window.location = data[2];
 	});
-	//bind click events to  piehcart
-	//start by loading the barcharts...
-	$("div.barchart").each(function(){BarChart($(this).attr("id"),$(this).attr("data-xmlurl"))});
-	$('div.barchart').bind('jqplotDataClick', 
-        function (ev, seriesIndex, pointIndex, data) {
-            	/* To open in a NEW window use: */
-            	/* window.open(data[2]); */
-            	/* To open in the same window use: */
-   				for(i = 0; i < data.length; i++) $("#debug").append("\nData["+i+"]:"+data[i]);
-   				$("#debug").append("\nlink: "+data[2]);
-   				window.location = data[2]
-            }
-        );
-        
-        //#TO PREVENT PROBLEMS WITH DEBUG IF IT DOES NOT EXIST
-        if(!$("#debug"))
-        {
-        	$("html").append("<div id=\"debug\"></div>");
-        	$("div#debug").css("display","none");
-        }
 });
-
-///some helpter functions here
-
-//####THIS ONE HELPS PROCESS XML
-
-
-function BarChart(name,xmlurl)
+//functions specific to barchart
+function barChart(name,xmlurl)
 {
-	//this is the BarChart Method
-	//get the XML data
 	$.get(xmlurl,function(xml){
-		//we have the URL object as xml
-		var width = XMLWidth(xml);//The width of the chart
-		var height = XMLHeight(xml);
-		var bars = getBars(xml);
-		//append these to the div
-		$("div#"+name).css("width",width);
-		$("div#"+name).css("height",height);
-			$.jqplot(name,getBars(xml),{ seriesDefaults:{
-	            renderer:$.jqplot.BarRenderer,
-	            rendererOptions: {fillToZero: true, barWidth: barWidth(xml)}
-	        },
-	        axes: {
-            // Use a category axis on the x axis and use our custom ticks.
-	            xaxis: {
-	                renderer: $.jqplot.CategoryAxisRenderer,
-	                ticks: getTicks(xml),
-	                autoscale: true
-	            },
-	            yaxis: {
-	            	min: getYAxisMin(xml),
-	            	max: getYAxisMax(xml),
-	            	autoscale: true,
-	            	tickInterval: getTickInterval(xml)
-	            }
-            }
-	        });
-		});
-}
-
-function barWidth(xml)
-{
-	var width = $(xml).find("render").attr("barWidth");
-	if(width) return width; else return null;
+		loadBGImage(name,xml);
+		establishSize(name,xml);
+		$.jqplot(name,[getBars(xml)],{
+		seriesDefaults:
+		{
+			renderer: $.jqplot.BarRenderer,
+			renderOptions: 
+			{
+				fillToZero:true, barWidth: getBarWidth(xml)
+			}
+		},
+		title:
+		{
+			text: getTitle(xml)
+		},
+		grid:
+		{
+			background: getBGColor(xml),
+			gridLine: getGridLineColor(xml),
+			borderColor: getGridBorderColor(xml)
+		},
+		axes:
+		{
+			xaxis:
+			{
+				renderer: $.jqplot.CategoryAxisRenderer,
+				ticks: getTicks(xml),
+				autoscale: true
+			}
+		}
+	});
+	});
 }
-
-function getYAxisMin(xml)
+function getBars(xml)
 {
-	var min = $(xml).find("yaxis").attr("min");
-	if(min)
-	{
-		return min;
-	}
-	else
-	{
-		return null;	
-	}
+	var bars =[];
+	var bar = [];
+	var categoryId = 1;
+	$(xml).find("category").each(function(){
+		$(this).find("bar").each(function()
+		{
+			bar.push(categoryId);
+			bar.push(parseInt($(this).attr("size")));
+			var link = $(this).attr("link");
+			if(link) bar.push(link); else bar.push("");
+			bars.push(bar);
+			bar = new Array();
+		});
+		categoryId++;
+	});
+	return bars;
 }
-
-function getYAxisMax(xml)
+function getBarWidth(xml)
 {
-	var max = $(xml).find("yaxis").attr("max");
-	if(max) return max;
-	if(!max) return null;
+	var width = $(xml).find("render").attr("barwidth");
+	if(!width) return null; else return width;
 }
 function getTicks(xml)
 {
-	//this function should get the ticks from the XML
 	var ticks = [];
-	$(xml).find("tick").each(function(){
-		ticks.push($(this).attr("text"));
+	$(xml).find("category").each(function(){
+		ticks.push ($(this).find("tick").attr("text"));
 	});
 	return ticks;
 }
-function loadBars(categoryid, xml) {
-    var bar = [];
-    var bars = [];
-    $(xml).find("bar").each(function() {
-        bar.push(parseInt(categoryid, 10));
-        bar.push(parseInt($(this).attr("size"), 10));
-        bar.push($(this).attr("link"));
-        bars.push(bar);
-    });
-    return bars; //moved from end of "each" iterator to here.
-}
-function getBars(xml) {
-    var categoryid = 1;
-    var bars = [];
-    $(xml).find("category").each(function() {
-        bars.push(loadBars(categoryid, $(this)));
-        categoryid++;
-    });
-    return bars;
-}
-
-function XMLWidth(xml)
+//functions specific to piechart
+function pieChart(name,xmlurl)
 {
-	//get the width and height of the object via XML
-	return $(xml).find("size").attr("width");
+	$.get(xmlurl,function(xml)
+	{
+		establishSize(name,xml);
+		loadBGImage(name,xml);
+		$.jqplot(name,[getSlices(xml)],
+		{
+			seriesDefaults:
+			{
+				renderer: $.jqplot.PieRenderer,
+				renderOptions:
+				{
+					showDataLabels: true
+				}
+			},
+			legend:
+			{
+				show: true,
+				location: 'e'
+			}
+		});
+	});
 }
-
-function XMLHeight(xml)
+function getSlices(xml)
 {
-	return $(xml).find("size").attr("height");
+	var slices = [];
+	$(xml).find("category").each(function(){
+		$(this).find("slice").each(function(){
+				slice = new Array($(this).attr("name"));
+				slice.push(parseInt($(this).attr("size")));
+				var link = $(this).attr("link");
+				alert(link);
+				if(link) slice.push(link); else slice.push("");
+				slices.push(slice);				
+			});
+	});
+	return slices;
 }
-
-/*function loadBars(xml,categoryid)
+//functions that can be used by all
+function loadBGImage(name,xml)
 {
-	bars = [];//the category to put the bar...probably shouldn't go here.
-	$(xml).find("bar").each(
-		function(){
-			//categoryPos = categoryPos+1;
-			//$("#debug").append("\nCATEGORY POSSITION:"+categoryPos)
-			//bars.push(categoryPos);
-			bar= new Array();
-			bar.push(parseInt(categoryid));
-			bar.push(parseInt($(this).attr("size")));
-			link = $(this).attr("link");
-			if(link)bar.push(link); else links.push("#");
-			bars.push(bar);
-		});
-	$("#debug").append("\nDEBUG bars Array in Loadbars:");
-	debug2dArray(bars);
-	return bars;
-}*/
-
-
-function getTickInterval(xml)
+	var bgimage="none";
+	$(xml).find("backgroundImage").each(function()
+	{
+		bgimage = "url('"+$(this).text()+"')";
+	});
+	$("div#"+name).css("background-image",bgimage);
+}
+function establishSize(name,xml)
 {
-	var interval = $(xml).find("yaxis").attr("tickInterval");
-	if(interval) return interval;
-	else return null;
+	var $grid = $(xml).find("grid");
+	$("div#"+name).css("width",$grid.find("width").text());
+	$("div#"+name).css("height",$grid.find("height").text());
 }
-
-function debug2dArray(arr)
+function getTitle(xml)
 {
-	$("#debug").append("\n[");
-	for(i = 0; i < arr.length; i++)
-	{
-		$("#debug").append("\n[");
-		for(j = 0; j < arr[i].length; j++)
-		{
-			if(j != 0) $("#debug").append(","); 
-			$("#debug").append(arr[i][j]);
-		}
-		$("#debug").append("]");
-	}
-	$("#debug").append("\n]");
-	return arr;
+	var title = null;
+	$(xml).find("title").each(function(){
+		title = $(this).text();
+	});
+	return title;
 }
-
-///THIS IS THE PIE CHART SECTION, Somethings may be borrowed from BarCharts
-//###THINGS BORROWED FROM BARCHARTS: debug2dArray
-
-function pieChart(name,xmlurl)
+function getBGColor(xml)
 {
-	$.get(xmlurl,function(xml)
-	{
-
-		loadSize(name,xml);
-		slices= new Array();
-		slices.push(loadSlices(xml));
-		$("#debug").append("\nSLICES ARR (getting ready to load):");
-		debug2dArray(slices);
-		//debug2dArray(slices)
-		//now load in the pie chart
-		var plot1 = $.jqplot(name,[slices],
-			{
-				seriesDefaults:{
-					renderer: $.jqplot.PieRenderer,
-					rendererOptions: {
-				       // Put data labels on the pie slices.
-				       // By default, labels show the percentage of the slice.
-				        showDataLabels: true
-				       }
-     		   },
-				legend:{show: true, location: 'e'}
-		});
-	});//end get AJAX request
+	return $(xml).find("background").text();
 }
-
-
-
-function loadSlices(xml)
+function getGridLineColor(xml)
 {
-	slices = new Array();
-	$(xml).find("category").each(
-		function()
-		{
-			$(this).find("slice").each(
-				function()
-				{
-					slice = new Array($(this).attr("name"));
-					slice.push(parseInt($(this).attr("size")));
-					link = $(this).attr("link");
-					if(link)slice.push(link);
-					else slice.push("");
-					slices.push(slice);
-				}
-			);
-		}
-	);
-	return slices;
+	return $(xml).find("grid lineColor").text();
 }
-
-function loadSize(divid,xml)
+function getGridBorderColor(xml)
 {
-	width = $(xml).find("size").attr("width");
-	if(width) $("#"+divid).css("width",width);
-	height = $(xml).find("size").attr("height");
-	if(height) $("#"+divid).css("height",height);
-	$("#debug").append("\nWidth: "+width+"\nHeight:"+height);
+	return $(xml).find("grid borderColor").text();
 }

data/jquery_cheats.gemspec

@@ -2,11 +2,11 @@
 
 Gem::Specification.new do |s|
   s.name = "jquery_cheats"
-  s.version = "2.3.0"
+  s.version = "3.0.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Travis Pessettto"]
-  s.date = "2012-06-15"
+  s.date = "2012-06-20"
   s.description = "JQuery, JQPlot graphing, and other useful items for jquery."
   s.email = "travis@pessetto.com"
   s.extra_rdoc_files = ["README.md", "lib/jquery_cheats.rb"]

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery_cheats
 version: !ruby/object:Gem::Version
-  version: 2.3.0
+  version: 3.0.0
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-06-15 00:00:00.000000000Z
+date: 2012-06-20 00:00:00.000000000Z
 dependencies: []
 description: JQuery, JQPlot graphing, and other useful items for jquery.
 email: travis@pessetto.com