|
| 1 | +(function ($) { |
| 2 | + 'use strict'; |
| 3 | + |
| 4 | + $.fn.endlessPaginate = function(options) { |
| 5 | + var defaults = { |
| 6 | + // Twitter-style pagination container selector. |
| 7 | + containerSelector: '.endless_container', |
| 8 | + // Twitter-style pagination loading selector. |
| 9 | + loadingSelector: '.endless_loading', |
| 10 | + // Twitter-style pagination link selector. |
| 11 | + moreSelector: 'a.endless_more', |
| 12 | + // Digg-style pagination page template selector. |
| 13 | + pageSelector: '.endless_page_template', |
| 14 | + // Digg-style pagination link selector. |
| 15 | + pagesSelector: 'a.endless_page_link', |
| 16 | + // Callback called when the user clicks to get another page. |
| 17 | + onClick: function() {}, |
| 18 | + // Callback called when the new page is correctly displayed. |
| 19 | + onCompleted: function() {}, |
| 20 | + // Set this to true to use the paginate-on-scroll feature. |
| 21 | + paginateOnScroll: false, |
| 22 | + // If paginate-on-scroll is on, this margin will be used. |
| 23 | + paginateOnScrollMargin : 1, |
| 24 | + // If paginate-on-scroll is on, it is possible to define chunks. |
| 25 | + paginateOnScrollChunkSize: 0 |
| 26 | + }, |
| 27 | + settings = $.extend(defaults, options); |
| 28 | + |
| 29 | + var getContext = function(link) { |
| 30 | + return { |
| 31 | + key: link.attr('rel').split(' ')[0], |
| 32 | + url: link.attr('href') |
| 33 | + }; |
| 34 | + }; |
| 35 | + |
| 36 | + return this.each(function() { |
| 37 | + var element = $(this), |
| 38 | + loadedPages = 1; |
| 39 | + |
| 40 | + // Twitter-style pagination. |
| 41 | + element.on('click', settings.moreSelector, function() { |
| 42 | + |
| 43 | + var link = $(this), |
| 44 | + html_link = link.get(0), |
| 45 | + container = link.closest(settings.containerSelector), |
| 46 | + loading = container.find(settings.loadingSelector); |
| 47 | + // Avoid multiple Ajax calls. |
| 48 | + if (loading.is(':visible')) { |
| 49 | + return false; |
| 50 | + } |
| 51 | + link.hide(); |
| 52 | + loading.show(); |
| 53 | + var context = getContext(link); |
| 54 | + // Fire onClick callback. |
| 55 | + if (settings.onClick.apply(html_link, [context]) !== false) { |
| 56 | + var param = '&querystring_key=' + context.key; |
| 57 | + var data = $( "#faceted-search-events" ).serialize() |
| 58 | + |
| 59 | + // Send the Ajax request. |
| 60 | + $.post(context.url + param, data, function(fragment) { |
| 61 | + container.before(fragment); |
| 62 | + container.remove(); |
| 63 | + // Increase the number of loaded pages. |
| 64 | + loadedPages += 1; |
| 65 | + // Fire onCompleted callback. |
| 66 | + settings.onCompleted.apply( |
| 67 | + html_link, [context, fragment.trim()]); |
| 68 | + }); |
| 69 | + } |
| 70 | + return false; |
| 71 | + }); |
| 72 | + |
| 73 | + // On scroll pagination. |
| 74 | + if (settings.paginateOnScroll) { |
| 75 | + var win = $(window), |
| 76 | + doc = $(document); |
| 77 | + win.scroll(function(){ |
| 78 | + if (doc.height() - win.height() - |
| 79 | + win.scrollTop() <= settings.paginateOnScrollMargin) { |
| 80 | + // Do not paginate on scroll if chunks are used and |
| 81 | + // the current chunk is complete. |
| 82 | + var chunckSize = settings.paginateOnScrollChunkSize; |
| 83 | + if (!chunckSize || loadedPages % chunckSize) { |
| 84 | + element.find(settings.moreSelector).click(); |
| 85 | + } |
| 86 | + } |
| 87 | + }); |
| 88 | + } |
| 89 | + |
| 90 | + // Digg-style pagination. |
| 91 | + element.on('click', settings.pagesSelector, function() { |
| 92 | + |
| 93 | + var link = $(this), |
| 94 | + html_link = link.get(0), |
| 95 | + context = getContext(link); |
| 96 | + // Fire onClick callback. |
| 97 | + if (settings.onClick.apply(html_link, [context]) !== false) { |
| 98 | + var page_template = link.closest(settings.pageSelector); |
| 99 | + var param = '&querystring_key=' + context.key; |
| 100 | + var data = $( "#faceted-search-events" ).serialize() |
| 101 | + |
| 102 | + // Send the Ajax request. |
| 103 | + page_template.load(context.url + param, data, function(fragment) { |
| 104 | + // Fire onCompleted callback. |
| 105 | + settings.onCompleted.apply( |
| 106 | + html_link, [context, fragment.trim()]); |
| 107 | + }); |
| 108 | + } |
| 109 | + return false; |
| 110 | + }); |
| 111 | + }); |
| 112 | + }; |
| 113 | + |
| 114 | + $.endlessPaginate = function(options) { |
| 115 | + return $('body').endlessPaginate(options); |
| 116 | + }; |
| 117 | + |
| 118 | +})(jQuery); |
0 commit comments