effective_form_inputs 1.1.10 → 1.1.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 273d6a542f186a294fd7f79b81dbb815da8417b0
-  data.tar.gz: 7fafc590c61a949ff71f5c3a75cddf21b65391c8
+  metadata.gz: 49d3e07769895f8fe1d25f353f7cca1b796aa8c4
+  data.tar.gz: af46d954e2c058fab64aa2188efa4b8808cf6ede
 SHA512:
-  metadata.gz: d3644072febc20674f2737455a339f4a78a958641ea1be612e9aff6cb6c46fed12f7a9bfeafd113e33a6b18fcab23facc5e10dcaccad2b79cd519794f4f44f68
-  data.tar.gz: e97694a722a1f08951d9fea4a898ef2aa911cc1272c55650e4260c96745784bcb3205c9ce81d740c82dae957599e18733fd22ce4a077ac785bf4510717664089
+  metadata.gz: 12d3ccf450c2e837c8f75af3056ffbae1eb1ca4edd8966a6747b65099d18419978aa649a5cd9d6c24842ff0bbb1c55acc5c0b128850974db27278a8827bfade0
+  data.tar.gz: b4ea5cef5220ecc5fd2f7d34a0f52dfe3191c2f1b436229a02db49d43cf46eee7fc813ea25507de3b2f5469568f3c73b8fcc9dd24cb05e39203799770995f935

data/README.md

@@ -254,6 +254,15 @@ To disable this behaviour, call with `date_linked: false`.
   = f.input :end_at, :as => :effective_date_time_picker, :date_linked => false
 ```
 
+### Events
+
+The date picker library doesn't trigger a regular `change`.  Instead you must watch for the `dp.change` event.
+
+More info is available here:
+
+http://eonasdan.github.io/bootstrap-datetimepicker/Events/
+
+
 ## Effective Date Picker
 
 This custom form input is based on the following awesome project:
@@ -879,6 +888,63 @@ 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 Time Picker
+
+This custom form input is based on the following awesome project:
+
+Bootstrap 3 Datepicker (https://github.com/Eonasdan/bootstrap-datetimepicker)
+
+
+### 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_time_picker/input
+```
+
+and add the following to your application.css:
+
+```ruby
+*= require effective_time_picker/input
+```
+
+### Usage
+
+As a Rails Form Helper input:
+
+```ruby
+= form_for @user do |f|
+  = f.effective_time_picker :started_at
+```
+
+As a SimpleForm input:
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :started_at, :as => :effective_time_picker
+```
+
+As a SimpleForm input without the input group (time glyphicon)
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :started_at, :as => :effective_time_picker, :input_group => false
+```
+
+### Options
+
+The default `:input_js => options` used to initialize this form input are as follows:
+
+```ruby
+:input_js => {:format => ''%H:%M''}
+```
+
+For more options, please see Effective Date Time Picker above
+
 ## Effective URL
 
 This custom form input enforces the url starts with http:// or https://

data/app/assets/javascripts/effective_form_inputs.js

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

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

@@ -0,0 +1,17 @@
+# http://eonasdan.github.io/bootstrap-datetimepicker/Options/
+
+initialize = ->
+  $('input.effective_time_picker:not(.initialized)').each (i, element) ->
+    element = $(element)
+    options = element.data('input-js-options') || {}
+
+    element.addClass('initialized').datetimepicker(options)
+
+$ -> initialize()
+$(document).on 'page:change', -> initialize()
+$(document).on 'turbolinks:load', -> initialize()
+$(document).on 'turbolinks:render', -> initialize()
+$(document).on 'cocoon:after-insert', -> initialize()
+$(document).on 'turbolinks:before-cache', ->
+  $('input.effective_time_picker.initialized').datetimepicker('destroy')
+

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

@@ -0,0 +1,4 @@
+//= require ../effective_date_time_picker/moment
+//= require ../effective_date_time_picker/bootstrap-datetimepicker
+//= require ../effective_date_time_picker/overrides
+//= require ./initialize

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

@@ -0,0 +1 @@
+@import '../effective_date_time_picker/input';

data/app/models/effective/form_builder_inputs.rb

@@ -37,5 +37,14 @@ module Effective
     def effective_tel(method, options_tag = nil, options = {}, html_options = {})
       Inputs::EffectiveTel::Input.new(@object, @object_name, @template, method, options, html_options).to_html
     end
+
+    def effective_time_picker(method, options = {})
+      Inputs::EffectiveTimePicker::Input.new(@object, @object_name, @template, method, options, options).to_html
+    end
+
+    def effective_url(method, options_tag = nil, options = {}, html_options = {})
+      Inputs::EffectiveUrl::Input.new(@object, @object_name, @template, method, options, html_options).to_html
+    end
+
   end
 end

data/app/models/effective/form_input.rb

@@ -73,16 +73,16 @@ module Effective
     private
 
     # I'm passed something...I don't know what it is, but it needs to be an Array
-    def arrayize_html_class_key(something)
-      case something
+    def arrayize_html_class_key(value)
+      case value
       when Hash
-        arrayize_html_class_key(something[:class])
+        arrayize_html_class_key(value[:class])
       when Array
-        something.compact.map(&:to_s)
+        value.compact.map(&:to_s)
       when String
-        something.split(' ')
+        value.split(' ')
       when Symbol
-        [something.to_s]
+        [value.to_s]
       else
         []
       end

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

@@ -0,0 +1,43 @@
+module Inputs
+  module EffectiveTimePicker
+    class Input < Effective::FormInput
+      delegate :content_tag, :text_field_tag, :to => :@template
+
+      def default_input_js
+        {format: 'HH:mm', showClear: true}
+      end
+
+      def default_input_html
+        {class: 'effective_time_picker time'}
+      end
+
+      def to_html
+        if options[:input_group] == false
+          return text_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-time').html_safe
+          end +
+          text_field_tag(field_name, value, tag_options)
+        end
+      end
+
+      def value
+        val = super
+        val.respond_to?(:strftime) ? val.strftime('%H:%M') : val
+      end
+
+      def html_options
+        super.tap do |html_options|
+          if js_options[:format] == default_input_js[:format] # Unless someone changed from the default
+            html_options[:pattern] = '\d{2}:\d{2}' # Match default pattern defined above
+          end
+
+        end
+      end
+    end
+  end
+end
+

data/app/models/inputs/effective_time_picker_input.rb

@@ -0,0 +1,12 @@
+# = simple_form_for @thing do |f|
+#   = f.input :updated_at, :as => :effective_date_picker
+
+if defined?(SimpleForm)
+
+  class EffectiveTimePickerInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      Inputs::EffectiveTimePicker::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.1.10'.freeze
+  VERSION = '1.1.11'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_form_inputs
 version: !ruby/object:Gem::Version
-  version: 1.1.10
+  version: 1.1.11
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2017-10-19 00:00:00.000000000 Z
+date: 2017-10-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -71,6 +71,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_time_picker/initialize.js.coffee
+- app/assets/javascripts/effective_time_picker/input.js
 - app/assets/javascripts/effective_url/initialize.js.coffee
 - app/assets/javascripts/effective_url/input.js
 - app/assets/stylesheets/effective_date_picker/input.scss
@@ -84,6 +86,7 @@ files:
 - app/assets/stylesheets/effective_select/input.scss
 - app/assets/stylesheets/effective_select/overrides.scss
 - app/assets/stylesheets/effective_select/select2.css
+- app/assets/stylesheets/effective_time_picker/input.scss
 - app/helpers/effective_form_inputs_helper.rb
 - app/models/effective/form_builder_inputs.rb
 - app/models/effective/form_input.rb
@@ -107,6 +110,8 @@ 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_time_picker/input.rb
+- app/models/inputs/effective_time_picker_input.rb
 - app/models/inputs/effective_url/input.rb
 - app/models/inputs/effective_url_input.rb
 - app/validators/effective_email_validator.rb