Class: UI::PaginationEllipsisComponent

Inherits:
ViewComponent::Base
  • Object
show all
Includes:
PaginationEllipsisBehavior
Defined in:
app/view_components/ui/pagination_ellipsis_component.rb

Overview

Pagination Ellipsis component (ViewComponent) Visual indicator for skipped pages

Instance Method Summary collapse

Methods included from PaginationEllipsisBehavior

#ellipsis_base_classes, #ellipsis_classes, #ellipsis_html_attributes

Constructor Details

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

Returns a new instance of PaginationEllipsisComponent.

Parameters:

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

    additional CSS classes

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

    additional HTML attributes



10
11
12
13
 
# File 'app/view_components/ui/pagination_ellipsis_component.rb', line 10

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

Instance Method Details

#call ⇒ Object 



15
16
17
18
19
20
21
22
23
24
 
# File 'app/view_components/ui/pagination_ellipsis_component.rb', line 15

def call
  content_tag :span, **ellipsis_html_attributes do
    content_tag(:svg, xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-4") do
      content_tag(:circle, nil, cx: "12", cy: "12", r: "1") +
        content_tag(:circle, nil, cx: "19", cy: "12", r: "1") +
        content_tag(:circle, nil, cx: "5", cy: "12", r: "1")
    end +
      content_tag(:span, "More pages", class: "sr-only")
  end
end