kosmas58-compass-jquery-plugin 0.1.8

data/templates/jrails/jrails.js

@@ -0,0 +1,197 @@
+/*
+*
+* jRails ajax extras
+* version 0.1
+* <aaron@ennerchi.com> | http://www.ennerchi.com
+*
+*/
+
+(function($) {
+	$.ajaxSettings.accepts._default = "text/javascript, text/html, application/xml, text/xml, */*";
+})(jQuery);
+
+
+/*
+*
+* jRails form extras
+* <aaron@ennerchi.com> | http://www.ennerchi.com
+*
+*/
+
+
+(function($) {
+	// reset a form
+	$.fn.reset = function() {
+		return this.each(function() {
+			// guard against an input with the name of 'reset'
+			// note that IE reports the reset function as an 'object'
+			if (typeof this.reset == 'function' || (typeof this.reset == 'object' && !this.reset.nodeType))
+				this.reset();
+		});
+	};
+	// enable a form element
+	$.fn.enable = function() {
+		return this.each(function() {
+			this.disabled = false;
+		});
+	};
+	// disable a form element
+	$.fn.disable = function() {
+		return this.each(function() {
+			this.disabled = true;
+		});
+	};
+
+})(jQuery);
+
+/*
+*
+* jRails form observer plugin
+* version 0.2
+* <aaron@ennerchi.com> | http://www.ennerchi.com
+*
+*/
+
+(function($) {
+	$.extend({ // Translate field to event
+		fieldEvent: function(el, obs) {
+			var field = el[0] || el, e = 'change';
+			if (field.type == 'radio' || field.type == 'checkbox') e = 'click';
+			else if (obs && (field.type == 'text' || field.type == 'textarea' || field.type == 'password')) e = 'keyup';
+			return e;
+		}
+	});
+	$.fn.extend({ // Delayed observer for fields and forms
+		delayedObserver: function(delay, callback){
+			var el = $(this);
+			if (typeof window.delayedObserverStack == 'undefined') window.delayedObserverStack = [];
+			if (typeof window.delayedObserverCallback == 'undefined') {
+				window.delayedObserverCallback = function(stackPos) {
+					var observed = window.delayedObserverStack[stackPos];
+					if (observed.timer) clearTimeout(observed.timer);
+					observed.timer = setTimeout(function(){
+						observed.timer = null;
+						observed.callback(observed.obj, observed.obj.formVal());
+					}, observed.delay * 1000);
+					observed.oldVal = observed.obj.formVal();
+				};
+			}
+			window.delayedObserverStack.push({
+				obj: el, timer: null, delay: delay,
+				oldVal: el.formVal(), callback: callback
+			});
+			var stackPos = window.delayedObserverStack.length-1;
+			if (el[0].tagName == 'FORM') {
+				$(':input', el).each(function(){
+					var field = $(this);
+					field.bind($.fieldEvent(field, delay), function(){
+						var observed = window.delayedObserverStack[stackPos];
+						if (observed.obj.formVal() == observed.oldVal) return;
+						else window.delayedObserverCallback(stackPos);
+					});
+				});
+			} else {
+				el.bind($.fieldEvent(el, delay), function(){
+					var observed = window.delayedObserverStack[stackPos];
+					if (observed.obj.formVal() == observed.oldVal) return;
+					else window.delayedObserverCallback(stackPos);
+				});
+			};
+		},
+		formVal: function() { // Gets form values
+			var el = this[0];
+			if(el.tagName == 'FORM') return this.serialize();
+			if(el.type == 'checkbox' || el.type == 'radio') return this.filter('input:checked').val() || '';
+			else return this.val();
+		}
+	});
+})(jQuery);
+
+/*
+*
+* jRails visual effects stubs
+* version 0.2
+* <aaron@ennerchi.com> | http://www.ennerchi.com
+*
+*/
+
+(function($) {
+	$.fn.extend({
+		visualEffect : function(o, options) {
+			if (options) {
+        speed = options.duration * 1000;
+      } else {
+        speed = null;
+      }
+			e = o.replace(/\_(.)/g, function(m, l){return l.toUpperCase()});
+			return eval('$(this).'+e+'('+ speed + ')');
+		},
+		appear : function(speed, callback) {
+			return this.fadeIn(speed, callback);
+		},
+		blindDown : function(speed, callback) {
+			return this.show('blind', { direction: 'vertical' }, speed, callback);
+		},
+		blindUp : function(speed, callback) {
+			return this.hide('blind', { direction: 'vertical' }, speed, callback);
+		},
+		blindRight : function(speed, callback) {
+			return this.show('blind', { direction: 'horizontal' }, speed, callback);
+		},
+		blindLeft : function(speed, callback) {
+			this.hide('blind', { direction: 'horizontal' }, speed, callback);
+			return this;
+		},
+		dropOut : function(speed, callback) {
+			return this.hide('drop', {direction: 'down' }, speed, callback);
+		},
+		dropIn : function(speed, callback) {
+			return this.show('drop', { direction: 'up' }, speed, callback);
+		},
+		fade : function(speed, callback) {
+			return this.fadeOut(speed, callback);
+		},
+		fadeToggle : function(speed, callback) {
+			return this.animate({opacity: 'toggle'}, speed, callback);
+		},
+		fold : function(speed, callback) {
+			return this.hide('fold', {}, speed, callback);
+		},
+		foldOut : function(speed, callback) {
+			return this.show('fold', {}, speed, callback);
+		},
+		grow : function(speed, callback) {
+			return this.show('scale', {}, speed, callback);
+		},
+		highlight : function(speed, callback) {
+			return this.show('highlight', {}, speed, callback);
+		},
+		puff : function(speed, callback) {
+			return this.hide('puff', {}, speed, callback);
+		},
+		pulsate : function(speed, callback) {
+			return this.show('pulsate', {}, speed, callback);
+		},
+		shake : function(speed, callback) {
+			return this.show('shake', {}, speed, callback);
+		},
+		shrink : function(speed, callback) {
+			return this.hide('scale', {}, speed, callback);
+		},
+		squish : function(speed, callback) {
+			return this.hide('scale', { origin: ['top', 'left'] }, speed, callback);
+		},
+		slideUp : function(speed, callback) {
+			return this.hide('slide', { direction: 'up'}, speed, callback);
+		},
+		slideDown : function(speed, callback) {
+			return this.show('slide', { direction: 'up'}, speed, callback);
+		},
+		switchOff : function(speed, callback) {
+			return this.hide('clip', {}, speed, callback);
+		},
+		switchOn : function(speed, callback) {
+			return this.show('clip', {}, speed, callback);
+		}
+	});
+})(jQuery);

data/templates/jrails/jrails.min.js

@@ -0,0 +1 @@
+(function(a){a.ajaxSettings.accepts._default="text/javascript, text/html, application/xml, text/xml, */*"})(jQuery);(function(a){a.fn.reset=function(){return this.each(function(){if(typeof this.reset=="function"||(typeof this.reset=="object"&&!this.reset.nodeType)){this.reset()}})};a.fn.enable=function(){return this.each(function(){this.disabled=false})};a.fn.disable=function(){return this.each(function(){this.disabled=true})}})(jQuery);(function(a){a.extend({fieldEvent:function(b,f){var d=b[0]||b,c="change";if(d.type=="radio"||d.type=="checkbox"){c="click"}else{if(f&&(d.type=="text"||d.type=="textarea"||d.type=="password")){c="keyup"}}return c}});a.fn.extend({delayedObserver:function(b,f){var c=a(this);if(typeof window.delayedObserverStack=="undefined"){window.delayedObserverStack=[]}if(typeof window.delayedObserverCallback=="undefined"){window.delayedObserverCallback=function(h){var g=window.delayedObserverStack[h];if(g.timer){clearTimeout(g.timer)}g.timer=setTimeout(function(){g.timer=null;g.callback(g.obj,g.obj.formVal())},g.delay*1000);g.oldVal=g.obj.formVal()}}window.delayedObserverStack.push({obj:c,timer:null,delay:b,oldVal:c.formVal(),callback:f});var d=window.delayedObserverStack.length-1;if(c[0].tagName=="FORM"){a(":input",c).each(function(){var g=a(this);g.bind(a.fieldEvent(g,b),function(){var h=window.delayedObserverStack[d];if(h.obj.formVal()==h.oldVal){return}else{window.delayedObserverCallback(d)}})})}else{c.bind(a.fieldEvent(c,b),function(){var g=window.delayedObserverStack[d];if(g.obj.formVal()==g.oldVal){return}else{window.delayedObserverCallback(d)}})}},formVal:function(){var b=this[0];if(b.tagName=="FORM"){return this.serialize()}if(b.type=="checkbox"||b.type=="radio"){return this.filter("input:checked").val()||""}else{return this.val()}}})})(jQuery);(function($){$.fn.extend({visualEffect:function(o,options){if(options){speed=options.duration*1000}else{speed=null}e=o.replace(/\_(.)/g,function(m,l){return l.toUpperCase()});return eval("$(this)."+e+"("+speed+")")},appear:function(speed,callback){return this.fadeIn(speed,callback)},blindDown:function(speed,callback){return this.show("blind",{direction:"vertical"},speed,callback)},blindUp:function(speed,callback){return this.hide("blind",{direction:"vertical"},speed,callback)},blindRight:function(speed,callback){return this.show("blind",{direction:"horizontal"},speed,callback)},blindLeft:function(speed,callback){this.hide("blind",{direction:"horizontal"},speed,callback);return this},dropOut:function(speed,callback){return this.hide("drop",{direction:"down"},speed,callback)},dropIn:function(speed,callback){return this.show("drop",{direction:"up"},speed,callback)},fade:function(speed,callback){return this.fadeOut(speed,callback)},fadeToggle:function(speed,callback){return this.animate({opacity:"toggle"},speed,callback)},fold:function(speed,callback){return this.hide("fold",{},speed,callback)},foldOut:function(speed,callback){return this.show("fold",{},speed,callback)},grow:function(speed,callback){return this.show("scale",{},speed,callback)},highlight:function(speed,callback){return this.show("highlight",{},speed,callback)},puff:function(speed,callback){return this.hide("puff",{},speed,callback)},pulsate:function(speed,callback){return this.show("pulsate",{},speed,callback)},shake:function(speed,callback){return this.show("shake",{},speed,callback)},shrink:function(speed,callback){return this.hide("scale",{},speed,callback)},squish:function(speed,callback){return this.hide("scale",{origin:["top","left"]},speed,callback)},slideUp:function(speed,callback){return this.hide("slide",{direction:"up"},speed,callback)},slideDown:function(speed,callback){return this.show("slide",{direction:"up"},speed,callback)},switchOff:function(speed,callback){return this.hide("clip",{},speed,callback)},switchOn:function(speed,callback){return this.show("clip",{},speed,callback)}})})(jQuery);

data/templates/jrails/manifest.rb

@@ -0,0 +1,119 @@
+# Generated by compass-jquery-plugin/gem-tasks/jrails.rake
+# Install with: compass -f jquery -p jrails
+
+file 'config/initializers/jrails.rb'
+javascript 'jrails.js'
+javascript 'jrails.min.js'
+javascript 'jquery.js'
+javascript 'jquery.min.js'
+javascript 'jquery.pngFix.js'
+javascript 'jquery.pngFix.min.js'
+javascript 'jquery.ui.js'
+javascript 'jquery.ui.min.js'
+javascript 'i18n/jquery.ui/datepicker-ar.js'
+javascript 'i18n/jquery.ui/datepicker-ar.min.js'
+javascript 'i18n/jquery.ui/datepicker-bg.js'
+javascript 'i18n/jquery.ui/datepicker-bg.min.js'
+javascript 'i18n/jquery.ui/datepicker-ca.js'
+javascript 'i18n/jquery.ui/datepicker-ca.min.js'
+javascript 'i18n/jquery.ui/datepicker-cs.js'
+javascript 'i18n/jquery.ui/datepicker-cs.min.js'
+javascript 'i18n/jquery.ui/datepicker-da.js'
+javascript 'i18n/jquery.ui/datepicker-da.min.js'
+javascript 'i18n/jquery.ui/datepicker-de.js'
+javascript 'i18n/jquery.ui/datepicker-de.min.js'
+javascript 'i18n/jquery.ui/datepicker-el.js'
+javascript 'i18n/jquery.ui/datepicker-el.min.js'
+javascript 'i18n/jquery.ui/datepicker-eo.js'
+javascript 'i18n/jquery.ui/datepicker-eo.min.js'
+javascript 'i18n/jquery.ui/datepicker-es.js'
+javascript 'i18n/jquery.ui/datepicker-es.min.js'
+javascript 'i18n/jquery.ui/datepicker-fa.js'
+javascript 'i18n/jquery.ui/datepicker-fa.min.js'
+javascript 'i18n/jquery.ui/datepicker-fi.js'
+javascript 'i18n/jquery.ui/datepicker-fi.min.js'
+javascript 'i18n/jquery.ui/datepicker-fr.js'
+javascript 'i18n/jquery.ui/datepicker-fr.min.js'
+javascript 'i18n/jquery.ui/datepicker-he.js'
+javascript 'i18n/jquery.ui/datepicker-he.min.js'
+javascript 'i18n/jquery.ui/datepicker-hr.js'
+javascript 'i18n/jquery.ui/datepicker-hr.min.js'
+javascript 'i18n/jquery.ui/datepicker-hu.js'
+javascript 'i18n/jquery.ui/datepicker-hu.min.js'
+javascript 'i18n/jquery.ui/datepicker-hy.js'
+javascript 'i18n/jquery.ui/datepicker-hy.min.js'
+javascript 'i18n/jquery.ui/datepicker-id.js'
+javascript 'i18n/jquery.ui/datepicker-id.min.js'
+javascript 'i18n/jquery.ui/datepicker-is.js'
+javascript 'i18n/jquery.ui/datepicker-is.min.js'
+javascript 'i18n/jquery.ui/datepicker-it.js'
+javascript 'i18n/jquery.ui/datepicker-it.min.js'
+javascript 'i18n/jquery.ui/datepicker-ja.js'
+javascript 'i18n/jquery.ui/datepicker-ja.min.js'
+javascript 'i18n/jquery.ui/datepicker-ko.js'
+javascript 'i18n/jquery.ui/datepicker-ko.min.js'
+javascript 'i18n/jquery.ui/datepicker-lt.js'
+javascript 'i18n/jquery.ui/datepicker-lt.min.js'
+javascript 'i18n/jquery.ui/datepicker-lv.js'
+javascript 'i18n/jquery.ui/datepicker-lv.min.js'
+javascript 'i18n/jquery.ui/datepicker-ms.js'
+javascript 'i18n/jquery.ui/datepicker-ms.min.js'
+javascript 'i18n/jquery.ui/datepicker-nl.js'
+javascript 'i18n/jquery.ui/datepicker-nl.min.js'
+javascript 'i18n/jquery.ui/datepicker-no.js'
+javascript 'i18n/jquery.ui/datepicker-no.min.js'
+javascript 'i18n/jquery.ui/datepicker-pl.js'
+javascript 'i18n/jquery.ui/datepicker-pl.min.js'
+javascript 'i18n/jquery.ui/datepicker-pt-BR.js'
+javascript 'i18n/jquery.ui/datepicker-pt-BR.min.js'
+javascript 'i18n/jquery.ui/datepicker-ro.js'
+javascript 'i18n/jquery.ui/datepicker-ro.min.js'
+javascript 'i18n/jquery.ui/datepicker-ru.js'
+javascript 'i18n/jquery.ui/datepicker-ru.min.js'
+javascript 'i18n/jquery.ui/datepicker-sk.js'
+javascript 'i18n/jquery.ui/datepicker-sk.min.js'
+javascript 'i18n/jquery.ui/datepicker-sl.js'
+javascript 'i18n/jquery.ui/datepicker-sl.min.js'
+javascript 'i18n/jquery.ui/datepicker-sq.js'
+javascript 'i18n/jquery.ui/datepicker-sq.min.js'
+javascript 'i18n/jquery.ui/datepicker-sr-SR.js'
+javascript 'i18n/jquery.ui/datepicker-sr-SR.min.js'
+javascript 'i18n/jquery.ui/datepicker-sr.js'
+javascript 'i18n/jquery.ui/datepicker-sr.min.js'
+javascript 'i18n/jquery.ui/datepicker-sv.js'
+javascript 'i18n/jquery.ui/datepicker-sv.min.js'
+javascript 'i18n/jquery.ui/datepicker-th.js'
+javascript 'i18n/jquery.ui/datepicker-th.min.js'
+javascript 'i18n/jquery.ui/datepicker-tr.js'
+javascript 'i18n/jquery.ui/datepicker-tr.min.js'
+javascript 'i18n/jquery.ui/datepicker-uk.js'
+javascript 'i18n/jquery.ui/datepicker-uk.min.js'
+javascript 'i18n/jquery.ui/datepicker-zh-CN.js'
+javascript 'i18n/jquery.ui/datepicker-zh-CN.min.js'
+javascript 'i18n/jquery.ui/datepicker-zh-TW.js'
+javascript 'i18n/jquery.ui/datepicker-zh-TW.min.js'
+stylesheet 'jquery.ui/_theme.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/base.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/black-tie.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/blitzer.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/cupertino.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/dark-hive.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/dot-luv.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/eggplant.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/excite-bike.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/flick.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/hot-sneaks.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/humanity.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/le-frog.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/mint-choc.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/overcast.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/pepper-grinder.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/redmond.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/smoothness.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/south-street.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/sunny.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/swanky-purse.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/trontastic.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/ui-darkness.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/ui-lightness.sass', :media => 'screen, projection'
+stylesheet 'jquery.ui/vader.sass', :media => 'screen, projection'

data/templates/secret_sauce/app/views/ui/_ui_form_error_messages.html.haml

@@ -0,0 +1,6 @@
+- if messages.length > 0
+  .ui-widget
+    .ui-state-error.ui-corner-all{ :style => "padding: 0pt 0.7em;" }
+      %p
+        %span.ui-icon.ui-icon-alert{ :style => "float: left; margin-right: 0.3em" }
+        = messages

data/templates/secret_sauce/app/views/ui/_ui_grid_for_without_block.html.erb

@@ -0,0 +1,139 @@
+<script type="text/javascript">
+  $(document).ready(function() {
+    $('#<%= name %>_table').jqGrid(<%= options.to_json %>).navGrid("#<%= name %>_pager", <%= nav.to_json %>);
+    <% if actions %>
+      <% if actions[:destroy] %>
+         $("#<%= name %>_table").navButtonAdd("#<%= name %>_pager", {
+            caption: "",
+            position: "first",
+            buttonicon: "ui-icon-trash",
+            onClickButton: function() {
+              var rowId = $("#<%= name %>_table").getGridParam("selrow")
+                if(rowId == null) {
+                  alert("You must first select a row.");
+              } else {
+                var sure = confirm("Are you sure?")
+                if(sure) {
+                $.ajax({
+                  url: "<%= name %>/"+rowId,
+                  type: "delete",
+                  data: {authenticity_token: "<%= form_authenticity_token %>"},
+                  success: function() {
+                    $("#<%= name %>_table").trigger("reloadGrid");
+                  }
+                  });
+                }
+              }
+            }
+          });
+      <% end %>
+      <% if actions[:update] %>
+        $("#<%= name %>_table").navButtonAdd("#<%= name %>_pager", {
+          caption: "",
+          position: "first",
+          buttonicon: "ui-icon-pencil",
+          onClickButton: function() {
+            var rowId = $("#<%= name %>_table").getGridParam("selrow")
+            if(rowId == null) {
+              alert("You must first select a row.");
+            } else {
+              $.ajax({
+                method: "get",
+                url: "/<%= name %><%= actions[:update] %>/"+rowId,
+                success: function(data, status) {
+                  var dWidth = $(data).css("width")
+                  var dHeight = $(data).css("height")
+                  $("#<%= name %>_update_dialog").append(data)
+                  $("#widget_submit").hide(); // HACK: easy way to make submit on enter work
+                  $("#<%= name %>_update_dialog").find("form").submit(function() {
+                    $(this).ajaxSubmit({
+                      url: $(this).attr("action"),
+                      data: $(this).serialize(),
+                      type: "put",
+                      success: function(response, status) {
+                        if(!$(response).is("form")) {
+                          $("#<%= name %>_update_dialog").dialog('close');
+                          $("#<%= name %>_table").trigger("reloadGrid");
+                        } else {
+                          $("#<%= name %>_update_dialog").find("form").replaceWith(response);
+                        }
+                      }
+                    });
+                    return false;
+                  });
+                  $("#<%= name %>_update_dialog").dialog({
+                    buttons: {
+                      "Save": function() {$(this).find("form").submit();},
+                      "Cancel": function() {$(this).dialog('close');}
+                    },
+                    title: "Edit",
+                    width: dWidth,
+                    height: dHeight,
+                    modal: true,
+                    draggable: false,
+                    resizable: false,
+                    close: function() {
+                      $(this).dialog('destroy');
+                      $("#<%= name %>_update_dialog").children().remove();
+                    }
+                  });
+                } 
+              });
+            }
+          }
+        });
+      <% end %>
+      <% if actions[:create] %>
+        $("#<%= name %>_table").navButtonAdd("#<%= name %>_pager", {
+          caption: "",
+          position: "first",
+          buttonicon: "ui-icon-plus",
+          onClickButton: function() {
+            $.ajax({
+              method: "get",
+              url: "/<%= name %><%= actions[:create] %>",
+              success: function(data, status) {
+                var dWidth = $(data).css("width");
+                var dHeight = $(data).css("height");
+                $("#<%= name %>_create_dialog").append(data);
+                $("#widget_submit").hide(); // HACK: easy way to make submit on enter work
+                $("#<%= name %>_create_dialog").find("form").submit(function() {
+                  $(this).ajaxSubmit({
+                    url: $(this).attr("action"),
+                    data: $(this).serialize(),
+                    type: "post",
+                    success: function(response, status) {
+                      if(!$(response).is("form")) {
+                        $("#<%= name %>_create_dialog").dialog('close');
+                        $("#<%= name %>_table").trigger("reloadGrid");
+                      } else {
+                        $("#<%= name %>_create_dialog").find("form").replaceWith(response);
+                      }
+                    }
+                  });
+                  return false;
+                });
+                $("#<%= name %>_create_dialog").dialog({
+                  buttons: {
+                    "Save": function() {$(this).find("form").submit();},
+                    "Cancel": function() {$(this).dialog('close');}
+                  },
+                  title: "New",
+                  width: dWidth,
+                  height: dHeight,
+                  modal: true,
+                  draggable: false,
+                  resizable: false,
+                  close: function() {
+                    $(this).dialog('destroy');
+                    $("#<%= name %>_create_dialog").children().remove();
+                  }
+                });
+              } 
+            });
+          }
+        });
+      <% end %>
+    <% end %>
+  });
+</script>