first commit

assets/global/js/demo_pages/components_pagination.js

@@ -0,0 +1,121 @@
+/* ------------------------------------------------------------------------------
+ *
+ *  # 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();
+});