Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-12-23 00:51:03 +03:00
Code Issues Projects Releases Packages Wiki Activity

Pagination: Make it a LOT better

Browse source 
thx grinotion for the idea xddddd
This commit is contained in:
veselcraft 2021-11-27 15:19:17 +03:00
parent 478f8f9368
commit 7d94282ad4
No known key found for this signature in database
GPG key ID: AED66BC1AC628A4E
2 changed files with 35 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
Web/Presenters/templates/components/paginator.xml
View file

@ -1,14 +1,16 @@
{var $space = 2}
{var $pageCount = ceil($conf->count / $conf->perPage)}
<div n:if="!($conf->page === 1 && $conf->count <= $conf->perPage)" class="paginator">
<br/>
<center>
<a n:if="$conf->page != 1"
href="?{http_build_query(array_merge($_GET, ['p' => ($conf->page - 1)]), 'k', '&', PHP_QUERY_RFC3986)}"
style="float: left;">&lt;&lt; {_paginator_back}</a>
{tr("paginator_page", $conf->page)}
<a n:if="$conf->count > (($conf->page - 1) * $conf->perPage + $conf->amount) && $conf->amount > 0"
href="?{http_build_query(array_merge($_GET, ['p' => ($conf->page + 1)]), 'k', '&', PHP_QUERY_RFC3986)}"
style="float: right;">{_paginator_next} &gt;&gt;</a>
</center>
{if $conf->page > $space}
<a n:attr="class => ($conf->page === 1 ? 'active')" href="?{http_build_query(array_merge($_GET, ['p' => 1]), 'k', '&', PHP_QUERY_RFC3986)}">«</a>
{/if}
{for $j = $conf->page - ($space-1); $j <= $conf->page + ($space-1); $j++}
{if $j > 0 && $j <= $pageCount}
<a n:attr="class => ($conf->page === $j ? 'active')" href="?{http_build_query(array_merge($_GET, ['p' => $j]), 'k', '&', PHP_QUERY_RFC3986)}">{$j}</a>
{/if}
{/for}
{if $conf->page <= $pageCount-$space}
<a n:attr="class => ($conf->page === $pageCount ? 'active')" href="?{http_build_query(array_merge($_GET, ['p' => $pageCount]), 'k', '&', PHP_QUERY_RFC3986)}">»</a>
{/if}
</div>

21
Web/static/css/style.css
View file

@ -1525,3 +1525,24 @@ body.scrolled .toTop:hover {
color: rgb(128, 128, 128);
font-size: 10px;
}
.paginator {
float: right;
margin-top: -1px;
}
.paginator a {
border-top: 3px solid transparent;
display: inline-block;
padding: 4px 5px;
}
.paginator a:hover {
border-top: 3px solid rgb(170, 170, 170);
background-color: rgb(230, 230, 230);
}
.paginator a.active {
border-top: 3px solid rgb(130, 130, 130);
font-weight: bold;
}