jquery_helpers 0.0.0

data/jquery_helpers.gemspec

@@ -0,0 +1,20 @@
+Gem::Specification.new do |s|
+  s.name    = 'jquery_helpers'
+  s.version = '0.0.0'
+  s.date = %q{2010-02-08}
+  s.authors = ["Russell Jones"]
+  s.email = %q{spam@codeofficer.com}
+  s.description = %q{A port of the unobtrusive Prototype helpers in Rails 3 to jQuery}
+  s.summary = %q{jQuery helpers for Rails 3}
+  s.homepage = %q{http://github.com/CodeOfficer/jquery-helpers-for-rails3}
+  s.require_paths = ["lib", "lib/generators"]
+  s.files = [
+    "lib/generators/jquery_helpers.rb",
+    "lib/generators/jquery_helpers/jquery_helpers_generator.rb",
+    "lib/generators/jquery_helpers/templates/jquery.rails.js",
+    "lib/generators/jquery_helpers/templates/jquery.rails.min.js",
+    "lib/generators/jquery_helpers/USAGE",
+    "jquery_helpers.gemspec"
+  ]
+  s.add_dependency 'rails', '3.0.0.beta'
+end

data/lib/generators/jquery_helpers/USAGE

@@ -0,0 +1,9 @@
+Description:
+    A port of the unobtrusive Prototype helpers in Rails 3 to jQuery.
+
+Example:
+    ./script/generate jquery_helpers
+
+    This will create:
+        public/javascripts/jquery.rails.js
+        public/javascripts/jquery.rails.min.js

data/lib/generators/jquery_helpers/jquery_helpers_generator.rb

@@ -0,0 +1,20 @@
+require 'rails/generators'
+
+class JqueryHelpersGenerator < Rails::Generators::Base
+  
+  def install_jquery_helpers
+    copy_file(
+      'jquery.rails.min.js',
+      'public/javascripts/jquery.rails.min.js'
+    )
+    copy_file(
+      'jquery.rails.js',
+      'public/javascripts/jquery.rails.js'
+    )
+  end
+  
+  def self.source_root
+    @source_root ||= File.expand_path(File.join(File.dirname(__FILE__), 'templates'))
+  end
+
+end

data/lib/generators/jquery_helpers/templates/jquery.rails.js

@@ -0,0 +1,151 @@
+// http://dev.jquery.com/ticket/5945
+// Namespaced events don't work with live in 1.4.1 (they are never fired). 
+// I'm ommiting the namespace for now on ajax events
+// This demonstrates what doesn't work in 1.4.1
+// $('body').live('click.foo', function(){ alert('clicked'); }); 
+// $('body').trigger('click.foo');
+
+;(function($) {
+	$(function() {
+	
+		var authToken = $('meta[name=csrf-token]').attr('content');
+		var authParam = $('meta[name=csrf-param]').attr('content');
+	  var formTemplate = '<form method="#{method}" action="#{action}">\
+	      #{realmethod}<input name="#{param}" value="#{token}" type="hidden">\
+	      </form>';
+		var realmethodTemplate = '<input name="_method" value="#{method}" type="hidden">';
+	
+		String.prototype.interpolate = function() {  
+			for ( i in arguments[0] ) {  
+				eval( i + " = '" + arguments[0][i] + "'" );  
+			};
+			return this.replace( /#\{.*?\}/g, function(match) {  
+				return eval( match.replace( /^#\{|\}$/g , '') );  
+			});  
+		}; 
+
+		function handleRemote(element) {
+			var $element = $(element);
+			var method, url, params, dataType;
+	
+			dataType = $element.attr('data-type') || 'script';
+	
+			if ($element.is('form')) {
+				method = $element.attr('method') || 'post';
+				url    = $element.attr('action');
+				params = $element.serialize();
+			} else {
+				method = $element.attr('data-method') || 'get';
+				// TODO: data-url support is going away, just use href
+				url    = $element.attr('data-url') || $element.attr('href');
+				params = {};
+			};
+		
+			// Trigger any beforeAjax event handlers on self and ancestors
+			// We're looking for a return of false to cancel this action.
+			// Prototype has a much cleaner way of doing this
+			// 	var event = element.fire("ajax:before");
+	    // 	if (event.stopped) return false;
+			function triggerHandlers($element, event_name) {
+				var proceed = true;
+				if ($element.triggerHandler(event_name) == false) {
+					proceed = false;
+				} else {
+					var x = $.each( $element.parents(), function(index, dom) {
+						if ($(dom).triggerHandler(event_name) == false) {
+							proceed = false;
+						};
+					});
+				};
+				return proceed;
+			};
+
+			if (!triggerHandlers($element, "beforeAjax")) return false;
+		
+			$.ajax({
+			  url: url,
+			  type: method,
+			  dataType: dataType,
+			  data: params,
+			  beforeSend: 	function(request){ $element.trigger("beforeSendAjax", [request]); }, 
+			  dataFilter: 	function(data, type){ $element.trigger("dataFilterAjax", [data, type]); }, 
+			  complete: 		function(request, textStatus){ $element.trigger("completeAjax", [request, textStatus]); }, 
+			  success: 			function(data, textStatus, request){ $element.trigger("successAjax", [data, textStatus, request]); }, 
+			  error: 				function(request, textStatus, errorThrown){ $element.trigger("errorAjax", [request, textStatus, errorThrown]); } 
+			});
+		
+			$element.trigger("afterAjax");
+		};
+
+		$('body').live('click', function(e){
+			var target = e.target;
+		
+			var message = $(target).attr('data-confirm');
+			if (message && !confirm(message)) {
+				return false;
+			};
+		
+			var remoteElement = $(target).closest('a[data-remote=true]').get(0);
+			if (remoteElement) {
+				handleRemote(remoteElement);
+				return false;
+			};
+		
+			var element = $(target).closest('a[data-method]').get(0);
+			if (element && $(element).attr('data-remote') != 'true') {
+				var method 			= $(element).attr('data-method');
+				var piggyback 	= method.toLowerCase() != 'post';
+				var formHTML 		= formTemplate.interpolate({
+					method: 'POST',
+					realmethod: piggyback ? realmethodTemplate.interpolate({ method: method }) : '',
+					action: $(element).attr('href'),
+					token: authToken,
+					param: authParam
+				});
+				var $form = $('<div>').html(formHTML).children().hide().appendTo('body');
+				
+				$form.submit();
+				return false;
+			};
+		});
+
+		$('body').live('submit', function(e){
+			var target = e.target;
+
+			var message = $(target).attr('data-confirm');
+			if (message && !confirm(message)) {
+				return false;
+			};
+
+			var inputs = $(target).find('input[type=submit][data-disable-with]');
+			$.each(inputs, function(i, input) {
+				var $input = $(input);
+				$input.attr('disabled', 'disabled');
+				$input.attr('data-original-value', $input.val());
+				$input.val($input.attr('data-disable-with'));
+			});
+
+			var element = $(target).closest('form[data-remote=true]').get(0);
+			if (element) {
+				handleRemote(element);
+				return false;
+			};
+		});
+	
+		$('body').live('completeAjax', function(e){
+			var target = e.target;
+		
+			if (target.tagName.toLowerCase() == 'form') {
+				var inputs = $(target).find('input[type=submit][disabled=true][data-disable-with]');
+				$.each(inputs, function(i, input) {
+					var $input = $(input);
+					$input.val($input.attr('data-original-value'));
+					$input.attr('data-original-value', null);
+					$input.attr('disabled', false);
+				});
+			};
+
+		});
+	
+	});
+})(jQuery);

data/lib/generators/jquery_helpers/templates/jquery.rails.min.js

@@ -0,0 +1,117 @@
+
+;(function($){
+$(function(){
+var authToken=$('meta[name=csrf-token]').attr('content');
+var authParam=$('meta[name=csrf-param]').attr('content');
+var formTemplate='<form method="#{method}" action="#{action}">\
+       #{realmethod}<input name="#{param}" value="#{token}" type="hidden">\
+       </form>';
+var realmethodTemplate='<input name="_method" value="#{method}" type="hidden">';
+String.prototype.interpolate=function(){
+for(i in arguments[0]){
+eval(i+" = '"+arguments[0][i]+"'");
+};
+return this.replace(/#\{.*?\}/g,function(match){
+return eval(match.replace(/^#\{|\}$/g,''));
+});
+};
+function handleRemote(element){
+var $element=$(element);
+var method,url,params,dataType;
+dataType=$element.attr('data-type')||'script';
+if($element.is('form')){
+method=$element.attr('method')||'post';
+url=$element.attr('action');
+params=$element.serialize();
+}else{
+method=$element.attr('data-method')||'get';
+url=$element.attr('data-url')||$element.attr('href');
+params={};
+};
+function triggerHandlers($element,event_name){
+var proceed=true;
+if($element.triggerHandler(event_name)==false){
+proceed=false;
+}else{
+var x=$.each($element.parents(),function(index,dom){
+if($(dom).triggerHandler(event_name)==false){
+proceed=false;
+};
+});
+};
+return proceed;
+};
+if(!triggerHandlers($element,"beforeAjax"))return false;
+$.ajax({
+url:url,
+type:method,
+dataType:dataType,
+data:params,
+beforeSend:function(request){$element.trigger("beforeSendAjax",[request]);},
+dataFilter:function(data,type){$element.trigger("dataFilterAjax",[data,type]);},
+complete:function(request,textStatus){$element.trigger("completeAjax",[request,textStatus]);},
+success:function(data,textStatus,request){$element.trigger("successAjax",[data,textStatus,request]);},
+error:function(request,textStatus,errorThrown){$element.trigger("errorAjax",[request,textStatus,errorThrown]);}
+});
+$element.trigger("afterAjax");
+};
+$('body').live('click',function(e){
+var target=e.target;
+var message=$(target).attr('data-confirm');
+if(message&&!confirm(message)){
+return false;
+};
+var remoteElement=$(target).closest('a[data-remote=true]').get(0);
+if(remoteElement){
+handleRemote(remoteElement);
+return false;
+};
+var element=$(target).closest('a[data-method]').get(0);
+if(element&&$(element).attr('data-remote')!='true'){
+var method=$(element).attr('data-method');
+var piggyback=method.toLowerCase()!='post';
+var formHTML=formTemplate.interpolate({
+method:'POST',
+realmethod:piggyback?realmethodTemplate.interpolate({method:method}):'',
+action:$(element).attr('href'),
+token:authToken,
+param:authParam
+});
+var $form=$('<div>').html(formHTML).children().hide().appendTo('body');
+$form.submit();
+return false;
+};
+});
+$('body').live('submit',function(e){
+var target=e.target;
+var message=$(target).attr('data-confirm');
+if(message&&!confirm(message)){
+return false;
+};
+var inputs=$(target).find('input[type=submit][data-disable-with]');
+$.each(inputs,function(i,input){
+var $input=$(input);
+$input.attr('disabled','disabled');
+$input.attr('data-original-value',$input.val());
+$input.val($input.attr('data-disable-with'));
+});
+var element=$(target).closest('form[data-remote=true]').get(0);
+if(element){
+handleRemote(element);
+return false;
+};
+});
+$('body').live('completeAjax',function(e){
+var target=e.target;
+if(target.tagName.toLowerCase()=='form'){
+var inputs=$(target).find('input[type=submit][disabled=true][data-disable-with]');
+$.each(inputs,function(i,input){
+var $input=$(input);
+$input.val($input.attr('data-original-value'));
+$input.attr('data-original-value',null);
+$input.attr('disabled',false);
+});
+};
+});
+});
+})(jQuery);

data/lib/generators/jquery_helpers.rb

@@ -0,0 +1,2 @@
+module JqueryHelpers
+end

metadata

@@ -0,0 +1,70 @@
+--- !ruby/object:Gem::Specification 
+name: jquery_helpers
+version: !ruby/object:Gem::Version 
+  version: 0.0.0
+platform: ruby
+authors: 
+- Russell Jones
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2010-02-08 00:00:00 -05:00
+default_executable: 
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: rails
+  type: :runtime
+  version_requirement: 
+  version_requirements: !ruby/object:Gem::Requirement 
+    requirements: 
+    - - "="
+      - !ruby/object:Gem::Version 
+        version: 3.0.0.beta
+    version: 
+description: A port of the unobtrusive Prototype helpers in Rails 3 to jQuery
+email: spam@codeofficer.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- lib/generators/jquery_helpers.rb
+- lib/generators/jquery_helpers/jquery_helpers_generator.rb
+- lib/generators/jquery_helpers/templates/jquery.rails.js
+- lib/generators/jquery_helpers/templates/jquery.rails.min.js
+- lib/generators/jquery_helpers/USAGE
+- jquery_helpers.gemspec
+has_rdoc: true
+homepage: http://github.com/CodeOfficer/jquery-helpers-for-rails3
+licenses: []
+
+post_install_message: 
+rdoc_options: []
+
+require_paths: 
+- lib
+- lib/generators
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+  version: 
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.5
+signing_key: 
+specification_version: 3
+summary: jQuery helpers for Rails 3
+test_files: []
+