1234567891011121314151617181920212223242526272829303132 |
- <%
- const MAX_PAGINATED_PAGES = Math.min(it.max_pages, 9);
- let pagination_min = it.page_num;
- let pagination_max = it.page_num;
- let nb_paginated_pages = 1;
- while (nb_paginated_pages < MAX_PAGINATED_PAGES) {
- if (pagination_min > 1) {
- pagination_min--;
- nb_paginated_pages++;
- }
- if (pagination_max < it.max_pages) {
- pagination_max++;
- nb_paginated_pages++;
- }
- }
- const previous = Math.max(it.page_num - 1, 1);
- const next = Math.min(it.page_num + 1, it.max_pages);
- %>
- <div class="pagination">
- <div class="flex justify-between m-5">
- <a class="text-xl text-zinc-400 hover:text-zinc-50" href="<%= it.url_formatter(previous) %>"><span class="text-2xl text-orange-600 mr-2">‹</span>Previous</a>
- <div class="number-nav leading-10">
- <% for (let i = pagination_min; i <= pagination_max; i++) { %>
- <a class="<%= i == it.page_num ? 'current ' : '' %> page" href="<%= it.url_formatter(i) %>"><%= i %></a>
- <% } %>
- </div>
- <a class="text-xl text-zinc-400 hover:text-zinc-50" href="<%= it.url_formatter(next) %>">Next<span class="text-2xl text-orange-600 ml-2">›</span></a>
- </div>
- </div>
|