ui_bibz 2.5.2 → 3.0.0.alpha3

data/lib/ui_bibz/ui/core/forms/dropdowns/split_dropdown.rb

@@ -56,9 +56,6 @@ module UiBibz::Ui::Core::Forms::Dropdowns
   #
   class SplitDropdown < UiBibz::Ui::Core::Forms::Dropdowns::Dropdown
     # See UiBibz::Ui::Core::Forms::Dropdowns::Dropdown.initialize
-    def initialize(name, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render

data/lib/ui_bibz/ui/core/forms/files/file_field.rb

@@ -42,30 +42,40 @@ module UiBibz::Ui::Core::Forms::Files
   #
   class FileField < UiBibz::Ui::Core::Component
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render
       content_tag :div, html_options do
-        concat file_field_tag content, class: 'custom-file-input', multiple: options[:multiple], disabled: disabled?
-        concat label_tag label_name, label_content, class: 'custom-file-label'
+        concat file_field_tag content, class: 'form-file-input', multiple: options[:multiple], disabled: disabled?
+        concat label_text_and_button
       end
     end
 
     private
 
-    def label_name
-      html_options[:id] || content
+    def label_text_and_button
+      label_tag label_name, class: 'form-file-label' do
+        concat content_tag(:span, format_value(options[:input_text] || options[:value]), class: 'form-file-text')
+        concat content_tag(:span, options[:button_text] || 'Browse', class: 'form-file-button')
+      end
     end
 
-    def label_content
-      options[:value] || ''
+    def format_value(value)
+      if value.is_a? ActiveStorage::Attached::One
+        return '' unless value.attached?
+
+        return value.attachment.blob.filename
+      end
+
+      value.to_s
+    end
+
+    def label_name
+      html_options[:id] || content
     end
 
     def component_html_classes
-      super << 'custom-file'
+      super << 'form-file'
     end
   end
 end

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

@@ -39,9 +39,6 @@ module UiBibz::Ui::Core::Forms::Numbers
   #
   class FormulaField < UiBibz::Ui::Core::Component
     # See UiBibz::Ui::Core::Component.initialize
-    def initialize(content = nil, options = nil, html_options = nil, &block)
-      super
-    end
 
     # Render html tag
     def pre_render
@@ -51,7 +48,7 @@ module UiBibz::Ui::Core::Forms::Numbers
     private
 
     def formula_field_html_tag
-      UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new(class: join_classes('formula_field', status, size)).tap do |sf|
+      UiBibz::Ui::Core::Forms::Surrounds::SurroundField.new(class: join_classes('formula_field', state, size)).tap do |sf|
         sf.text_field formula_field_name, nil, text_field_formula_html_options
         sf.addon '=', class: 'formula-field-sign'
         sf.text_field content, nil, text_field_input_html_options
@@ -75,7 +72,7 @@ module UiBibz::Ui::Core::Forms::Numbers
     end
 
     def component_html_options
-      options[:state] == :disabled ? { disabled: 'disabled' } : {}
+      disabled? ? { disabled: 'disabled' } : {}
     end
 
     def formula_field_alert_glyph
@@ -87,16 +84,27 @@ module UiBibz::Ui::Core::Forms::Numbers
     end
 
     def content_formula_name
-      content.to_s.split('').select { |i| i == ']' }.count.positive? ? content.to_s.gsub(/]$/, '_formula]') : "#{content}_formula"
+      content.to_s.split('').count { |i| i == ']' }.positive? ? content.to_s.gsub(/]$/, '_formula]') : "#{content}_formula"
     end
 
-    def status
-      "has-#{options[:status]}" if options[:status]
+    def state
+      states_matching[@options[:status] || @options[:state]] if @options[:status] || @options[:state]
     end
 
     # :lg, :sm or :xs
     def size
       "input-group-#{options[:size]}" if options[:size]
     end
+
+    def states_matching
+      {
+        success: 'is-valid',
+        danger: 'is-invalid',
+        valid: 'is-valid',
+        invalid: 'is-invalid',
+        active: 'active',
+        disabled: 'disabled'
+      }
+    end
   end
 end

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.dup.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