File "components_pagination.js"

Full Path: /home/sasslijg/public_html/admin/global_assets/js/demo_pages/components_pagination.js
File size: 3.4 KB
MIME-type: text/plain
Charset: utf-8

/* ------------------------------------------------------------------------------
 *
 *  # 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: $('html').attr('dir') == 'rtl' ? '⇢' : '⇠',
            next: $('html').attr('dir') == 'rtl' ? '⇠' : '⇢',
            first: $('html').attr('dir') == 'rtl' ? '⇥' : '⇤',
            last: $('html').attr('dir') == 'rtl' ? '⇤' : '⇥',
            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: $('html').attr('dir') == 'rtl' ? '→' : '←',
            next: $('html').attr('dir') == 'rtl' ? '←' : '→',
            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();
});