Jcrop v2 (POST cropping to be completed)

darcs-hash:20081210021607-eefa4-c3590f3e734255faf098bf5ca09fc17901a6db70.gz

1 files changed, 41 insertions, 0 deletions

diff --git a/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js b/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js
new file mode 100644
index 000000000..57639814f
--- /dev/null
+++ b/_darcs/pristine/js/jcrop/jquery.Jcrop.go.js
@@ -0,0 +1,41 @@
+		$(function(){
+			jQuery("#avatar_original img.avatar").Jcrop({ onChange: showPreview,
+													      setSelect: [ 0, 0, $("#avatar_original img.avatar").attr("width"), $("#avatar_original img.avatar").attr("height") ],
+														  onSelect: updateCoords,
+													      aspectRatio: 1,
+														  boxWidth: 640,
+														  boxHeight: 640,
+														  bgColor: '#000',
+														  bgOpacity: .4
+												});
+		});
+
+		function showPreview(coords) {
+			var rx = 96 / coords.w;
+			var ry = 96 / coords.h;
+
+			var img_width = $("#avatar_original img.avatar").attr("width");
+			var img_height = $("#avatar_original img.avatar").attr("height");
+
+
+			$('#avatar_preview img.avatar').css({
+				width: Math.round(rx *img_width) + 'px',
+				height: Math.round(ry * img_height) + 'px',
+				marginLeft: '-' + Math.round(rx * coords.x) + 'px',
+				marginTop: '-' + Math.round(ry * coords.y) + 'px'
+			});
+		};
+
+		function updateCoords(c) {
+			$('#avatar_crop_x').val(c.x);
+			$('#avatar_crop_y').val(c.y);
+			$('#avatar_crop_w').val(c.w);
+			$('#avatar_crop_h').val(c.h);
+		};
+
+		function checkCoords() {
+			if (parseInt($('#avatar_crop_w').val())) return true;
+			alert('Please select a crop region then press submit.');
+			return false;
+		};
+