add classes necessary for pagination in bs4

This commit is contained in:
Martin Cech
2018-04-04 12:18:10 -04:00
parent 5d9c5e86e7
commit 2b975b2d6a
@@ -246,25 +246,25 @@ var LibraryToolbarView = Backbone.View.extend({
'<ul class="pagination pagination-sm">',
"<% if ( ( show_page - 1 ) > 0 ) { %>",
"<% if ( ( show_page - 1 ) > page_count ) { %>", // we are on higher page than total page count
'<li><a href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li class="disabled"><a href="#page/<% print( show_page ) %>"><% print( show_page - 1 ) %></a></li>',
'<li class="page-item"><a class="page-link" href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li class="page-item disabled"><a class="page-link" href="#page/<% print( show_page ) %>"><% print( show_page - 1 ) %></a></li>',
"<% } else { %>",
'<li><a href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li><a href="#page/<% print( show_page - 1 ) %>"><% print( show_page - 1 ) %></a></li>',
'<li class="page-item"><a class="page-link" href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li class="page-item"><a class="page-link" href="#page/<% print( show_page - 1 ) %>"><% print( show_page - 1 ) %></a></li>',
"<% } %>",
"<% } else { %>", // we are on the first page
'<li class="disabled"><a href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li class="disabled"><a href="#page/<% print( show_page ) %>"><% print( show_page - 1 ) %></a></li>',
'<li class="page-item disabled"><a class="page-link" href="#page/1"><span class="fa fa-angle-double-left"></span></a></li>',
'<li class="page-item disabled"><a class="page-link" href="#page/<% print( show_page ) %>"><% print( show_page - 1 ) %></a></li>',
"<% } %>",
'<li class="active">',
'<a href="#page/<% print( show_page ) %>"><% print( show_page ) %></a>',
'<li class="page-item active">',
'<a class="page-link" href="#page/<% print( show_page ) %>"><% print( show_page ) %></a>',
"</li>",
"<% if ( ( show_page ) < page_count ) { %>",
'<li><a href="#page/<% print( show_page + 1 ) %>"><% print( show_page + 1 ) %></a></li>',
'<li><a href="#page/<% print( page_count ) %>"><span class="fa fa-angle-double-right"></span></a></li>',
'<li class="page-item"><a class="page-link" href="#page/<% print( show_page + 1 ) %>"><% print( show_page + 1 ) %></a></li>',
'<li class="page-item"><a class="page-link" href="#page/<% print( page_count ) %>"><span class="fa fa-angle-double-right"></span></a></li>',
"<% } else { %>",
'<li class="disabled"><a href="#page/<% print( show_page ) %>"><% print( show_page + 1 ) %></a></li>',
'<li class="disabled"><a href="#page/<% print( page_count ) %>"><span class="fa fa-angle-double-right"></span></a></li>',
'<li class="page-item disabled"><a class="page-link" href="#page/<% print( show_page ) %>"><% print( show_page + 1 ) %></a></li>',
'<li class="page-item disabled"><a class="page-link" href="#page/<% print( page_count ) %>"><span class="fa fa-angle-double-right"></span></a></li>',
"<% } %>",
"</ul>",
"<span>",