ulysia/szurubooru
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added prev/next page buttons for pager

Browse source 
Integrated better with vimperator.
This commit is contained in:
Marcin Kurczewski 2015-05-14 23:29:22 +02:00
parent 4126de8e25
commit 48004f1117
2 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
public_html/js/Presenters/PagerPresenter.js
View file

@ -184,12 +184,14 @@ App.Presenters.PagerPresenter = function(
}
function refreshPageList() {
var $lastItem = $pageList.find('li:last-child');
var currentPage = pager.getPage();
var pages = pager.getVisiblePages();
$pageList.empty();
$pageList.find('li.page').remove();
var lastPage = 0;
_.each(pages, function(page) {
if (page - lastPage > 1) {
$pageList.append(jQuery('<li><a>&hellip;</a></li>'));
jQuery('<li class="page ellipsis"><a>&hellip;</a></li>').insertBefore($lastItem);
}
lastPage = page;
@ -200,12 +202,23 @@ App.Presenters.PagerPresenter = function(
});
$a.addClass('big-button');
$a.text(page);
if (page === pager.getPage()) {
if (page === currentPage) {
$a.addClass('active');
}
var $li = jQuery('<li/>');
$li.append($a);
$pageList.append($li);
jQuery('<li class="page"/>').append($a).insertBefore($lastItem);
});
$pageList.find('li.next a').click(function(e) {
e.preventDefault();
if (currentPage + 1 < pages.length) {
syncUrl({page: currentPage + 1});
}
});
$pageList.find('li.prev a').click(function(e) {
e.preventDefault();
if (currentPage - 1 >= 1) {
syncUrl({page: currentPage - 1});
}
});
}

2
public_html/templates/pager.tpl
View file

@ -2,4 +2,6 @@
</div>
<ul class="page-list">
<li class="prev"><a href="#">Prev</a></li>
<li class="next"><a href="#">Next</a></li>
</ul>