Module: Pagy::BulmaExtra
- Included in:
- Frontend
- Defined in:
- lib/pagy/extras/bulma.rb
Instance Method Summary collapse
-
#pagy_bulma_combo_nav_js(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Javascript combo pagination for Bulma: it returns a nav and a JSON tag used by the Pagy.combo_nav javascript.
-
#pagy_bulma_nav(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Pagination for Bulma: it returns the html with the series of links to the pages.
- #pagy_bulma_nav_js(pagy, pagy_id: nil, link_extra: '', steps: nil) ⇒ Object
Instance Method Details
#pagy_bulma_combo_nav_js(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Javascript combo pagination for Bulma: it returns a nav and a JSON tag used by the Pagy.combo_nav javascript
48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 |
# File 'lib/pagy/extras/bulma.rb', line 48 def pagy_bulma_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" type="number" min="1" max="#{p_pages}" value="#{ p_page}" style="padding: 0; text-align: center; width: #{p_pages.to_s.length + 1}rem; margin:0 0.3rem;">) html = %(<nav#{p_id} class="pagy-bulma-combo-nav-js" aria-label="pagination">) %(#{html}<div class="field is-grouped is-grouped-centered" role="group" #{ pagy_json_attr pagy, :combo_nav, p_page, pagy_marked_link(link)}>#{ if (p_prev = pagy.prev) %(<p class="control">#{link.call p_prev, pagy_t('pagy.nav.prev'), 'class="button" aria-label="previous page"'}</p>) else %(<p class="control"><a class="button" disabled>#{pagy_t 'pagy.nav.prev'}</a></p>) end }<div class="pagy-combo-input control level is-mobile">#{ pagy_t 'pagy.combo_nav_js', page_input: input, count: p_page, pages: p_pages}</div>#{ if (p_next = pagy.next) %(<p class="control">#{link.call p_next, pagy_t('pagy.nav.next'), 'class="button" aria-label="next page"'}</p>) else %(<p class="control"><a class="button" disabled>#{pagy_t 'pagy.nav.next'}</a></p>) end }</div></nav>) end |
#pagy_bulma_nav(pagy, pagy_id: nil, link_extra: '') ⇒ Object
Pagination for Bulma: it returns the html with the series of links to the pages
9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
# File 'lib/pagy/extras/bulma.rb', line 9 def pagy_bulma_nav(pagy, pagy_id: nil, link_extra: '') p_id = %( id="#{pagy_id}") if pagy_id link = pagy_link_proc(pagy, link_extra: link_extra) html = +%(<nav#{p_id} class="pagy-bulma-nav pagination is-centered" aria-label="pagination">) html << pagy_bulma_prev_next_html(pagy, link) html << %(<ul class="pagination-list">) pagy.series.each do |item| # series example: [1, :gap, 7, 8, "9", 10, 11, :gap, 36] html << case item when Integer %(<li>#{link.call item, item, %(class="pagination-link" aria-label="goto page #{item}")}</li>) when String %(<li>#{link.call item, item, %(class="pagination-link is-current" aria-label="page #{item}" aria-current="page")}</li>) when :gap %(<li><span class="pagination-ellipsis">#{pagy_t 'pagy.nav.gap'}</span></li>) end end html << %(</ul></nav>) end |
#pagy_bulma_nav_js(pagy, pagy_id: nil, link_extra: '', steps: nil) ⇒ Object
30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
# File 'lib/pagy/extras/bulma.rb', line 30 def pagy_bulma_nav_js(pagy, pagy_id: nil, link_extra: '', steps: nil) p_id = %( id="#{pagy_id}") if pagy_id link = pagy_link_proc(pagy, link_extra: link_extra) = { 'before' => %(#{pagy_bulma_prev_next_html(pagy, link)}<ul class="pagination-list">), 'link' => %(<li>#{link.call PAGE_PLACEHOLDER, PAGE_PLACEHOLDER, %(class="pagination-link" aria-label="goto page #{PAGE_PLACEHOLDER}")}</li>), 'active' => %(<li>#{link.call PAGE_PLACEHOLDER, PAGE_PLACEHOLDER, %(class="pagination-link is-current" aria-current="page" aria-label="page #{ PAGE_PLACEHOLDER}")}</li>), 'gap' => %(<li><span class="pagination-ellipsis">#{pagy_t 'pagy.nav.gap'}</span></li>), 'after' => '</ul>' } %(<nav#{p_id} class="pagy-njs pagy-bulma-nav-js pagination is-centered" aria-label="pagination" #{pagy_json_attr( pagy, :nav, , pagy.sequels(steps) )}></nav>) end |