80 lines
2.6 KiB
JavaScript
80 lines
2.6 KiB
JavaScript
/*=========================================================================================
|
|
File Name: pagination.js
|
|
Description: Provide pagination links for your site or app with the multi-page pagination component.
|
|
----------------------------------------------------------------------------------------
|
|
Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
|
|
Author: Pixinvent
|
|
Author URL: hhttp://www.themeforest.net/user/pixinvent
|
|
==========================================================================================*/
|
|
(function (window, document, $) {
|
|
'use strict';
|
|
|
|
if ($(window).width() < 768) {
|
|
dynamicPagination(2);
|
|
} else {
|
|
dynamicPagination(5);
|
|
}
|
|
|
|
function dynamicPagination(visiblePages) {
|
|
// default pagination
|
|
$('.page1-links').twbsPagination({
|
|
totalPages: 5,
|
|
visiblePages: visiblePages,
|
|
prev: 'Prev',
|
|
first: null,
|
|
last: null,
|
|
startPage: 2,
|
|
onPageClick: function (event, page) {
|
|
$('#page1-content').text('You are on Page ' + page);
|
|
$('.pagination').find('li').addClass('page-item');
|
|
$('.pagination').find('a').addClass('page-link');
|
|
}
|
|
});
|
|
|
|
//Default Pagination with last & first
|
|
$('.firstLast1-links').twbsPagination({
|
|
totalPages: 5,
|
|
visiblePages: visiblePages,
|
|
prev: 'Prev',
|
|
first: 'First',
|
|
last: 'Last',
|
|
startPage: 2,
|
|
onPageClick: function (event, page) {
|
|
$('#firstLast1-content').text('You are on Page ' + page);
|
|
$('.pagination').find('li').addClass('page-item');
|
|
$('.pagination').find('a').addClass('page-link');
|
|
}
|
|
});
|
|
//Set Start Page Of Pagination
|
|
$('.start-links').twbsPagination({
|
|
totalPages: 10,
|
|
visiblePages: visiblePages,
|
|
startPage: 5,
|
|
prev: 'Prev',
|
|
first: 'First',
|
|
last: 'Last',
|
|
onPageClick: function (event, page) {
|
|
$('#start-content').text('Your start Page ' + page);
|
|
$('.pagination').find('li').addClass('page-item');
|
|
$('.pagination').find('a').addClass('page-link');
|
|
}
|
|
});
|
|
|
|
// Pagination drop after reload
|
|
$('.url1-links').twbsPagination({
|
|
totalPages: 10,
|
|
visiblePages: visiblePages,
|
|
prev: 'Prev',
|
|
first: 'First',
|
|
last: 'Last',
|
|
href: '?page={{page}}&#url1-content',
|
|
hrefVariable: '{{page}}',
|
|
onPageClick: function (event, page) {
|
|
$('#url1-content').text('You are on Page ' + page);
|
|
$('.pagination').find('li').addClass('page-item');
|
|
$('.pagination').find('a').addClass('page-link');
|
|
}
|
|
});
|
|
}
|
|
})(window, document, jQuery);
|