formize 0.0.19 → 0.0.20

data/VERSION

@@ -1 +1 @@
-0.0.19
+0.0.20

data/lib/assets/javascripts/formize.js

@@ -60,16 +60,20 @@ $.datepicker.regional['zh-TW'] = { closeText: '關閉', prevText: '<上月'
     // Replaces `$(selector).live("ready", handler)` which don't work
     // It rebinds automatically after each ajax request all not-binded.
     $.behaviours = [];
-    $.behave = function (selector, eventType, handler) {
-        if (eventType == "load") {
-            $(document).ready(function(event) {
-                $(selector).each(handler);
-                $(selector).prop('alreadyBound', true);
-            });
-            $.behaviours.push({selector: selector, handler: handler});
-        } else {
-            $(selector).live(eventType, handler);
-        }
+    $.behave = function (selector, events, handler) {
+	events = events.split(/\s+/ig);
+	for (var i = 0; i < events.length; i += 1) {
+	    event = events[i];
+            if (event === "load") {
+		$(document).ready(function(event) {
+                    $(selector).each(handler);
+                    $(selector).prop('alreadyBound', true);
+		});
+		$.behaviours.push({selector: selector, handler: handler});
+            } else {
+		$(selector).live(event, handler);
+            }
+	}
     }
     // Rebinds unbound elements on each ajax request.
     $(document).ajaxComplete(function () {
@@ -108,7 +112,7 @@ $.datepicker.regional['zh-TW'] = { closeText: '關閉', prevText: '&#x3c;上月'
                     modal: true,
                     width: 'auto',
                     // height: 'auto',
-                    height: $(document).height()*0.8
+		    height: $(window).height()*0.8
                 });
                 $.ajaxDialogInitialize(frame);
                 frame.dialog("open");
@@ -138,6 +142,7 @@ $.datepicker.regional['zh-TW'] = { closeText: '關閉', prevText: '&#x3c;上月'
         $("#" + frame_id + " form").each(function (index, form) {
             $(form).attr('data-dialog', frame_id);
         });
+	
     };
 
     $.submitAjaxForm = function () {
@@ -186,6 +191,7 @@ $.datepicker.regional['zh-TW'] = { closeText: '關閉', prevText: '&#x3c;上月'
     // Submits dialog forms
     $.behave(".ajax-dialog form[data-dialog]", "submit", $.submitAjaxForm);
 
+
 })(jQuery);
 
 var Formize = {};
@@ -207,6 +213,12 @@ Formize.refreshDependents = function (event) {
                     success: function(data, textStatus, response) {
 			if (mode == 'update') {
 			    $(item).html(response.responseText);
+			} else if (mode == 'update-value') {
+			    if (element.data("attribute")) {
+				$(item).val($.parseJSON(data)[element.data("attribute")]);
+			    } else {
+				$(item).val(response.responseText);
+			    }
 			} else {
                             $(item).replaceWith(response.responseText);
 			}
@@ -222,22 +234,20 @@ Formize.refreshDependents = function (event) {
     return false;
 }
 
-Formize.Toggles = {
-
-    ifChecked: function () {
-        var check_box = $(this);
-        if (check_box.prop("checked")) {
-            $(check_box.attr('data-show')).slideDown();
-            $(check_box.attr('data-hide')).slideUp();
-        } else {
-            $(check_box.attr('data-show')).slideUp();
-            $(check_box.attr('data-hide')).slideDown();
-        }
+Formize.toggleCheckboxes =  function () {
+    var checkable = $(this);
+    if (checkable.prop("checked")) {
+	$(checkable.attr('data-show')).slideDown();
+	$(checkable.attr('data-hide')).slideUp();
+    } else {
+	$(checkable.attr('data-show')).slideUp();
+	$(checkable.attr('data-hide')).slideDown();
     }
+};
 
-}
-
-
+Formize.toggleRadios = function () {
+    $("input[type='radio'][data-show], input[type='radio'][data-hide]").each(Formize.toggleCheckboxes);
+};
 
 // Initializes unroll inputs
 $.behave('input[data-unroll]', 'load', function() {
@@ -271,12 +281,12 @@ $.behave('input[data-unroll]', 'load', function() {
 // Initializes date fields
 $.behave('input[data-datepicker]', "load", function() {
     var element = $(this);
-    var locale = element.attr("data-locale");
+    var locale = element.data("locale");
     var options = $.datepicker.regional[locale];
-    if (element.attr("data-date-format") !== null) {
-        options['dateFormat'] = element.attr("data-date-format");
+    if (element.data("date-format") !== null) {
+        options['dateFormat'] = element.data("date-format");
     }
-    options['altField'] = '#'+element.attr("data-datepicker");
+    options['altField'] = '#'+element.data("datepicker");
     options['altFormat'] = 'yy-mm-dd';
     options['defaultDate'] = element.val();
     element.datepicker(options);
@@ -287,15 +297,15 @@ $.behave('input[data-datepicker]', "load", function() {
 // Can't work properly with actual datetimepicker
 // $.behave('input[data-datetimepicker]', "load", function() {
 //     var element = $(this);
-//     var locale = element.attr("data-locale");
+//     var locale = element.data("locale");
 //     var options = $.datepicker.regional[locale];
-//     if (element.attr("data-date-format") !== null) {
-//         options['dateFormat'] = element.attr("data-date-format");
+//     if (element.data("date-format") !== null) {
+//         options['dateFormat'] = element.data("date-format");
 //     }
-//     if (element.attr("data-time-format") !== null) {
-//         options['timeFormat'] = element.attr("data-time-format");
+//     if (element.data("time-format") !== null) {
+//         options['timeFormat'] = element.data("time-format");
 //     }
-//     options['altField'] = '#'+element.attr("data-datetimepicker");
+//     options['altField'] = '#'+element.data("datetimepicker");
 //     options['altFormat'] = 'yy-mm-dd';
 //     options['altFieldTimeOnly'] = false;
 //     options['showSecond'] = true;
@@ -306,6 +316,7 @@ $.behave('input[data-datepicker]', "load", function() {
 
 // Initializes resizable text areas
 // Minimal size is defined on default size of the area
+/*
 $.behave('textarea[data-resizable]', "load", function() {
     var element = $(this);
     element.resizable({ 
@@ -316,7 +327,7 @@ $.behave('textarea[data-resizable]', "load", function() {
         stop: function (event, ui) { $(this).css("padding-bottom", "0px"); }
     });
 });
-
+*/
 // Opens a dialog for a resource creation
 $.behave("a[data-add-item]", "click", function() {
     var element = $(this);
@@ -348,8 +359,8 @@ $.behave("a[data-add-item]", "click", function() {
 $.behave("input[data-autocomplete]", "load", function () {
     var element = $(this);
     element.autocomplete({
-	source: element.attr("data-autocomplete"),
-	minLength: parseInt(element.attr("data-min-length") || 1)
+	source: element.data("autocomplete"),
+	minLength: parseInt(element.data("min-length") || 1)
     });
 });
 
@@ -360,6 +371,12 @@ $.behave("*[data-dependents]", "emulated:change", Formize.refreshDependents);
 $.behave("select[data-dependents]", "keypress", Formize.refreshDependents);
 
 // Hide/show blocks depending on check boxes
-$.behave("input[data-show], input[data-hide]", "load", Formize.Toggles.ifChecked);
-$.behave("input[data-show], input[data-hide]", "change", Formize.Toggles.ifChecked);
+$.behave("input[type='checkbox'][data-show], input[type='checkbox'][data-hide]", "load", Formize.toggleCheckboxes);
+$.behave("input[type='checkbox'][data-show], input[type='checkbox'][data-hide]", "change", Formize.toggleCheckboxes)
+$.behave("input[type='radio'][data-show], input[type='radio'][data-hide]", "load", Formize.toggleCheckboxes);
+$.behave("input[type='radio'][data-show], input[type='radio'][data-hide]", "change", Formize.toggleRadios)
+// $.behave("input[data-show], input[data-hide]", "load", Formize.Toggles.ifChecked);
+// $.behave("input[data-show], input[data-hide]", "change", Formize.Toggles.ifChecked);
+//$.behave("input[type='checkbox'], input[type='radio']", "load", Formize.toggleCheckables);
+//$.behave("input[type='checkbox'], input[type='radio']", "change", Formize.toggleCheckables);
 

data/lib/assets/javascripts/jquery.ui.formize.js

@@ -4,16 +4,20 @@
     // Replaces `$(selector).live("ready", handler)` which don't work
     // It rebinds automatically after each ajax request all not-binded.
     $.behaviours = [];
-    $.behave = function (selector, eventType, handler) {
-        if (eventType == "load") {
-            $(document).ready(function(event) {
-                $(selector).each(handler);
-                $(selector).prop('alreadyBound', true);
-            });
-            $.behaviours.push({selector: selector, handler: handler});
-        } else {
-            $(selector).live(eventType, handler);
-        }
+    $.behave = function (selector, events, handler) {
+	events = events.split(/\s+/ig);
+	for (var i = 0; i < events.length; i += 1) {
+	    event = events[i];
+            if (event === "load") {
+		$(document).ready(function(event) {
+                    $(selector).each(handler);
+                    $(selector).prop('alreadyBound', true);
+		});
+		$.behaviours.push({selector: selector, handler: handler});
+            } else {
+		$(selector).live(event, handler);
+            }
+	}
     }
     // Rebinds unbound elements on each ajax request.
     $(document).ajaxComplete(function () {
@@ -52,7 +56,7 @@
                     modal: true,
                     width: 'auto',
                     // height: 'auto',
-                    height: $(document).height()*0.8
+		    height: $(window).height()*0.8
                 });
                 $.ajaxDialogInitialize(frame);
                 frame.dialog("open");
@@ -82,6 +86,7 @@
         $("#" + frame_id + " form").each(function (index, form) {
             $(form).attr('data-dialog', frame_id);
         });
+	
     };
 
     $.submitAjaxForm = function () {
@@ -130,6 +135,7 @@
     // Submits dialog forms
     $.behave(".ajax-dialog form[data-dialog]", "submit", $.submitAjaxForm);
 
+
 })(jQuery);
 
 var Formize = {};
@@ -151,6 +157,12 @@ Formize.refreshDependents = function (event) {
                     success: function(data, textStatus, response) {
 			if (mode == 'update') {
 			    $(item).html(response.responseText);
+			} else if (mode == 'update-value') {
+			    if (element.data("attribute")) {
+				$(item).val($.parseJSON(data)[element.data("attribute")]);
+			    } else {
+				$(item).val(response.responseText);
+			    }
 			} else {
                             $(item).replaceWith(response.responseText);
 			}
@@ -166,22 +178,20 @@ Formize.refreshDependents = function (event) {
     return false;
 }
 
-Formize.Toggles = {
-
-    ifChecked: function () {
-        var check_box = $(this);
-        if (check_box.prop("checked")) {
-            $(check_box.attr('data-show')).slideDown();
-            $(check_box.attr('data-hide')).slideUp();
-        } else {
-            $(check_box.attr('data-show')).slideUp();
-            $(check_box.attr('data-hide')).slideDown();
-        }
+Formize.toggleCheckboxes =  function () {
+    var checkable = $(this);
+    if (checkable.prop("checked")) {
+	$(checkable.attr('data-show')).slideDown();
+	$(checkable.attr('data-hide')).slideUp();
+    } else {
+	$(checkable.attr('data-show')).slideUp();
+	$(checkable.attr('data-hide')).slideDown();
     }
+};
 
-}
-
-
+Formize.toggleRadios = function () {
+    $("input[type='radio'][data-show], input[type='radio'][data-hide]").each(Formize.toggleCheckboxes);
+};
 
 // Initializes unroll inputs
 $.behave('input[data-unroll]', 'load', function() {
@@ -215,12 +225,12 @@ $.behave('input[data-unroll]', 'load', function() {
 // Initializes date fields
 $.behave('input[data-datepicker]', "load", function() {
     var element = $(this);
-    var locale = element.attr("data-locale");
+    var locale = element.data("locale");
     var options = $.datepicker.regional[locale];
-    if (element.attr("data-date-format") !== null) {
-        options['dateFormat'] = element.attr("data-date-format");
+    if (element.data("date-format") !== null) {
+        options['dateFormat'] = element.data("date-format");
     }
-    options['altField'] = '#'+element.attr("data-datepicker");
+    options['altField'] = '#'+element.data("datepicker");
     options['altFormat'] = 'yy-mm-dd';
     options['defaultDate'] = element.val();
     element.datepicker(options);
@@ -231,15 +241,15 @@ $.behave('input[data-datepicker]', "load", function() {
 // Can't work properly with actual datetimepicker
 // $.behave('input[data-datetimepicker]', "load", function() {
 //     var element = $(this);
-//     var locale = element.attr("data-locale");
+//     var locale = element.data("locale");
 //     var options = $.datepicker.regional[locale];
-//     if (element.attr("data-date-format") !== null) {
-//         options['dateFormat'] = element.attr("data-date-format");
+//     if (element.data("date-format") !== null) {
+//         options['dateFormat'] = element.data("date-format");
 //     }
-//     if (element.attr("data-time-format") !== null) {
-//         options['timeFormat'] = element.attr("data-time-format");
+//     if (element.data("time-format") !== null) {
+//         options['timeFormat'] = element.data("time-format");
 //     }
-//     options['altField'] = '#'+element.attr("data-datetimepicker");
+//     options['altField'] = '#'+element.data("datetimepicker");
 //     options['altFormat'] = 'yy-mm-dd';
 //     options['altFieldTimeOnly'] = false;
 //     options['showSecond'] = true;
@@ -250,6 +260,7 @@ $.behave('input[data-datepicker]', "load", function() {
 
 // Initializes resizable text areas
 // Minimal size is defined on default size of the area
+/*
 $.behave('textarea[data-resizable]', "load", function() {
     var element = $(this);
     element.resizable({ 
@@ -260,7 +271,7 @@ $.behave('textarea[data-resizable]', "load", function() {
         stop: function (event, ui) { $(this).css("padding-bottom", "0px"); }
     });
 });
-
+*/
 // Opens a dialog for a resource creation
 $.behave("a[data-add-item]", "click", function() {
     var element = $(this);
@@ -292,8 +303,8 @@ $.behave("a[data-add-item]", "click", function() {
 $.behave("input[data-autocomplete]", "load", function () {
     var element = $(this);
     element.autocomplete({
-	source: element.attr("data-autocomplete"),
-	minLength: parseInt(element.attr("data-min-length") || 1)
+	source: element.data("autocomplete"),
+	minLength: parseInt(element.data("min-length") || 1)
     });
 });
 
@@ -304,5 +315,11 @@ $.behave("*[data-dependents]", "emulated:change", Formize.refreshDependents);
 $.behave("select[data-dependents]", "keypress", Formize.refreshDependents);
 
 // Hide/show blocks depending on check boxes
-$.behave("input[data-show], input[data-hide]", "load", Formize.Toggles.ifChecked);
-$.behave("input[data-show], input[data-hide]", "change", Formize.Toggles.ifChecked);
+$.behave("input[type='checkbox'][data-show], input[type='checkbox'][data-hide]", "load", Formize.toggleCheckboxes);
+$.behave("input[type='checkbox'][data-show], input[type='checkbox'][data-hide]", "change", Formize.toggleCheckboxes)
+$.behave("input[type='radio'][data-show], input[type='radio'][data-hide]", "load", Formize.toggleCheckboxes);
+$.behave("input[type='radio'][data-show], input[type='radio'][data-hide]", "change", Formize.toggleRadios)
+// $.behave("input[data-show], input[data-hide]", "load", Formize.Toggles.ifChecked);
+// $.behave("input[data-show], input[data-hide]", "change", Formize.Toggles.ifChecked);
+//$.behave("input[type='checkbox'], input[type='radio']", "load", Formize.toggleCheckables);
+//$.behave("input[type='checkbox'], input[type='radio']", "change", Formize.toggleCheckables);

data/lib/formize/helpers/form_tag_helper.rb

@@ -12,7 +12,7 @@ module Formize
         format = I18n.translate('date.formats.'+format.to_s)
         Formize::DATE_FORMAT_TOKENS.each{|js, rb| format.gsub!(rb, js)}        
         html  = ""
-        html << hidden_field_tag(name, value.to_s(:db))
+        html << hidden_field_tag(name, (value.is_a?(Date) ? value.to_s(:db) : value.to_s))
         html << tag(:input, :type=>:text, "data-datepicker"=>name, "data-date-format"=>format, :value=>localized_value, "data-locale"=>::I18n.locale, :size=>options.delete(:size)||10)
         return html.html_safe
       end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: formize
 version: !ruby/object:Gem::Version
-  version: 0.0.19
+  version: 0.0.20
   prerelease: 
 platform: ruby
 authors:
@@ -9,11 +9,11 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2011-09-19 00:00:00.000000000Z
+date: 2011-09-27 00:00:00.000000000Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
-  requirement: &12364680 !ruby/object:Gem::Requirement
+  requirement: &15013920 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -21,10 +21,10 @@ dependencies:
         version: '3'
   type: :runtime
   prerelease: false
-  version_requirements: *12364680
+  version_requirements: *15013920
 - !ruby/object:Gem::Dependency
   name: jquery-rails
-  requirement: &12362020 !ruby/object:Gem::Requirement
+  requirement: &15001720 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -32,10 +32,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *12362020
+  version_requirements: *15001720
 - !ruby/object:Gem::Dependency
   name: fastercsv
-  requirement: &12359700 !ruby/object:Gem::Requirement
+  requirement: &14997320 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -43,10 +43,10 @@ dependencies:
         version: '0'
   type: :runtime
   prerelease: false
-  version_requirements: *12359700
+  version_requirements: *14997320
 - !ruby/object:Gem::Dependency
   name: jeweler
-  requirement: &12086380 !ruby/object:Gem::Requirement
+  requirement: &14986600 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
@@ -54,10 +54,10 @@ dependencies:
         version: 1.6.4
   type: :development
   prerelease: false
-  version_requirements: *12086380
+  version_requirements: *14986600
 - !ruby/object:Gem::Dependency
   name: rcov
-  requirement: &12083820 !ruby/object:Gem::Requirement
+  requirement: &14984080 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -65,10 +65,10 @@ dependencies:
         version: '0'
   type: :development
   prerelease: false
-  version_requirements: *12083820
+  version_requirements: *14984080
 - !ruby/object:Gem::Dependency
   name: rdoc
-  requirement: &12060320 !ruby/object:Gem::Requirement
+  requirement: &14982280 !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ! '>='
@@ -76,7 +76,7 @@ dependencies:
         version: 2.4.2
   type: :development
   prerelease: false
-  version_requirements: *12060320
+  version_requirements: *14982280
 description: Like simple_form or formtastic, it aims to handle easily forms but taking
   in account AJAX and HTML5 on depending fields mainly.
 email: brice.texier@ekylibre.org
@@ -209,7 +209,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1687169217529318085
+      hash: 1168190452550627795
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements: