hobo_jquery_ui 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,20 @@
+This plugin provides the jQuery UI widgets in a Hobo friendly manner.
+
+### Usage
+
+The jQuery UI tags support all of the [options that the corresponding jQuery UI widgets provide](http://docs.jquery.com/UI).  For example:
+
+    <datepicker dateFormat="yy-mm-dd" />
+
+Options that expect a type other than string can be provided by passing a ruby object:
+
+    <datepicker dayNamesMin="&['Di', 'Lu', 'Ma', 'Me', 'Je', 'Ve', 'Sa']" />
+
+Events are also supported.  Pass in a global Javascript function name:
+
+    <datepicker onSelect="hjq.util.log" />
+
+
+### Installation
+
+    hobo generate install_plugin hobo_jquery_ui git://github.com/tablatom/hobo

data/VERSION

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

data/hobo_jquery_ui.gemspec

@@ -0,0 +1,24 @@
+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_ui"
+  s.summary = "JQuery UI support for Hobo"
+  s.description = "JQuery UI 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-ui-themes", ["~> 0.0.4"])
+  s.add_runtime_dependency('hobo', ["= #{version}"])
+  s.add_runtime_dependency('hobo_jquery', ["= #{version}"])
+
+end

data/lib/hobo_jquery_ui.rb

@@ -0,0 +1,11 @@
+module HoboJqueryUi
+  @@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_ui"
+
+  require 'hobo_jquery_ui/railtie' if defined?(Rails)
+
+  class Engine < ::Rails::Engine
+  end
+end

data/lib/hobo_jquery_ui/railtie.rb

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

data/taglibs/accordion.dryml

@@ -0,0 +1,27 @@
+<%#
+ The `<accordion>` tag implements the [jQuery-UI accordion](http://jqueryui.com/demos/accordion/).  It works the same as the `<tabs>` tag, so see the [tabs documentation](/api_tag_defs/tabs) for more information
+
+     <accordion>
+       <section1:>Hello</section1:>
+       <section2:>Hey</section2:>
+     </accordion>
+
+There is one difference:  accordion does not support the `href` option.
+%>
+<def tag="accordion" attrs="sortable">
+  <% options, attrs = attributes.partition_hash(['disabled', 'active', 'animated', 'autoHeight', 'clearStyle', 'collapsible', 'event', 'fillSpace', 'icons', 'navigation'])
+     events, html_attrs = attrs.partition_hash(['navigationFilter', 'create', 'change', 'changestart'])
+     add_classes!(html_attrs, "accordion")
+     add_data_rapid!(html_attrs, "accordion", :options => options, :events => events, :sortable => sortable)
+     %>
+  <div merge-attrs="&html_attrs">
+    <repeat with="&parameters">
+      <div class="hjq-accordion-element">
+        <% attrs, params = this.call %>
+        <% merge_attrs = attrs - [:name] %>
+        <h3><a href="#"><%= attrs[:name] || this_key.to_s.titleize %></a></h3>
+        <div merge-attrs="&merge_attrs"><%= params[:default]._?.call %></div>
+      </div>
+    </repeat>
+  </div>
+</def>

data/taglibs/accordion_collection.dryml

@@ -0,0 +1,66 @@
+<!-- This tag, when given a list, chunks the list using the [jQuery-UI accordion](jqueryui.com/demos/accordion).
+
+If you do not specify the `chunker` attribute, the list is chunked into sections of equal length.   The default is 20 items, but that may be adjusted by setting the `per-section` attribute.
+
+The `chunker` may be passed a block to specify custom chunking.   This block is passed to [Enumerable#chunk](http://www.ruby-doc.org/core-1.9.3/Enumerable.html#method-i-chunk)  For example, to divide a sorted list of users based on the first letter of their name:
+
+    <accordion-collection:users chunker="&Proc.new{|u| u.name[0..1]}"/>
+
+The scoped variable `chunk` is set to the chunker output.   If you didn't specify the chunker, it's set to the chunk number.   In the example above, it would be set to the first letter of the user's name.   Here's an example of it being used to customize the chunk heading:
+
+    <heading:>Section <%= scope.chunk %></heading:>
+
+The context is set to the chunked list for all parameters.   This allows us to further customize the heading:
+
+    <header:><name:first/> &mdash; <name:last/></header:>
+
+Replacing the collection with a table is easy:
+
+    <default:><table fields="this,email"/></default:>
+
+Remember that the default parameter is a list, even if you set per-section="1".   The easiest way to explode a list is with `<repeat>`:
+
+    <accordion-collection per-section="1">
+      <header:><name:first/></header:>
+      <default:>
+        <repeat>
+          This is my content: <view/>
+        </repeat>
+      </default:>
+    </accordion-collection>
+
+
+### Note:
+
+This tag uses Enumerable#chunk, which is only available with Ruby 1.9.2 and later.   If you are using Ruby 1.8.7, you must include the `backports` gem in your project.
+
+-->
+<def tag="accordion-collection" attrs="per-section,chunker,sortable">
+  <% options, attrs = attributes.partition_hash(['disabled', 'active', 'animated', 'autoHeight', 'clearStyle', 'collapsible', 'event', 'fillSpace', 'header', 'icons', 'navigation'])
+     events, html_attrs = attrs.partition_hash(['navigationFilter', 'create', 'change', 'changestart'])
+     add_classes!(html_attrs, "accordion-collection")
+     add_data_rapid!(html_attrs, "accordion", :options => options, :events => events, :sortable => sortable)
+     %>
+  <div merge-attrs="&html_attrs">
+  <% per_section ||= 20 %>
+  <% per_section = per_section.to_i %>
+  <% counter = 0 %>
+  <% chunker ||= Proc.new{|el| counter=counter+1; (counter-1)/per_section+1} %>
+  <repeat with="&this.to_a.chunk(&chunker)">
+    <% chunk, list = this %>
+    <% list.member_class = this.member_class if this._?.member_class%>
+    <set-scoped chunk="&chunk">
+      <do with="&list">
+        <div class="hjq-accordion-element">
+          <h3 param="header-wrapper">
+            <a param="header" href="#"><%= scope.chunk %></a>
+          </h3>
+          <div param="default">
+            <collection without-empty-message param/>
+          </div>
+        </div>
+      </do>
+    </set-scoped>
+  </repeat>
+  </div>
+</def>

data/taglibs/autocomplete.dryml

@@ -0,0 +1,54 @@
+<!--
+This is the [jQuery-UI autocompleter](http://jqueryui.com/demos/autocomplete/).  All options and events provided by the jQuery autocompleter are supported in this Hobo tag.   Refer to the jquery autocomplete documentation for more details.
+
+If you do not provide a `source` option, this tag will essentially provide a default similar to this:
+
+    <autocomplete:project source="&Project.find(:all, :limit => 5000).map {|p| p.name}" />
+
+This will provide a local autocomplete, putting all possible options into your HTML.  This is useful when you have too many options to make a `select-one` infeasible, but will overload your server and crash your browser if you have millions of options.
+
+To do server side autocomplete, you need a controller action like:
+
+    class FoosController < ActionController:Base
+      hobo_user_controller
+      autocomplete :bar
+    end
+
+    <autocomplete:foo source="&complete_bar_foos_path" />
+
+The argument to the controller's `autocomplete` is optional.  If not supplied the name attribute for the model should be used in the source attribute.
+
+If you do not wish to use the Hobo autocomplete or hobo_completions functions in your controller, it is very easy to roll your own.   For example:
+
+    <autocomplete:project source="&query_projects_path" delay="500" minLength="3" />
+
+Could be served by:
+
+    index_action :query do
+      render :json => Project.name_contains(params[:term]).limit(100).*.name
+    end
+
+-->
+<def tag="autocomplete" attrs="nil-value">
+<%
+  options, attrs = attributes.partition_hash(['disabled', 'appendTo', 'autoFocus', 'delay', 'minLength', 'position', 'source'])
+  events, html_attrs = attrs.partition_hash(['create', 'search', 'open', 'focus', 'select', 'close', 'change'])
+  options["source"] ||= begin
+                          complete_target = this_field_reflection.klass
+                          complete_target.find(:all, :limit => 5000).*.send(complete_target.name_attribute)
+                        end
+
+  html_attrs["name"] ||= param_name_for_this
+  html_attrs["value"] ||= name(:no_wrapper => true, :if_present => true)
+
+  if(html_attrs["value"].empty?)
+    add_classes!(html_attrs, "nil-value")
+    html_attrs["value"] = nil_value
+  end
+
+  add_data_rapid!(html_attrs, "autocomplete", :options => options, :events => events)
+ %>
+  <wrap tag="span" class="field-with-errors" when="&!this_parent.errors[this_field].empty?">
+    <input type="text" merge-attrs="&html_attrs"/>
+  </wrap>
+</def>

data/taglibs/combobox.dryml

@@ -0,0 +1,48 @@
+<!-- Creates an enhanced version of the [jQuery-UI demo combobox](http://jqueryui.com/demos/autocomplete/#combobox).  This will turn any select (even a select-many) into a combobox.
+
+Standard usage:
+
+    <combobox>
+      <select .../>
+    </combobox>
+
+If you don't supply the select, it will use Hobo's `<input>` tag.  This is usually the right default.
+
+You can tell Hobo to always use a combobox for select-one, select-many, select-input and/or select-menu.   Notice that we also changed the limit - 100 is the default, which makes sense for a select, but not for a combobox.
+
+    <extend tag="select-one">
+      <combobox tag="select-one">
+        <old-select-one limit="5000" merge/>
+      </combobox>
+    </extend>
+
+To make the behavior more like the demo's, turn off autoFill and clearButton:
+
+    <combobox autoFill="&false" clearButton="&false"/>
+
+Combobox is a new control that is built on autocomplete.   The autocomplete options may not be used directly.   If you need any of them let me know, they should not be too hard to add if you volunteer to test them.
+
+### Attributes
+
+- `autoFill` (default: true):  select first value rather than clearing if there's a match
+
+- `clearButton` (default: true): add a "clear" button
+
+- `adjustWidth` (default: true): if true, will set the autocomplete width the same as the old select.  (requires jQuery 1.4.4 to work on IE8)
+
+- uiStyle (default: false): if true, will add classes so that the autocomplete input takes a jQuery-UI style.  If false, the standard Hobo style is used.
+
+### Events
+
+- `selected` (default: `$(this).trigger('change');`):
+-->
+<def tag="combobox">
+<%
+  options, attrs = attributes.partition_hash(['autoFill', 'clearButton', 'adjustWidth', 'uiStyle'])
+  events, html_attrs = attrs.partition_hash(['selected'])
+  add_data_rapid!(html_attrs, "combobox", :options => options, :events => events)
+%>
+  <span class="combobox" param="default" merge-attrs="&html_attrs">
+    <input merge param />
+  </span>
+</def>

data/taglibs/datepicker.dryml

@@ -0,0 +1,46 @@
+<!--
+This is the [jQuery-UI datepicker](http://docs.jquery.com/UI/Datepicker).  All options and events are supported.
+
+It's probably easiest to add this to your application.dryml:
+
+    <def tag="input" for="Date">
+      <datepicker dateFormat="yy-mm-dd" merge />
+    </def>
+
+It's probably useful to set global options such as dateFormat in application.dryml and set local options such as yearRange in the tag invocation:
+
+    <input:birthdate yearRange="1900:#{Date.today.year}" />
+
+New in version 1.4:
+
+If you do not specify dateFormat, we will attempt to convert I18n.t(:"date.formats.default") from strftime format into the format that the JQuery-UI datepicker likes.
+
+-->
+<def attrs="name" tag="datepicker">
+<%
+  options, attrs = attributes.partition_hash(['altField', 'altFormat', 'appendText', 'buttonImage', 'buttonImageOnly', 'buttonText', 'changeMonth', 'changeYear', 'closeText', 'constrainInput', 'currentText', 'dateFormat', 'dayNames', 'dayNamesMin', 'dayNamesShort', 'defaultDate', 'duration', 'firstDay', 'gotoCurrent', 'hideIfNoPrevNext', 'isRTL', 'maxDate', 'minDate', 'monthNames', 'monthNamesShort', 'navigationAsDateFormat', 'nextText', 'numberOfMonths', 'prevText', 'selectOtherMonths','shortYearCutoff', 'showAnim', 'showButtonPanel', 'showCurrentAtPos', 'showMonthAfterYear', 'showOn', 'showOptions', 'showOtherMonths', 'stepMonths', 'yearRange'])
+  options["dateFormat"]||=begin
+                            d=I18n.t(:"date.formats.default")
+                            {"%Y" => "yy",
+                             "%y" => "y",
+                             "%m" => "mm",
+                             "%_m" => "m",
+                             "%-m" => "m",
+                             "%B" => "MM",
+                             "%^B" => "MM",
+                             "%b" => "M",
+                             "%^b" => "M",
+                             "%h" => "M",
+                             "%d" => "dd",
+                             "%-d" => "d",
+                             "%j" => "oo",
+                             "%D" => "mm/dd/y",
+                             "%F" => "yy-mm-dd",
+                             "%x" => "mm/dd/y"}.each {|rb, js| d.gsub!(rb,js)}
+                           d
+                         end
+  events, html_attrs = attrs.partition_hash(['beforeShow', 'beforeShowDay', 'onChangeMonthYear', 'onClose', 'onSelect'])
+  add_data_rapid!(html_attrs, "datepicker", :options => options, :events => events)
+%>
+ <%= text_field_tag(name, this, deunderscore_attributes(html_attrs)) %>
+</def>

data/taglibs/dialog_box.dryml

@@ -0,0 +1,70 @@
+<!--
+The JQuery UI [dialog](http://jqueryui.com/demos/dialog/).  All options and methods are supported.
+
+The default for [autoOpen](http://jqueryui.com/demos/dialog/#option-autoOpen) has been changed to `"&false"`.  To display the dialog set autoOpen to `"&true"`, use a `<dialog-open-button>`, use `<dialog-and-button>` or use javascript (`$('#foo-dialog').hjq_dialog('open');`).
+
+The [buttons](http://jqueryui.com/demos/dialog/#option-buttons) option has been changed slightly.  Because of quoting issues, it's usually easier to assign the list to a variable and then include the list:
+
+    <% buttons = [ ["cancel", "jQuery(this).dialog('close')"] ] %>
+    <dialog-box buttons="&buttons">My dialog text</dialog>
+
+or
+
+    <dialog-box id="story-dialog" buttons='&{"cancel" => "jQuery(this).dialog(\"close\")"}' >My dialog text</dialog>
+
+or
+
+    <dialog-box id="story-dialog" buttons='&{"cancel" => "hjq.dialog.close"}' > FIXME</dialog>
+
+Because Ruby 1.8 Hash's do not preserve order, you may use a list of pairs instead of a Hash.
+
+If you do not set [position](http://jqueryui.com/demos/dialog/#option-position) the dialog will appear where it is defined in your DRYML.
+
+JQuery UI is sometimes picky about types.   For instance, the width option must be a number, not a string.  By default Hobo options are strings, but you can easily send a number by using the ampersand to switch to ruby mode:
+
+    <dialog-box width="&640"/>
+
+The following functions are predefined for use in dialog buttons:  FIXME
+
+ * `hjq.dialog.close`:  close the dialog box
+ * `hjq.dialog.submitFormlet`:  submits all formlets inside the dialog
+ * `hjq.dialog.submitFormletAndClose`: submits any enclosed formlets, then closes the dialog.
+-->
+<def tag="dialog-box" attrs="buttons">
+<%
+ options, attrs = attributes.partition_hash(["autoOpen", "bgiframe", "closeOnEscape", "dialogClass", "draggable", "height", "hide", "maxHeight", "maxWidth", "minWidth", "modal", "position", "resizable", "show", "stack", "title", "width", "zIndex"])
+ events, html_attrs = attrs.partition_hash(["beforeclose", "open", "focus", "dragStart", "drag", "dragStop", "resizeStart", "resize", "resizeStop", "close"])
+ options["autoOpen"]=false unless options.has_key?("autoOpen")
+%>
+ <span class="dialog-position"></span>
+ <% html_attrs = add_classes(html_attrs, "hidden dialog-box") %>
+ <div merge-attrs="&html_attrs" data-rapid="&data_rapid('dialog-box', :options => options, :events => events, :buttons => buttons)" param="default" />
+</def>
+
+<!--
+When pressed, will open a `<dialog-box>`.
+
+### Attributes
+ * `dialog` (required):a CSS selector (AKA jQuery selector) to locate the dialog in the DOM.  Remember, if you're passing an ID, place a '#' in front of the ID.
+ * supports all button attributes
+
+### Example
+    <dialog id="hello-dialog">Hello!</dialog>
+    <dialog-open-button dialog="#hello-dialog">Press Me!</dialog-open-button>
+-->
+<def tag="dialog-open-button" attrs="dialog">
+  <button data-rapid="&data_rapid('dialog-open-button', :selector => dialog)" param="default" class="dialog-open-button" merge />
+</def>
+
+<!--
+Defines an `<dialog-box>` and a `<dialog-open-button>` and links the two together.
+
+### Attributes
+ * `id` (optional): the DOM id to use for the dialog
+-->
+<def tag="dialog-and-button">
+  <% # we can't use jQuery traversal functions since the dialog will move around in the DOM %>
+  <% attributes["id"]="dialog-#{(rand*1000000000).to_i}" unless attributes.has_key?("id") %>
+  <dialog-box param merge />
+  <dialog-open-button dialog="##{attributes['id']}" param />
+</def>

data/taglibs/hobo_jquery_ui.dryml

@@ -0,0 +1,7 @@
+<!--
+
+This plugin provides the jQuery UI widgets in a Hobo friendly manner.
+
+-->
+
+<include src="*"/>

data/taglibs/name_one.dryml

@@ -0,0 +1,67 @@
+<!-- An `<input type="text">` with auto-completion. Allows the user to chose the target of a `belongs_to` association by name.
+
+This tag relies on an autocompleter being defined in a controller.  A simple example:
+
+    <form with="&ProjectMembership.new">
+      <name-one:user>
+    </form>
+
+    class ProjectMembership < ActiveRecord::Base
+      hobo_model
+      belongs_to :user
+    end
+
+    class User < ActiveRecord::Base
+      hobo_user_model
+      has_many :project_memberships, :accessible => true, :dependent => :destroy
+    end
+
+    class UsersController < ApplicationController
+      autocomplete
+    end
+
+The route used by the autocompleter looks something like `/users/complete_name`.  The first part of this route is specified by the `complete-target` attribute, and the second part is specified by the `completer` attribute.
+
+`complete-target` specifies the controller for the route.  It can be specified by either supplying a model class or a model.  If a model is supplied, the id of the model is passed as a parameter to the controller.  (`?id=7`, for example)  The default for this attribute is the class of the context.   In other words, the class that contains the `has_many / has_one`, not the class with the `belongs_to`.
+
+`completer` specifies the action for the route.   `name-one` prepends `complete_` to the value given here.  This should be exactly the same as the first parameter to `autocomplete` in your controller.   As an example:  `autocomplete :email_address` would correspond to `completer="email_address"`.  The default for this attribute is the name field for the model being searched, which is usually `name`, but not always.
+
+The query string is passed to the controller in the `query` parameter.  (`?query=hello` for example).
+
+For more information on how to customize the controller, see the [controller manual](http://cookbook.hobocentral.net/manual/controllers#autocompleters)
+
+Here's a more complex example.  This used to be a part of [agility](http://cookbook.hobocentral.net/tutorials/agility) until it was simplified.
+
+    class ProjectsController < ApplicationController
+      autocomplete :new_member_name do
+        project = find_instance
+        hobo_completions :name, User.without_project(project).is_not(project.owner)
+      end
+    end
+
+Note that this was added to the projects controller, rather than the users controller as in the first example.  You can read this as: create an auto-complete action called `new_member_name` that finds users that are not already members of the project, and not the owner of the project, and completes the :name field.
+
+    <name-one:user complete-target="&@project" completer="new_member_name"/>
+
+We're using an object as the complete-target rather than a class.   This allows the `find_instance` in our controller action to function.
+
+There's another example of `<name-one>` use in the [recipes](http://cookbook.hobocentral.net/recipes/36-using-a-name-one-one-a).
+
+### Attributes:
+
+All other attributes are passed through to the `<autocomplete>` that provides the core functionality for this widget.
+
+- `complete-target`, `completer`: see above
+- `min-chars`: The minimum number of characters that must be entered in the input field before an Ajax request is made.
+- `nil-value`: If there is no current value, this text will appear greyed out inside the control, and will disappear on focus.
+
+  -->
+<def tag="name-one" attrs="complete-target, completer, min-chars">
+<%
+  complete_target ||= this_field_reflection.klass
+  completer ||= (complete_target.is_a?(Class) ? complete_target : complete_target.class).name_attribute
+  source = polymorphic_url(complete_target, :action => "complete_#{completer}", :routing_type => :path)
+  value = name(:no_wrapper => true, :if_present => true)
+-%>
+  <autocomplete source="&source" minLength="&min_chars || 1" merge/>
+</def>

data/taglibs/tabs.dryml

@@ -0,0 +1,61 @@
+<%# This tag allows you to easily use [jQuery-UI tabs](http://jqueryui.com/demos/tabs/)
+
+    <tabs>
+      <first:>tab 1 content</first:>
+      <tab2:>tab 2 content</tab2:>
+    </tabs>
+
+If you don't specify any attributes to the parameters, the parameter name is used for the tab name and ID.   You can adjust this behaviour by specifying attributes to your parameters:
+
+    <tabs>
+      <tab1: name="1" id="id1">tab 1 content</tab1:>
+    </tabs:>
+
+If you specify an href rather than an id, the tab content is loaded dynamically:
+
+    <tabs>
+      <remote: href="/front/hello"/>
+    </tabs>
+
+Attributes are passed through to jQuery-UI, so options and events defined in the [jQuery-ui tabs documentation](http://jqueryui.com/demos/tabs/) may be used:
+
+    <tabs collapsible selected="2">
+      ...
+    </tabs>
+
+### Attributes
+
+Note that `tabs` supports attributes both on the `tabs` tag as well as on the parameters.
+
+The parameters support three attributes:  `id`, `name`, `href`, described above.
+
+The `tabs` tag supports all options and events supported in jQuery-UI, plus one additional attribute:
+
+* sortable:  if set, the tabs are sortable rather than fixed.
+
+### Notes
+
+Usage of Ruby 1.8 will result in an undefined tab order.   Ruby 1.9 is recommended.
+
+%>
+<def tag="tabs" attrs="sortable">
+  <% options, attrs = attributes.partition_hash(['disabled', 'ajaxOptions', 'cache', 'collapsible', 'cookie', 'deselectable', 'disabled', 'event', 'fx', 'idPrefix', 'panelTemplate', 'selected', 'spinner', 'tabTemplate'])
+     events, html_attrs = attrs.partition_hash(['create', 'select', 'load', 'show', 'add', 'remove', 'enable', 'disable'])
+     add_classes!(html_attrs, "tabs")
+     add_data_rapid!(html_attrs, "tabs", :options => options, :events => events, :sortable => sortable)
+     %>
+  <div merge-attrs="&html_attrs">
+    <ul>
+      <repeat with="&parameters">
+        <% attrs, params = this.call %>
+        <li><a href="#{attrs[:href] || '#'+(attrs[:id] || this_key.to_s)}"><%= attrs[:name] || this_key.to_s.titleize %></a></li>
+      </repeat>
+    </ul>
+
+    <repeat with="&parameters">
+      <% attrs, params = this.call %>
+      <% merge_attrs = attrs - [:id, :href, :name] %>
+      <div id="#{attrs[:id] || this_key}" merge-attrs="&merge_attrs"><%= params[:default]._?.call %></div>
+    </repeat>
+  </div>
+</def>

data/vendor/assets/javascripts/combobox.js

@@ -0,0 +1,168 @@
+/* stolen from http://jqueryui.com/demos/autocomplete/#combobox
+ *
+ * and these options added.
+ *
+ * - autoFill (default: true):  select first value rather than clearing if there's a match
+ *
+ * - clearButton (default: true): add a "clear" button
+ *
+ * - adjustWidth (default: true): if true, will set the autocomplete width the same as
+ *    the old select.  (requires jQuery 1.4.4 to work on IE8)
+ *
+ * - uiStyle (default: false): if true, will add classes so that the autocomplete input
+ *    takes a jQuery-UI style
+ */
+(function( $ ) {
+    $.widget( "ui.combobox", {
+        options: {
+            autoFill: true,
+            clearButton: true,
+            adjustWidth: true,
+            uiStyle: false,
+            selected: null,
+        },
+	_create: function() {
+	    var self = this,
+	      select = this.element.hide(),
+	      selected = select.children( ":selected" ),
+	      value = selected.val() ? selected.text() : "",
+              found = false;
+	    var input = this.input = $( "<input>" )
+                .attr('title', '' + select.attr("title") + '')
+		.insertAfter( select )
+		.val( value )
+		.autocomplete({
+		    delay: 0,
+		    minLength: 0,
+		    source: function( request, response ) {
+		        var matcher = new RegExp( $.ui.autocomplete.escapeRegex(request.term), "i" );
+                        var resp = select.children( "option" ).map(function() {
+		            var text = $( this ).text();
+		            if ( this.value && ( !request.term || matcher.test(text) ) )
+		        	return {
+		        	    label: text.replace(
+		        		new RegExp(
+		        		    "(?![^&;]+;)(?!<[^<>]*)(" +
+		        			$.ui.autocomplete.escapeRegex(request.term) +
+		        			")(?![^<>]*>)(?![^&;]+;)", "gi"
+		        		), "<strong>$1</strong>" ),
+		        	    value: text,
+		        	    option: this
+		        	};
+		        });
+                        found = resp.length > 0;
+		        response( resp );
+		    },
+		    select: function( event, ui ) {
+		        ui.item.option.selected = true;
+		        self._trigger( "selected", event, {
+		            item: ui.item.option
+		        });
+		    },
+		    change: function( event, ui ) {
+		        if ( !ui.item ) {
+		            var matcher = new RegExp( "^" + $.ui.autocomplete.escapeRegex( $(this).val() ) + "$", "i" ),
+		            valid = false;
+		            select.children( "option" ).each(function() {
+		        	if ( $( this ).text().match( matcher ) ) {
+		        	    this.selected = valid = true;
+		        	    return false;
+		        	}
+		            });
+		            if ( !valid || input.data("autocomplete").term=="" ) {
+		        	// set to first suggestion, unless blank or autoFill is turned off
+                                var suggestion;
+                                if(!self.options.autoFill || input.data("autocomplete").term=="") found=false;
+                                if(found) {
+                                    suggestion = jQuery(input.data("autocomplete").widget()).find("li:first");
+                                    var option = select.find("option:contains('"+suggestion.text()+"')").attr('selected', true);
+                                    $(this).val(suggestion.text());
+		        	    input.data("autocomplete").term = suggestion.text();
+		                    self._trigger( "selected", event, { item: option[0] });
+                                } else {
+                                    select.find("option:selected").removeAttr("selected");
+                                    $(this).val('');
+		        	    input.data( "autocomplete" ).term = '';
+                                    self._trigger( "selected", event, { item: null });
+                                }
+		        	return found;
+		            }
+		        }
+		    }
+		});
+
+            if( self.options.adjustWidth ) { input.width(select.width()); }
+
+            if( self.options.uiStyle ) {
+                input.addClass( "ui-widget ui-widget-content ui-corner-left" );
+            }
+
+
+	    input.data( "autocomplete" )._renderItem = function( ul, item ) {
+	        return $( "<li></li>" )
+	            .data( "item.autocomplete", item )
+	            .append( "<a>" + item.label + "</a>" )
+	            .appendTo( ul );
+	    };
+
+	    this.button = $( "<button type='button'>&nbsp;</button>" )
+	        .attr( "tabIndex", -1 )
+	        .attr( "title", "Show All Items" )
+	        .insertAfter( input )
+	        .button({
+	            icons: {
+	        	primary: "ui-icon-triangle-1-s"
+	            },
+	            text: false
+	        })
+	        .removeClass( "ui-corner-all" )
+	        .addClass( "ui-corner-right ui-button-icon" )
+	        .click(function() {
+	            // close if already visible
+	            if ( input.autocomplete( "widget" ).is( ":visible" ) ) {
+	        	input.autocomplete( "close" );
+	        	return;
+	            }
+
+	            // work around a bug (likely same cause as #5265)
+	            $( this ).blur();
+
+	            // pass empty string as value to search for, displaying all results
+	            input.autocomplete( "search", "" );
+	            input.focus();
+	        });
+
+            if( self.options.clearButton ) {
+	        this.clear_button = $( "<button type='button'>&nbsp;</button>" )
+	            .attr( "tabIndex", -1 )
+	            .attr( "title", "Clear Entry" )
+	            .insertAfter( input )
+	            .button({
+	                icons: {
+	        	    primary: "ui-icon-close"
+	                },
+	                text: false
+	            })
+	            .removeClass( "ui-corner-all" )
+	            .click(function(event, ui) {
+
+                        select.find("option:selected").removeAttr("selected");
+                        input.val( "" );
+	                input.data( "autocomplete" ).term = "";
+                        self._trigger( "selected", event, { item: null });
+
+	                // work around a bug (likely same cause as #5265)
+	                $( this ).blur();
+	            });
+            }
+
+	},
+
+	destroy: function() {
+	    this.input.remove();
+	    this.button.remove();
+	    this.element.show();
+	    $.Widget.prototype.destroy.call( this );
+	}
+    });
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-accordion.js

@@ -0,0 +1,24 @@
+/* accordion & accordion-collection */
+(function($) {
+   $.fn.hjq_accordion = function(annotations) {
+       var stop = false;
+       if(annotations.sortable) {
+           this.on("click", "div.hjq-accordion-element > h3", function(event) {
+               if(stop) {
+                   event.stopImmediatePropagation();
+                   event.preventDefault();
+                   stop = false;
+               }
+           });
+       }
+       var that=this.accordion($.extend({header: "> div.hjq-accordion-element > h3"}, this.hjq('getOptions', annotations)));
+       if (annotations.sortable) {
+           that.sortable({axis: "y",
+                          handle: "h3",
+                          stop: function() {
+                              stop = true;
+                          }
+                         });
+       }
+   };
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-autocomplete.js

@@ -0,0 +1,12 @@
+/* autocomplete */
+(function($) {
+   $.fn.hjq_autocomplete = function(annotations) {
+       this.autocomplete(this.hjq('getOptions', annotations)).on("focus", function() {
+           if($(this).hasClass("nil-value")) {
+               this.value='';
+               $(this).removeClass("nil-value");
+           }
+       });
+   };
+})( jQuery );
+

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-combobox.js

@@ -0,0 +1,13 @@
+/* combobox */
+(function($) {
+    $.fn.hjq_combobox = function(annotations) {
+        var select = this.find('select');
+        if(!select.attr('disabled')) {
+            var options = this.hjq('getOptions', annotations);
+            options.selected = options.selected || function(event, ui) {
+                $(this).trigger('change');
+            }
+            select.combobox(options);
+        }
+    }
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-datepicker.js

@@ -0,0 +1,22 @@
+/* datepicker */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            if(!this.attr('disabled')) {
+                this.datepicker(this.hjq('getOptions', annotations));
+            }
+        }
+    };
+
+    $.fn.hjq_datepicker = 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_datepicker' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-dialog.js

@@ -0,0 +1,97 @@
+/* dialog */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+            var options=this.hjq('getOptions', annotations);
+            if(!options.position) { options.position = {}; }
+            if($.isPlainObject(options.position)) {
+                this.data('hjq-dialog-position', $.extend({}, {my: 'center', at: 'center center', of: this.prev('.dialog-position')}, options.position));
+                delete options.position;
+            }
+	    if(annotations.buttons) {
+                options.buttons = {};
+		for(var i=0; i<annotations.buttons.length; i++) {
+		    options.buttons[annotations.buttons[i][0]] = this.hjq('createFunction',annotations.buttons[i][1])
+		}
+	    }
+            this.dialog(options);
+        },
+
+        open: function() {
+            this.dialog('open');
+            if(this.data('hjq-dialog-position')) {
+                this.parent().position(this.data('hjq-dialog-position'));
+            }
+        },
+
+        close: function() {
+            if(!this.hasClass("dialog-box")) this.parents(".dialog-box").dialog('close');
+            else this.dialog('close');
+        },
+
+        /* open if closed, close if open */
+        toggle: function() {
+            var dialog=this;
+            if(!this.hasClass("dialog-box")) dialog=this.parents(".dialog_box");
+            if(dialog.dialog('isOpen')) {
+                methods.close.call(dialog);
+            } else {
+                methods.open.call(dialog);
+            }
+        },
+
+        /* useful in the "buttons" option.  Will submit any enclosed
+        forms or formlets. */
+        submit: function(extra_options, extra_attrs) {
+            var dialog=this;
+            if(!this.hasClass("dialog-box")) dialog=this.parents(".dialog_box");
+            dialog.find("form").trigger('submit');
+            dialog.find(".formlet").hjq_formlet('submit', extra_options, extra_attrs);
+        },
+
+        /* calls submit, and then closes the dialog box.   */
+        /* useful in the "buttons" option.  */
+        submitAndClose: function() {
+            var that=this;
+            methods.submit.call(this, {success: function() {methods.close.call(that);}});
+        }
+    };
+
+    $.fn.hjq_dialog_box = 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_dialog' );
+        }
+    };
+
+    $.fn.hjq_dialog_open_button = function(annotations) {
+        this.on('click', function() {
+            $(annotations.selector).hjq_dialog_box('toggle');
+            return false;
+        });
+    };
+
+})( jQuery );
+
+
+// to make the DRYML interface cleaner, these provide direct access to
+// a couple of plugin functions.
+var hjq_dialog_box=(function($) {
+    return {
+        close: function() {
+            $(this).hjq_dialog_box('close');
+        },
+
+        submit: function() {
+            $(this).hjq_dialog_box('submit');
+        },
+
+        submitAndClose: function() {
+            $(this).hjq_dialog_box('submitAndClose');
+        }
+    }
+})(jQuery);

data/vendor/assets/javascripts/hobo-jquery-ui/hjq-tabs.js

@@ -0,0 +1,9 @@
+/* tabs */
+(function($) {
+   $.fn.hjq_tabs = function(annotations) {
+       this.tabs(this.hjq('getOptions', annotations));
+       if(annotations.sortable) {
+           this.find(".ui-tabs-nav").sortable();
+       }
+   };
+})( jQuery );

data/vendor/assets/javascripts/hobo_jquery_ui.js

@@ -0,0 +1,2 @@
+//= require_tree .
+

data/vendor/assets/stylesheets/combobox.css

@@ -0,0 +1,7 @@
+
+// stolen from clean.css
+.combobox .ui-button { margin-left: -1px; }
+.combobox .ui-button-icon-only .ui-button-text { padding: 0; }
+.combobox button.ui-button-icon-only { width: 20px; }
+.combobox .ui-autocomplete-input { margin-right: 0; }
+.combobox {white-space: nowrap;}

data/vendor/assets/stylesheets/hobo_jquery_ui.css

@@ -0,0 +1,3 @@
+/*
+ * require_tree .
+ */

metadata

@@ -0,0 +1,114 @@
+--- !ruby/object:Gem::Specification 
+name: hobo_jquery_ui
+version: !ruby/object:Gem::Version 
+  prerelease: 6
+  version: 1.4.0.pre2
+platform: ruby
+authors: 
+- Bryan Larsen
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2012-03-28 00:00:00 Z
+dependencies: 
+- !ruby/object:Gem::Dependency 
+  name: jquery-ui-themes
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - ~>
+      - !ruby/object:Gem::Version 
+        version: 0.0.4
+  type: :runtime
+  version_requirements: *id001
+- !ruby/object:Gem::Dependency 
+  name: hobo
+  prerelease: false
+  requirement: &id002 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - "="
+      - !ruby/object:Gem::Version 
+        version: 1.4.0.pre2
+  type: :runtime
+  version_requirements: *id002
+- !ruby/object:Gem::Dependency 
+  name: hobo_jquery
+  prerelease: false
+  requirement: &id003 !ruby/object:Gem::Requirement 
+    none: false
+    requirements: 
+    - - "="
+      - !ruby/object:Gem::Version 
+        version: 1.4.0.pre2
+  type: :runtime
+  version_requirements: *id003
+description: JQuery UI support for Hobo
+email: bryan@larsen.st
+executables: []
+
+extensions: []
+
+extra_rdoc_files: []
+
+files: 
+- .gitmodules
+- LICENSE.txt
+- README.markdown
+- VERSION
+- hobo_jquery_ui.gemspec
+- lib/hobo_jquery_ui.rb
+- lib/hobo_jquery_ui/railtie.rb
+- taglibs/accordion.dryml
+- taglibs/accordion_collection.dryml
+- taglibs/autocomplete.dryml
+- taglibs/combobox.dryml
+- taglibs/datepicker.dryml
+- taglibs/dialog_box.dryml
+- taglibs/hobo_jquery_ui.dryml
+- taglibs/name_one.dryml
+- taglibs/tabs.dryml
+- vendor/assets/javascripts/combobox.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-accordion.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-autocomplete.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-combobox.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-datepicker.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-dialog.js
+- vendor/assets/javascripts/hobo-jquery-ui/hjq-tabs.js
+- vendor/assets/javascripts/hobo_jquery_ui.js
+- vendor/assets/stylesheets/combobox.css
+- vendor/assets/stylesheets/hobo_jquery_ui.css
+homepage: http://hobocentral.net
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+- vendor
+- taglibs
+required_ruby_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  none: false
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      version: 1.3.6
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.8.17
+signing_key: 
+specification_version: 3
+summary: JQuery UI support for Hobo
+test_files: []
+
+has_rdoc: