;(function($){
"use strict";
more_ajax();
if($('.work_portfolio_item').length > 0){
$('.work_portfolio_item').click(function(){
var $this=$(this);
$('.work_portfolio_item').each(function(){
$(this).removeClass('active');
});
var $main=document.querySelector('.best_pr-info');
if($main){
$main.setAttribute('data-cate', 1);
}
$this.addClass('active');
}).on("click", more_ajax);
}
function more_ajax(){
var $main_wrap=document.querySelector('.ajax_portfolio_wrap');
var $main=document.querySelector('.best_pr-info');
if($main){
var $order=$main.getAttribute('data-order');
var $limit=$main.getAttribute('data-limit');
var $cteId=$main.getAttribute('data-cate');
if(!$cteId){
$cteId=-1;
}
var $cateSelect=$main.parentElement.querySelector(".work_portfolio_item.active");
if($cateSelect){
var $cteIdnew=$cateSelect.getAttribute("data-cateid");
if($cteIdnew!==$cteId){
$main.innerHTML='';
$main.setAttribute('data-order', 1);
$order=1;
$cteId=$cteIdnew;
$main.setAttribute('data-cate', $cteIdnew);
}}
var $loadmore=document.querySelector('.more_product');
if($loadmore){
$loadmore.addEventListener("click", more_ajax);
}
var $setting='order=' + $order + '&limit=' + $limit + '&cate='+$cteId;
$.ajax({
url: window.ajax_posts.ajaxurl+'?action=load_ajax_products',
type: "post",
data: $setting,
dataType: "JSON",
beforeSend: function(){
if($loadmore){
$loadmore.setAttribute('disabled', 'disabled');
}
let $loader=$main_wrap.querySelector('.preview-loader');
if($loader){
$loader.setAttribute('style', 'display:block;');
}else{
let $loaderc=document.createElement("div");
$loaderc.setAttribute("class", 'preview-loader');
$loaderc.innerHTML='<span>Loading...</span>';
$main.after($loaderc);
}
$main_wrap.classList.add('loader_wrapper');
},
success: function(res){
if(res.success){
console.log(res);
var $posts=(res.data.posts) ? res.data.posts:[];
var $ordernew=(res.data.paged) ? res.data.paged:$order;
if($posts.length > 0){
for(let $i=0; $i < $posts.length; $i++){
let $self=$posts[$i];
if(!$self){
continue;
}
let $div1=document.createElement("div");
$div1.setAttribute('class', 'best_pr_item '+ $self.cats);
let $div2=document.createElement("div");
$div2.setAttribute('class', 'best_pr_thumbnail');
let $div2_1=document.createElement("div");
$div2_1.setAttribute('class', 'pr_img');
if($self.thumbnil){
let $thumb_permalink=document.createElement("a");
$thumb_permalink.setAttribute('href', $self.permalink);
$div2_1.appendChild($thumb_permalink);
let $img=document.createElement("img");
$img.setAttribute('src', $self.thumbnil);
$thumb_permalink.appendChild($img);
}
let $div4=document.createElement("div");
$div4.setAttribute('class', 'hover_item product');
let $addToCart=document.createElement("a");
$addToCart.setAttribute('href', '?add-to-cart=' + $self.id);
$addToCart.setAttribute('class', 'button product_type_simple add_to_cart_button ajax_add_to_cart');
$addToCart.setAttribute('data-product_id', $self.id);
$addToCart.innerHTML='<i class="ti-bag"></i><span>Add To Cart</span>';
$div4.appendChild($addToCart);
let $quickView=document.createElement("a");
$quickView.setAttribute('href', '#');
$quickView.setAttribute('class', 'button yith-wcqv-button');
$quickView.setAttribute('data-product_id', $self.id);
$quickView.innerHTML='<i class="ti-search"></i><span>Quick View</span>';
$div4.appendChild($quickView);
let $compare=document.createElement("a");
$compare.setAttribute('href', '?action=yith-woocompare-add-product&id='+$self.id);
$compare.setAttribute('class', 'compare button');
$compare.setAttribute('rel', 'nofollow');
$compare.setAttribute('data-product_id', $self.id);
$compare.innerHTML='<i class="ti-control-shuffle"></i><span>Compare</span>';
$div4.appendChild($compare);
$div2_1.appendChild($div4);
$div2.appendChild($div2_1);
let $div2_2=document.createElement("div");
$div2_2.setAttribute('class', 'pr_content');
$div2.appendChild($div2_2);
if($self.onsale){
let $onsale=document.createElement('span');
$onsale.setAttribute('class', 'product-badge sale');
$onsale.innerHTML='Sale';
$div2_2.appendChild($onsale);
}
let $div2_3=document.createElement("div");
$div2_3.setAttribute('class', 'product-details');
$div2.appendChild($div2_3);
let $product_details=document.createElement("a");
$product_details.setAttribute('class', 'pr_name');
$product_details.setAttribute('href', $self.permalink);
$product_details.innerHTML=$self.title;
$div2_3.appendChild($product_details);
let $product_price=document.createElement('div');
$product_price.setAttribute('class', 'product-prices');
$product_price.innerHTML='<span class="price">'+ $self.price +'</span>';
$div2_3.appendChild($product_price);
$div1.appendChild($div2);
$main.appendChild($div1);
}
$main.setAttribute('data-order', $ordernew);
if($loadmore){
$loadmore.removeAttribute('disabled');
}}else{
if($loadmore){
$loadmore.setAttribute('disabled', 'disabled');
}}
}},
error: function(res){
console.log(res);
},
complete: function(){
let $loader=$main_wrap.querySelector('.preview-loader');
if($loader){
setTimeout(function(){
$loader.setAttribute('style', 'display:none;');
$main_wrap.classList.remove('loader_wrapper');
}, 0);
}},
});
}}
})(jQuery);