effective_form_inputs 0.6.4 → 0.7.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 3cea3031378c53e9054780a34f0829e2097ba2d7
-  data.tar.gz: 5001cad0a253ce6d7dde3d7754e280b9209ca249
+  metadata.gz: 23128ed6bfc6abb1d0e7974489405d15958cab24
+  data.tar.gz: 633a4c5fd1831f215f5659ae2fcfca6ff10ee8de
 SHA512:
-  metadata.gz: cf90a2c883b98b0bd2e3006f6ad0e68a5bf97f50454e019f9c4393a66101e79cf02be54b413792f1d93dca02b4f605b40303150e3755c634d866c2f44ab77b05
-  data.tar.gz: 027fc8403328fb66737b7a3f16d3f658c7257e4277a20a386ee02f3c8ec6193c1dec3bad1bdde01b5db6a5b1804fcf7dd5e5262fada021c687363d36387c8649
+  metadata.gz: cdff9165217e98224a7f8c904cbe0dab4111bd8c81d4760a06b548d959affaa21a466e360caf7e76a7ff6bed77fd1a9668d588e2d0cfa4e8b93be3f63dec4a75
+  data.tar.gz: 54472a6f2f159ce33afe5962d06f157808576b5e65bae47623200cbbbe656c47cc4aaae51228ceedf5e96b1e2ca33eafcf97a907423a365118a59756c361e28e

data/README.md

@@ -331,32 +331,60 @@ As a SimpleForm input without the input group (phone glyphicon)
   = f.input :phone, :as => :effective_tel, :input_group => false
 ```
 
-### Options
+## Effective Price
+
+This custom form input uses no 3rd party jQuery plugins.
+
+It displays a currency formatted value `100.00` but posts the "price as integer" value of `10000` to the server.
+
+Think about this value as "the number of cents".
+
+
+### Installation
 
-By default, this form input uses the `glyphicon-earphone` glyphicon and accepts a telephone number with optional 5-digit extension.
+If you've already installed the 'All Form Inputs' assets (see above), there are no additional installation steps.
 
-It will set up a mask as follows:
+To install this form input individually, add the following to your application.js:
 
 ```ruby
-:input_js => {:mask => '(999) 999-9999? x99999'}
+//= require effective_price/input
 ```
 
-Calling the form input with `:cellphone => true` will use the `glyphicon-phone` glyphicon and accept only a telephone number.
+### Usage
 
-It will set up a mask as follows:
+As a Rails Form Helper input:
 
 ```ruby
-:input_js => {:mask => '(999) 999-9999'}
+= form_for @product do |f|
+  = f.effective_price :price
 ```
 
-The only available javascript options are `mask` and `placeholder`:
+As a SimpleForm input:
 
 ```ruby
-:input_js => {:mask => '...', :placeholder => '_'}
+= simple_form_for @product do |f|
+  = f.input :price, :as => :effective_price
 ```
 
+As a SimpleForm input without the input group (glyphicon-usd glyphicon)
+
+```ruby
+= simple_form_for @product do |f|
+  = f.input :price, :as => :effective_price, :input_group => false
+```
+
+### Options
+
+There are no javascript options for this input.
+
+
+### Rails Helper
+
+This input also installs a rails view helper `price_to_currency` that takes a value like `10000` and displays it as `$100.00`
+
+
 
-## Passing Options to JavaScript
+## Passing Options to JavaScript Behaviour
 
 All `:input_js => options` passed to any effective_form_input will be used to initialize the Javascript library
 

data/app/assets/javascripts/effective_form_inputs.js

@@ -1,4 +1,5 @@
 //= require ./effective_date_time_picker/input
 //= require ./effective_date_picker/input
+//= require ./effective_price/input
 //= require ./effective_select/input
 //= require ./effective_tel/input

data/app/assets/javascripts/effective_price/initialize.js.coffee

@@ -0,0 +1,37 @@
+initialize = ->
+  $('input.effective_price:not(.initialized)').each (i, element) ->
+    element = $(element)
+    options = element.data('input-js-options') || {}
+
+    # We don't actually do anything
+    element.addClass('initialized')
+
+$ -> initialize()
+$(document).on 'page:change', -> initialize()
+$(document).on 'cocoon:after-insert', -> initialize()
+
+
+# Prevent non-currency buttons from being pressed
+$(document).on 'keydown', "input[type='text'].effective_price", (event) ->
+  allowed = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '-', ',', '.']
+
+  if event.key.length == 1 && event.metaKey == false && allowed.indexOf(event.key) == -1
+    event.preventDefault()
+
+
+# Format the value for display as currency (USD)
+$(document).on 'change', "input[type='text'].effective_price", (event) ->
+  value = parseFloat($(event.target).val().replace(',', ''))
+
+  if isNaN(value) == false
+    value = value.toFixed(2).toString()
+    value = value.toString().replace(/(\d+)(\d{3})/, '$1'+','+'$2') while (/(\d+)(\d{3})/.test(value))
+  else
+    value = ''
+
+  $(event.target).val(value)
+
+# Assign the hidden input a value of 100x value
+$(document).on 'change keyup', "input[type='text'].effective_price", (event) ->
+  value = (parseFloat($(event.target).val().replace(',', '')) || 0.00) * 100.00
+  $(event.target).siblings("input[type='hidden']").first().val(value.toFixed(0))

data/app/assets/javascripts/effective_price/input.js

@@ -0,0 +1 @@
+//= require ./initialize

data/app/helpers/effective_form_inputs_helper.rb

@@ -0,0 +1,7 @@
+module EffectiveFormInputsHelper
+  def price_to_currency(price)
+    price = price || 0
+    raise 'price_to_currency expects an Integer representing the number of cents' unless price.kind_of?(Integer)
+    number_to_currency(price / 100.0)
+  end
+end

data/app/models/effective/form_builder_inputs.rb

@@ -8,6 +8,10 @@ module Effective
       Inputs::EffectiveDatePicker::Input.new(@object, @object_name, @template, method, options, options).to_html
     end
 
+    def effective_price(method, options = {})
+      Inputs::EffectivePrice::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/inputs/effective_price/input.rb

@@ -0,0 +1,42 @@
+module Inputs
+  module EffectivePrice
+    class Input < Effective::FormInput
+      delegate :content_tag, :number_to_currency, :text_field_tag, :hidden_field_tag, :to => :@template
+
+      def default_input_html
+        {class: 'effective_price numeric', maxlength: 14}
+      end
+
+      def to_html
+        if options[:input_group] == false
+          return text_field_tag(field_name, value, tag_options) + hidden_field_tag(field_name, price, id: price_field)
+        end
+
+        content_tag(:div, class: 'input-group') do
+          content_tag(:span, '$', class: 'input-group-addon') do
+            content_tag(:i, '', class: 'glyphicon glyphicon-usd').html_safe
+          end +
+          text_field_tag(field_name, number_to_currency(value, unit: ''), tag_options) +
+          hidden_field_tag(field_name, price, id: price_field)
+        end
+      end
+
+      def value
+        val = (@value || 0) # This is 'super'
+        val.kind_of?(Integer) ? ('%.2f' % (val / 100.0)) : ('%.2f' % val)
+      end
+
+      # These two are for the hidden input
+      def price_field
+        "#{field_name.parameterize.gsub('-', '_')}_value_as_integer"
+      end
+
+      def price
+        val = (@value || 0) # This is 'super'
+        val.kind_of?(Integer) ? val : (val * 100.0).to_i
+      end
+
+    end
+  end
+end
+

data/app/models/inputs/effective_price_input.rb

@@ -0,0 +1,12 @@
+# = simple_form_for @thing do |f|
+#   = f.input :price, :as => :effective_price
+
+if defined?(SimpleForm)
+
+  class EffectivePriceInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      Inputs::EffectivePrice::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/engine.rb

@@ -4,7 +4,7 @@ module EffectiveFormInputs
 
     config.autoload_paths += Dir["#{config.root}/app/models/**/"]
 
-    initializer 'effective_orders.action_view' do |app|
+    initializer 'effective_form_inputs.action_view' do |app|
       Rails.application.config.to_prepare do
         ActiveSupport.on_load :action_view do
           ActionView::Helpers::FormBuilder.send(:include, Effective::FormBuilderInputs)
@@ -12,5 +12,15 @@ module EffectiveFormInputs
       end
     end
 
+    # Include Helpers to base application
+    initializer 'effective_form_inputs.action_controller' do |app|
+      Rails.application.config.to_prepare do
+        ActiveSupport.on_load :action_controller do
+          helper EffectiveFormInputsHelper
+        end
+      end
+    end
+
+
   end
 end

data/lib/effective_form_inputs/version.rb

@@ -1,3 +1,3 @@
 module EffectiveFormInputs
-  VERSION = '0.6.4'.freeze
+  VERSION = '0.7.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_form_inputs
 version: !ruby/object:Gem::Version
-  version: 0.6.4
+  version: 0.7.0
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-08-05 00:00:00.000000000 Z
+date: 2015-08-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -56,6 +56,8 @@ files:
 - app/assets/javascripts/effective_date_time_picker/moment.js
 - app/assets/javascripts/effective_date_time_picker/overrides.js.coffee
 - app/assets/javascripts/effective_form_inputs.js
+- app/assets/javascripts/effective_price/initialize.js.coffee
+- app/assets/javascripts/effective_price/input.js
 - app/assets/javascripts/effective_select/initialize.js.coffee
 - app/assets/javascripts/effective_select/input.js
 - app/assets/javascripts/effective_select/overrides.js.coffee
@@ -72,12 +74,15 @@ files:
 - app/assets/stylesheets/effective_select/input.scss
 - app/assets/stylesheets/effective_select/overrides.scss
 - app/assets/stylesheets/effective_select/select2.css
+- app/helpers/effective_form_inputs_helper.rb
 - app/models/effective/form_builder_inputs.rb
 - app/models/effective/form_input.rb
 - app/models/inputs/effective_date_picker/input.rb
 - app/models/inputs/effective_date_picker_input.rb
 - app/models/inputs/effective_date_time_picker/input.rb
 - app/models/inputs/effective_date_time_picker_input.rb
+- app/models/inputs/effective_price/input.rb
+- app/models/inputs/effective_price_input.rb
 - app/models/inputs/effective_select/input.rb
 - app/models/inputs/effective_select_input.rb
 - app/models/inputs/effective_static_control/input.rb