paginator.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. var $ = require('jquery');
  2. var PaginatorUpdater = function($paginator) {
  3. this.$paginator = $paginator;
  4. };
  5. PaginatorUpdater.prototype = {
  6. removeSpacesBetweenPages: function() {
  7. this.$paginator.contents().each(function() {
  8. if (this.nodeType != 3) {
  9. return;
  10. }
  11. var $node = $(this);
  12. if (($node.prev().prop('tagName') == 'A' || $node.prev().prop('tagName') == 'SPAN')
  13. && ($node.next().prop('tagName') == 'A' || $node.next().prop('tagName') == 'SPAN')) {
  14. if ($.trim($node.text()) == '...') {
  15. $node.wrap($('<span>').addClass('disabled'));
  16. } else {
  17. $node.remove();
  18. }
  19. }
  20. });
  21. },
  22. wrapPages: function() {
  23. var foundPage = false;
  24. var pagesEnded = false;
  25. var $pageNodes = $([]);
  26. this.$paginator.contents().each(function() {
  27. var pageNode = this.tagName == 'A' || this.tagName == 'SPAN';
  28. if (pageNode) {
  29. foundPage = true;
  30. }
  31. if (!foundPage) {
  32. return;
  33. }
  34. if (pageNode && !pagesEnded) {
  35. var $node = $(this);
  36. $node.remove();
  37. $pageNodes = $pageNodes.add($node);
  38. } else {
  39. pagesEnded = true
  40. }
  41. });
  42. this.$paginator.prepend($('<span>').addClass('pages-wrapper').append($pageNodes));
  43. },
  44. wrapTextNodes: function() {
  45. var foundPage = false;
  46. var $nodes = $([]);
  47. this.$paginator.contents().each(function() {
  48. var pageNode = this.tagName == 'A' || this.tagName == 'SPAN';
  49. if (pageNode) {
  50. foundPage = true;
  51. } else if (foundPage && !pageNode && this.tagName != 'INPUT') {
  52. var $node = $(this);
  53. $node.remove();
  54. $nodes = $nodes.add($node);
  55. }
  56. });
  57. $('<div>')
  58. .addClass('label')
  59. .append($nodes)
  60. .appendTo(this.$paginator);
  61. },
  62. run: function() {
  63. try {
  64. this.removeSpacesBetweenPages();
  65. this.wrapPages();
  66. this.wrapTextNodes();
  67. } catch (e) {
  68. console.error(e);
  69. }
  70. this.$paginator.addClass('initialized');
  71. }
  72. };
  73. $(document).ready(function() {
  74. $('.paginator').each(function() {
  75. new PaginatorUpdater($(this)).run();
  76. });
  77. });