MINI Sh3ll
/* ------------------------------------------------------------------------------
*
* # Pagination
*
* Specific JS code additions for components_pagination.html page
*
* ---------------------------------------------------------------------------- */
// Setup module
// ------------------------------
var Pagination = function () {
//
// Setup module components
//
// Dynamic pagination
var _componentPaginationDynamic = function() {
if (!$().twbsPagination) {
console.warn('Warning - sweet_alert.min.js is not loaded.');
return;
}
// Basic
$('.twbs-default').twbsPagination({
totalPages: 35,
visiblePages: 4,
prev: 'Prev',
first: null,
last: null,
onPageClick: function (event, page) {
$('.twbs-content-default').text('Page #' + page + ' content');
}
});
// Flat style
$('.twbs-flat').twbsPagination({
totalPages: 35,
visiblePages: 4,
prev: 'Prev',
first: null,
last: null,
onPageClick: function (event, page) {
$('.twbs-content-flat').text('Page #' + page + ' content');
}
});
// Separated style
$('.twbs-separated').twbsPagination({
totalPages: 35,
visiblePages: 4,
prev: 'Prev',
first: null,
last: null,
onPageClick: function (event, page) {
$('.twbs-content-separated').text('Page #' + page + ' content');
}
});
// Custom button text
$('.twbs-prev-next').twbsPagination({
totalPages: 35,
visiblePages: 3,
prev: '⇠',
next: '⇢',
first: '⇤',
last: '⇥',
onPageClick: function (event, page) {
$('.twbs-content-prev-next').text('Page #' + page + ' content');
}
});
// Custom start page
$('.twbs-page-start').twbsPagination({
totalPages: 35,
visiblePages: 4,
startPage: 3,
prev: 'Prev',
first: null,
last: null,
onPageClick: function (event, page) {
$('.twbs-content-page-start').text('Page #' + page + ' content');
}
});
// Set number of visible pages
$('.twbs-visible-pages').twbsPagination({
totalPages: 35,
visiblePages: 2,
prev: '←',
next: '→',
first: null,
last: null,
onPageClick: function (event, page) {
$('.twbs-content-visible-pages').text('Page #' + page + ' content');
}
});
};
//
// Return objects assigned to module
//
return {
initComponents: function() {
_componentPaginationDynamic();
}
}
}();
// Initialize module
// ------------------------------
document.addEventListener('DOMContentLoaded', function() {
Pagination.initComponents();
});
OHA YOOOO