mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-28 07:52:10 +00:00
5d2eac5694
[web] Bootstrap 5 pagination GitOrigin-RevId: b3709a3f016423e7df12d6dfdf2cb4e47efbffe2
86 lines
2.4 KiB
Text
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") >
|
|
|
|
li
|
|
a(
|
|
aria-label=translate("go_to_last_page")
|
|
href=full_page_path + pages.total_pages
|
|
)
|
|
| Last
|
|
|
|
|
span(aria-hidden="true") >>
|