jqr-helpers 1.0.3 → 1.0.4

data/Readme.md

@@ -44,7 +44,8 @@ the dialog content from a remote route)
 * `button_to_ajax` - send an Ajax request when a button is clicked
 * `form_tag_ajax` - send an Ajax request when a form is submitted
 * `form_for_ajax` - ditto but using Rails's `form_for` helper
-* `tab_container` - create a tab container.
+* `tab_container` - create a tab container
+* `date_picker_tag` - create a date picker
 
 There are two sets of options that recur throughout the methods here:
 
@@ -131,7 +132,7 @@ This allows you to loop through the tabs in an intuitive and concise way.
 There are two special events triggered by jqr-helpers:
 
 * `jqr.load` - this is triggered when a remote call populates an element with
-data. The scope for the callback is the element which has just had data
+data. The target for the event is the element which has just had data
 populated.
 * `jqr.beforedialogopen` - for remote dialogs, this is triggered when the
 link or button is clicked to open the dialog but before the request is sent out.

data/app/assets/javascripts/jqr-helpers.js

@@ -190,28 +190,35 @@
     return false;
   }
 
-  $(function() {
-    $('.ujs-tab-container', this).each(function() {
+  function ujsLoadPlugins(event) {
+    $('.ujs-date-picker', event.target).each(function() {
+      var options = $(this).data('date-options');
+      $(this).datepicker(options);
+    });
+    $('.ujs-tab-container', event.target).each(function() {
       var options = $(this).data('tab-options');
       options = $.extend(options, {
-      beforeLoad: function(event, ui) {
-        if (ui.tab.data('loaded')) {
-          event.preventDefault();
-          return;
+        beforeLoad: function(event, ui) {
+          if (ui.tab.data('loaded')) {
+            event.preventDefault();
+            return;
+          }
+          ui.jqXHR.success(function() {
+            ui.tab.data('loaded', true);
+          });
+          $(ui.panel).html('Loading...');
+          ui.jqXHR.fail(function(jqXHR, textStatus, errorThrown) {
+            ui.panel.html('Error loading the tab: ' + errorThrown);
+          });
         }
-        ui.jqXHR.success(function() {
-          ui.tab.data('loaded', true);
-        });
-        $(ui.panel).html('Loading...');
-        ui.jqXHR.fail(function(jqXHR, textStatus, errorThrown) {
-          ui.panel.html('Error loading the tab: ' + errorThrown);
-        });
-      }
-    });
+      });
       $(this).tabs(options);
     });
+  }
 
+  $(function() {
     if ($().on) { // newer jQueries
+      $(document).on('jqr.load', ujsLoadPlugins);
       $(document).on('click', '.ujs-dialog', ujsDialogClick);
       $(document).on('click', '.ujs-dialog-close, .ujs-dialog-x',
           ujsDialogCloseClick);
@@ -221,6 +228,7 @@
       $(document).on('click', '[data-ujs-confirm=true]', ujsConfirmClick);
     }
     else {
+      $(document).live('jrq.load', ujsLoadPlugins);
       $('.ujs-dialog').live('click', ujsDialogClick);
       $('.ujs-dialog-close, .ujs-dialog-x').live('click', ujsDialogCloseClick);
       $('.ujs-ajax').live('ajax:beforeSend', ujsAjaxBeforeSend);
@@ -228,6 +236,7 @@
       $('.ujs-ajax').live('ajax:error', ujsAjaxError);
       $('[data-ujs-confirm=true]').live('click', ujsConfirmClick);
     }
+    $('body').trigger('jqr.load');
 
   });
 

data/jqr-helpers.gemspec

@@ -1,7 +1,7 @@
 Gem::Specification.new do |s|
   s.name         = 'jqr-helpers'
   s.require_paths = %w(. lib lib/jqr-helpers)
-  s.version      = '1.0.3'
+  s.version      = '1.0.4'
   s.date         = '2013-11-19'
   s.summary      = 'Helpers to print unobtrusive jQuery-UI tags.'
   s.description  = <<-EOF

data/lib/jqr-helpers/helpers.rb

@@ -266,6 +266,22 @@ module JqrHelpers
       end
     end
 
+    # Create a date picker field. The attributes given are passed to
+    # text_field_tag. Note that Ruby and jQuery date formats are different.
+    # You will need to format the "value" parameter to match whatever format you
+    # are passing into the "options" parameter.
+    # @param name [String] the name of the form element.
+    # @param value [Date] the initial value.
+    # @param options [Hash] options to be passed to datepicker().
+    # @param html_options [Hash] options to be passed to text_field_tag.
+    # @return [String]
+    def date_picker_tag(name, value, options={}, html_options={})
+      html_options[:'data-date-options'] = options.to_json
+      html_options[:class] ||= ''
+      html_options[:class] << ' ujs-date-picker'
+      text_field_tag(name, value, html_options)
+    end
+
     private
 
     # Process options related to Ajax requests (e.g. button_to_ajax).

data/lib/jqr-helpers/version.rb

@@ -1,5 +1,5 @@
 module JqrHelpers
   module Rails
-    VERSION = '1.0.3'
+    VERSION = '1.0.4'
   end
 end

metadata

@@ -2,7 +2,7 @@
 name: jqr-helpers
 version: !ruby/object:Gem::Version
   prerelease: 
-  version: 1.0.3
+  version: 1.0.4
 platform: ruby
 authors:
 - Daniel Orner