mountain-goat 0.1.8 → 1.0.0

data/lib/mountain-goat/public/jquery.raphael.js

@@ -0,0 +1,208 @@
+/**
+ * @author Geoff
+ */
+
+(function($) {
+	function trace(s) {
+  		try { console.log(s); } catch (e) { /* alert(s) */ }
+	};	
+	
+	/* CONSTANTS */
+	var txt = {font: '12px Helvetica, Arial', fill: "#d6d6d6", stroke: "#d6d6d6"};
+	var txt1 = {font: '10px Helvetica, Arial', fill: "#fff"};
+	var txt2 = {font: '12px Helvetica, Arial', fill: "#000"};
+	var colorhue = .6 || Math.random();
+	var color = "hsb(" + [colorhue, .5, 1] + ")";
+	var normalLegend = {'fill': '#D6D6D6','font': '10px Helvetica, Arial', 'font-weight': '400'};
+	var highlightedLegend = {'fill': '#FFFFFF','font-weight': '800'};
+
+	Raphael.fn.drawGrid = function (x, y, w, h, wv, hv, color) {
+	    color = color || "#000";
+	    var path = ["M", Math.round(x) + .5, Math.round(y) + .5, "L", Math.round(x + w) + .5, Math.round(y) + .5, Math.round(x + w) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y + h) + .5, Math.round(x) + .5, Math.round(y) + .5],
+	        rowHeight = h / hv,
+	        columnWidth = w / wv;
+	    for (var i = 1; i < hv; i++) {
+	        path = path.concat(["M", Math.round(x) + .5, Math.round(y + i * rowHeight) + .5, "H", Math.round(x + w) + .5]);
+	    }
+	    for (i = 1; i < wv; i++) {
+	        path = path.concat(["M", Math.round(x + i * columnWidth) + .5, Math.round(y) + .5, "V", Math.round(y + h) + .5]);
+	    }
+	    return this.path(path.join(",")).attr({stroke: color});
+	};
+	
+	Raphael.fn.g.addChartLabels = function(chart, titles) {
+ 	    chart.labels = this.set();
+ 	    var x = 15; var h = 5;
+ 	    for( var i = 0; i < titles.length; ++i ) {
+ 	      var clr = chart.lines[i].attr("stroke");
+ 	      chart.labels.push(this.set());
+ 	      chart.labels[i].push(this.g["disc"](x + 5, h, 5)
+ 	                           .attr({fill: clr, stroke: "none"}));
+ 	      chart.labels[i].push(txt = this.text(x + 20, h, titles[i])
+ 	                           .attr(this.g.txtattr)
+							   .attr(normalLegend)
+ 	                           .attr({"text-anchor": "start"}));
+ 	      x += chart.labels[i].getBBox().width * 1.2;
+		  chart.labels[i].txt = txt;
+		  chart.lines[i].legend = chart.labels[i];
+ 	    };
+	};
+	
+	var hoverOver = function(e, r, chart) {
+		trace(arguments);
+		trace(this);
+		trace(chart);
+		trace(chart.frame);
+		trace(this.attr("cx"));
+		//trace(this.symbols[0]);
+		if (typeof(chart.leave_timer) != "undefined" && chart.leave_timer != null) {
+			clearTimeout(chart.leave_timer);
+			chart.leave_timer = null;
+		}
+		
+		if (!this.attr("cx")) {
+			trace("whatever!");
+			return;
+		}
+		
+		var side = 3;
+		trace([this.attr("cx") + chart.frame.getBBox().width, chart.width]);
+		if (this.attr("cx") + chart.frame.getBBox().width > chart.width) {
+			side = 1;
+		}
+
+		var data = parseInt(this.value);
+		var lbl = this.axis;
+		
+		if (!data || !lbl) {
+			//For non-labeled items
+			return;
+		}
+		
+		var label = chart.frame.label.clone();
+		var clone = r.g.popupit(this.attrs.cx, this.attrs.cy, label, side).attr({fill: "#000", stroke: "#666", "stroke-width": 2, "fill-opacity": .7}).hide();
+		
+		chart.is_label_visible = chart.is_label_visible || false;
+		
+		chart.frame.show().stop().animate({ path: clone.attr("path") }, 200 * chart.is_label_visible );
+		chart.frame.label[0].attr({text: data + " hit" + (data == 1 ? "" : "s")}).show().stop().animateWith(chart.frame, {x: label[0].attr("x"), y: label[0].attr("y")}, 200 * chart.is_label_visible );
+		chart.frame.label[1].attr({text: newText = $.datepicker.formatDate('MM d', new Date(parseInt(lbl)))}).show().stop().animateWith(chart.frame, {x: label[1].attr("x"), y: label[1].attr("y")}, 200 * chart.is_label_visible );
+		
+		clone.remove();
+		label.remove();
+		
+		//this.attr("r_normal", this.attr("r"));
+		//this.attr("r", 15);
+		chart.is_label_visible = true;
+		
+		//Let's also select the legend label
+		this.line.legend.txt.attr(highlightedLegend);
+		
+		chart.labels.stop();
+		var labelsBB = chart.axis.getBBox();
+		var legendBB = this.line.legend.getBBox();
+		var totalLabelsBB = chart.labels.getBBox();
+		trace([labelsBB, legendBB, totalLabelsBB]);
+		
+		if (totalLabelsBB.width > labelsBB.width) {
+			offset = ( labelsBB.width / 2.0 - legendBB.width / 2.0 + 20.0 /*adjustment*/ ) - legendBB.x;
+			trace("Animate to " + offset);
+			chart.labels.animate({'translation': [ offset, 0.0] }, 200);
+		}
+	};
+	
+	var hoverOut = function (e, r, chart) {
+		//this.attr("r", this.attr("r_normal"));
+		this.line.legend.txt.attr(normalLegend);
+		
+		chart.leave_timer = setTimeout(function () {
+			chart.frame.hide();
+			chart.frame.label.hide();
+			chart.is_label_visible = false;
+		}, 400);
+	};
+	
+	var formatAxis = function(chart, axis, type) {
+		if (type == "date") {
+			$.each(chart.axis[axis].text.items, function(i, label) {
+				//trace(label);
+				originalText = label.attr('text');
+	    		newText = $.datepicker.formatDate('m/dd', new Date(parseInt(originalText)));
+	    		label.attr({'text': newText, 'fill': '#D6D6D6'});
+			});
+		} else {
+			$.each(chart.axis[axis].text.items, function(i, label) {
+				label.attr({'fill': '#D6D6D6'});
+			});
+		}
+		chart.axis[axis].attr({'stroke': "#404040"});
+	};
+	
+	$.fn.raphael = function() {
+		return this.each(function() {
+			var r = Raphael(this.id);
+			var x, y, titles;
+			var type = $(this).data('raphael') || "line";
+			
+			if ($(this).data('x') && $(this).data('y')) {
+				x = eval('[' + $(this).data('x') + ']');
+				y = eval('[' + $(this).data('y') + ']');
+			} else {
+				x = [];
+				y = [];
+				titles = [];
+				var i = 0;
+				while ($(this).data('x' + i) && $(this).data('y' + i)) {
+					x.push(eval('[' + $(this).data('x' + i) + ']'));
+					y.push(eval('[' + $(this).data('y' + i) + ']'));
+					titles.push($(this).data('title' + i) || "Item " + i);
+					i++;
+				}
+			}
+			
+			if (type == "line") {
+				r.drawGrid(25, 25, $(this).width() - 50, $(this).height() - 50, 6, 5, "#333");
+			
+				var label = r.set();
+				var chart = r.g.linechart(10, 10, $(this).width() - 20, $(this).height() - 20, x, y, { axis: "0 0 1 1", symbol: '', gutter: 15 } ).attr({x: x, y: y});
+				chart.width = $(this).width() - 20;
+				chart.height = $(this).height() - 20;
+			
+				if (titles != null) r.g.addChartLabels(chart, titles);
+			
+				var label = r.set(r.text(60, 12, "24 hits").attr(txt), r.text(60, 27, "22 September 2008").attr(txt1).attr({fill: color})).hide();
+				chart.frame = r.g.popupit(100, 100, label, 1).attr({fill: "#fff", stroke: "#666", "stroke-width": 2, "fill-opacity": .7}).hide();
+				chart.frame.label = label;
+			
+				chart.hover(function(e) { hoverOver.call(this, e, r, chart); }, function(e){ hoverOut.call(this, e, r, chart); } );
+				formatAxis(chart, 0, $(this).data('x-axis'));
+				formatAxis(chart, 1, $(this).data('y-axis'));
+			} else if (type == "pie") {
+				r.g.txtattr.font = txt;
+				var pie = r.g.piechart($(this).width() / 2.2, $(this).height() / 2.0, Math.min($(this).width(), $(this).height()) / 2.4, y, {legend: x, legendcolor: "#d6d6d6", legendpos: "east", href: ["http://raphaeljs.com", "http://g.raphaeljs.com"]});
+                pie.hover(function () {
+                    this.sector.stop();
+                    this.sector.scale(1.1, 1.1, this.cx, this.cy);
+                    if (this.label) {
+                        this.label[0].stop();
+                        this.label[0].scale(1.5);
+                        this.label[1].attr({"font-weight": 800});
+                    }
+                }, function () {
+                    this.sector.animate({scale: [1, 1, this.cx, this.cy]}, 500, "bounce");
+                    if (this.label) {
+                        this.label[0].animate({scale: 1}, 500, "bounce");
+                        this.label[1].attr({"font-weight": 400});
+                    }
+                });
+			}			
+			
+		});
+	};
+	
+	$(document).ready(function() {
+		$('*[data-raphael]').raphael();
+	});
+	
+})(jQuery);
+			

data/lib/mountain-goat/public/mg.css

@@ -19,7 +19,7 @@ body, select, pre {
 }
 
 a {
-	color: #fff;
+	color: #bbb;
 	text-decoration: none;
 }
 
@@ -28,7 +28,7 @@ a:hover {
 	text-decoration: underline;
 }
 
-.header {
+.main-header {
 	top: 0;
 	width: 100%;
 	position: fixed;
@@ -36,19 +36,19 @@ a:hover {
 	background-color: rgba(2,2,2,0.7);
 }
 
-.header .head {
-	width: 900px;
+.main-header .head {
+	width: 930px;
 	margin: 0 auto;
 	height: 107px;
 }
 
-.header ul.nav {
+.main-header ul.nav {
 	margin: 0;
 	float: right;
 	height: 100%;
 }
 
-.header ul.nav li {
+.main-header ul.nav li {
 	float: left;
 	list-style: none outside none;
 	width: 140px;
@@ -57,11 +57,11 @@ a:hover {
 	margin-right: -1px;
 }
 
-.header ul.nav li:hover {
+.main-header ul.nav li:hover {
 	background-color: #FF2800;
 }
 
-.header ul.nav li > a{
+.main-header ul.nav li > a{
 	display: block;
 	font-size: 24px;
 	padding: 42px 0px;
@@ -250,33 +250,25 @@ form input[type='submit'] {
 	float: left;
 	background: rgb(30,30,30);
 	background: rgba(0,0,0,.9);
-	
 	width: 900px;
-	margin: 0px 0px 0px 40px;
-	padding: 0px 10px 10px 10px;
+	margin: 0px 0px 0px 20px;
+	padding: 0px 10px;
 	color: #D6D6D6;
+	text-align: center;
 }
-.stat-header, .statpad .title, .statpad .statbody{
+.statpad .title, .statpad .statbody{
 	background: #222222;
 	border-top: 1px solid #333333;
 	border-bottom: 1px solid #151617;
 }
-.stat-header, .statpad, .statnote{
+.statpad, .statnote{
 	box-shadow: 2px 0 3px #0D0D0D, -2px 0 3px #0D0D0D, 0 3px 3px #0D0D0D, 0 -2px 3px #0D0D0D;
 }
-.stat-header{
-	float: left;
-	width: 100%;
-	height: 50px;
-	line-height: 50px;
-	margin: 10px 0px 0px 0px;
-	font-size: 30px;
-	text-align: center;
-}
+
 .statpad{
 	float: left;
 	width: 445px;
-	margin-top: 10px;
+	margin-bottom: 10px;
 
 }
 .statpad .title{
@@ -296,13 +288,13 @@ form input[type='submit'] {
     margin-right: 10px;
 }
 .statbody.pie{
-	width: 345px;
-	padding-left: 90px;
 }
 .statbody.pie .legend{
 	display: none;
 }
-
+.statbody.pie .chart{
+	margin: 0px auto;
+}
 .quad.statpad{
 	box-shadow: none;
 }
@@ -343,6 +335,8 @@ form input[type='submit'] {
 	padding-left: 3px;
 	font-size: 12px;
 }
+
+
 .asterisk{
 	font-size: 12px;
 }
@@ -431,3 +425,118 @@ ul.rally-list li.rally .time {
 	float: right;
 	margin-top: -20px;
 }
+
+.model .header, .model .body {
+	float: left;
+}
+
+.flash-model .jqmWindow {
+	background: #FFFFFF;
+	border-radius: 10px;
+	border: 5px solid #DDDDDD;
+	padding: 0px;
+}
+.flash-model .header{
+	border-radius: 6px 6px 0px 0px;
+	width: 100%;
+	line-height: 30px;
+	padding: 0px;
+	font-weight: bold;
+	color: #FFFFFF;
+}
+.flash-model .header .title{
+	padding-left: 10px;
+}
+.flash-model .body{
+	padding: 10px 20px 20px 20px;
+}
+
+.flash-model .header {
+	background: #88BBEE;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88BBEE', endColorstr='#5588CC');
+		background: -webkit-gradient(linear, left top, left bottom, from(#8BE), to(#58C));
+		background: -moz-linear-gradient(top,  #8BE,  #58C);
+}
+
+a.jqmClose{
+	position: absolute;
+	right: 20px;
+	top: 5px;
+	color: #EEEEFF;
+}
+
+input[type="submit"], .smallbutton, .mediumbutton, .bigbutton{
+    border: 0px solid #CCCCCC;
+	border-radius: 5px;
+	color: #FFFFFF;
+	text-align: center;
+	text-decoration: none;
+	text-shadow: 1px 1px 1px #666666;
+}
+
+.smallbutton, input[type="submit"].smallbutton{
+	width: 90px;
+	height: 22px;
+	margin: 0px;
+	font-size: 15px;
+}
+.bluebutton{
+    background: #6699CC;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6699CC', endColorstr='#3366AA');
+		background: -webkit-gradient(linear, left top, left bottom, from(#6699CC), to(#3366AA));
+		background: -moz-linear-gradient(top,  #6699CC,  #3366AA);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px 1px 0px #77AAEE inset, 0px -1px 0px #225599 inset;
+}
+.bluebutton:hover, .bluebutton:active{
+    background: #88BBEE;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88BBEE', endColorstr='#5588CC');
+		background: -webkit-gradient(linear, left top, left bottom, from(#8BE), to(#58C));
+		background: -moz-linear-gradient(top,  #8BE,  #58C);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px 1px 0px #99CCFF inset, 0px -1px 0px #4477BB inset;
+}
+.greenbutton{
+    background: #66CC66;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66CC66', endColorstr='#339933');
+		background: -webkit-gradient(linear, left top, left bottom, from(#66CC66), to(#339933));
+		background: -moz-linear-gradient(top,  #66CC66,  #339933);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px -1px 0px #99FF99;
+	text-shadow: 1px 1px 0px #336633;
+}
+.greenbutton.active, .greenbutton:active, .greenbutton:hover{
+    background: #22AA22;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#22AA22', endColorstr='#339933');
+		background: -webkit-gradient(linear, left top, left bottom, from(#22AA22), to(#339933));
+	background: -moz-linear-gradient(top,  #228822,  #339933);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px 0px 1px 0px #004400 inset, 0px -1px 0px #66AA66;
+}
+.redbutton{
+    background: #EE7777;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE7777', endColorstr='#CC4F4F');
+		background: -webkit-gradient(linear, left top, left bottom, from(#EE7777), to(#CC4F4F));
+		background: -moz-linear-gradient(top,  #EE7777,  #CC4F4F);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px -1px 0px #FF9999;
+	text-shadow: 1px 1px 0px #993333;
+}
+.redbutton.active, .redbutton:active, .redbutton:hover{
+    background: #EE7777;
+		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EE7777', endColorstr='#CC4F4F');
+		background: -webkit-gradient(linear, left top, left bottom, from(#EE7777), to(#CC4F4F));
+		background: -moz-linear-gradient(top,  #BB4444,  #CC4F4F);
+	box-shadow: 2px 2px 4px rgba(0,0,0,.2), 0px 0px 2px 0px #663333 inset, 0px -1px 0px #AA6666;
+}
+.smallbutton.redbutton{
+	width: auto;
+	padding: 0px 7px;
+}
+
+.report-item {
+	padding: 8px;
+}
+.report-info .report {
+	font-size: 22px;
+	font-weight: bold;
+}
+
+.report-item-actions > span {
+	padding-left: 10px;
+}

data/lib/mountain-goat/public/mg.js

@@ -23,7 +23,7 @@
 			var convert_id = $('.recent-rally').data('convert-id');
 			if (rally_id) {
 				$.ajax({
-						url: '/mg/rallies/new',
+						url: '/mg/rallies/new_rallies',
 						data: { 'recent_rally': rally_id, 'convert_id': convert_id },
 						success: function(json) {
 							if (!json.success) {
@@ -50,5 +50,57 @@
 		if ($('abbr.time-ago').size() > 0) {
 			$('abbr.time-ago').timeago();	
 		}
+		
+		var pantherFormSubmit = function(e, obj) {
+			e.preventDefault();
+			
+			$(this).trigger('pre-submit', [e, obj]);
+			path = $(this).attr('action');
+			res = $(this).data('res');
+			
+			Panther.ajax(path, res, $(this).serialize(), { 'doInlineLoading': true, 'method': 'post', 'context': this } );
+		}
+		
+		$('.remote-form.report-item').live('finish', function(e, json, res) {
+			if (json.close_dialog) {
+				$('.jqmWindow').jqmHide(); //close these first	
+			}
+		});
+		
+		$('form.remote-form').submit(pantherFormSubmit);
+		
+		$('.remote-link').live('click', function(e, obj) {
+			e.preventDefault();
+			path = $(this).data('path');
+			res = $(this).data('res');
+			
+			Panther.ajax(path, res, '', { 'doInlineLoading': true, 'context': this } );
+		});
+		
+		$('*[data-varies]').each(function() {
+			var that = $(this);
+			that.bind($(this).data('varies'), function() {
+				Panther.ajax( that.data('varies-url'), that.data('varies.res'), { value: that.val() } );
+			});
+		});
+		
+		$(document).bind('inject', function(e, selector, html, action) {
+			if (!action || action == "inject") {
+				$(selector).html(html);
+				
+			} else if (action == "prepend") {
+				$(selector).prepend($(html));	
+			}
+		});
+		
+		$(document).bind('inject', function(e, selector, html) {
+			$(selector).find('form.remote-form').submit(pantherFormSubmit);
+			$(selector).find('*[data-varies]').each(function() {
+				$(this).bind($(this).data('varies'), function() {
+					console.log([$(this).data('varies-path'), $(this).data('varies-res'), { value: $(this).val() }]);
+					Panther.ajax( $(this).data('varies-path'), $(this).data('varies-res'), { value: $(this).val() } );
+				});
+			});
+		});
 	});	
 })();