effective_form_inputs 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: dfb139ee0ac3bdd08159e9eb79359d31bad07c27
-  data.tar.gz: 38c3ea428c5d9c184f8a7bc143705b3b6eb5e581
+  metadata.gz: 11b76163fed4145fb5cd13cb4ada4c849d79b827
+  data.tar.gz: eb0ec003718c67485121f6552104012f9aee6893
 SHA512:
-  metadata.gz: fb0cb297acd58a2d45024bb5906cec6825261bbaefdc6aea4b3030c9c84617db288f51c8d408d8ec9de2818f1ff4492c108e8725add0d6e4aea2f457a9ef2a65
-  data.tar.gz: d9254902a855f0abf74936cdbbd26338386b0216f748b42ef1537b706b15e261437b32cbb694eb65205c2fa8449ded1e071c29781a829b107f98008cf6149d3e
+  metadata.gz: 177afe359f6345cbeaeaa18bcdf89ff0ba29c00b226cf6e39c53c934e7d773c177ba7895e28bd95bead643ec0e751ca7c54f68a178b52b3c3f4b1e87b68a9896
+  data.tar.gz: d32d328529515106b360f3986aa0474d2689e10498dff171c9e3a319e1dfe3d7a6ee210eeb7680c9baa6c778eff5b04635b251432001821ef06205f5ce5e6f6a

data/README.md

@@ -84,15 +84,64 @@ and as a SimpleForm input:
   = f.input :updated_at, :as => :effective_date_time_picker
 ```
 
-### Passing Options to JavaScript
+### Options
 
-Any options passed to the form input will be used to initialize the Bootstrap3 DateTimePicker
+The default options used to initialize this form input are as follows:
 
-For example (and this works just the same with the SimpleForm input):
+```ruby
+:format => 'YYYY-MM-DD h:mm A', :sideBySide => true
+```
+
+For a full list of options, please refer to:
+
+http://eonasdan.github.io/bootstrap-datetimepicker/Options/
+
+
+## Bootstrap3 DatePicker
+
+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_date_picker/input
+```
+
+and add the following to your application.css:
+
+```ruby
+*= require effective_date_picker/input
+```
+
+### Usage
+
+As a Rails Form Helper input:
 
 ```ruby
 = form_for @user do |f|
-  = f.effective_date_time_picker :updated_at, :format => 'YYYY-MM-DD', :showTodayButton => true
+  = f.effective_date_picker :started_on
+```
+
+and as a SimpleForm input:
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :started_on, :as => :effective_date_picker
+```
+
+### Options
+
+The default options used to initialize this form input are as follows:
+
+```ruby
+:format => 'YYYY-MM-DD'
 ```
 
 For a full list of options, please refer to:
@@ -100,6 +149,34 @@ For a full list of options, please refer to:
 http://eonasdan.github.io/bootstrap-datetimepicker/Options/
 
 
+## Passing Options to JavaScript
+
+All appropriate options passed to any effective_form_input will be used to initialize the Javascript library
+
+For example:
+
+```ruby
+= form_for @user do |f|
+  = f.effective_date_time_picker :updated_at, :format => 'dddd, MMMM Do YYYY', :showTodayButton => true
+```
+
+or
+
+```ruby
+= simple_form_for @user do |f|
+  = f.input :updated_at, :as => :effective_date_time_picker, :format => 'dddd, MMMM Do YYYY', :showTodayButton => true
+```
+
+will result in the following call to the Javascript library:
+
+```coffee
+$('input.effective_date_time_picker').datetimepicker
+  format: 'dddd, MMMM Do YYYY',
+  showTodayButton: true
+```
+
+Any option not recognized as a Rails Form Helper or SimpleForm option will be passed in this way to Javascript.
+
 ## License
 
 MIT License.  Copyright [Code and Effect Inc.](http://www.codeandeffect.com/)

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

@@ -0,0 +1,12 @@
+# http://eonasdan.github.io/bootstrap-datetimepicker/Options/
+
+initialize = ->
+  $('input.effective_date_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 'cocoon:after-insert', -> initialize()

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

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

data/app/assets/javascripts/effective_form_inputs.js

@@ -1 +1,2 @@
 //= require ./effective_date_time_picker/input
+//= require ./effective_date_picker/input

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

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

data/{lib/effective_form_inputs/form_inputs.rb → app/models/effective/form_builder_inputs.rb}

@@ -1,7 +1,11 @@
-module EffectiveFormInputs
-  module FormInputs
+module Effective
+  module FormBuilderInputs
     def effective_date_time_picker(method, options = {})
-      Inputs::EffectiveDateTimePicker::Field.new(@object, @object_name, @template, method, merged_input_js_options(options)).to_html
+      Inputs::EffectiveDateTimePicker::Input.new(@object, @object_name, @template, method, merged_input_js_options(options)).to_html
+    end
+
+    def effective_date_picker(method, options = {})
+      Inputs::EffectiveDatePicker::Input.new(@object, @object_name, @template, method, merged_input_js_options(options)).to_html
     end
 
     private

data/app/models/effective/{form_input_field.rb → form_input.rb}

@@ -1,5 +1,5 @@
 module Effective
-  class FormInputField
+  class FormInput
 
     def initialize(object, object_name, template, method, opts)
       @object = object

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

@@ -0,0 +1,34 @@
+module Inputs
+  module EffectiveDatePicker
+    class Input < Effective::FormInput
+      delegate :content_tag, :text_field_tag, :to => :@template
+
+      def default_input_js_options
+        {:format => 'YYYY-MM-DD'}
+      end
+
+      def default_input_classes
+        [:effective_date_picker, :date]
+      end
+
+      def to_html
+        content_tag(:div, :class => 'input-group') do
+          content_tag(:span, :class => 'input-group-addon') do
+            content_tag(:i, '', :class => 'glyphicon glyphicon-calendar').html_safe
+          end +
+          text_field_tag(field_name, value, options)
+        end
+      end
+
+      def options
+        super do |options|
+          unless options['data-input-js-options'][:format].present?
+            options[:pattern] = '\d{4}-\d{2}-\d{2}'
+          end
+        end
+      end
+
+    end
+  end
+end
+

data/app/models/inputs/effective_date_picker_input.rb

@@ -0,0 +1,15 @@
+# = simple_form_for @thing do |f|
+#   = f.input :updated_at, :as => :effective_date_picker
+
+if defined?(SimpleForm)
+
+  class EffectiveDatePickerInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      options = merge_wrapper_options(input_html_options, wrapper_options) || {}
+      options['data-input-js-options'] = input_options.reject { |k, _| EffectiveFormInputs::REJECTED_INPUT_JS_OPTIONS.include?(k) }
+
+      Inputs::EffectiveDatePicker::Input.new(object, object_name, template, attribute_name, options).to_html
+    end
+  end
+
+end

data/app/models/inputs/effective_date_time_picker/{field.rb → input.rb}

@@ -1,6 +1,6 @@
 module Inputs
   module EffectiveDateTimePicker
-    class Field < Effective::FormInputField
+    class Input < Effective::FormInput
       delegate :content_tag, :text_field_tag, :to => :@template
 
       def default_input_js_options

data/app/models/inputs/effective_date_time_picker_input.rb

@@ -0,0 +1,15 @@
+# = simple_form_for @thing do |f|
+#   = f.input :updated_at, :as => :effective_date_time_picker
+
+if defined?(SimpleForm)
+
+  class EffectiveDateTimePickerInput < SimpleForm::Inputs::StringInput
+    def input(wrapper_options = nil)
+      options = merge_wrapper_options(input_html_options, wrapper_options) || {}
+      options['data-input-js-options'] = input_options.reject { |k, _| EffectiveFormInputs::REJECTED_INPUT_JS_OPTIONS.include?(k) }
+
+      Inputs::EffectiveDateTimePicker::Input.new(object, object_name, template, attribute_name, options).to_html
+    end
+  end
+
+end

data/app/views/effective/style_guide/_form_default.html.haml

@@ -2,3 +2,4 @@
 
 = form_for Effective::StyleGuide.new(), :url => '/' do |f|
   = f.effective_date_time_picker :updated_at
+  = f.effective_date_picker :updated_at

data/lib/effective_form_inputs.rb

@@ -1,4 +1,3 @@
-require "effective_form_inputs/form_inputs"
 require "effective_form_inputs/engine"
 require "effective_form_inputs/version"
 

data/lib/effective_form_inputs/engine.rb

@@ -6,15 +6,7 @@ module EffectiveFormInputs
 
     initializer 'effective_orders.action_view' do |app|
       ActiveSupport.on_load :action_view do
-        ActionView::Helpers::FormBuilder.send(:include, EffectiveFormInputs::FormInputs)
-
-        # Going to have to add each custom namespace to SimpleForm
-        if defined?(SimpleForm)
-          SimpleForm.setup do |config|
-            config.custom_inputs_namespaces << 'EffectiveDateTimePicker'
-          end
-        end
-
+        ActionView::Helpers::FormBuilder.send(:include, Effective::FormBuilderInputs)
       end
     end
 

data/lib/effective_form_inputs/version.rb

@@ -1,3 +1,3 @@
 module EffectiveFormInputs
-  VERSION = '0.1.2'.freeze
+  VERSION = '0.2.0'.freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: effective_form_inputs
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - Code and Effect
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-01-29 00:00:00.000000000 Z
+date: 2015-02-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -34,21 +34,26 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/javascripts/effective_date_picker/initialize.js.coffee
+- app/assets/javascripts/effective_date_picker/input.js
 - app/assets/javascripts/effective_date_time_picker/bootstrap-datetimepicker.js
 - app/assets/javascripts/effective_date_time_picker/initialize.js.coffee
 - app/assets/javascripts/effective_date_time_picker/input.js
 - app/assets/javascripts/effective_date_time_picker/moment.js
 - app/assets/javascripts/effective_form_inputs.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
 - app/assets/stylesheets/effective_form_inputs.scss
-- app/models/effective/form_input_field.rb
-- app/models/inputs/effective_date_time_picker/effective_date_time_picker_input.rb
-- app/models/inputs/effective_date_time_picker/field.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/views/effective/style_guide/_form_default.html.haml
 - lib/effective_form_inputs.rb
 - lib/effective_form_inputs/engine.rb
-- lib/effective_form_inputs/form_inputs.rb
 - lib/effective_form_inputs/version.rb
 homepage: https://github.com/code-and-effect/effective_form_inputs
 licenses:

data/app/models/inputs/effective_date_time_picker/effective_date_time_picker_input.rb

@@ -1,18 +0,0 @@
-# In simple_form:
-#
-# = f.input :updated_at, :as => :effective_date_time_picker
-
-if defined?(SimpleForm)
-
-  module EffectiveDateTimePicker
-    class EffectiveDateTimePickerInput < SimpleForm::Inputs::StringInput
-      def input(wrapper_options = nil)
-        options = merge_wrapper_options(input_html_options, wrapper_options) || {}
-        options['data-input-js-options'] = input_options.reject { |k, _| EffectiveFormInputs::REJECTED_INPUT_JS_OPTIONS.include?(k) }
-
-        Inputs::EffectiveDateTimePicker::Field.new(object, object_name, template, attribute_name, options).to_html
-      end
-    end
-  end
-
-end