| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240 |
- /*=========================================================================================
- File Name: pagination.js
- Description: Provide pagination links for your site or app with the multi-page
- pagination component.
- ----------------------------------------------------------------------------------------
- Item Name: Robust - Responsive Admin Theme
- Version: 1.2
- Author: GeeksLabs
- Author URL: http://www.themeforest.net/user/geekslabs
- ==========================================================================================*/
- (function(window, document, $) {
- 'use strict';
- $('.page1-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: null,
- last: null,
- onPageClick: function (event, page) {
- $('#page1-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.page2-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: null,
- last: null,
- onPageClick: function (event, page) {
- $('#page2-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.page3-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: null,
- last: null,
- onPageClick: function (event, page) {
- $('#page3-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.firstLast1-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- onPageClick: function (event, page) {
- $('#firstLast1-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.firstLast2-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- onPageClick: function (event, page) {
- $('#firstLast2-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.firstLast3-links').twbsPagination({
- totalPages: 5,
- visiblePages: 4,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- onPageClick: function (event, page) {
- $('#firstLast3-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.start-links').twbsPagination({
- totalPages: 10,
- visiblePages: 6,
- 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");
- }
- });
- $('.loop-links').twbsPagination({
- totalPages: 5,
- visiblePages: 5,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- loop: true,
- onPageClick: function (event, page) {
- $('#loop-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.url-links').twbsPagination({
- totalPages: 10,
- visiblePages: 5,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- href: '?page={{page}}',
- onPageClick: function (event, page) {
- $('#url-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.url1-links').twbsPagination({
- totalPages: 10,
- visiblePages: 5,
- 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");
- }
- });
- $('.synchronized-links').twbsPagination({
- totalPages: 15,
- visiblePages: 6,
- prev: 'Prev',
- first: 'First',
- last: 'Last',
- onPageClick: function (event, page) {
- $('#synchronized-content').text('You are on Page ' + page);
- $(".pagination").find('li').addClass('page-item');
- $(".pagination").find('a').addClass("page-link");
- }
- });
- $('.default-paginator').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- });
- // Format
- $('.paginator-format').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- text: 'Do<br>ddd'
- });
- // Hide calendar
- $('.paginator-calendar').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- showCalendar: false
- });
- // Highlight date
- $('.paginator-highlight').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- highlightSelectedDate: false
- });
- // Highlight today's date
- $('.paginator-highlight-today').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- highlightToday: false
- });
- // Change Selected Date
- $('.paginator-selectedDate').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- selectedDate: moment().add(10, 'days')
- });
- // Hide OffDays
- $('.paginator-showoffDays').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- showOffDays: false
- });
- // Change OffDays
- $('.paginator-offDays').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- offDays: 'Sun'
- });
- // Hide StartOfWeek Use divider
- $('.paginator-showStartOfWeek').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- showStartOfWeek: false
- });
- // Hint
- $('.paginator-hint').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- hint: 'Do MMMM YYYY'
- });
- // Small Size
- $('.paginator-small').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- size: 'small'
- });
- // Large Size
- $('.paginator-large').datepaginator({
- itemWidth: 60,
- navItemWidth: 20,
- size: 'large'
- });
- })(window, document, jQuery);
|