ajax_view.js 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. /**
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. **/
  7. (function ($, Drupal, drupalSettings) {
  8. Drupal.behaviors.ViewsAjaxView = {};
  9. Drupal.behaviors.ViewsAjaxView.attach = function () {
  10. if (drupalSettings && drupalSettings.views && drupalSettings.views.ajaxViews) {
  11. var ajaxViews = drupalSettings.views.ajaxViews;
  12. Object.keys(ajaxViews || {}).forEach(function (i) {
  13. Drupal.views.instances[i] = new Drupal.views.ajaxView(ajaxViews[i]);
  14. });
  15. }
  16. };
  17. Drupal.views = {};
  18. Drupal.views.instances = {};
  19. Drupal.views.ajaxView = function (settings) {
  20. var selector = '.js-view-dom-id-' + settings.view_dom_id;
  21. this.$view = $(selector);
  22. var ajaxPath = drupalSettings.views.ajax_path;
  23. if (ajaxPath.constructor.toString().indexOf('Array') !== -1) {
  24. ajaxPath = ajaxPath[0];
  25. }
  26. var queryString = window.location.search || '';
  27. if (queryString !== '') {
  28. queryString = queryString.slice(1).replace(/q=[^&]+&?|&?render=[^&]+/, '');
  29. if (queryString !== '') {
  30. queryString = (/\?/.test(ajaxPath) ? '&' : '?') + queryString;
  31. }
  32. }
  33. this.element_settings = {
  34. url: ajaxPath + queryString,
  35. submit: settings,
  36. setClick: true,
  37. event: 'click',
  38. selector: selector,
  39. progress: { type: 'fullscreen' }
  40. };
  41. this.settings = settings;
  42. this.$exposed_form = $('form#views-exposed-form-' + settings.view_name.replace(/_/g, '-') + '-' + settings.view_display_id.replace(/_/g, '-'));
  43. this.$exposed_form.once('exposed-form').each($.proxy(this.attachExposedFormAjax, this));
  44. this.$view.filter($.proxy(this.filterNestedViews, this)).once('ajax-pager').each($.proxy(this.attachPagerAjax, this));
  45. var selfSettings = $.extend({}, this.element_settings, {
  46. event: 'RefreshView',
  47. base: this.selector,
  48. element: this.$view.get(0)
  49. });
  50. this.refreshViewAjax = Drupal.ajax(selfSettings);
  51. };
  52. Drupal.views.ajaxView.prototype.attachExposedFormAjax = function () {
  53. var that = this;
  54. this.exposedFormAjax = [];
  55. $('input[type=submit], input[type=image]', this.$exposed_form).not('[data-drupal-selector=edit-reset]').each(function (index) {
  56. var selfSettings = $.extend({}, that.element_settings, {
  57. base: $(this).attr('id'),
  58. element: this
  59. });
  60. that.exposedFormAjax[index] = Drupal.ajax(selfSettings);
  61. });
  62. };
  63. Drupal.views.ajaxView.prototype.filterNestedViews = function () {
  64. return !this.$view.parents('.view').length;
  65. };
  66. Drupal.views.ajaxView.prototype.attachPagerAjax = function () {
  67. this.$view.find('ul.js-pager__items > li > a, th.views-field a, .attachment .views-summary a').each($.proxy(this.attachPagerLinkAjax, this));
  68. };
  69. Drupal.views.ajaxView.prototype.attachPagerLinkAjax = function (id, link) {
  70. var $link = $(link);
  71. var viewData = {};
  72. var href = $link.attr('href');
  73. $.extend(viewData, this.settings, Drupal.Views.parseQueryString(href), Drupal.Views.parseViewArgs(href, this.settings.view_base_path));
  74. var selfSettings = $.extend({}, this.element_settings, {
  75. submit: viewData,
  76. base: false,
  77. element: link
  78. });
  79. this.pagerAjax = Drupal.ajax(selfSettings);
  80. };
  81. Drupal.AjaxCommands.prototype.viewsScrollTop = function (ajax, response) {
  82. var offset = $(response.selector).offset();
  83. var scrollTarget = response.selector;
  84. while ($(scrollTarget).scrollTop() === 0 && $(scrollTarget).parent()) {
  85. scrollTarget = $(scrollTarget).parent();
  86. }
  87. if (offset.top - 10 < $(scrollTarget).scrollTop()) {
  88. $(scrollTarget).animate({ scrollTop: offset.top - 10 }, 500);
  89. }
  90. };
  91. })(jQuery, Drupal, drupalSettings);