overleaf/services/web/app/views/_mixins/pagination.pug
M Fahru 5d2eac5694 Merge pull request #20851 from overleaf/mf-bs5-pagination
[web] Bootstrap 5 pagination

GitOrigin-RevId: b3709a3f016423e7df12d6dfdf2cb4e47efbffe2
2024-10-14 11:04:09 +00:00

86 lines
2.4 KiB
Text

mixin pagination(pages, page_path, max_btns)
//- @param pages.current_page the current page viewed
//- @param pages.total_pages previously calculated,
//- based on total entries and entries per page
//- @param page_path the relative path, minus a trailing slash and page param
//- @param max_btns max number of buttons on either side of the current page
//- button and excludes first, prev, next, last
if pages && pages.current_page && pages.total_pages && pages.total_pages > 1
- var max_btns = max_btns || 4
- var prev_page = Math.max(parseInt(pages.current_page, 10) - max_btns, 1)
- var next_page = parseInt(pages.current_page, 10) + 1
- var next_index = 0;
- var full_page_path = page_path + "/page/"
nav(role="navigation" aria-label=(translate("pagination_navigation")))
ul.pagination
if pages.current_page > 1
li
a(
aria-label=translate("go_to_first_page")
href=page_path
)
span(aria-hidden="true") <<
|
| First
li
a(
aria-label=translate("go_to_previous_page")
href=full_page_path + (parseInt(pages.current_page, 10) - 1)
rel="prev"
)
span(aria-hidden="true") <
|
| Prev
if pages.current_page - max_btns > 1
li(aria-hidden="true")
span …
while prev_page < pages.current_page
li
a(
aria-label=translate("go_to_page_x", {page: prev_page})
href=full_page_path + prev_page
) #{prev_page}
- prev_page++
li(class="active")
span(
aria-label=translate("current_page_page", {page: pages.current_page})
aria-current="true"
) #{pages.current_page}
if pages.current_page < pages.total_pages
while next_page <= pages.total_pages && next_index < max_btns
li
a(
aria-label=translate("go_to_page_x", {page: next_page})
href=full_page_path + next_page
) #{next_page}
- next_page++
- next_index++
if next_page <= pages.total_pages
li.ellipses(aria-hidden="true")
span …
li
a(
aria-label=translate("go_to_next_page")
href=full_page_path + (parseInt(pages.current_page, 10) + 1)
rel="next"
)
| Next
|
span(aria-hidden="true") &gt;
li
a(
aria-label=translate("go_to_last_page")
href=full_page_path + pages.total_pages
)
| Last
|
span(aria-hidden="true") &gt;&gt;