bootstrap_form_extensions 1.2.1 → 4.0.0

data/app/assets/javascripts/bootstrap_form_extensions/time_picker.js

@@ -1,61 +0,0 @@
-+function ($) {
-  'use strict';
-
-
-  // TIME PICKER CLASS DEFINITION
-  // ============================
-
-  var TimePicker = function (element, options) {
-    var defaults = {
-      minuteStep:   1,
-      showSeconds:  true,
-      secondStep:   1,
-      showMeridian: false,
-      defaultTime:  false
-    }
-    $(element).timepicker($.extend(defaults, options))
-  }
-
-  TimePicker.VERSION = '1.2.1'
-
-
-  // TIME PICKER PLUGIN DEFINITION
-  // =============================
-
-  function Plugin(options) {
-    return $(this).each(function () {
-      var $this = $(this)
-      var data  = $this.data('bsfe.timepicker')
-
-      if (!data) $this.data('bsfe.timepicker', (data = new TimePicker(this, options)))
-    })
-  }
-
-  var old = $.fn.timePicker
-
-  $.fn.timePicker             = Plugin
-  $.fn.timePicker.Constructor = TimePicker
-
-
-  // TIME PICKER NO CONFLICT
-  // =======================
-
-  $.fn.timePicker.noConflict = function () {
-    $.fn.timePicker = old
-    return this
-  }
-
-
-  // TIME PICKER DATA-API
-  // ====================
-
-  $(window).on('load page:load turbolinks:load page:restore', function () {
-    $('[data-provide="timepicker"]').each(function () {
-      var $picker = $(this)
-      var options = $picker.html5data('time')
-
-      Plugin.call($picker, options)
-    })
-  })
-
-}(jQuery);

data/app/assets/stylesheets/bootstrap_form_extensions/bootstrap-timepicker.min.css

@@ -1,10 +0,0 @@
-/*!
- * Timepicker Component for Twitter Bootstrap
- *
- * Copyright 2013 Joris de Wit
- *
- * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
- *
- * For the full copyright and license information, please view the LICENSE
- * file that was distributed with this source code.
- */.bootstrap-timepicker{position:relative}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{left:auto;right:0}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{left:auto;right:12px}.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{left:auto;right:13px}.bootstrap-timepicker .input-group-addon{cursor:pointer}.bootstrap-timepicker .input-group-addon i{display:inline-block;width:16px;height:16px}.bootstrap-timepicker-widget.dropdown-menu{padding:4px}.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block}.bootstrap-timepicker-widget.dropdown-menu:before{border-bottom:7px solid rgba(0,0,0,0.2);border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.dropdown-menu:after{border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;content:"";display:inline-block;position:absolute}.bootstrap-timepicker-widget.timepicker-orient-left:before{left:6px}.bootstrap-timepicker-widget.timepicker-orient-left:after{left:7px}.bootstrap-timepicker-widget.timepicker-orient-right:before{right:6px}.bootstrap-timepicker-widget.timepicker-orient-right:after{right:7px}.bootstrap-timepicker-widget.timepicker-orient-top:before{top:-7px}.bootstrap-timepicker-widget.timepicker-orient-top:after{top:-6px}.bootstrap-timepicker-widget.timepicker-orient-bottom:before{bottom:-7px;border-bottom:0;border-top:7px solid #999}.bootstrap-timepicker-widget.timepicker-orient-bottom:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{border-radius:4px}.bootstrap-timepicker-widget table{width:100%;margin:0}.bootstrap-timepicker-widget table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker-widget table td:not(.separator){min-width:30px}.bootstrap-timepicker-widget table td span{width:100%}.bootstrap-timepicker-widget table td a{border:1px transparent solid;width:100%;display:inline-block;margin:0;padding:8px 0;outline:0;color:#333}.bootstrap-timepicker-widget table td a:hover{text-decoration:none;background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker-widget table td a i{margin-top:2px;font-size:18px}.bootstrap-timepicker-widget table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-widget .modal-content{padding:4px}@media(min-width:767px){.bootstrap-timepicker-widget.modal{width:200px;margin-left:-100px}}@media(max-width:767px){.bootstrap-timepicker{width:100%}.bootstrap-timepicker .dropdown-menu{width:100%}}

data/app/assets/stylesheets/bootstrap_form_extensions/common.css

@@ -1,11 +0,0 @@
-// Vertical space
-.voffset  { margin-top: 2px; }
-.voffset1 { margin-top: 5px; }
-.voffset2 { margin-top: 10px; }
-.voffset3 { margin-top: 15px; }
-.voffset4 { margin-top: 30px; }
-.voffset5 { margin-top: 40px; }
-.voffset6 { margin-top: 60px; }
-.voffset7 { margin-top: 80px; }
-.voffset8 { margin-top: 100px; }
-.voffset9 { margin-top: 150px; }

data/app/assets/stylesheets/bootstrap_form_extensions/submit_bar.css

@@ -1,4 +0,0 @@
-.submitbar-next-action-menu > li > button.btn-link {
-  width: 100%;
-  text-align: left;
-}

data/lib/bootstrap_form_extensions/date_time_pickers.rb

@@ -1,83 +0,0 @@
-module BootstrapFormExtensions
-
-  module DateTimePickers
-
-    include BootstrapFormExtensions::Helpers
-
-    def date_time_picker attribute, **options
-      name = attribute.to_s.sub /_at$/, ''
-      date_method  = options.delete(:date_method) { "#{name}_date".to_sym }
-      time_method  = options.delete(:time_method) { "#{name}_time".to_sym }
-
-      date_options = options.delete(:date_options) { {} }
-      time_options = options.delete(:time_options) { {} }
-      date_options[:class] = merge_css_classes 'form-control', date_options[:class]
-      time_options[:class] = merge_css_classes 'form-control', time_options[:class]
-
-      # TODO: Replace for these commented out lines, once this pull request is merged: https://github.com/bootstrap-ruby/rails-bootstrap-forms/pull/238
-      # options[:wrapper] ||= {}
-      # options[:wrapper].merge! inline: true
-      options[:control_col] = control_col_for_date_time_pickers options
-
-      date_picker_html = content_tag :div, date_picker_builder(date_method, date_options), class: 'form-group'
-      time_picker_html = content_tag :div, time_picker_builder(time_method, time_options), class: 'form-group'
-      form_group_builder(attribute, options) { date_picker_html + '  '.html_safe + time_picker_html }
-    end
-
-    def date_picker method, **options
-      # TODO: Replace for these commented out lines, once this pull request is merged: https://github.com/bootstrap-ruby/rails-bootstrap-forms/pull/238
-      # options[:wrapper] ||= {}
-      # options[:wrapper].merge! inline: true
-      options[:control_col] = control_col_for_date_time_pickers options
-      form_group_builder(method, options) { date_picker_builder method, options }
-    end
-
-    def time_picker method, **options
-      # TODO: Replace for these commented out lines, once this pull request is merged: https://github.com/bootstrap-ruby/rails-bootstrap-forms/pull/238
-      # options[:wrapper] ||= {}
-      # options[:wrapper].merge! inline: true
-      options[:control_col] = control_col_for_date_time_pickers options
-      form_group_builder(method, options) { time_picker_builder method, options }
-    end
-
-    private
-
-    def date_picker_builder method, **options
-      widget_options = {
-        provide:                     'datepicker',
-        date_today_highlight:        true,
-        date_format:                 'yyyy-mm-dd',
-        date_today_btn:              'linked',
-        date_autoclose:              true,
-        date_disable_touch_keyboard: true,
-        date_enable_on_readonly:     false,
-        date_show_on_focus:          false
-      }
-      widget = options.delete(:widget) { {} }
-      widget.each { |option, value| widget_options["date_#{option.to_s.underscore}".to_sym] = value }
-
-      text = self.text_field_without_bootstrap method, { size: 10 }.merge(options)
-      icon = content_tag :span, glyphicon_tag('calendar'), class: 'input-group-addon'
-      content_tag :div, text + icon, class: 'input-group date', data: widget_options
-    end
-
-    def time_picker_builder method, **options
-      widget_options = { provide: 'timepicker' }
-      widget = options.delete(:widget) { {} }
-      widget.each { |option, value| widget_options["time_#{option.to_s.underscore}".to_sym] = value }
-
-      options.reverse_merge! size: 8, data: {}
-      options[:data].merge! widget_options
-
-      text = self.text_field_without_bootstrap method, options
-      icon = content_tag :span, glyphicon_tag('time'), class: 'input-group-addon'
-      content_tag :div, text + icon, class: 'input-group bootstrap-timepicker'
-    end
-
-    def control_col_for_date_time_pickers options
-      (options[:control_col] || control_col.clone) + ' form-inline'
-    end
-
-  end
-
-end

data/test/date_time_pickers_test.rb

@@ -1,50 +0,0 @@
-require 'test_helper'
-
-class DateTimePickersTest < ActionView::TestCase
-  include BootstrapFormExtensions::DateTimePickers
-
-  def setup
-    setup_test_fixture
-  end
-
-  test "date_picker" do
-    expected = '<div class="form-group"><label class="control-label col-sm-2" for="thing_start_date">Start date</label><div class="col-sm-10 form-inline"><div class="input-group date" data-provide="datepicker" data-date-today-highlight="true" data-date-format="yyyy-mm-dd" data-date-today-btn="linked" data-date-autoclose="true" data-date-disable-touch-keyboard="true" data-date-enable-on-readonly="false" data-date-show-on-focus="false"><input size="10" class="form-control" type="text" value="1971-10-21" name="thing[start_date]" id="thing_start_date" /><span class="input-group-addon"><i class=" glyphicon glyphicon-calendar"></i></span></div></div></div>'
-    assert_equal expected, @builder.date_picker(:start_date)
-  end
-
-  test "add an option to date_picker" do
-    @output_buffer = @builder.date_picker :start_date, widget: { clear_btn: true }
-    assert_select 'div.date[data-date-clear-btn=true]'
-  end
-
-  test "overwrite one of the default options to date_picker" do
-    @output_buffer = @builder.date_picker :start_date, widget: { format: 'dd-mm-yyyy' }
-    assert_select 'div.date[data-date-format="dd-mm-yyyy"]'
-  end
-
-  test "time_picker" do
-    expected = '<div class="form-group"><label class="control-label col-sm-2" for="thing_start_time">Start time</label><div class="col-sm-10 form-inline"><div class="input-group bootstrap-timepicker"><input class="form-control" size="8" data-provide="timepicker" type="text" value="07:30:00" name="thing[start_time]" id="thing_start_time" /><span class="input-group-addon"><i class=" glyphicon glyphicon-time"></i></span></div></div></div>'
-    assert_equal expected, @builder.time_picker(:start_time)
-  end
-
-  test "add an option to time_picker" do
-    @output_buffer = @builder.time_picker :start_time, widget: { disable_mousewheel: true }
-    assert_select 'input[data-time-disable-mousewheel=true]'
-  end
-
-  test "date_time_picker" do
-    expected = '<div class="form-group"><label class="control-label col-sm-2" for="thing_start_at">Start at</label><div class="col-sm-10 form-inline"><div class="form-group"><div class="input-group date" data-provide="datepicker" data-date-today-highlight="true" data-date-format="yyyy-mm-dd" data-date-today-btn="linked" data-date-autoclose="true" data-date-disable-touch-keyboard="true" data-date-enable-on-readonly="false" data-date-show-on-focus="false"><input size="10" class="form-control" type="text" value="1971-10-21" name="thing[start_date]" id="thing_start_date" /><span class="input-group-addon"><i class=" glyphicon glyphicon-calendar"></i></span></div></div>&nbsp;&nbsp;<div class="form-group"><div class="input-group bootstrap-timepicker"><input class="form-control" size="8" data-provide="timepicker" type="text" value="07:30:00" name="thing[start_time]" id="thing_start_time" /><span class="input-group-addon"><i class=" glyphicon glyphicon-time"></i></span></div></div></div></div>'
-    assert_equal expected, @builder.date_time_picker(:start_at)
-  end
-
-  test "add an option to the date control in the date_time_picker" do
-    @output_buffer = @builder.date_time_picker :start_at, date_options: { widget: { clear_btn: true } }
-    assert_select 'div.date[data-date-clear-btn=true]'
-  end
-
-  test "add an option to the time control in the date_time_picker" do
-    @output_buffer = @builder.date_time_picker :start_at, time_options: { widget: { disable_mousewheel: true } }
-    assert_select 'input[data-time-disable-mousewheel=true]'
-  end
-
-end

data/test/dummy/db/migrate/20151030194330_add_date_time.rb

@@ -1,7 +0,0 @@
-class AddDateTime < ActiveRecord::Migration
-
-  def change
-    add_column :things, :start_at, :datetime
-  end
-
-end

data/test/javascripts/time_picker_spec.js

@@ -1,42 +0,0 @@
-describe("TimePicker", function() {
-
-  describe("Plugin", function() {
-
-    it("should be defined on jQuery object", function() {
-      expect($(document.body).timePicker).not.toThrow()
-    })
-
-  })
-
-  describe("Run tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode", function() {
-
-    beforeEach(function() {
-      $.fn.bootstrapTimePicker = $.fn.timePicker.noConflict()
-    })
-
-    afterEach(function() {
-      $.fn.timePicker = $.fn.bootstrapTimePicker
-      delete $.fn.bootstrapTimePicker
-    })
-
-    describe("initialization", function() {
-
-      it("should provide no conflict - timePicker was set back to undefined (orig value)", function() {
-        expect($.fn.timePicker).toBeUndefined()
-      })
-
-      it("should return jquery collection containing the element", function() {
-        var $el = $('<div/>')
-        var $timePicker = $el.bootstrapTimePicker()
-        expect($timePicker).toEqual(jasmine.any($))
-        expect($timePicker[0]).toBe($el[0])
-      })
-
-    })
-
-    describe("behaviour", function() {
-    })
-
-  })
-
-})