effective_form_inputs 0.9.3 → 0.9.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0873e8f75cb59e2a58fe998e6b8a06aea8312fdf
-  data.tar.gz: 30a47fc759584af54ff322cfc3ded0f931866450
+  metadata.gz: 060510deeb8a9fd2a79cfa4152a6c5b837a850a6
+  data.tar.gz: 4a9ef0428e0919592d6e29f536bb4797e469da9a
 SHA512:
-  metadata.gz: 5f11b80d3ee6e464ed2ee3e5ef3300f18c82a2d4eed253536add3cae758e0ad3cae9ad916c8c2e1cae452a0489a876628f71a0a58b1cc28966ef8ba1620cdb1d
-  data.tar.gz: 8682fa12cca48d297c8c3fb2682a53b9784663618e4d69cbc603bf923bd40947f84071eb975f6f4e7560d832d932eb9fd0cf7628eee63197dccf65b7839a1e98
+  metadata.gz: fdb69f861ed65d3719c731baf3bb938ced5ca64914ffad00c5f27bf0151bc553db4cd886e979d7423846b4f5650644b8022afd1de4f84df368ed7d577bed1134
+  data.tar.gz: 292e19a6587e521cdfe9db2852bc0d9a8a8d5789a1853176adf1379ba2a3cee6dc75fe566cdea65d4c527a7c1fb92d19bc366b239ce9dfd43d54b91c113ac71c

data/README.md

@@ -196,6 +196,54 @@ Use the following JavaScript to programatically set the date:
 $('#start_at').data('DateTimePicker').date('2016-05-08')
 ```
 
+## Effective Email
+
+This custom form input makes sure the input is an email address.
+
+### 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.js:
+
+```ruby
+//= require effective_email/input
+```
+
+### Usage
+
+As a Rails Form Helper input:
+
+```ruby
+= form_for @user do |f|
+  = f.effective_email :email
+```
+
+As a SimpleForm input:
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :email, :as => :effective_email
+```
+
+As a SimpleForm input without the input group (envelope glyphicon)
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :email, :as => :effective_email, :input_group => false
+```
+
+You should add a server side validation to enforce the format:
+
+```ruby
+validates :email, format: { with: /\A.+@.+\..+\Z/ }
+validates :email, effective_email: true   # Enforces same format as above
+```
+
+### Options
+
+There are no javascript options for this input.
+
 ## Effective Static Control
 
 A bootstrap3 Static control input
@@ -397,12 +445,6 @@ To install this form input individually, add the following to your application.j
 //= require effective_tel/input
 ```
 
-and add the following to your application.css:
-
-```ruby
-*= require effective_tel/input
-```
-
 ### Usage
 
 As a Rails Form Helper input:
@@ -426,10 +468,11 @@ As a SimpleForm input without the input group (phone glyphicon)
   = f.input :phone, :as => :effective_tel, :input_group => false
 ```
 
-You can add a server side validation to enforce the default "(123) 555-1234" with optional "x123" extension format:
+You should add a server side validation to enforce the default "(123) 555-1234" with optional "x123" extension format:
 
 ```ruby
 validates :phone, format: { with: /\A\(\d{3}\) \d{3}-\d{4}( x\d+)?\Z/ }
+validates :phone, effective_tel: true   # Enforces same format as above
 ```
 
 ## Effective Price
@@ -482,14 +525,63 @@ You can pass `include_blank: true` to allow `nil`.  By default `nil`s are conver
 = f.input :price, :as => :effective_price, :include_blank => true
 ```
 
-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`
 
 
+## Effective URL
+
+This custom form input enforces the url starts with http:// or https://
+
+If font-awesome-rails gem is installed, a font-awesome icon for facebook, google, linkedin, twitter, vimeo and youtube will be inserted based on the field name.
+
+### 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.js:
+
+```ruby
+//= require effective_url/input
+```
+
+### Usage
+
+As a Rails Form Helper input:
+
+```ruby
+= form_for @user do |f|
+  = f.effective_url :website
+```
+
+As a SimpleForm input:
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :website, :as => :effective_url
+```
+
+As a SimpleForm input without the input group (globe glyphicon)
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :website, :as => :effective_url, :input_group => false
+```
+
+You should add a server side validation to enforce the url starts with http(s?)://
+
+```ruby
+validates :phone, format: { with: /\Ahttps?:\/\/\w+.+\Z/ }
+validates :website, effective_url: true   # Enforced same format as above
+```
+
+### Options
+
+You can pass `fontawesome: false` and `glyphicon: false` to tweak the automatic social icon display behaviour.
+
+
 ## Effective CKEditor Text Area
 
 This custom form input replaces a standard textarea with a CKEditor html rich text area.

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

@@ -0,0 +1,12 @@
+initialize = ->
+  $('input.effective_email:not(.initialized)').each (i, element) ->
+    element = $(element)
+    options = element.data('input-js-options') || {}
+
+    # We don't actually do anything with options
+    element.addClass('initialized')
+
+$ -> initialize()
+$(document).on 'page:change', -> initialize()
+$(document).on 'turbolinks:load', -> initialize()
+$(document).on 'cocoon:after-insert', -> initialize()

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

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

data/app/assets/javascripts/effective_form_inputs.js

@@ -4,3 +4,4 @@
 //= require ./effective_price/input
 //= require ./effective_select/input
 //= require ./effective_tel/input
+//= require ./effective_url/input

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

@@ -3,7 +3,7 @@ initialize = ->
     element = $(element)
     options = element.data('input-js-options') || {}
 
-    # We don't actually do anything
+    # We don't actually do anything with options
     element.addClass('initialized')
 
 $ -> initialize()

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

@@ -0,0 +1,14 @@
+# http://digitalbush.com/projects/masked-input-plugin/
+
+initialize = ->
+  $('input.effective_url:not(.initialized)').each (i, element) ->
+    element = $(element)
+    options = element.data('input-js-options') || {}
+
+    # We don't actually do anything with options
+    element.addClass('initialized')
+
+$ -> initialize()
+$(document).on 'page:change', -> initialize()
+$(document).on 'turbolinks:load', -> initialize()
+$(document).on 'cocoon:after-insert', -> initialize()

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

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

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

@@ -0,0 +1,28 @@
+module Inputs
+  module EffectiveEmail
+    class Input < Effective::FormInput
+      delegate :content_tag, :email_field_tag, :to => :@template
+
+      def default_input_html
+        {
+          class: 'effective_email email',
+          placeholder: 'someone@example.com',
+        }
+      end
+
+      def to_html
+        if options[:input_group] == false
+          return email_field_tag(field_name, value, tag_options)
+        end
+
+        content_tag(:div, class: 'input-group') do
+          content_tag(:span, class: 'input-group-addon') do
+            content_tag(:i, '', class: 'glyphicon glyphicon-envelope').html_safe
+          end +
+          email_field_tag(field_name, value, tag_options)
+        end
+      end
+    end
+  end
+end
+

data/app/models/inputs/effective_email_input.rb

@@ -0,0 +1,12 @@
+# = simple_form_for @thing do |f|
+#   = f.input :email, :as => :effective_email
+
+if defined?(SimpleForm)
+
+  class EffectiveEmailInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      Inputs::EffectiveEmail::Input.new(object, object_name, template, attribute_name, input_options, (merge_wrapper_options(input_html_options, wrapper_options) || {})).to_html
+    end
+  end
+
+end

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

@@ -8,7 +8,12 @@ module Inputs
       end
 
       def to_html
-        content_tag(:p, value, tag_options)
+        if value.kind_of?(String) && value.start_with?('<p>') && value.end_with?('</p>')
+          content_tag(:p, value[3...-4].html_safe, tag_options)
+        else
+          content_tag(:p, (value.html_safe? ? value : value.to_s.html_safe), tag_options)
+        end
+
       end
 
       def html_options

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

@@ -11,7 +11,7 @@ module Inputs
       end
 
       def default_input_html
-        {class: 'effective_tel tel'}
+        {class: 'effective_tel tel', placeholder: '(555) 555-5555'}
       end
 
       def default_input_js

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

@@ -0,0 +1,87 @@
+module Inputs
+  module EffectiveUrl
+    class Input < Effective::FormInput
+      FA_FIELD_NAMES = ['facebook', 'google', 'linkedin', 'twitter', 'vimeo', 'youtube']
+
+      delegate :content_tag, :url_field_tag, :to => :@template
+
+      def default_input_html
+        {
+          class: 'effective_url url',
+          pattern: 'https?://[A-Za-z0-9]+.+',
+          placeholder: placeholder,
+          title: 'A URL starting with http:// or https://'
+        }
+      end
+
+      def to_html
+        if options[:input_group] == false
+          return url_field_tag(field_name, value, tag_options)
+        end
+
+        content_tag(:div, class: 'input-group') do
+          content_tag(:span, class: 'input-group-addon') do
+             glyphicon + fontawesome
+          end +
+          url_field_tag(field_name, value, tag_options)
+        end
+      end
+
+      def placeholder
+        if field_name.include?('facebook')
+          'https://www.facebook.com/MyProfile'
+        elsif field_name.include?('google')
+          'https://plus.google.com/+MyProfile'
+        elsif field_name.include?('linkedin')
+          'https://www.linkedin.com/in/MyProfile'
+        elsif field_name.include?('twitter')
+          'https://twitter.com/MyProfile'
+        elsif field_name.include?('vimeo')
+          'https://vimeo.com/MyProfile'
+        elsif field_name.include?('youtube')
+          'https://www.youtube.com/user/MyProfile'
+        else
+          'http://www.example.com'
+        end
+      end
+
+      def glyphicon
+        if options[:glyphicon] == false
+          ''.html_safe
+        elsif options[:glyphicon] == true
+          content_tag(:i, '', class: 'glyphicon glyphicon-globe')
+        elsif options[:glyphicon].present?
+          content_tag(:i, '', class: "glyphicon glyphicon-#{options[:glyphicon].to_s.gsub('glyphicon-', '')}")
+        elsif defined?(FontAwesome) && FA_FIELD_NAMES.any? { |name| field_name.include?(name) } && options[:fontawesome] != false
+          ''.html_safe
+        else
+          content_tag(:i, '', class: 'glyphicon glyphicon-globe')
+        end
+      end
+
+      def fontawesome
+        if options[:fontawesome] == false
+          ''.html_safe
+        elsif options[:fontawesome].present? && options[:fontawesome] != true
+          content_tag(:i, '', class: "fa fa-#{options[:fontawesome].to_s.gsub('fa-', '')}")
+        elsif field_name.include?('facebook')
+          content_tag(:i, '', class: 'fa fa-facebook')
+        elsif field_name.include?('google')
+          content_tag(:i, '', class: 'fa fa-google')
+        elsif field_name.include?('linkedin')
+          content_tag(:i, '', class: 'fa fa-linkedin')
+        elsif field_name.include?('twitter')
+          content_tag(:i, '', class: 'fa fa-twitter')
+        elsif field_name.include?('vimeo')
+          content_tag(:i, '', class: 'fa fa-vimeo')
+        elsif field_name.include?('youtube')
+          content_tag(:i, '', class: 'fa fa-youtube')
+        else
+          ''.html_safe
+        end
+      end
+
+    end
+  end
+end
+

data/app/models/inputs/effective_url_input.rb

@@ -0,0 +1,14 @@
+# = simple_form_for @thing do |f|
+#   = f.input :website, :as => :effective_url
+#   = f.input :website, :as => :effective_url, :glyphicon => false
+#   = f.input :website, :as => :effective_url, :fontawesome => false
+
+if defined?(SimpleForm)
+
+  class EffectiveUrlInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      Inputs::EffectiveUrl::Input.new(object, object_name, template, attribute_name, input_options, (merge_wrapper_options(input_html_options, wrapper_options) || {})).to_html
+    end
+  end
+
+end

data/app/validators/effective_email_validator.rb

@@ -0,0 +1,13 @@
+# An ActiveRecord validator for any email field that you would use with effective_email or otherwise
+#
+# validates :phone, effective_email: true
+
+class EffectiveEmailValidator < ActiveModel::EachValidator
+  PATTERN = /\A.+@.+\..+\Z/
+
+  def validate_each(record, attribute, value)
+    if value.present?
+      record.errors.add(attribute, 'is invalid') unless PATTERN =~ value
+    end
+  end
+end

data/app/validators/effective_tel_validator.rb

@@ -0,0 +1,13 @@
+# An ActiveRecord validator for any phone field that you would use with effective_tel
+#
+# validates :phone, effective_tel: true
+
+class EffectiveTelValidator < ActiveModel::EachValidator
+  PATTERN = /\A\(\d{3}\) \d{3}-\d{4}( x\d+)?\Z/
+
+  def validate_each(record, attribute, value)
+    if value.present?
+      record.errors.add(attribute, 'is invalid') unless PATTERN =~ value
+    end
+  end
+end

data/app/validators/effective_url_validator.rb

@@ -0,0 +1,13 @@
+# An ActiveRecord validator for any url field that you would use with effective_url or otherwise
+#
+# validates :phone, effective_url: true
+
+class EffectiveUrlValidator < ActiveModel::EachValidator
+  PATTERN = /\Ahttps?:\/\/\w+.+\Z/
+
+  def validate_each(record, attribute, value)
+    if value.present?
+      record.errors.add(attribute, 'is invalid') unless PATTERN =~ value
+    end
+  end
+end

data/lib/effective_form_inputs/version.rb

@@ -1,3 +1,3 @@
 module EffectiveFormInputs
-  VERSION = '0.9.3'.freeze
+  VERSION = '0.9.4'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_form_inputs
 version: !ruby/object:Gem::Version
-  version: 0.9.3
+  version: 0.9.4
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-24 00:00:00.000000000 Z
+date: 2016-10-19 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -57,6 +57,8 @@ files:
 - app/assets/javascripts/effective_date_time_picker/input.js
 - app/assets/javascripts/effective_date_time_picker/moment.js
 - app/assets/javascripts/effective_date_time_picker/overrides.js.coffee
+- app/assets/javascripts/effective_email/initialize.js.coffee
+- app/assets/javascripts/effective_email/input.js
 - app/assets/javascripts/effective_form_inputs.js
 - app/assets/javascripts/effective_price/initialize.js.coffee
 - app/assets/javascripts/effective_price/input.js
@@ -67,6 +69,8 @@ files:
 - app/assets/javascripts/effective_tel/initialize.js.coffee
 - app/assets/javascripts/effective_tel/input.js
 - app/assets/javascripts/effective_tel/jquery.maskedInput.js
+- app/assets/javascripts/effective_url/initialize.js.coffee
+- app/assets/javascripts/effective_url/input.js
 - app/assets/stylesheets/effective_date_picker/input.scss
 - app/assets/stylesheets/effective_date_time_picker/bootstrap-datetimepicker.scss
 - app/assets/stylesheets/effective_date_time_picker/input.scss
@@ -85,6 +89,8 @@ files:
 - 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_email/input.rb
+- 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_select/input.rb
@@ -93,6 +99,11 @@ files:
 - app/models/inputs/effective_static_control_input.rb
 - app/models/inputs/effective_tel/input.rb
 - app/models/inputs/effective_tel_input.rb
+- app/models/inputs/effective_url/input.rb
+- app/models/inputs/effective_url_input.rb
+- app/validators/effective_email_validator.rb
+- app/validators/effective_tel_validator.rb
+- app/validators/effective_url_validator.rb
 - app/views/effective/style_guide/_effective_form_inputs.html.haml
 - lib/effective_form_inputs.rb
 - lib/effective_form_inputs/engine.rb