effective_form_inputs 1.0.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 21eeb2410f7b3acf28a2f62bc982c1ac6e29855f
-  data.tar.gz: ef450f694a8988d34bd376e84d09fa5d1ab4d779
+  metadata.gz: 70ab15ba6a6ca6aa19cbb4cb883fdbdd3e754b76
+  data.tar.gz: c3468e9539e7a91fd5d61a0a2393ab72718a49c2
 SHA512:
-  metadata.gz: a78f89a52cadebf05008e99cd6febb2a1c2bdd163b2f8493ed58f28c3bb1aee06753f72f85c71e06c336331ce9b0ab25d132fbab40ff2d7ad34e313c0920993f
-  data.tar.gz: 987c563c18c6c27d48bbb2a2858372255ff14149097711138f9a444aeea0d8cc55e98d0e3b516308acbeced3f0fdc5bafcdd998f184e6fbd2fbf0830d37e2084
+  metadata.gz: 57dba2ff14677bea5a9b8085865cf69a8810359b4f4b76d64a74d2cab5571646d172d3e22537ff0ed7feacb7404ae1b0a261329e809b4f35169cac112728bb6c
+  data.tar.gz: 0ed08a3df3d337401cd8e435d3358503513bf882c650f8d539682ac0f4e7a15a787d4f4e267482bb7509b8dea64d940267f4ad02cb7ec9d2900d397bdc53c6bf

data/README.md

@@ -675,6 +675,39 @@ When `:bootstrap`, this loads a CDN hosted bootstrap 3.3.7 stylesheet.
 ```
 
 
+## Effective Radio Buttons
+
+This custom form input adds image support to the SimpleForm radio buttons. It doesn't really work as a regular rails form helper.
+
+### Installation
+
+If you've already installed the 'All Form Inputs' assets (see above), there are no additional installation steps.
+
+To install this form input individually, add the following to your application.css:
+
+```ruby
+*= require effective_radio_buttons/input
+```
+
+There is no javascript.
+
+### Usage
+
+As a SimpleForm input:
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :breakfast,
+    :as => :effective_radio_buttons,
+    :collection => ['eggs', 'toast', 'bacon'],
+    :images => [asset_path('eggs.png'), asset_path('toast.png'), asset_path('bacon.png')]
+```
+
+### Options
+
+The only additional option is `images: []`, which must be an array of strings the same length as the collection.
+
+
 ## License
 
 MIT License.  Copyright [Code and Effect Inc.](http://www.codeandeffect.com/)

data/app/assets/stylesheets/effective_form_inputs.scss

@@ -1,2 +1,3 @@
 @import 'effective_date_time_picker/input';
+@import 'effective_radio_buttons/input';
 @import 'effective_select/input';

data/app/assets/stylesheets/effective_radio_buttons/input.scss

@@ -0,0 +1,25 @@
+div.effective_radio_buttons.image_radio_buttons {
+  input { display: none; }
+
+  .radio label { padding-left: 0px; }
+
+  // Nested style
+  label > input + img {
+    cursor: pointer;
+    border: 3px solid transparent;
+  }
+
+  label > input:checked + img {
+    border: 3px solid #009bc9;
+  }
+
+  // Non-nested style
+  input + label > img {
+    cursor: pointer;
+    border: 3px solid transparent;
+  }
+
+  input:checked + label > img {
+    border: 3px solid #009bc9;
+  }
+}

data/app/models/effective/form_builder_inputs.rb

@@ -16,6 +16,10 @@ module Effective
       Inputs::EffectivePrice::Input.new(@object, @object_name, @template, method, options, options).to_html
     end
 
+    def effective_radio_buttons(method, options = {})
+      Inputs::EffectiveRadioButtons::Input.new(@object, @object_name, @template, method, options, options).to_html
+    end
+
     def effective_static_control(method, options = {})
       Inputs::EffectiveStaticControl::Input.new(@object, @object_name, @template, method, options, options).to_html
     end

data/app/models/effective/form_input.rb

@@ -63,7 +63,7 @@ module Effective
     # It serializes any js_options into JSON format
     # And turns html_options[:class] back into a string
     def tag_options
-      html_options().tap do |html_options|
+      @tag_options ||= html_options().tap do |html_options|
         html_options['data-input-js-options'] = (JSON.generate(js_options) rescue {})
         html_options[:class] = html_options[:class].join(' ')
         html_options[:placeholder] = (html_options[:placeholder].presence || options[:placeholder])

data/app/models/inputs/effective_radio_buttons/input.rb

@@ -0,0 +1,84 @@
+module Inputs
+  module EffectiveRadioButtons
+    class Input < Effective::FormInput
+      delegate :collection_radio_buttons, :content_tag, :label_tag, :radio_button_tag, :image_tag, :to => :@template
+
+      BOOLEAN_COLLECTION = [['Yes', true], ['No', false]]
+
+      def default_options
+        { label_method: :first, value_method: :last }
+      end
+
+      def default_input_html
+        { class: 'effective_radio_buttons' }
+      end
+
+      def default_input_js
+        {}
+      end
+
+      def to_html
+        initialize_and_validate_images!
+        collection_radio_buttons(@object_name, @method, collection, options[:value_method], options[:label_method], {}, item_html_options, &proc { |builder| render_item(builder) })
+      end
+
+      def render_item(builder)
+        if options[:nested_boolean_style] == :nested
+          item = builder.label { builder.radio_button + item_image_or_text(builder) }
+        else
+          item = builder.radio_button + builder.label { item_image_or_text(builder) }
+        end
+
+        if options[:item_wrapper_tag]
+          content_tag(options[:item_wrapper_tag], item, class: options[:item_wrapper_class])
+        else
+          item
+        end
+      end
+
+      def item_image_or_text(builder)
+        @images_index += 1
+
+        if options[:images]
+          image_tag(options[:images][@images_index], alt: builder.text)
+        else
+          builder.text
+        end
+      end
+
+      def item_html_options
+        @item_html_options ||= { class: tag_options[:class] }
+      end
+
+      def html_options
+        super.tap do |html_options|
+          html_options[:class].delete('form-control')
+        end
+      end
+
+      def collection
+        @collection ||= begin
+          collection = options.delete(:collection) || BOOLEAN_COLLECTION
+          collection.respond_to?(:call) ? collection.call : collection.to_a
+        end
+      end
+
+      private
+
+      def initialize_and_validate_images!
+        @images_index = -1
+        return unless options[:images].present?
+
+        unless options[:images].kind_of?(Array) && (options[:images].first || '').kind_of?(String)
+          raise 'images must be an Array of Strings'
+        end
+
+        unless options[:images].length == collection.length
+          raise "images length must match collection length (#{collection.length})"
+        end
+      end
+
+    end
+  end
+end
+

data/app/models/inputs/effective_radio_buttons_input.rb

@@ -0,0 +1,25 @@
+# = simple_form_for @thing do |f|
+#   = f.input :breakfast, :as => :effective_radio_buttons, :collection => ['Eggs', 'Bacon'], images => [asset_path('eggs.png'), asset_path('bacon.png')]
+
+if defined?(SimpleForm)
+
+  class EffectiveRadioButtonsInput < SimpleForm::Inputs::CollectionRadioButtonsInput
+    def input(wrapper_options = nil)
+      label_method, value_method = (detect_collection_methods rescue [:first, :last])
+
+      options[:collection] = collection
+      options[:label_method] = label_method
+      options[:value_method] = value_method
+      options[:nested_boolean_style] = :nested if nested_boolean_style?
+
+      if options[:images]
+        options[:wrapper_html] ||= {}
+        options[:wrapper_html][:class] = "#{options[:wrapper_html][:class]} image_radio_buttons".strip
+      end
+
+      Inputs::EffectiveRadioButtons::Input.new(object, object_name, template, attribute_name, input_options, (merge_wrapper_options(input_html_options, wrapper_options) || {})).to_html
+    end
+
+  end
+
+end

data/lib/effective_form_inputs/version.rb

@@ -1,3 +1,3 @@
 module EffectiveFormInputs
-  VERSION = '1.0.0'.freeze
+  VERSION = '1.0.1'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_form_inputs
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.0.1
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-12-07 00:00:00.000000000 Z
+date: 2017-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -76,6 +76,7 @@ files:
 - app/assets/stylesheets/effective_date_time_picker/input.scss
 - app/assets/stylesheets/effective_date_time_picker/overrides.scss
 - app/assets/stylesheets/effective_form_inputs.scss
+- app/assets/stylesheets/effective_radio_buttons/input.scss
 - app/assets/stylesheets/effective_select/bootstrap-theme.css
 - app/assets/stylesheets/effective_select/input.scss
 - app/assets/stylesheets/effective_select/overrides.scss
@@ -93,6 +94,8 @@ files:
 - app/models/inputs/effective_email_input.rb
 - app/models/inputs/effective_price/input.rb
 - app/models/inputs/effective_price_input.rb
+- app/models/inputs/effective_radio_buttons/input.rb
+- app/models/inputs/effective_radio_buttons_input.rb
 - app/models/inputs/effective_select/input.rb
 - app/models/inputs/effective_select_input.rb
 - app/models/inputs/effective_static_control/input.rb