ui_bibz 2.5.6 → 3.0.0.alpha8

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
@@ -72,7 +69,7 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     private
 
     def component_html_classes
-      ['btn-group', type]
+      ['btn-group', position, alignment, open, inline, keep_open]
     end
 
     def button_html
@@ -80,13 +77,18 @@ module UiBibz::Ui::Core::Forms::Dropdowns
     end
 
     def split_html
-      content_tag :button, split_content, class: join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split'), type: 'button', 'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
+      content_tag :button, split_content, class: split_classes, type: 'button',
+                                          'data-toggle' => 'dropdown', 'aria-haspopup' => true, 'aria-expanded' => false
     end
 
     def split_content
       src_only
     end
 
+    def split_classes
+      join_classes('btn', button_status, size, 'dropdown-toggle', 'dropdown-toggle-split')
+    end
+
     def src_only
       content_tag :span, 'Toggle Dropdown', class: 'sr-only'
     end

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,11 +48,13 @@ 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.addon @options[:append] unless @options[:append].nil?
         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
         sf.addon formula_field_alert_glyph, { class: 'formula-field-alert' }, { data: { toggle: 'tooltip' } }
+        sf.addon @options[:prepend] unless @options[:prepend].nil?
       end.render
     end
 
@@ -75,7 +74,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 +86,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

@@ -20,6 +20,12 @@ module UiBibz::Ui::Core::Forms::Numbers
   # * +step+ - [Float, Integer]
   # * +in+ - Array
   # * +within+ - Array
+  # * +status+ - status of element with symbol value:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +thumb_status+ - status of the thumb:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +track_status+ - status of track:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
   #
   # ==== Signatures
   #
@@ -47,19 +53,59 @@ 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', status, thumb_status, track_status]
+    end
+
+    def status
+      "form-range-#{options[:status]}" if options[:status]
+    end
+
+    def thumb_status
+      "form-range-thumb-#{options[:thumb_status]}" if options[:thumb_status]
+    end
+
+    def track_status
+      "form-range-track-#{options[:track_status]}" if options[:track_status]
+    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,144 @@
+# 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
+  # * +status+ - status of element with symbol value:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  # * +track_status+ - status of track:
+  #   (+:primary+, +:secondary+, +:success+, :info+, +:warning+, +:danger+, +:light+, +:dark+)
+  #
+  # ==== 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', status, track_status, ('disabled' if disabled)]
+    end
+
+    def disabled
+      'disabled' if options[:state] == :disabled || html_options[:disabled]
+    end
+
+    def status
+      "slider-#{options[:status]}" if options[:status]
+    end
+
+    def track_status
+      "slider-track-#{options[:track_status]}" if options[:track_status]
+    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], "data-unit": options[:unit] || options[:unit_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], "data-unit": options[:unit] || options[:unit_max]
+      end
+    end
+
+    def component_html_classes
+      'slider-header'
+    end
+  end
+end