bootstrap_builders 0.0.22 → 0.0.23

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 13e135efacb89f2efc36c3084cfbd0f38a86964d
-  data.tar.gz: f53ca607382ca70bae61a5210e7a597a62da5ea3
+  metadata.gz: 59efce5d0bbcfe300000500f214a4270984043a3
+  data.tar.gz: 5f49a938c650f1ff9a49c5640c7549067b9d80a6
 SHA512:
-  metadata.gz: 4c4ae24d2ad8b84d4b85acfb0e5b70e029746dde3ed01263fdf449c1d970f66e64515d522f2400a503a68d33894f3248a49ae6343c3a2bbac110e0bc55e153bb
-  data.tar.gz: 53de5dad31c9fee42881cfded2492d970c60239ba53bce5f6ccddff6a42dc21fd16e6b09dd94574200e2ee1891cb2a17b5f6effeeb5af7e2f5d8bedf62525ea5
+  metadata.gz: b7c968275cbb0b8ba0b36347d181ba8661e34df2eea0266e97e141081c92d7b0348b626cb3949c28eb9f0561b51c35e358321420bb9b388dfbe7aa217d112194
+  data.tar.gz: a4a75d649bac054f432726e1d8080f90c35e203660640364ac4fa239747c5ee7f0c2ab595a613e3f641708be5d9ba9567157d067dc14bc627847537b278ef6fa

data/README.md

@@ -26,6 +26,13 @@ Then add to your `application.css`:
 
 ## Usage
 
+### Date picker input for SimpleForm
+
+```haml
+= f.input :activation_at, as: :bb_date_picker
+= f.input :something_at, as: :bb_date_time_picker
+```
+
 ### Panel
 
 1. Panel in all its glory with elements and classes

data/app/assets/javascripts/bootstrap_builders.coffee

@@ -1,3 +1,4 @@
+#= require bootstrap_builders/date-picker-input
 #= require bootstrap_builders/view-port-detection
 #= require bootstrap_builders/bb-btn-responsive
 #= require bootstrap_builders/tabs

data/app/assets/javascripts/bootstrap_builders/date-picker-input.coffee

@@ -0,0 +1,97 @@
+(($, window, document) ->
+  $this = undefined
+  $text_ele = undefined
+  $form = undefined
+  $year_ele = undefined
+  $month_ele = undefined
+  $day_ele = undefined
+  $hour_ele = undefined
+  $min_ele = undefined
+
+  methods = {
+    # Constructor.
+    init: (options) ->
+      $this = $(@)
+      throw "Invalid element given." if $this.length <= 0
+
+      # The hidden Rails-inputs that will get the actual values like year, month, date, hour and minute.
+      $text_ele = $("input.bb_date_picker", $this)
+      $form = $(this).parents("form").first()
+      $year_ele = $(".bb-date-picker-input-year", $this).first()
+      $month_ele = $(".bb-date-picker-input-moth", $this).first()
+      $day_ele = $(".bb-date-picker-input-day", $this).first()
+      $hour_ele = $(".bb-date-picker-input-hour", $this).first()
+      $min_ele = $(".bb-date-picker-input-min", $this).first()
+
+      throw "Could not find the year element." if $year_ele.length <= 0
+
+      # Update values on form-submit.
+      if $form.length > 0 && $form.data("bb-date-picker-input") != "true"
+        $form.data("bb-date-picker-input", "true")
+
+        $form.submit ->
+          $(".bb-date-picker-input", this).each ->
+            $(this).bbDatePickerInput("updateValues")
+          return true
+
+      # Update the values when the date is changed or upon blur
+      $text_ele.on "changeDate blur", ->
+        console.log "changeDate blur"
+        $(this).parents(".bb-date-picker-input").first().bbDatePickerInput("updateValues")
+
+      return $this
+
+    # Parses the date in the input-field and updates all the hidden Rails-inputs from the parsed values.
+    updateValues: ->
+      # The hidden Rails-inputs that will get the actual values like year, month, date, hour and minute.
+      $text_ele = $("input.bb_date_picker", $this)
+      throw "No text element?" if $text_ele.length <= 0
+
+      $form = $(this).parents("form").first()
+      $year_ele = $(".bb-date-picker-input-year", $this).first()
+      $month_ele = $(".bb-date-picker-input-month", $this).first()
+      $day_ele = $(".bb-date-picker-input-day", $this).first()
+      $hour_ele = $(".bb-date-picker-input-hour", $this).first()
+      $min_ele = $(".bb-date-picker-input-min", $this).first()
+
+      if $.trim($text_ele.val()) == ""
+        $year_ele.val("")
+        $month_ele.val("")
+        $day_ele.val("")
+        $hour_ele.val("")
+        $min_ele.val("")
+      else if match = $text_ele.val().match(/^\s*(\d+)-(\d+)-(\d+)\s+(\d+):(\d+)\s*$/)
+        $year_ele.val(match[1])
+        $month_ele.val(match[2])
+        $day_ele.val(match[3])
+        $hour_ele.val(match[4])
+        $min_ele.val(match[5])
+      else if match = $text_ele.val().match(/^\s*(\d+)-(\d+)-(\d+)\s*$/)
+        $year_ele.val(match[1])
+        $month_ele.val(match[2])
+        $day_ele.val(match[3])
+        $hour_ele.val(0)
+        $min_ele.val(0)
+      else
+        throw "Invalid date-format: '" + $text_ele.val() + "'."
+
+      # Set the content to be a date, if this is a date-input-picker.
+      if match && $text_ele.hasClass("input_date_picker")
+        $text_ele.val(match[1] + "-" + match[2] + "-" + match[3])
+
+      return $this
+  }
+
+  # Initialize the plugin.
+  $.fn.bbDatePickerInput = (method) ->
+    if methods[method]
+      methods[method].apply(this, Array::slice.call(arguments, 1))
+    else if typeof method is "object" or not method
+      methods.init.apply(this, arguments)
+    else
+      $.error "Method " + method + " does not exist on jquery.inputDatePicker"
+) jQuery, window, document
+
+$ ->
+  $(".bb-date-picker").each ->
+    $(this).bbDatePickerInput()

data/lib/bb_date_picker_input.rb

@@ -0,0 +1,51 @@
+require "simple_form"
+
+# Create an input-text-field with a date-time-picker widget attached. Also makes sure the given date-time-value is being put in the correct format.
+class BbDatePickerInput < SimpleForm::Inputs::Base
+  # The method that should return the widgets HTML based on the sat arguments.
+  def input(_wrapper_options)
+    # Parse the value.
+    if input_html_options[:value]
+      date = input_html_options[:value]
+    elsif @builder.object.present?
+      date = @builder.object.send(attribute_name)
+    else
+      date = nil
+    end
+
+    if date.present?
+      val = date.strftime("%Y-%m-%d")
+
+      year = date.year
+      month = date.month
+      day = date.day
+    end
+
+    # Parse classes.
+    classes = ["form-control"]
+
+    class_arg = input_html_options[:class]
+
+    if class_arg
+      if class_arg.is_a?(Array)
+        classes += class_arg
+      else
+        classes << class_arg
+      end
+    end
+
+    # Generate and return HTML for the widget.
+    content_tag = template.content_tag(:div, class: "bb-date-picker") do
+      html = ""
+      html << @builder.hidden_field("#{attribute_name}(1i)", value: year, class: "bb-date-picker-input-year")
+      html << @builder.hidden_field("#{attribute_name}(2i)", value: month, class: "bb-date-picker-input-month")
+      html << @builder.hidden_field("#{attribute_name}(3i)", value: day, class: "bb-date-picker-input-day")
+
+      html << template.text_field_tag("", val, class: classes, data: {date_format: "yyyy-mm-dd", provide: "datepicker"})
+
+      html.html_safe
+    end
+
+    content_tag
+  end
+end

data/lib/bb_date_time_picker_input.rb

@@ -0,0 +1,55 @@
+require "simple_form"
+
+# Create an input-text-field with a date-time-picker widget attached. Also makes sure the given date-time-value is being put in the correct format.
+class BbDateTimePickerInput < SimpleForm::Inputs::Base
+  # The method that should return the widgets HTML based on the sat arguments.
+  def input(_wrapper_options)
+    # Parse the value.
+    if input_html_options[:value]
+      date = input_html_options[:value]
+    elsif @builder.object.present?
+      date = @builder.object.send(attribute_name)
+    else
+      date = nil
+    end
+
+    if date.present?
+      val = date.strftime("%Y-%m-%d")
+
+      year = date.year
+      month = date.month
+      day = date.day
+      hour = date.hour
+      min = date.min
+    end
+
+    # Parse classes.
+    classes = ["form-control"]
+
+    class_arg = input_html_options[:class]
+
+    if class_arg
+      if class_arg.is_a?(Array)
+        classes += class_arg
+      else
+        classes << class_arg
+      end
+    end
+
+    # Generate and return HTML for the widget.
+    content_tag = template.content_tag(:div, class: "bb-date-picker") do
+      html = ""
+      html << @builder.hidden_field("#{attribute_name}(1i)", value: year, class: "bb-date-picker-input-year")
+      html << @builder.hidden_field("#{attribute_name}(2i)", value: month, class: "bb-date-picker-input-month")
+      html << @builder.hidden_field("#{attribute_name}(3i)", value: day, class: "bb-date-picker-input-day")
+      html << @builder.hidden_field("#{attribute_name}(4i)", value: hour, class: "bb-date-picker-input-hour")
+      html << @builder.hidden_field("#{attribute_name}(5i)", value: min, class: "bb-date-picker-input-min")
+
+      html << template.text_field_tag("", val, class: classes, data: {date_format: "yyyy-mm-dd", provide: "datepicker"})
+
+      html.html_safe
+    end
+
+    content_tag
+  end
+end

data/lib/bootstrap_builders.rb

@@ -1,6 +1,9 @@
 require "bootstrap_builders/engine"
 require "html_gen"
 
+autoload :BbDatePickerInput, "#{File.dirname(__FILE__)}/bb_date_picker_input"
+autoload :BbDateTimePickerInput, "#{File.dirname(__FILE__)}/bb_date_time_picker_input"
+
 module BootstrapBuilders
   extend ActiveSupport::Autoload
 

data/lib/bootstrap_builders/version.rb

@@ -1,3 +1,3 @@
 module BootstrapBuilders
-  VERSION = "0.0.22".freeze
+  VERSION = "0.0.23".freeze
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bootstrap_builders
 version: !ruby/object:Gem::Version
-  version: 0.0.22
+  version: 0.0.23
 platform: ruby
 authors:
 - kaspernj
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-09-24 00:00:00.000000000 Z
+date: 2016-10-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -136,6 +136,20 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 1.6.4
+- !ruby/object:Gem::Dependency
+  name: simple_form
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.3.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.3.1
 - !ruby/object:Gem::Dependency
   name: capybara
   requirement: !ruby/object:Gem::Requirement
@@ -232,6 +246,7 @@ files:
 - Rakefile
 - app/assets/javascripts/bootstrap_builders.coffee
 - app/assets/javascripts/bootstrap_builders/bb-btn-responsive.coffee
+- app/assets/javascripts/bootstrap_builders/date-picker-input.coffee
 - app/assets/javascripts/bootstrap_builders/tabs.js.coffee
 - app/assets/javascripts/bootstrap_builders/url-builder/README.md
 - app/assets/javascripts/bootstrap_builders/url-builder/lib/url-builder.coffee
@@ -244,6 +259,8 @@ files:
 - app/views/layouts/bootstrap_builders/application.html.erb
 - config/routes.rb
 - config/spring.rb
+- lib/bb_date_picker_input.rb
+- lib/bb_date_time_picker_input.rb
 - lib/bootstrap_builders.rb
 - lib/bootstrap_builders/arguments_parser.rb
 - lib/bootstrap_builders/attribute_rows.rb