jquery_cheats 4.1.3 → 4.2.0

data/README.md

@@ -71,6 +71,4 @@ string such as(item=4&item2=3)
 
 ##Graphing
 
-JQuery Cheats comes packaged with JQueryPlots as of 2.1.0, but some functions may not be available until later dates.
-
-See the wiki to learn how to make a bar chart, or pie chart.
+JQuery Cheats works in conjunction with [plotSimple](http://github.com/plowdawg/plotSimple) to provide you with a graphing interface.

data/app/assets/javascripts/jquery_cheats/jquery_cheats.js

@@ -1,144 +1,229 @@
 //*==============SPECIAL THANKS TO:===========
 // IX3 for his response from Stackoverflow
 
-$(document).ready(function(){
+$(document).ready(function() {
 	//the following are for AJAX requests of form objects
-	$("select[data-onchange]").live("change",function()
-	{
-		$.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(){
+	$("select[data-onchange]").live("change", function() {
+		$.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");
+		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"
+			type : "post",
+			url : eval($(this).attr("data-onclick")),
+			data : data,
+			success : function(data) {
+				eval(data);
+			},
+			dataType : "script"
 		})
 	});
 	//The following Load jqPlot graphs and charts
-	$("div.piechart").each(function(){
-		pieChart($(this).attr("id"),$(this).attr("data-xmlurl"));
+	$("div.piechart").each(function() {
+		pieChart($(this).attr("id"), $(this).attr("data-xmlurl"));
 	});
-	/*$("div.barchart").each(function(){
-		barChart($(this).attr("id"),$(this).attr("data-xmlurl"));
-	});*/
+
+	$("div.stackedcolumn").each(function() {
+		stackedColumn($(this).attr("id"), $(this).attr("data-xmlurl"))
+	})
 	//IX3 CONTRIUBTUITION
-	updateCharts();
+	updateBarCharts();
 	//next function commented out because it causes issues with browser...will work on it....
-   $("body").on("DOMSubtreeModified", function(e) {
-        //console.log(e);
-        updateCharts();
-    });
-    //CONTRIBUTION END
+	$("body").on("DOMSubtreeModified", function(e) {
+		//console.log(e);
+		updateBarCharts();
+	});
+	//CONTRIBUTION END
 	//The following provide click-to-link capabilities in charts
-	$("div.piechart").live('jqplotDataClick',function(ev,seriesIndex,pointIndex,data){
-		if(data[2] != "")
-		{ 
-			
+	$("div.piechart").live('jqplotDataClick', function(ev, seriesIndex, pointIndex, data) {
+		if(data[2] != "") {
+
 			window.location = data[2];
 		}
 	});
-	$("div.barchart").live('jqplotDataClick',function(ev,seriesIndex,pointIndex,data){
-		if(data[2] != "")
-		{
-			 window.location = data[2];
+	$("div.barchart").live('jqplotDataClick', function(ev, seriesIndex, pointIndex, data) {
+		if(data[2] != "") {
+			window.location = data[2];
 		}
 	});
+	$('div.stackedcolumn').live('jqplotDataClick', 
+    function (ev, seriesIndex, pointIndex, data) {
+    	//loaded from a global array in loadLinks...FixMe!
+    	window.location = links[seriesIndex];
+    });
 });
-//functions specific to barchart
-function updateCharts()
-{
-	$("div.barchart:not([data-barchartloaded])").each(function(){
-		$(this).attr("data-barchartloaded","1");
-		barChart($(this).attr("id"),$(this).attr("data-xmlurl"));
-	})
-}
-function barChart(name,xmlurl)
-{
-	$.ajax({url: xmlurl,
-		type: "get",
-		success: function(xml){
-		loadBGImage(name,xml);
+
+//functions specific to a stacked column
+function stackedColumn(name, xmlurl) {
+	$.get(xmlurl, function(xml) {
+		loadLinks(xml);
 		establishSize(name,xml);
-		bars = getBars(xml);
-		pointLabels = [];
-		for(i = 0; i < bars.length; i++)
-		{
-			pointLabels.push(bars[i][1]);
-		}
-		$.jqplot(name,[bars],{
-			seriesColors: getSeriesColors(xml),
-		seriesDefaults:
+		var s1 = [2, 6, 7, 10];
+		var s2 = [7, 5, 3, 4];
+		var s3 = [14, 9, 3, 8];
+		var series = loadStackedColumns(xml)
+		for(var i = 0; i < series.length; i++)
 		{
-			renderer: $.jqplot.BarRenderer,
-			renderOptions: 
+			for(var j = 0; j < series[i].length; j++)
 			{
-				fillToZero:true, barWidth: getBarWidth(xml)
+				$("#debug").append(series[i][j]+"|");
+			}
+			$("#debug").append("<br />");
+		}
+		$.jqplot(name,series , {
+			// Tell the plot to stack the bars.
+			stackSeries : true,
+			title: getTitle(xml),
+			captureRightClick : true,
+			seriesDefaults : {
+				renderer : $.jqplot.BarRenderer,
+				rendererOptions : {
+					// Put a 30 pixel margin between bars.
+					barMargin : 30,
+					// Highlight bars when mouse button pressed.
+					// Disables default highlighting on mouse over.
+					highlightMouseDown : true
+				},
+				pointLabels : {
+					show : true
+				}
 			},
-			pointLabels: {show: true}
-		},
-		  series:[{pointLabels:{
-		   labels: pointLabels,
-		   }
-		}],
-		title:
-		{
-			text: getTitle(xml)
-		},
-		grid:
-		{
-			background: getBGColor(xml),
-			gridLine: getGridLineColor(xml),
-			borderColor: getGridBorderColor(xml)
-		},
-		axesDefaults:
-		{
-			tickRenderer: $.jqplot.CanvasAxisTickRenderer
-		},
-		axes:
-		{
-			xaxis:
-			{
-				renderer: $.jqplot.CategoryAxisRenderer,
-				tickOptions:{
-					angle: 30
+			axes : {
+				xaxis : {
+					renderer : $.jqplot.CategoryAxisRenderer
 				},
-				ticks: getTicks(xml),
-				autoscale: true
+				yaxis : {
+					// Don't pad out the bottom of the data range.  By default,
+					// axes scaled as if data extended 10% above and below the
+					// actual range to prevent data points right on grid boundaries.
+					// Don't want to do that here.
+					padMin : 0
+				}
+			},
+			legend : {
+				show : true,
+				location : 'e',
+				placement : 'outside'
 			}
-		}
+		});
+	});
+}
+
+function loadLinks(xml)
+{
+	//Global, but maybe we can find a way around this later...FixMe!
+	links = [];
+	$(xml).find("series").each(function(){
+		links.push($(this).attr("link"));
 	});
-	return true;
-	},
-	error:  function(xhr, status, error) {
-		  var err = eval("(" + xhr.responseText + ")");
-		  alert(err.Message);
-		},
-	async: false,
-	timeout: 3000});
 }
-function getBars(xml)
+function loadStackedColumns(xml)
 {
-	var bars =[];
+	var bar = [];
+	var partions = [];
+	$(xml).find("series").each(function(){
+		$(this).children("partion").each(function(){
+			bar.push(parseInt($(this).attr("size")));
+		});
+		partions.push(bar);
+		bar = new Array();
+	});
+	return partions;
+}
+//functions specific to barchart
+function updateBarCharts() {
+	$("div.barchart:not([data-barchartloaded])").each(function() {
+		$(this).attr("data-barchartloaded", "1");
+		barChart($(this).attr("id"), $(this).attr("data-xmlurl"));
+	})
+}
+
+function barChart(name, xmlurl) {
+	$.ajax({
+		url : xmlurl,
+		type : "get",
+		success : function(xml) {
+			loadBGImage(name, xml);
+			establishSize(name, xml);
+			bars = getBars(xml);
+			pointLabels = [];
+			for( i = 0; i < bars.length; i++) {
+				pointLabels.push(bars[i][1]);
+			}
+			$.jqplot(name, [bars], {
+				seriesColors : getSeriesColors(xml),
+				seriesDefaults : {
+					renderer : $.jqplot.BarRenderer,
+					renderOptions : {
+						fillToZero : true,
+						barWidth : getBarWidth(xml)
+					},
+					pointLabels : {
+						show : true
+					}
+				},
+				series : [{
+					pointLabels : {
+						labels : pointLabels,
+					}
+				}],
+				title : {
+					text : getTitle(xml)
+				},
+				grid : {
+					background : getBGColor(xml),
+					gridLine : getGridLineColor(xml),
+					borderColor : getGridBorderColor(xml)
+				},
+				axesDefaults : {
+					tickRenderer : $.jqplot.CanvasAxisTickRenderer
+				},
+				axes : {
+					xaxis : {
+						renderer : $.jqplot.CategoryAxisRenderer,
+						tickOptions : {
+							angle : 30
+						},
+						ticks : getTicks(xml),
+						autoscale : true
+					}
+				}
+			});
+			return true;
+		},
+		error : function(xhr, status, error) {
+			var err = eval("(" + xhr.responseText + ")");
+			alert(err.Message);
+		},
+		async : false,
+		timeout : 3000
+	});
+}
+
+function getBars(xml) {
+	var bars = [];
 	var bar = [];
 	var categoryId = 1;
-	$(xml).find("category").each(function(){
-		$(this).find("bar").each(function()
-		{
+	$(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("");
+			if(link)
+				bar.push(link);
+			else
+				bar.push("");
 			bars.push(bar);
 			bar = new Array();
 		});
@@ -146,101 +231,101 @@ function getBars(xml)
 	});
 	return bars;
 }
-function getBarWidth(xml)
-{
+
+function getBarWidth(xml) {
 	var width = $(xml).find("render").attr("barwidth");
-	if(!width) return null; else return width;
+	if(!width)
+		return null;
+	else
+		return width;
 }
-function getTicks(xml)
-{
+
+function getTicks(xml) {
 	var ticks = [];
-	$(xml).find("category").each(function(){
-		ticks.push ($(this).find("tick").attr("text"));
+	$(xml).find("category").each(function() {
+		ticks.push($(this).find("tick").attr("text"));
 	});
 	return ticks;
 }
+
 //functions specific to piechart
-function pieChart(name,xmlurl)
-{
-	$.get(xmlurl,function(xml)
-	{
-		establishSize(name,xml);
-		loadBGImage(name,xml);
-		$.jqplot(name,[getSlices(xml)],
-		{
-			seriesDefaults:
-			{
-				renderer: $.jqplot.PieRenderer,
-				renderOptions:
-				{
-					showDataLabels: true
+function pieChart(name, xmlurl) {
+	$.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'
+			legend : {
+				show : true,
+				location : 'e'
 			}
 		});
 	});
 }
-function getSlices(xml)
-{
+
+function getSlices(xml) {
 	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");
-				if(link) slice.push(link); else slice.push("");
-				slices.push(slice);				
-			});
+	$(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");
+			if(link)
+				slice.push(link);
+			else
+				slice.push("");
+			slices.push(slice);
+		});
 	});
 	return slices;
 }
+
 //functions that can be used by all
-function loadBGImage(name,xml)
-{
-	var bgimage="none";
-	$(xml).find("backgroundImage").each(function()
-	{
-		bgimage = "url('"+$(this).text()+"')";
+function loadBGImage(name, xml) {
+	var bgimage = "none";
+	$(xml).find("backgroundImage").each(function() {
+		bgimage = "url('" + $(this).text() + "')";
 	});
-	$("div#"+name).css("background-image",bgimage);
+	$("div#" + name).css("background-image", bgimage);
 }
-function establishSize(name,xml)
-{
+
+function establishSize(name, xml) {
 	var $grid = $(xml).find("grid");
-	$("div#"+name).css("width",$grid.find("width").text());
-	$("div#"+name).css("height",$grid.find("height").text());
+	$("div#" + name).css("width", $grid.find("width").text());
+	$("div#" + name).css("height", $grid.find("height").text());
 }
-function getTitle(xml)
-{
+
+function getTitle(xml) {
 	var title = null;
-	$(xml).find("title").each(function(){
+	$(xml).find("title").each(function() {
 		title = $(this).text();
 	});
 	return title;
 }
-function getBGColor(xml)
-{
+
+function getBGColor(xml) {
 	return $(xml).find("background").text();
 }
-function getGridLineColor(xml)
-{
+
+function getGridLineColor(xml) {
 	return $(xml).find("grid lineColor").text();
 }
-function getGridBorderColor(xml)
-{
+
+function getGridBorderColor(xml) {
 	return $(xml).find("grid borderColor").text();
 }
-function getSeriesColors(xml)
-{
+
+function getSeriesColors(xml) {
 	colors = [];
-	$(xml).find("grid seriesColor").each(function()
-	{
+	$(xml).find("grid seriesColor").each(function() {
 		colors.push($(this).text());
 	});
-	if(colors.length < 1)colors.push("#0f0");
+	if(colors.length < 1)
+		colors.push("#0f0");
 	return colors;
 }

data/jquery_cheats.gemspec

@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |s|
   s.name = "jquery_cheats"
-  s.version = "4.1.3"
+  s.version = "4.2.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 1.2") if s.respond_to? :required_rubygems_version=
   s.authors = ["Travis Pessettto"]

data/lib/jquery_cheats.rb

@@ -47,6 +47,10 @@ module JQueryCheats
       #we will have to relly on XML to get the rest of the data...
     end
     
+    def stackedcolumn(name,xmlurl)
+      html = "<div id=\"#{name}\" class=\"stackedcolumn\" data-xmlurl=\"#{xmlurl}\"></div>".html_safe
+    end
+    
     def initialize
      
     end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: jquery_cheats
 version: !ruby/object:Gem::Version
-  version: 4.1.3
+  version: 4.2.0
   prerelease: 
 platform: ruby
 authors: