hobo_bootstrap_ui 2.0.0.pre6

data/README.md

@@ -0,0 +1,33 @@
+Additional UI tags for the [hobo_bootstrap theme](https://github.com/Hobo/hobo_bootstrap).  Some of these tags are wrappers for the [bootstrap javascript components](twitter.github.com/bootstrap/javascript.html).  Others are useful tags that are built on top of those javascript components.
+
+This plugin also includes an implementation of `<search-results-container>`, replacing the one in `hobo_jquery_ui`.
+
+## Installation
+
+    rails generate hobo:install_plugin hobo_bootstrap_ui git://github.com/Hobo/hobo_bootstrap_ui.git
+
+## Documentation
+
+[Tag documentation](http://cookbook.hobocentral.net/api_plugins/hobo_bootstrap_ui)
+
+## Versus hobo_jquery_ui
+
+It is intended that this library will render [hobo_jquery_ui](https://github.com/Hobo/hobo_jquery_ui) and jquery-ui optional.
+
+At the moment, you can use hobo_bootstrap_ui instead of hobo_jquery_ui if you don't mind the loss of tags such as `<name-one>`.
+
+hobo_bootstrap_ui and hobo_jquery_ui may both be used in the same Hobo application.  In the case of a conflict, the plugin loaded last will be used.  `<search-results-container>` is the only current conflict, although hopefully we get bootstrap replacements for `<name-one>` and `<input for="Date">` soon.
+
+At the momemt, Hobo requires jQuery-UI even if hobo_jquery_ui is not used.  We do plan on removing that dependency soon.
+
+## TODO
+
+* replace `show` and `hide` in hjq.js to make jQuery-UI optional
+
+* implement `name-one` using bootstrap typeahead so that a Hobo application without hobo_jquery_ui is Hobo 1.3 compatible
+
+* implement replacements for the remainder of hobo_jquery_ui's tags.
+
+
+
+  [1]: https://github.com/Hobo/hobo_bootstrap_ui/raw/master/screenshots/select_one_or_new.png

data/VERSION

@@ -0,0 +1 @@
+2.0.0.pre6

data/hobo_bootstrap_ui.gemspec

@@ -0,0 +1,26 @@
+name = File.basename( __FILE__, '.gemspec' )
+version = File.read(File.expand_path('../VERSION', __FILE__)).strip
+require 'date'
+
+Gem::Specification.new do |s|
+
+  s.authors = ['Ignacio Huerta']
+  s.email = 'ignacio@ihuerta.net'
+  s.homepage = 'https://github.com/Hobo/hobo_bootstrap_ui'
+  s.rubyforge_project = 'hobo'
+  s.summary = 'Additional UI tags for the hobo_bootstrap theme'
+  s.description = 'Additional UI tags for the hobo_bootstrap theme'
+
+  s.add_runtime_dependency('hobo_bootstrap', "~> 2.0.0.pre1")
+
+  s.files = `git ls-files -x #{name}/* -z`.split("\0")
+
+  s.name = name
+  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", "taglibs"]
+
+end

data/lib/hobo_bootstrap_ui/railtie.rb

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

data/lib/hobo_bootstrap_ui.rb

@@ -0,0 +1,13 @@
+module HoboBootstrapUi
+
+  VERSION = File.read(File.expand_path('../../VERSION', __FILE__)).strip
+  @@root = Pathname.new File.expand_path('../..', __FILE__)
+  def self.root; @@root; end
+
+  EDIT_LINK_BASE = "https://github.com/Hobo/hobo/edit/bootstrap_template/hobo_bootstrap"
+
+  require 'hobo_bootstrap_ui/railtie' if defined?(Rails)
+
+  class Engine < ::Rails::Engine
+  end
+end

data/taglibs/hobo_bootstrap_ui.dryml

@@ -0,0 +1 @@
+<include src="*"/>

data/taglibs/modal.dryml

@@ -0,0 +1,89 @@
+<!--
+The Bootstrap dialog box, aka [modal](http://twitter.github.com/bootstrap/javascript.html#modals).
+
+All bootstrap options are supported.  Use the `data-` form to adjust the options.  Use a blank string for `false` and a non-blank string for true.
+
+    <modal data-backdrop="" data-keyboard="" data-show="1" data-remote="&foo_path">
+
+The default for data-show has been changed to false.   To display the dialog, set data-show="1", use a `<modal-open-button>` or use javascript (`$('#foo-modal').modal('show')`)
+
+If you want to use `modal` as an alert box, just add content to the default param:
+
+    <modal>Warning!  Foo monsters!</modal>
+
+To use modal to contain a form, you generally want to put the buttons into the footer, requiring you to override the `modal` parameter instead.
+
+      <modal id="new-story-modal">
+        <modal:>
+          <formlet owner="project" with="&this.stories.new" update="stories" success="$('#new-story-modal').modal('hide');">
+            <modal-header>New Story</modal-header>
+            <div class="modal-body">
+              <field-list size="0" fields="title, body, status" />
+            </div>
+            <modal-form-footer/>
+          </formlet>
+        </modal:>
+      </modal>
+      <modal-open-button modal="new-story-modal">New Story</modal-open-button>
+
+### Attributes
+
+- `data-show`, `data-backdrop`, `data-keyboard`, `data-remote`: see [Bootstrap documentation](http://twitter.github.com/bootstrap/javascript.html#modals)
+- `title`: the title.  You may also adjust the title via the `modal-header` param.
+
+-->
+<def tag="modal" attrs="title">
+<%
+  attributes['data_show'] ||= false
+  attributes['data_rapid'] = data_rapid('modal')
+%>
+  <div class="modal hide" tabindex="-1" role="dialog" merge-attrs param="modal">
+    <modal-header param><%= title %></modal-header>
+    <div class="modal-body" param="default"/>
+    <div class="modal-footer" param="modal-footer"/>
+  </div>
+</def>
+
+<!-- Bootstrap modal header.   See `<modal>` -->
+<def tag="modal-header">
+  <div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" param="close-button">×</button>
+    <h3 param="default"/>
+  </div>
+</def>
+
+<!-- Bootstrap modal footer containing submit and cancel buttons.   See `<modal>` -->
+<def tag="modal-form-footer">
+  <div class="modal-footer" param="default">
+    <submit param label="&t('hobo.actions.submit', :default => 'Submit')"/>
+    <input type="button" param="cancel" class="btn" data-dismiss="modal" aria-hidden="true" value="&t('hobo.actions.cancel', :default => 'Cancel')"/>
+  </div>
+</def>
+
+<!--
+When pressed, will toggle a `<modal>`.
+
+### Attributes
+ * `modal` (required): the id of a modal
+ * supports all button attributes
+
+### Example
+    <modal id="hello-modal">Hello!</modal>
+    <modal-open-button modal="hello-modal">Press Me!</modal-open-button>
+-->
+<def tag="modal-open-button" attrs="modal">
+  <a href="##{modal}" role="button" class="btn" data-toggle="modal" merge param="default"/>
+</def>
+
+
+<!--
+Defines an `<modal>` and a `<modal-open-button>` and links the two together.
+
+### Attributes
+ * `id` (optional): the DOM id to use for the modal
+-->
+<def tag="modal-and-button">
+  <% attributes["id"]="modal-#{(rand*1000000000).to_i}" unless attributes.has_key?("id") %>
+  <modal-open-button modal="#{attributes['id']}" param />
+  <modal param merge />
+</def>

data/taglibs/overrides.dryml

@@ -0,0 +1,6 @@
+<!-- implements `<search-results-container>` for hobo-rapid with `<modal>` -->
+<def tag="search-results-container" attrs="title">
+  <modal title="&title" param="default" data-show="1" id="search-results-box">
+    <search-results/>
+  </modal>
+</def>

data/taglibs/select_one_or_new.dryml

@@ -0,0 +1,63 @@
+<!-- Adds a small button to a select in order to create a new record within a modal
+
+For example, if I want to create a new project in stories/new.dryml:
+
+    <new-page>
+      <form:>
+        <field-list:>
+          <project-view:><select-one-or-new/></project-view:>
+        </field-list:>
+      </form:>
+    </new-page>
+
+You also need to modify the create action of the new record. projects_controller.rb:
+
+    def create
+      hobo_create do
+        if request.xhr?
+          @this = Story.new(:project => @project) 
+        else
+          create_response
+        end
+      end
+    end
+
+If you are instead in stories/edit.dryml, you need to make sure the new project is autoselected. Add a couple of lines to the previous code:
+
+    def create
+      hobo_create do
+        if request.xhr?
+          @this = Story.new(:project => @project)
+          ajax_update_response(params[:render].values, {}, {:postamble => 
+            "$('#select-one-or-new-Project').val(#{@project.id});"})
+        else
+          create_response
+        end
+      end
+    end
+
+-->
+<def tag="select-one-or-new">
+  <%# Partial %>
+  <div part="select-one-or-new" id="select-one-or-new-#{this_field}" class="pull-left">
+    <div class="input-append">
+      <select-one id="select-one-or-new-#{this_type}"/>
+      <%# Button that triggers the modal %>
+      <modal-open-button style="margin-top:-5px;" modal="myModal-#{this_field}">+</modal-open-button>
+    </div>
+  </div>
+
+  <%# Modal %>
+  <modal id="myModal-#{this_field}">
+    <modal:>
+      <formlet with="&this_type.new" update="select-one-or-new-#{this_field}"
+             complete="$('#myModal-#{this_field}').modal('hide')">
+        <modal-header><%= t('hobo.actions.create', :model => this_type.to_s) %></modal-header>
+        <div class="modal-body">
+          <field-list size="0"/>
+        </div>
+        <modal-form-footer/>
+      </formlet>
+    </modal:>
+  </modal>
+</def>

data/vendor/assets/javascripts/hobo-bootstrap-ui/hjq-modal.js

@@ -0,0 +1,20 @@
+/* dialog */
+(function($) {
+    var methods = {
+        init: function(annotations) {
+          this.modal({show: !!this.data('show')});
+        }
+    };
+
+    $.fn.hjq_modal = 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' );
+        }
+    };
+
+})( jQuery );

data/vendor/assets/javascripts/hobo_bootstrap_ui.js

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

data/vendor/assets/stylesheets/hobo_bootstrap_ui.css

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

metadata

@@ -0,0 +1,75 @@
+--- !ruby/object:Gem::Specification
+name: hobo_bootstrap_ui
+version: !ruby/object:Gem::Version
+  version: 2.0.0.pre6
+  prerelease: 6
+platform: ruby
+authors:
+- Ignacio Huerta
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2012-11-15 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: hobo_bootstrap
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.0.0.pre1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ~>
+      - !ruby/object:Gem::Version
+        version: 2.0.0.pre1
+description: Additional UI tags for the hobo_bootstrap theme
+email: ignacio@ihuerta.net
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- VERSION
+- hobo_bootstrap_ui.gemspec
+- lib/hobo_bootstrap_ui.rb
+- lib/hobo_bootstrap_ui/railtie.rb
+- screenshots/select_one_or_new.png
+- taglibs/hobo_bootstrap_ui.dryml
+- taglibs/modal.dryml
+- taglibs/overrides.dryml
+- taglibs/select_one_or_new.dryml
+- vendor/assets/javascripts/hobo-bootstrap-ui/hjq-modal.js
+- vendor/assets/javascripts/hobo_bootstrap_ui.js
+- vendor/assets/stylesheets/hobo_bootstrap_ui.css
+homepage: https://github.com/Hobo/hobo_bootstrap_ui
+licenses: []
+post_install_message: 
+rdoc_options:
+- --charset=UTF-8
+require_paths:
+- lib
+- 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: hobo
+rubygems_version: 1.8.24
+signing_key: 
+specification_version: 3
+summary: Additional UI tags for the hobo_bootstrap theme
+test_files: []