hobo_bootstrap_ui 2.0.0.pre7 → 2.0.0.pre8

data/README.md

@@ -1,6 +1,4 @@
-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`.
+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.   It pulls in the [bootstrap-datepicker-rails gem](https://github.com/Nerian/bootstrap-datepicker-rails), and can augment or replace the [hobo_jquery_ui](/plugins/hobo_jquery_ui) theme.
 
 ## Installation
 
@@ -12,22 +10,10 @@ This plugin also includes an implementation of `<search-results-container>`, rep
 
 ## 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.
+You can use hobo_bootstrap_ui instead of hobo_jquery_ui if you don't mind the loss of tags such as `<sortable-collection>`.
 
+Alternatively, hobo_bootstrap_ui and hobo_jquery_ui may both be used in the same Hobo application.  In the case of overlap, the plugin loaded last will be used.  Both plugins provide implementations of `<search-results-container>`, `<name-one>` and `<input for="Date">`.  Both plugins have these tags available with non-shadowed names:  `<name-one-bootstrap>` and `<bootstrap-datepicker>` for this gem.
 
+If you use hobo_bootstrap_ui without hobo_jquery_ui, you can also remove jQuery-UI from your `app/assets/javascripts/application.js` as well as associated stylesheets.  If you do this you will lose the ability to position the AJAX spinner and to use hide and show effects during part AJAX.
 
   [1]: https://github.com/Hobo/hobo_bootstrap_ui/raw/master/screenshots/select_one_or_new.png

data/VERSION

@@ -1 +1 @@
-2.0.0.pre7
+2.0.0.pre8

data/hobo_bootstrap_ui.gemspec

@@ -12,6 +12,7 @@ Gem::Specification.new do |s|
   s.description = 'Additional UI tags for the hobo_bootstrap theme'
 
   s.add_runtime_dependency('hobo_bootstrap', "~> 2.0.0.pre1")
+  s.add_runtime_dependency('bootstrap-datepicker-rails')
 
   s.files = `git ls-files -x #{name}/* -z`.split("\0")
 

data/lib/hobo_bootstrap_ui.rb

@@ -1,3 +1,9 @@
+# Sub dependencies written in the gemspec are not loaded by default:
+#   http://stackoverflow.com/questions/6960078
+# We need to require them here, so we can load the JS from bootstrap
+
+require 'bootstrap-datepicker-rails'
+
 module HoboBootstrapUi
 
   VERSION = File.read(File.expand_path('../../VERSION', __FILE__)).strip

data/taglibs/bootstrap_datepicker.dryml

@@ -0,0 +1,58 @@
+<!--
+This is the [Bootstrap Datepicker](https://github.com/Nerian/bootstrap-datepicker-rails).
+
+You can config some options. For example, to change the date format, language and weekstart you can add this to your front_site.dryml:
+
+    <def tag="input" for="Date">
+      <bootstrap-datepicker dateFormat="dd-mm-yyyy" language="es" weekstart="1" merge />
+    </def>
+
+If you do not specify the format, it will attempt to convert I18n.t(:"date.formats.default") from strftime format into the format that the Bootstrap Datepicker likes. Take into account that it's not exactly the same as jquery_ui: year "2000" is represented by "yyyy" instead of "yy".
+
+Another alternative to do the same is "extend. It's useful when you want to use "bootstrap-datepicker" directly in a form:
+
+    <extend tag="bootstrap-datepicker">
+      <old-bootstrap-datepicker dateFormat="dd-mm-yyyy" language="es" weekstart="1" merge/>
+    </extend>
+    
+-->
+
+<def tag="bootstrap-datepicker" attrs="name, value">
+  <% 
+    options, attrs = attributes.partition_hash(['format', 'weekstart', 'language', 'autoclose'])
+
+    options["autoclose"] ||= "true"
+    options["format"] ||= begin
+      d=I18n.t(:"date.formats.default")
+      {"%Y" => "yyyy",
+       "%y" => "yy",
+       "%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/yy",
+       "%F" => "yy-mm-dd",
+       "%x" => "mm/dd/yy"}.each {|rb, js| d.gsub!(rb,js)}
+     d
+    end
+    
+    if this && value.nil? && this.class == Date
+      value = I18n.l(this)
+    end
+
+  %>
+  <input name="#{name}" value="&value" type="text" class="bootstrap-datepicker"
+    data-date-format="#{options['format']}"
+    data-date-weekstart="#{options['weekstart']}" 
+    data-date-autoclose="#{options['autoclose']}" 
+    data-date-language="#{options['language']}"
+    merge-attrs
+  />
+</def>

data/taglibs/overrides.dryml

@@ -9,3 +9,13 @@
 <def tag="name-one">
   <name-one-bootstrap merge/>
 </def>
+
+<!-- use bootstrap-datepicker for date inputs. To switch back to vanilla Rails (`<datepicker-rails>`) add to your application.dryml:
+
+    <def tag="input" for="Date">
+      <datepicker-rails merge/>
+    </def>
+-->
+<def tag="input" for="Date">
+  <bootstrap-datepicker merge />
+</def>

data/vendor/assets/javascripts/hobo-bootstrap-ui/bootstrap-datepicker.js

@@ -0,0 +1,3 @@
+$(function() {
+  $('.bootstrap-datepicker').datepicker();
+});

data/vendor/assets/javascripts/hobo_bootstrap_ui.js

@@ -1,2 +1,2 @@
 //= require_tree .
-
+//= require bootstrap-datepicker

data/vendor/assets/stylesheets/hobo_bootstrap_ui.css

@@ -1,3 +1,4 @@
 /*
- *= require_tree .
- */
+*= require_tree .
+*= require bootstrap-datepicker
+*/

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: hobo_bootstrap_ui
 version: !ruby/object:Gem::Version
-  version: 2.0.0.pre7
+  version: 2.0.0.pre8
   prerelease: 6
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-12-07 00:00:00.000000000 Z
+date: 2013-02-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: hobo_bootstrap
@@ -27,6 +27,22 @@ dependencies:
     - - ~>
       - !ruby/object:Gem::Version
         version: 2.0.0.pre1
+- !ruby/object:Gem::Dependency
+  name: bootstrap-datepicker-rails
+  requirement: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    none: false
+    requirements:
+    - - ! '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Additional UI tags for the hobo_bootstrap theme
 email: ignacio@ihuerta.net
 executables: []
@@ -39,12 +55,14 @@ files:
 - lib/hobo_bootstrap_ui.rb
 - lib/hobo_bootstrap_ui/railtie.rb
 - screenshots/select_one_or_new.png
+- taglibs/bootstrap_datepicker.dryml
 - taglibs/hobo_bootstrap_ui.dryml
 - taglibs/modal.dryml
 - taglibs/name_one_bootstrap.dryml
 - taglibs/overrides.dryml
 - taglibs/select_one_or_new.dryml
 - taglibs/typeahead.dryml
+- vendor/assets/javascripts/hobo-bootstrap-ui/bootstrap-datepicker.js
 - vendor/assets/javascripts/hobo-bootstrap-ui/hjq-modal.js
 - vendor/assets/javascripts/hobo-bootstrap-ui/hjq-typeahead.js
 - vendor/assets/javascripts/hobo_bootstrap_ui.js
@@ -76,3 +94,4 @@ signing_key:
 specification_version: 3
 summary: Additional UI tags for the hobo_bootstrap theme
 test_files: []
+has_rdoc: