Module: Pagy::FoundationExtra
- Included in:
- Frontend
- Defined in:
- lib/pagy/extras/foundation.rb
Overview
Frontend modules are specially optimized for performance. The resulting code may not look very elegant, but produces the best benchmarks
Instance Method Summary collapse
-
#pagy_foundation_combo_nav_js(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Javascript combo pagination for Foundation: it returns a nav and a JSON tag used by the Pagy.combo_nav javascript.
-
#pagy_foundation_nav(pagy, pagy_id: nil, link_extra: '', **vars) ⇒ Object
Pagination for Foundation: it returns the html with the series of links to the pages.
-
#pagy_foundation_nav_js(pagy, pagy_id: nil, link_extra: '', **vars) ⇒ Object
Javascript pagination for foundation: it returns a nav and a JSON tag used by the Pagy.nav javascript.
Instance Method Details
#pagy_foundation_combo_nav_js(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Javascript combo pagination for Foundation: it returns a nav and a JSON tag used by the Pagy.combo_nav javascript
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 |
# File 'lib/pagy/extras/foundation.rb', line 44 def pagy_foundation_combo_nav_js(pagy, pagy_id: nil, link_extra: '') p_id = %( id="#{pagy_id}") if pagy_id link = pagy_link_proc(pagy, link_extra: link_extra) p_page = pagy.page p_pages = pagy.pages input = %(<input class="input-group-field cell shrink" type="number" min="1" max="#{ p_pages}" value="#{p_page}" style="width: #{ p_pages.to_s.length + 1}rem; padding: 0 0.3rem; margin: 0 0.3rem;">) %(<nav#{p_id} class="pagy-foundation-combo-nav-js" aria-label="Pagination"><div class="input-group" #{ pagy_json_attr pagy, :combo_nav, p_page, pagy_marked_link(link)}>#{ if (p_prev = pagy.prev) link.call p_prev, pagy_t('pagy.nav.prev'), 'style="margin-bottom: 0" aria-label="previous" class="prev button primary"' else %(<a style="margin-bottom: 0" class="prev button primary disabled" href="#">#{pagy_t 'pagy.nav.prev'}</a>) end }<span class="input-group-label">#{pagy_t 'pagy.combo_nav_js', page_input: input, count: p_page, pages: p_pages}</span>#{ if (p_next = pagy.next) link.call p_next, pagy_t('pagy.nav.next'), 'style="margin-bottom: 0" aria-label="next" class="next button primary"' else %(<a style="margin-bottom: 0" class="next button primary disabled" href="#">#{pagy_t 'pagy.nav.next'}</a>) end }</div></nav>) end |
#pagy_foundation_nav(pagy, pagy_id: nil, link_extra: '', **vars) ⇒ Object
Pagination for Foundation: it returns the html with the series of links to the pages
11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
# File 'lib/pagy/extras/foundation.rb', line 11 def pagy_foundation_nav(pagy, pagy_id: nil, link_extra: '', **vars) p_id = %( id="#{pagy_id}") if pagy_id link = pagy_link_proc(pagy, link_extra: link_extra) html = +%(<nav#{p_id} class="pagy-foundation-nav" aria-label="Pagination"><ul class="pagination">) html << pagy_foundation_prev_html(pagy, link) pagy.series(**vars).each do |item| # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36] html << case item when Integer then %(<li>#{link.call item}</li>) # page link when String then %(<li class="current">#{pagy.label_for(item)}</li>) # active page when :gap then %(<li class="ellipsis gap" aria-hidden="true"></li>) # page gap else raise InternalError, "expected item types in series to be Integer, String or :gap; got #{item.inspect}" end end html << pagy_foundation_next_html(pagy, link) html << %(</ul></nav>) end |
#pagy_foundation_nav_js(pagy, pagy_id: nil, link_extra: '', **vars) ⇒ Object
Javascript pagination for foundation: it returns a nav and a JSON tag used by the Pagy.nav javascript
30 31 32 33 34 35 36 37 38 39 40 41 |
# File 'lib/pagy/extras/foundation.rb', line 30 def pagy_foundation_nav_js(pagy, pagy_id: nil, link_extra: '', **vars) p_id = %( id="#{pagy_id}") if pagy_id link = pagy_link_proc(pagy, link_extra: link_extra) = { 'before' => %(<ul class="pagination">#{pagy_foundation_prev_html pagy, link}), 'link' => %(<li>#{link.call(PAGE_PLACEHOLDER, LABEL_PLACEHOLDER)}</li>), 'active' => %(<li class="current">#{LABEL_PLACEHOLDER}</li>), 'gap' => %(<li class="ellipsis gap" aria-hidden="true"></li>), 'after' => %(#{pagy_foundation_next_html pagy, link}</ul>) } %(<nav#{p_id} class="pagy-njs pagy-foundation-nav-js" aria-label="Pagination" #{ pagy_json_attr(pagy, :nav, , (sequels = pagy.sequels(**vars)), pagy.label_sequels(sequels))}></nav>) end |