ui_bibz 2.5.6 → 3.0.0.alpha2

data/lib/ui_bibz/ui/core/forms/numbers/number_field.rb

@@ -48,9 +48,6 @@ module UiBibz::Ui::Core::Forms::Numbers
   #
   class NumberField < UiBibz::Ui::Core::Forms::Texts::TextField
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render
@@ -73,5 +70,25 @@ module UiBibz::Ui::Core::Forms::Numbers
         within: options[:within]
       }
     end
+
+    def html_max
+      options[:max] || 100
+    end
+
+    def html_min
+      options[:min] || 0
+    end
+
+    def html_step
+      options[:step] || 1
+    end
+
+    def html_in
+      options[:in]
+    end
+
+    def html_within
+      options[:within]
+    end
   end
 end

data/lib/ui_bibz/ui/core/forms/numbers/range_field.rb

@@ -47,19 +47,47 @@ module UiBibz::Ui::Core::Forms::Numbers
   #
   class RangeField < UiBibz::Ui::Core::Forms::Numbers::NumberField
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render
-      range_field_tag content, options[:value] || html_options[:value], html_options
+      capture do
+        concat range_field_tag(content, options[:value] || html_options[:value], html_options)
+        concat datalist_tag if options[:tick]
+      end
+    end
+
+    def html_id
+      @html_id ||= html_options[:id] || generate_id('range')
     end
 
     private
 
+    def datalist_tag
+      content_tag :datalist, id: datalist_id do
+        (html_min..html_max).step(html_step).map do |i|
+          content_tag :option, option_label(i), value: i, label: option_label(i)
+        end.join.html_safe
+      end
+    end
+
+    def component_html_options
+      options[:tick] ? super.merge(list: datalist_id) : super
+    end
+
     def component_html_classes
-      'custom-range'
+      'form-range'
+    end
+
+    def option_label(value)
+      value if [html_min, middle_range_value, html_max].include?(value)
+    end
+
+    def middle_range_value
+      (html_min..html_max).to_a[(html_min..html_max).size / 2]
+    end
+
+    def datalist_id
+      "#{html_id}-list"
     end
   end
 end

data/lib/ui_bibz/ui/core/forms/numbers/slider_field.rb

@@ -0,0 +1,132 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Core::Forms::Numbers
+  # Create a SliderField
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * +max+ - [Float, Integer]
+  # * +min+ - [Float, Integer]
+  # * +step+ - [Float, Integer]
+  # * +in+ - Array
+  # * +within+ - Array
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderField.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderField.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderField.new(4, max: 20, min: 0, step: 2)
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderField.new(max: 2, min: -3, step: 0.5) do
+  #     5
+  #   end
+  #
+  # ==== Helper
+  #
+  #   ui_slider_field(content, options = {}, html_options = {})
+  #
+  #   ui_slider_field(options = {}, html_options = {}) do
+  #    # content
+  #   end
+  #
+  class SliderField < UiBibz::Ui::Core::Forms::Numbers::NumberField
+    # See UiBibz::Ui::Core::Component.initialize
+
+    private
+
+    # Render html tag
+    def pre_render
+      content_tag :div, html_options do
+        concat slider_html
+        concat range_field_tag(options[:input_name_min] || range_name('_min'), options[:thumb_min] || 0, range_html_options)
+        concat range_field_tag(options[:input_name_max] || range_name('_max'), options[:thumb_max] || 100, range_html_options)
+      end
+    end
+
+    def slider_html
+      content_tag :div do
+        concat content_tag :div, '', class: 'slider-inverse-left', style: 'width: 100%'
+        concat content_tag :div, '', class: 'slider-inverse-right', style: 'width: 100%'
+        concat content_tag :div, '', class: 'slider-range', style: "left: #{left_percentage}%; right: #{100 - right_percentage}%"
+        concat content_tag :div, '', class: 'slider-thumb slider-thumb-left', style: "left: #{left_percentage}%"
+        concat content_tag :div, '', class: 'slider-thumb slider-thumb-right', style: "left: #{right_percentage}%"
+      end
+    end
+
+    def range_html_options
+      { max: options[:max] || 100, min: options[:min] || 0, step: options[:step] || 1, disabled: disabled }
+    end
+
+    def not_on_hundred_percent?
+      options[:max].present? && options[:max] != 100 || options[:min].present? && options[:min] != 0
+    end
+
+    def absolute_total
+      @absolute_total ||= min.abs + max.abs
+    end
+
+    def absolute_min
+      (min - thumb_min).abs
+    end
+
+    def absolute_max
+      (max - thumb_max).abs
+    end
+
+    def min
+      options[:min] || 0
+    end
+
+    def max
+      options[:max] || 100
+    end
+
+    def thumb_min
+      options[:thumb_min] || 0
+    end
+
+    def thumb_max
+      options[:thumb_max] || 100
+    end
+
+    def left_percentage
+      @left_percentage ||= not_on_hundred_percent? ? 100 * absolute_min / absolute_total : thumb_min
+    end
+
+    def right_percentage
+      @right_percentage ||= not_on_hundred_percent? ? 100 - (100 * absolute_max / absolute_total) : thumb_max
+    end
+
+    def component_html_classes
+      ['slider', ('disabled' if disabled)]
+    end
+
+    def disabled
+      'disabled' if options[:state] == :disabled || html_options[:disabled]
+    end
+
+    def range_name(suffix)
+      if content.end_with?(']')
+        content.clone.insert(-2, suffix)
+      else
+        "#{content}#{suffix}"
+      end
+    end
+  end
+end

data/lib/ui_bibz/ui/core/forms/numbers/slider_header.rb

@@ -0,0 +1,71 @@
+# frozen_string_literal: true
+
+module UiBibz::Ui::Core::Forms::Numbers
+  # Create a SliderHeader
+  #
+  # This element is an extend of UiBibz::Ui::Core::Component.
+  #
+  # ==== Attributes
+  #
+  # * +content+ - Content of element
+  # * +options+ - Options of element
+  # * +html_options+ - Html Options of element
+  #
+  # ==== Options
+  #
+  # You can add HTML attributes using the +html_options+.
+  # You can pass arguments in options attribute:
+  # * +max+ - [Float, Integer]
+  # * +min+ - [Float, Integer]
+  # * +step+ - [Float, Integer]
+  # * +in+ - Array
+  # * +within+ - Array
+  #
+  # ==== Signatures
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(content, options = {}, html_options = {}).render
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(options = {}, html_options = {}) do
+  #     content
+  #   end.render
+  #
+  # ==== Examples
+  #
+  #   UiBibz::Ui::Core::Forms::Numbers::SliderHeader.new(nil, max: 20, min: 0)
+  #
+  # ==== Helper
+  #
+  #   ui_slider_header(content, options = {}, html_options = {})
+  #
+  class SliderHeader < UiBibz::Ui::Core::Component
+    # See UiBibz::Ui::Core::Component.initialize
+
+    # Render html tag
+    def pre_render
+      content_tag :div, html_options do
+        concat header_min
+        concat header_max
+      end
+    end
+
+    private
+
+    def header_min
+      content_tag :div, class: 'slider-header-min' do
+        concat content_tag :label, options[:label_min] || 'Min: '
+        concat content_tag :span, options[:thumb_min]
+      end
+    end
+
+    def header_max
+      content_tag :div, class: 'slider-header-max' do
+        concat content_tag :label, options[:label_max] || 'max: '
+        concat content_tag :span, options[:thumb_max]
+      end
+    end
+
+    def component_html_classes
+      'slider-header'
+    end
+  end
+end

data/lib/ui_bibz/ui/core/forms/selects/abstract_select.rb

@@ -71,9 +71,6 @@ module UiBibz::Ui::Core::Forms::Selects
     include SurroundExtension
 
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render

data/lib/ui_bibz/ui/core/forms/selects/dropdown_select_field.rb

@@ -68,9 +68,6 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   class DropdownSelectField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 
@@ -102,11 +99,11 @@ module UiBibz::Ui::Core::Forms::Selects
     ############################ Data html options
 
     def max_options
-      add_html_data('max_options', options[:max_options]) if options[:max_options]
+      add_html_data('max_options', value: options[:max_options]) if options[:max_options]
     end
 
     def selected_text_format
-      add_html_data('selected_text_format', options[:selected_text_format]) if options[:selected_text_format]
+      add_html_data('selected_text_format', value: options[:selected_text_format]) if options[:selected_text_format]
     end
 
     def searchable
@@ -114,11 +111,11 @@ module UiBibz::Ui::Core::Forms::Selects
     end
 
     def style
-      add_html_data('style', "btn-#{options[:status] || :secondary}")
+      add_html_data('style', value: "btn-#{options[:status] || :secondary}")
     end
 
     def menu_size
-      add_html_data('size', options[:menu_size]) if options[:menu_size]
+      add_html_data('size', value: options[:menu_size]) if options[:menu_size]
     end
 
     def actions_box
@@ -126,11 +123,11 @@ module UiBibz::Ui::Core::Forms::Selects
     end
 
     def header
-      add_html_data('header', options[:header]) if options[:header]
+      add_html_data('header', value: options[:header]) if options[:header]
     end
 
     def add_status
-      add_html_data('style', "btn-#{options[:status]}") if options[:status]
+      add_html_data('style', value: "btn-#{options[:status]}") if options[:status]
     end
 
     ############################# Css classes

data/lib/ui_bibz/ui/core/forms/selects/multi_column_field.rb

@@ -48,9 +48,6 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   class MultiColumnField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 

data/lib/ui_bibz/ui/core/forms/selects/multi_select_field.rb

@@ -53,9 +53,6 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   class MultiSelectField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
     # See UiBibz::Ui::Core::Forms::Buttons::Button.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 

data/lib/ui_bibz/ui/core/forms/selects/select_field.rb

@@ -61,14 +61,11 @@ module UiBibz::Ui::Core::Forms::Selects
   #
   class SelectField < UiBibz::Ui::Core::Forms::Selects::AbstractSelect
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 
     def component_html_classes
-      super << ['select-field', 'form-control', 'custom-select', size]
+      super << ['select-field', 'form-control', 'form-select', size]
     end
 
     def component_options
@@ -76,7 +73,7 @@ module UiBibz::Ui::Core::Forms::Selects
     end
 
     def size
-      "custom-select-#{options[:size]}" unless options[:size].nil?
+      "form-select-#{options[:size]}" unless options[:size].nil?
     end
   end
 end

data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_addon.rb

@@ -3,9 +3,6 @@
 module UiBibz::Ui::Core::Forms::Surrounds
   class SurroundAddon < UiBibz::Ui::Core::Component
     # See UiBibz::Ui::Core::Dropdown.initialize
-    def initialize(content, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render
@@ -19,7 +16,7 @@ module UiBibz::Ui::Core::Forms::Surrounds
     end
 
     def component_html_classes
-      'input-group-addon'
+      'input-group-text'
     end
   end
 end

data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button.rb

@@ -3,9 +3,6 @@
 module UiBibz::Ui::Core::Forms::Surrounds
   class SurroundButton < UiBibz::Ui::Core::Forms::Buttons::Button
     # See UiBibz::Ui::Core::Dropdown.initialize
-    def initialize(content, options = nil, html_options = nil, &block)
-      super
-    end
 
     def pre_render
       content_tag :div, class: 'input-group-btn' do

data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_group.rb

@@ -3,9 +3,6 @@
 module UiBibz::Ui::Core::Forms::Surrounds
   class SurroundButtonGroup < UiBibz::Ui::Core::Forms::Buttons::ButtonGroup
     # See UiBibz::Ui::Core::Dropdown.initialize
-    def initialize(content, options = nil, html_options = nil, &block)
-      super
-    end
 
     private
 

data/lib/ui_bibz/ui/core/forms/surrounds/components/surround_button_link.rb

@@ -3,9 +3,6 @@
 module UiBibz::Ui::Core::Forms::Surrounds
   class SurroundButtonLink < UiBibz::Ui::Core::Forms::Buttons::ButtonLink
     # See UiBibz::Ui::Core::Dropdown.initialize
-    def initialize(content, options = nil, html_options = nil, &block)
-      super
-    end
 
     def pre_render
       content_tag :div, class: 'input-group-btn' do