Class: UI::SliderRange

Inherits:
Phlex::HTML
  • Object
show all
Includes:
SliderRangeBehavior
Defined in:
app/components/ui/slider_range.rb

Overview

SliderRange - Phlex implementation

The range is the filled portion of the track showing the selected value. Uses SliderRangeBehavior module for shared logic.

Examples:

Basic usage (inside SliderTrack)

render UI::SliderTrack.new do
  render UI::SliderRange.new
end

Instance Method Summary collapse

Methods included from SliderRangeBehavior

#slider_range_html_attributes

Constructor Details

#initialize(classes: "", attributes: {}) ⇒ SliderRange

Returns a new instance of SliderRange.

Parameters:

  • classes (String) (defaults to: "") —

    Additional CSS classes

  • attributes (Hash) (defaults to: {}) —

    Additional HTML attributes



17
18
19
20
 
# File 'app/components/ui/slider_range.rb', line 17

def initialize(classes: "", attributes: {})
  @classes = classes
  @attributes = attributes
end

Instance Method Details

#view_template ⇒ Object 



22
23
24
25
26
27
28
29
30
31
32
 
# File 'app/components/ui/slider_range.rb', line 22

def view_template
  all_attributes = slider_range_html_attributes

  # Merge data attributes
  all_attributes[:data] = all_attributes[:data].merge(@attributes.fetch(:data, {}))

  # Merge with user attributes (except data which we already handled)
  all_attributes = all_attributes.merge(@attributes.except(:data))

  div(**all_attributes)
end