123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- /* ------------------------------------------------------------------------------
- *
- * # 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();
- });
|