OwlCyberSecurity - MANAGER

Edit File: blog-grid.js

(function($){
	"use strict";

$(window).on('elementor/frontend/init', function () {
		
        elementorFrontend.hooks.addAction('frontend/element_ready/chursy_elementor_blog_grid.default', function(){
	       	
        	$('.ova-blog-has-ajax').each( function() {
        		var that = $(this);

var page_numbers = that.find('.ova_pagination_ajax .page-numbers');

$(document).on('click', '.ova_pagination_ajax .page-numbers', function (e) {    
			        e.preventDefault();
        			var current = that.find('.ova_pagination_ajax .current').data('paged');
	        		var paged   = $(this).data('paged');

if ( (current != paged) || (current == 1 && paged == 1) ) {
	                    page_numbers.removeClass('current');
	                    $(this).addClass('current');
	                    loadAjaxBlogPost(that,paged);
	                }
			    });

});

function loadAjaxBlogPost( that = null, paged = 1 ) {
	        	
	        	if ( that != null ) {
		        	var posts_per_page  = that.data('posts_per_page');
		        	var orderby 		= that.data('orderby');
		        	var order 			= that.data('order');
		        	var category 		= that.data('category');
		        	var number_column 	= that.data('number_column');
		        	var show_pagination = that.data('show_pagination');

that.find('.wrap-load-more').fadeIn(100);

$.ajax({
		             	url: ajax_object.ajax_url,
		             	type: 'POST',
		             	data: ({
			                action: 'load_blog_post',
			                posts_per_page: posts_per_page,
			                orderby: orderby,
			                order: order,
			                category: category,
			                paged: paged,
			                number_column: number_column,
			                show_pagination: show_pagination,
			                security: ajax_object.ajax_nonce
			            }),
		             	success: function(response){
		                	that.find('.wrap-load-more').fadeOut(200);
	                		var blog_wrap = that.find('.wrap-blog-result');
	                		blog_wrap.html( response ).fadeIn(300);
		             	},
		          	});
	        	}
	        }
        });

});

})(jQuery);