cielo_assets 0.0.4 → 0.0.5

data/README.md

@@ -79,3 +79,44 @@ You can provide any arbitrary css class since you define it at your own applicat
       <%= f.cielo_controls :field %>
       <%= f.submit %>
     <% end %>
+
+## Validation and FieldWithErrors workaround
+
+When rails fields fails to validate, the corresponding field is surrounded by a div with field_with_errors
+class. This breaks CieloAssets behavior, because it expects input and labels are adjacent, to highlight
+the checked control:
+
+    input {
+      display: none;
+      &:checked + label {
+        border-color: #777;
+      }
+    }
+
+To avoid this side effect, add
+[this workaround](http://stackoverflow.com/questions/5267998/rails-3-field-with-errors-wrapper-changes-the-page-appearance-how-to-avoid-t)
+on your project's ``` config/application.rb ```:
+
+    config.action_view.field_error_proc = Proc.new { |html_tag, instance|
+      if instance.object.respond_to? "disable_field_with_errors_for_#{instance.method_name}"
+        html_tag.html_safe
+      else
+        "<div class=\"field_with_errors\">#{html_tag}</div>".html_safe
+      end
+    }
+
+and declare the fields (via attr_reader or an empty method, for example)
+that should not be surrounded by ``` field_with_errors ``` div when validation fails:
+
+    # supposes attribute is named cielo_flag
+    attr_accessible :cielo_flag
+
+    attr_reader :disable_field_with_errors_for_cielo_flag
+
+or
+
+    # supposes attribute is named flag
+    attr_accessible :flag
+
+    def disable_field_with_errors_for_flag
+    end

data/app/assets/stylesheets/cielo_assets/controls.css.scss.erb

@@ -22,8 +22,8 @@
     &.selectable {
       width: 60px;
       height: 60px;
+      cursor: pointer;
       border: 5px solid #EEE;
-      cursor: hand;
       &:hover {
         border-color: #AAA;
       }

data/app/helpers/cielo_assets/form_helper.rb

@@ -4,11 +4,18 @@ module CieloAssets
       id    = options.delete(:id)    || :cielo_controls
       style = options.delete(:style) || :horizontal
 
+      # object is deleted by radio_button helper,
+      # so it must be re-added to options every flag
+      object = options[:object]
+
       content_tag :div, id: id, class: style do
-        [:amex,:diners,:elo,:mastercard,:mastercard_securecode,:verified_by_visa,:visa].collect { |flag|
+        %w(amex diners elo mastercard mastercard_securecode verified_by_visa visa).collect { |flag|
+          options.merge! object: object
+          radio = radio_button object_name, method, flag, options
+          radio_id = radio.to_s.scan(/id=\"([^"]*)/).flatten.first
+          label_options = options.merge class: "#{flag} selectable", for: radio_id
           [
-            radio_button(object_name, method, flag, options),
-            label("#{object_name}_#{method}", flag, options.merge(class: "#{flag} selectable"))
+            radio, label(radio_id, flag, label_options)
           ].join.html_safe
         }.join.html_safe
       end

data/lib/cielo_assets/engine.rb

@@ -12,6 +12,7 @@ module CieloAssets
   # Monkey patches FormBuilder
   class ActionView::Helpers::FormBuilder
     def cielo_controls method, options={}
+      options.merge! object: @object
       @template.cielo_controls @object_name, method, options
     end
   end

data/lib/cielo_assets/version.rb

@@ -1,3 +1,3 @@
 module CieloAssets
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: cielo_assets
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
   prerelease: 
 platform: ruby
 authors:
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-02-12 00:00:00.000000000 Z
+date: 2013-02-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -169,7 +169,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1772313288410862178
+      hash: -665081776306586388
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -178,7 +178,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -1772313288410862178
+      hash: -665081776306586388
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.23