hobo_jquery 1.4.0.pre2

data/.gitmodules

@@ -0,0 +1,3 @@
+[submodule "documentation"]
+	path = documentation
+	url = git://github.com/bryanlarsen/hobo-jquery.git

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2006 Tom Locke
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

data/README.markdown

@@ -0,0 +1 @@
+Uses jQuery to provide the javascript for the hobo_rapid plugin.

data/VERSION

@@ -0,0 +1 @@
+1.4.0.pre2

data/app/helpers/hobo_jquery_helper.rb

@@ -0,0 +1,5 @@
+module HoboJqueryHelper
+  def data_rapid(tag, options = {})
+    {tag => options}.to_json
+  end
+end

data/hobo_jquery.gemspec

@@ -0,0 +1,23 @@
+name = File.basename( __FILE__, '.gemspec' )
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+require 'date'
+
+spec = Gem::Specification.new do |s|
+  s.name = "hobo_jquery"
+  s.summary = "JQuery support for Hobo"
+  s.description = "JQuery support for Hobo"
+  s.authors = ["Bryan Larsen"]
+  s.email = "bryan@larsen.st"
+  s.files = `git ls-files -x #{name}/* -z`.split("\0")
+  s.homepage = 'http://hobocentral.net'
+  s.version = version
+  s.date = Date.today.to_s
+
+  s.required_rubygems_version = ">= 1.3.6"
+  s.rdoc_options = ["--charset=UTF-8"]
+  s.require_paths = ["lib", "vendor", "taglibs"]
+
+  s.add_runtime_dependency('jquery-rails', ["~> 1.0"])
+  s.add_runtime_dependency('hobo', ["= #{version}"])
+
+end

data/lib/hobo_jquery/railtie.rb

@@ -0,0 +1,6 @@
+require 'hobo_jquery'
+require 'rails'
+module HoboJquery
+  class Railtie < Rails::Railtie
+  end
+end

data/lib/hobo_jquery.rb

@@ -0,0 +1,11 @@
+module HoboJquery
+  @@root = Pathname.new File.expand_path('../..', __FILE__)
+  def self.root; @@root; end
+
+  EDIT_LINK_BASE = "https://github.com/tablatom/hobo_tree_table/edit/master/hobo_jquery"
+
+  require 'hobo_jquery/railtie' if defined?(Rails)
+
+  class Engine < ::Rails::Engine
+  end
+end

data/taglibs/hobo_jquery.dryml

@@ -0,0 +1,18 @@
+<!--
+hobo_jquery
+-->
+
+
+<%#  This tag must be placed at the bottom of the page.   This is
+  typically done for you by the theme.
+%>
+<def tag="page-scripts">
+  <do param="default">
+ <% attributes.reverse_merge!(:data_rapid_page_data => {
+                               'form_auth_token' => { 'name' => request_forgery_protection_token, 'value' => form_authenticity_token},
+                               'hobo_parts' => part_contexts_storage_uncoded}.to_json,
+                              :style => "display: none;") %>
+    <%= tag("span", deunderscore_attributes(attributes)) %>
+  </do>
+</def>
+

data/vendor/assets/javascripts/hobo-jquery/hjq-a.js

@@ -0,0 +1,33 @@
+/* a */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            this.on('click', methods.click);
+        },
+
+        click: function() {
+            var that = $(this);
+            var options = that.data('rapid').a.ajax_attrs;
+            if(!options.message) options.message="Loading...";
+            var roptions = that.hjq('buildRequest', {
+                type: 'GET',
+                attrs: options
+            });
+            if(options.push_state) {
+                window.History.pushState(null, options.new_title || null, that.attr('href'));
+            };
+            $.ajax(that.attr('href'), roptions);
+            return false;
+        }
+    };
+    $.fn.hjq_a = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_form' );
+        }
+    };
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-click-editor.js

@@ -0,0 +1,44 @@
+/* click_editor */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            this.removeClass('hidden').click(methods.click);
+            this.next('.in-place-form').hide().on('blur', methods.blur).on('change', methods.change);
+        },
+
+        click: function(event) {
+            var that=$(this);
+            var annotations=that.data('rapid')['click-editor'];
+            that.hjq('hide', annotations.hide, function() {
+                that.next('.in-place-form').hjq('show', annotations.show, function() {
+                    $(this).find('textarea,input[type=text]').focus();
+
+                });
+            });
+        },
+
+        blur: function(event) {
+            var formlet = $(this).closest('.in-place-form');
+            formlet.addClass('hidden');
+            formlet.prev('.in-place-edit').removeClass('hidden');
+        },
+
+        change: function(event) {
+            var formlet = $(this).closest('.in-place-form');
+            formlet.prev('.in-place-edit').text('saving...');
+            formlet.hjq_formlet('submit');
+        }
+    };
+
+    $.fn.hjq_click_editor = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_click_editor' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-delete-button.js

@@ -0,0 +1,43 @@
+/* delete-button */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            var that=this;
+            this.on('rapid:ajax:success.hjq_delete_button', function (ev, el) {
+                methods.remove.call(that, annotations, ev, el);
+            });
+        },
+
+        /* removes the element from the DOM, etc.  Does not actually
+         * do the ajax delete call -- form.submit does that. */
+        remove: function(annotations, ev, el) {
+            if(!annotations) annotations=this.data('rapid')['delete_button'];
+            // select only top most elements
+            var selector = '[data-rapid-context="'+this.data('rapid-context')+'"]';
+            $(selector).not(selector+" "+selector).each(function() {
+                var that=$(this);
+                if(that.siblings().length==0) {
+                    that.parents().each(function() {
+                        var done=$(this).siblings(".empty-collection-message").hjq('show', annotations.show).length;
+                        return !done;
+                    })
+                }
+                that.hjq('hideAndRemove', annotations.hide);
+            });
+            return this;
+        }
+    };
+
+
+    $.fn.hjq_delete_button = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_delete_button' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-filter-menu.js

@@ -0,0 +1,6 @@
+/* filter_menu */
+jQuery.fn.hjq_filter_menu = function(annotations) {
+    this.find('select').on('change', function() {
+        jQuery(this).parents('form').submit();
+    });
+};

data/vendor/assets/javascripts/hobo-jquery/hjq-form.js

@@ -0,0 +1,64 @@
+/* form */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            $(this).on('submit', methods.submit);
+        },
+
+        // you should be able to call this externally:
+        // $(foo).hjq('submit');   It can be called on the form or any
+        // child of the form
+        submit: function () {
+            var form = $(this).closest("form");
+            if(form.length==0) return false;
+            var annotations = form.data('rapid').form;
+
+            var options = {type: form[0].method,
+                           attrs: annotations.ajax_attrs,
+                          };
+
+            if(form.attr('enctype') == 'multipart/form-data') {
+                if(form.ajaxSubmit) {
+                    var roptions= form.hjq('buildRequest', $.extend(options, {preamble: '<textarea>', postamble: '</textarea>', content_type: 'text/html'}));
+
+                    if(!roptions) return false;
+                    roptions.iframe = true;
+                    form.ajaxSubmit(roptions);
+                } else {
+                    alert("malsup's jquery form plugin required to do ajax submissions of multipart forms");
+                }
+
+            } else {
+                var roptions= form.hjq('buildRequest', options);
+                if(!roptions) return false;
+
+                // make sure we don't serialize any nested formlets
+                var data = form.find(":input").
+                    not(form.find(".formlet :input")).
+                    serialize();
+
+                roptions.data = $.param(roptions.data) + "&" + data;
+
+                if (options.attrs.push_state) {
+                    window.History.pushState(null, options.attrs.new_title || null, form[0].action+"?"+data);
+                }
+                $.ajax(form[0].action, roptions);
+            }
+
+            // prevent bubbling
+            return false;
+        }
+    };
+
+    $.fn.hjq_form = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_form' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-formlet.js

@@ -0,0 +1,49 @@
+/* formlet */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            this.find('input[type=submit]').on('click', methods.submit);
+        },
+
+        // you should be able to call this externally:
+        // $(foo).hjq('submit');   It can be called on the formlet or any
+        // child of the formlet
+        submit: function(extra_callbacks, extra_options) {
+            var formlet = $(this).closest(".formlet");
+            if(formlet.length==0) return false;
+            var annotations = formlet.data('rapid').formlet;
+
+            // make sure we don't serialize any nested forms
+            var data = formlet.find(":input").
+                not(formlet.find("form :input")).
+                not(formlet.find(".formlet :input")).
+                serialize();
+
+            var roptions = formlet.hjq('buildRequest',
+                                       {type: annotations.form_attrs.method,
+                                        attrs: annotations.ajax_attrs,
+                                        extra_options: extra_options,
+                                        extra_callbacks: extra_callbacks
+                                       });
+            if(!roptions) return false;
+
+            roptions.data = $.param(roptions.data) + "&" + data;
+
+            $.ajax(annotations.form_attrs.action, roptions);
+
+            return false;
+        }
+    };
+
+    $.fn.hjq_formlet = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_formlet' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-hot-input.js

@@ -0,0 +1,15 @@
+/* hot-input */
+(function($) {
+    $.fn.hjq_hot_input = function(annotations) {
+        this.on(annotations.events, annotations.selector, function (event) {
+            var that=$(this);
+            var form=that.parents('form');
+            var roptions=that.hjq('buildRequest', {type: annotations.method, attrs: annotations.ajax_attrs});
+            var data = form.find(":input").not(form.find(".formlet :input")).serialize();
+            roptions.data = $.param(roptions.data) + "&" + data;
+            $.ajax(annotations.path, roptions);
+
+            return false;
+        });
+    }
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-input-many.js

@@ -0,0 +1,176 @@
+
+if(!RegExp.escape) {
+    RegExp.escape = function(text) {
+        return text.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+    };
+}
+
+/* input-many */
+(function($) {
+    var methods = {
+        init: function (annotations) {
+            // disable all elements inside our template, and mark them so we can find them later.
+            this.find(".input-many-template :input:not([disabled])").each(function() {
+                this.disabled = true;
+                $(this).addClass("input_many_template_input");
+            });
+
+            // bind event handlers
+            this.find(".remove-item:not([disabled])").not(this.find(".input-many .add-item")).click(methods.removeOne);
+            this.find(".add-item:not([disabled])").not(this.find(".input-many .add-item")).click(methods.addOne);
+        },
+
+        addOne: function () {
+            var me = $(this).parent().parent();
+            var top = me.parent();
+            var template = top.children("li.input-many-template");
+            var clone = template.clone(true).removeClass("input-many-template");
+            var attrs = top.data('rapid')['input-many'];
+
+            // length-2 because ignore the template li and the empty li
+            var name_updater = methods.getNameUpdater.call(top, top.children().length-2, attrs['prefix']);
+
+            // enable previously marked elements
+            clone.find(".input_many_template_input").each(function() {
+                this.disabled = false;
+                $(this).removeClass("input_many_template_input");
+            });
+            clone.find(".remove-item:not([disabled])").not(clone.find(".input-many .add-item")).click(methods.removeOne);
+            clone.find(".add-item:not([disabled])").not(clone.find(".input-many .add-item")).click(methods.addOne);
+
+            // update id & name
+            clone.find("*").each(function() {
+                name_updater.call(this);
+            });
+            name_updater.call(clone.get(0));
+
+            // do the add with anim
+            clone.css("display", "none").insertAfter(me).hjq('show', attrs['show']);
+
+            // initialize subelements
+            me.next().hjq();
+
+            // visibility
+            if(me.hasClass("empty")) {
+                me.addClass("hidden");
+                me.find("input.empty-input").attr("disabled", true);
+            } else {
+                // now that we've added an element after us, we should only have a '-' button
+                me.children("div.buttons").children("button.remove-item").removeClass("hidden");
+                me.children("div.buttons").children("button.add-item").addClass("hidden");
+            }
+
+            me.hjq('createFunction', attrs.add_hook).call(me.get(0));
+            clone.trigger('rapid:add');
+            clone.trigger('rapid:change');
+
+            return false; // prevent bubbling
+        },
+
+        removeOne: function() {
+            var me = $(this).parent().parent();
+            var top = me.parent();
+            var attrs = top.data('rapid')['input-many'];
+
+            if(attrs.remove_hook) {
+                if(!me.hjq('createFunction', attrs.remove_hook).call(me.get(0))) {
+                    return false;
+                };
+            }
+
+            var remove_evt=$.Event("rapid:remove");
+            me.trigger(remove_evt, [me]);
+            if(remove_evt.isPropagationStopped()) {
+                return false;
+            }
+
+            // rename everybody from me onwards
+            var i=methods.getIndex.call(me.get(0))
+            var n=me.next();
+            for(; n.length>0; i+=1, n=n.next()) {
+                var name_updater = methods.getNameUpdater.call(top, i, attrs['prefix']);
+                n.find("*").each(function() {
+                    name_updater.call(this);
+                });
+                name_updater.call(n.get(0));
+            }
+
+            // adjust +/- buttons on the button element as appropriate
+            var last=top.children("li:last");
+            if(last.get(0)==me.get(0)) {
+                last = last.prev();
+            }
+
+            if(last.hasClass("empty")) {
+                last.removeClass("hidden");
+                last.find("input.empty-input").removeAttr("disabled");
+            } else {
+                // if we've reached the minimum, we don't want to add the '-' button
+                if(top.children().length-3 <= (attrs['minimum']||0)) {
+                    last.children("div.buttons").children("button.remove-item").addClass("hidden");
+                } else {
+                    last.children("div.buttons").children("button.remove-item").removeClass("hidden");
+                }
+                last.children("div.buttons").children("button.add-item").removeClass("hidden");
+            }
+
+            // remove with animation
+            me.hjq('hideAndRemove', attrs['hide']);
+
+            return false; //prevent bubbling
+        },
+
+        // given this==the input-many, returns a lambda that updates the name & id for an element
+        getNameUpdater: function(new_index, name_prefix) {
+            var id_prefix = name_prefix.replace(/\[/g, "_").replace(/\]/g, "");
+            var name_re = RegExp("^" + RegExp.escape(name_prefix)+ "\[\-?[0-9]+\]");
+            var name_sub = name_prefix + '[' + new_index.toString() + ']';
+            var id_re = RegExp("^" + RegExp.escape(id_prefix)+ "_\-?[0-9]+");
+            var id_sub = id_prefix + '_' + new_index.toString();
+            var class_re = RegExp(RegExp.escape(name_prefix)+ "\[\-?[0-9]+\]");
+            var class_sub = name_sub;
+
+            return function() {
+                if(this.name) {
+                    this.name = this.name.replace(name_re, name_sub);
+                }
+                if (id_prefix==this.id.slice(0, id_prefix.length)) {
+                    this.id = this.id.replace(id_re, id_sub);
+                } else {
+                    // silly rails.  text_area_tag and text_field_tag use different conventions for the id.
+                    if(name_prefix==this.id.slice(0, name_prefix.length)) {
+                        this.id = this.id.replace(name_re, name_sub);
+                    } /* else {
+                         hjq.util.log("hjq.input_many.update_id: id_prefix "+id_prefix+" didn't match input "+this.id);
+                         } */
+                }
+                if (class_re.test(this.className)) {
+                    this.className = this.className.replace(class_re, class_sub);
+                }
+                if(($(this).data('rapid') || {})['input-many']) {
+                    var annos=$(this).data('rapid');
+                    annos['input-many']['prefix'] = annos['input-many']['prefix'].replace(name_re, name_sub);
+                    $(this).data('rapid', annos);
+                }
+                return this;
+            };
+        },
+
+        // given this==an input-many item, get the submit index
+        getIndex: function() {
+            return Number(this.id.match(/_([-0-9]+)$/)[1]);
+        }
+    };
+
+    $.fn.hjq_input_many = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_input_many' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-live-editor.js

@@ -0,0 +1,25 @@
+/* live_editor */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            $(this).on('change', methods.change);
+        },
+
+        change: function(event) {
+            var formlet = $(this).closest('.in-place-form');
+            formlet.hjq_formlet('submit');
+        }
+    };
+
+    $.fn.hjq_live_editor = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_live_editor' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-live-search.js

@@ -0,0 +1,13 @@
+/* live_search */
+(function($) {
+    $.fn.hjq_live_search = function(annotations) {
+        var form=this.children("form");
+        // form.on("rapid:ajax:success.live_search", function() {
+        //     $.each(form.hjq("getUpdateIds", form.data('rapid').form.ajax_attrs), function() {
+        //         $("#"+this).trigger("rapid:open_search_results");
+        //     });
+        // });
+
+        // TODO: call form.trigger('submit') on keystroke pause
+    }
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-search-results.js

@@ -0,0 +1,9 @@
+/* search_results */
+(function($) {
+    var first_run = true;
+    $.fn.hjq_search_results = function(annotations) {
+        // the first run is page load.   Subsequent initializations will happen on ajax update.
+        if(first_run) first_run = false;
+        else $("#search-results-box").hjq_dialog_box("open");
+    }
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery/hjq-select-many.js

@@ -0,0 +1,62 @@
+/* select_many */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            this.children('select').on('change', methods.addOne);
+            this.on('click', 'input.remove-item', methods.removeOne);
+        },
+
+        addOne: function() {
+            var that=$(this);
+            var top=that.parents(".select-many");
+            var annotations = top.data('rapid')['select-many'];
+            var selected=that.find("option:selected");
+            if(selected.val()) {
+                var clone=top.find(".item-proto .item").clone().removeClass("proto-item");
+                clone.find("span").text(selected.text());
+                clone.find("input[type=hidden]").val(selected.val()).removeClass("proto-hidden");
+                clone.css('display', 'none');
+                top.find(".items").append(clone);
+
+                var optgroup = $("<optgroup/>").
+                    attr('alt', selected.val()).
+                    attr('label', selected.text()).
+                    addClass("disabled-option");
+                selected.replaceWith(optgroup);
+                selected.parent().val("");
+
+                clone.hjq('show', annotations.show, function() {
+                    clone.trigger("rapid:add", clone);
+                    clone.trigger("rapid:change", clone);
+                });
+            }
+        },
+
+
+        removeOne: function() {
+            var that=$(this);
+            var element = that.parent();
+            var top = element.parents('.select-many');
+            var annotations = top.data('rapid')['select-many'];
+            var label = element.children("span").text();
+            var optgroup = top.find("optgroup").filter(function() {return this.label==label;});
+            optgroup.replaceWith($("<option/>").text(label).val(optgroup.attr('alt')));
+            element.hjq('hideAndRemove', annotations.hide, function() {
+                element.trigger("rapid:remove", element);
+                element.trigger("rapid:change", element);
+            });
+        }
+    };
+
+    $.fn.hjq_select_many = function( method ) {
+
+        if ( methods[method] ) {
+            return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
+        } else if ( typeof method === 'object' || ! method ) {
+            return methods.init.apply( this, arguments );
+        } else {
+            $.error( 'Method ' +  method + ' does not exist on hjq_select_many' );
+        }
+    };
+
+})( jQuery );