bootstrap_form-datetimepicker 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 240250e1b15b92d84401ad7843be2ef5f872b51d
+  data.tar.gz: 9bf9f14b59afcf0eeba64348b301302c82759d3d
+SHA512:
+  metadata.gz: 8e60a3bb0c21f91a50aef944a8062c60ac56f932e21dd51ba40cbed9b6b410e85f335648cd2f2fc1ad6842ee64917044f6f93f8e2dff00f1d9acd84d9d09b8a8
+  data.tar.gz: 0c441d9a24d6abceda0f9f0b0c6b8b7705372aed7677da81d58b5a86d409d766d3a289173717cfb487b6730a5fc05b64a2c5788b0cd8c9fa0bc144b61655c80b

data/.gitignore

@@ -0,0 +1,22 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp
+*.bundle
+*.so
+*.o
+*.a
+mkmf.log

data/.rspec

@@ -0,0 +1,3 @@
+--color
+--warnings
+--require spec_helper

data/.travis.yml

@@ -0,0 +1,3 @@
+language: ruby
+rvm:
+  - 2.1.2

data/Gemfile

@@ -0,0 +1,6 @@
+source "https://rubygems.org"
+
+gemspec
+
+gem "rails", ">= 4.1.0"
+gem "sqlite3"

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2014 Masato Ikeda
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,111 @@
+[![Build Status](https://travis-ci.org/a2ikm/bootstrap_form-datetimepicker.svg?branch=master)](https://travis-ci.org/a2ikm/bootstrap_form-datetimepicker)
+
+# Datetime Picker for Rails Bootstrap Forms
+
+bootstrap_form-datetimepicker is [bootstrap_form](http://rubygems.org/gems/bootstrap_form) add-on to embed [bootstrap-datetimepicker](http://eonasdan.github.io/bootstrap-datetimepicker/) simply.
+
+## Requirements
+
+* Ruby 2.1+
+* Rails 4.1+
+* Twitter Bootstrap 3.0+
+* bootstrap-datetimepicker
+* momentjs
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'bootstrap_form-datetimepicker'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install bootstrap_form-datetimepicker
+
+## Usage
+
+Call `datetime_picker` within `bootstrap_form_for`:
+
+```erb
+<%= bootstrap_form_for(@item) do |f| %>
+  <%= f.datetime_picker :available_since %>
+<% end %>
+```
+
+will produce HTML like:
+
+```html
+<div class="form-group">
+  <label class="control-label" for="item_available_since">Available Since</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
+    <input class="form-control" id="item_available_since" name="item[available_since]" type="text" value="1955-10-23 11:22:33" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+```
+
+Note that `bootstrap_form-datetimepicker` class is used for wrapping div element. So you should initialize widgets like:
+
+```javascript
+$(function () {
+    $('.bootstrap_form-datetimepicker').datetimepicker();
+});
+```
+
+You can specify the element's class with `:datetimepicker_class` option like:
+
+```erb
+<%= bootstrap_form_for(@item) do |f| %>
+  <%= f.datetime_picker :available_since, datetimepicker_class: "my-picker-class" %>
+<% end %>
+```
+
+
+### Customizing format
+
+You can specify datetime's format with `:format` option like:
+
+```erb
+<%= bootstrap_form_for(@item) do |f| %>
+  <%= f.datetime_picker :available_since, format: "%Y-%m-%d" %>
+<% end %>
+```
+
+or format's name defined in `Time::DATE_FORMATS` like:
+
+```erb
+<%= bootstrap_form_for(@item) do |f| %>
+  <%= f.datetime_picker :available_since, format: :db %>
+<% end %>
+```
+
+Also you can these globally like:
+
+```
+BootstrapForm::Datetimepicker.format = "%Y-%m-%d %H:%M:%S"
+BootstrapForm::Datetimepicker.datetimepicker_format = "YYYY-MM-SS HH:mm:ss"
+```
+
+bootstrap-datetimepicker formats datetime with [momentjs](http://momentjs.com), whose [its formating syntax](http://momentjs.com/docs/#/parsing/string-format/) differs from ruby's that. So this gem converts between them automatically, but in some cases, it can't (using `proc`, `%e`, etc). At that time, you should specify bootstrap-datetimepicker's format with `:datetimepicker_format` option like:
+
+```erb
+<%= bootstrap_form_for(@item) do |f| %>
+  <%= f.datetime_picker :available_since, format: "%e %b", datetimepicker_format: "dd MMM" %>
+<% end %>
+```
+
+
+## Contributing
+
+1. Fork it ( https://github.com/a2ikm/bootstrap_form-datetimepicker/fork )
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create a new Pull Request

data/Rakefile

@@ -0,0 +1,12 @@
+require "bundler/gem_tasks"
+
+require "rake/testtask"
+Rake::TestTask.new(:test) do |t|
+  t.libs << 'lib'
+  t.libs << 'test'
+  t.pattern = 'test/**/*_test.rb'
+  t.verbose = false
+end
+
+task :default => :test
+

data/bootstrap_form-datetimepicker.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'bootstrap_form/datetimepicker/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "bootstrap_form-datetimepicker"
+  spec.version       = BootstrapForm::Datetimepicker::VERSION
+  spec.authors       = ["Masato Ikeda"]
+  spec.email         = ["masato.ikeda@gmail.com"]
+  spec.summary       = %q{bootstrap_form add-on to embed bootstrap-datetimepicker simply.}
+  spec.description   = %q{bootstrap_form add-on to embed bootstrap-datetimepicker simply.}
+  spec.homepage      = "https://github.com/a2ikm/bootstrap_form-datetimepicker"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files -z`.split("\x0")
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_runtime_dependency "bootstrap_form"
+  spec.add_development_dependency "bundler", "~> 1.6"
+  spec.add_development_dependency "rake"
+end

data/lib/bootstrap_form-datetimepicker.rb

@@ -0,0 +1 @@
+require "bootstrap_form/datetimepicker"

data/lib/bootstrap_form/datetimepicker.rb

@@ -0,0 +1,94 @@
+require "bootstrap_form/datetimepicker/version"
+require "bootstrap_form"
+require "active_support/core_ext/date"
+require "active_support/core_ext/time"
+
+module BootstrapForm
+  module Datetimepicker
+
+    STRFTIME_MOMENTJS = {
+      "a" => "ddd",
+      "A" => "dddd",
+      "b" => "MMM",
+      "B" => "MMMM",
+      "d" => "DD",
+      "H" => "HH",
+      "I" => "hh",
+      "j" => "DDDD",
+      "m" => "MM",
+      "M" => "mm",
+      "p" => "A",
+      "S" => "ss",
+      "Z" => "z",
+      "z" => "ZZ",
+      "w" => "d",
+      "y" => "YY",
+      "Y" => "YYYY",
+    }
+
+    def datetime_picker(method, options = {})
+      datetimepicker_class = options.delete(:datetimepicker_class) || "bootstrap_form-datetimepicker" 
+
+      format = options.delete(:format) || config.format
+      if format
+        format = Time::DATE_FORMATS[format] if Time::DATE_FORMATS.has_key?(format)
+      else
+        format = "%Y-%m-%d %H:%M:%S %z"
+      end
+
+      initial_value = object.send(method)
+      if format.respond_to?(:call)
+        options[:value] = format.call(initial_value)
+      elsif initial_value.try(:acts_like_time?)
+        options[:value] = initial_value.strftime(format)
+      else
+        options[:value] = initial_value
+      end
+
+      datetimepicker_format =
+        options.delete(:datetimepicker_format) || config.datetimepicker_format
+      if datetimepicker_format
+        # do nothing
+      elsif format.is_a?(String)
+        datetimepicker_format = strftime2momentjs(format)
+      else
+        datetimepicker_format = "YYYY-MM-DD HH:mm:ss ZZ"
+      end
+
+      form_group_builder(method, options) do
+        prepend_and_append_input(options) do
+
+          input_tag = @template.text_field(object_name, method, options)
+          span_tag = content_tag :span, :class => "input-group-addon" do
+              content_tag :span, "", :class => "glyphicon glyphicon-calendar"
+            end
+          content_tag :div, input_tag.concat(span_tag),
+            :class => "#{datetimepicker_class} input-group date",
+            :data => {
+              "date-format" => datetimepicker_format
+            }
+        end
+      end
+    end
+
+    def config
+      ::BootstrapForm::Datetimepicker
+    end
+
+    class <<self
+      attr_accessor :format, :datetimepicker_format
+    end
+
+    private
+
+      def strftime2momentjs(format)
+        replaced = format.dup
+        STRFTIME_MOMENTJS.each do |key, replacement|
+          replaced.gsub!("%#{key}", replacement)
+        end
+        replaced
+      end
+  end
+
+  FormBuilder.send :include, Datetimepicker
+end

data/lib/bootstrap_form/datetimepicker/version.rb

@@ -0,0 +1,5 @@
+module BootstrapForm
+  module Datetimepicker
+    VERSION = "0.0.1"
+  end
+end

data/test/bootstrap_form/datetimepicker_test.rb

@@ -0,0 +1,188 @@
+require "test_helper"
+
+class BootstrapFromDatetimepickerTest < ActionView::TestCase
+  def setup
+    CreateAllTables.up unless ActiveRecord::Base.connection.table_exists? "schedules"
+    Schedule.delete_all
+
+    @schedule = Schedule.new
+    @builder =  BootstrapForm::FormBuilder.new(:schedule, @schedule, self, {})
+    @horizontal_builder = BootstrapForm::FormBuilder.new(:schedule, @schedule, self, { layout: :horizontal })
+  end
+
+  test "render datetimepicker correctly in normal layout" do
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until)
+  end
+
+  test "render datetimepicker correctly in horizontal layout" do
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label col-sm-2" for="schedule_until">Until</label>
+  <div class="col-sm-10">
+    <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
+      <input class="form-control" id="schedule_until" name="schedule[until]" type="text" />
+      <span class="input-group-addon">
+        <span class="glyphicon glyphicon-calendar">
+        </span>
+      </span>
+    </div>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @horizontal_builder.datetime_picker(:until)
+  end
+
+  test "use :datetimepicker_class option for wrapping div element's class" do
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label col-sm-2" for="schedule_until">Until</label>
+  <div class="col-sm-10">
+    <div class="custom-datetimepicker-class input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
+      <input class="form-control" id="schedule_until" name="schedule[until]" type="text" />
+      <span class="input-group-addon">
+        <span class="glyphicon glyphicon-calendar">
+        </span>
+      </span>
+    </div>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @horizontal_builder.datetime_picker(:until, :datetimepicker_class => "custom-datetimepicker-class")
+  end
+
+  test "put object's value for value attribute" do
+    @schedule.until = Time.now
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD HH:mm:ss ZZ">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" value="#{@schedule.until.to_s}" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until)
+  end
+
+  test "use Time::DATE_FORMATS' format for value attribute and data-date-format attribute when :format option is specified by its name" do
+    @schedule.until = Time.now
+    Time::DATE_FORMATS[:custom] = "%Y-%m-%d"
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" value="#{@schedule.until.to_s(:custom)}" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until, :format => :custom)
+  end
+
+  test "use format specified with :format option for value attribute and data-date-format attribute" do
+    @schedule.until = Time.now
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" value="#{@schedule.until.strftime("%Y-%m-%d")}" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until, :format => "%Y-%m-%d")
+  end
+
+  test "use :datetimepicker_format option for data-date-format attribute" do
+    @schedule.until = Time.now
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MMMM-DDDD">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" value="#{@schedule.until.strftime("%Y-%m-%d")}" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until, :format => "%Y-%m-%d", :datetimepicker_format => "YYYY-MMMM-DDDD")
+  end
+
+  test "configure global :format" do
+    old_config = ::BootstrapForm::Datetimepicker.format
+    ::BootstrapForm::Datetimepicker.format = "%Y-%m-%d"
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until)
+
+    ::BootstrapForm::Datetimepicker.format = old_config
+  end
+
+  test "configure global :datetimepicker_format" do
+    old_config = ::BootstrapForm::Datetimepicker.datetimepicker_format
+    ::BootstrapForm::Datetimepicker.datetimepicker_format = "YYYY-MM-DD"
+
+    expected = <<-HTML.gsub(/ *\n */, "")
+<div class="form-group">
+  <label class="control-label" for="schedule_until">Until</label>
+  <div class="bootstrap_form-datetimepicker input-group date" data-date-format="YYYY-MM-DD">
+    <input class="form-control" id="schedule_until" name="schedule[until]" type="text" />
+    <span class="input-group-addon">
+      <span class="glyphicon glyphicon-calendar">
+      </span>
+    </span>
+  </div>
+</div>
+    HTML
+
+    assert_equal expected, @builder.datetime_picker(:until)
+
+    ::BootstrapForm::Datetimepicker.datetimepicker_format = old_config
+  end
+end

data/test/fake_app/fake_app.rb

@@ -0,0 +1,42 @@
+require "active_record"
+require "action_controller/railtie"
+require "action_view/railtie"
+
+# config
+ActiveRecord::Base.establish_connection(:adapter => "sqlite3", :database => ":memory:")
+
+module FakeApp
+  class Application < Rails::Application
+    config.secret_token = "All I've got to do is to bring my board."
+    config.session_store :cookie_store, :key => "_fake_app_session"
+    config.active_support.deprecation = :log
+    config.eager_load = false
+  end
+end
+FakeApp::Application.initialize!
+
+# routes
+FakeApp::Application.routes.draw do
+  resources :schedules, :only => [:new]
+end
+
+# models
+class Schedule < ActiveRecord::Base
+end
+
+# helpers
+module ApplicationHelper; end
+
+# controllers
+class ApplicationController < ActionController::Base
+  self.append_view_path File.dirname(__FILE__)
+end
+
+# migrations
+class CreateAllTables < ActiveRecord::Migration
+  def self.up
+    suppress_messages do
+      create_table(:schedules) { |t| t.datetime :until }
+    end
+  end
+end

data/test/test_helper.rb

@@ -0,0 +1,10 @@
+$LOAD_PATH.unshift(File.expand_path("../../lib", __FILE__))
+$LOAD_PATH.unshift(File.expand_path("..", __FILE__))
+
+ENV["RAILS_ENV"] = "test"
+
+require "rails"
+require "fake_app/fake_app"
+require "rails/test_help"
+
+require "bootstrap_form-datetimepicker"

metadata

@@ -0,0 +1,104 @@
+--- !ruby/object:Gem::Specification
+name: bootstrap_form-datetimepicker
+version: !ruby/object:Gem::Version
+  version: 0.0.1
+platform: ruby
+authors:
+- Masato Ikeda
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-08-18 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: bootstrap_form
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: bootstrap_form add-on to embed bootstrap-datetimepicker simply.
+email:
+- masato.ikeda@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- ".rspec"
+- ".travis.yml"
+- Gemfile
+- LICENSE.txt
+- README.md
+- Rakefile
+- bootstrap_form-datetimepicker.gemspec
+- lib/bootstrap_form-datetimepicker.rb
+- lib/bootstrap_form/datetimepicker.rb
+- lib/bootstrap_form/datetimepicker/version.rb
+- test/bootstrap_form/datetimepicker_test.rb
+- test/fake_app/fake_app.rb
+- test/test_helper.rb
+homepage: https://github.com/a2ikm/bootstrap_form-datetimepicker
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.2.2
+signing_key: 
+specification_version: 4
+summary: bootstrap_form add-on to embed bootstrap-datetimepicker simply.
+test_files:
+- test/bootstrap_form/datetimepicker_test.rb
+- test/fake_app/fake_app.rb
+- test/test_helper.rb
+has_rdoc: