Скутерок

Про Скутерок

scooterok

‘);
el.html(allText);
el.css(‘height’, ‘100%’).css(‘max-height’, ‘100%’);
if(el.outerHeight() > 400) {
el.siblings(‘.readMore’).removeClass(‘d-none’).text(readMoreText);
el.css(‘height’, prodDescMaxHeight);
} else {
el.siblings(‘.readMore’).addClass(‘d-none’).text(readMoreText);
}
}

//for category params to category path
(function() {
let queryString = document.location.search;
let urlParams = new URLSearchParams(queryString);
let urlLng = ”;
if(urlParams.has(‘category’)) {
urlLng += ‘/category/’ + urlParams.get(‘category’).replace(/[^-d]+/, ”);
urlParams.delete(‘category’);
} else {
urlLng = document.location.pathname;
}
let urlParamsStr = urlParams.toString().length ? (‘?’ + urlParams.toString()) : ”;
history.replaceState({}, null, document.location.origin + urlLng + urlParamsStr);
})();

window.addEventListener(‘load’, function() {
let cardsInRow = 6;
let oldCardsInRow;
var perfEntries = performance.getEntriesByType(“navigation”);
for (var i = 0; i < perfEntries.length; i++) { if(perfEntries[i].type === 'back_forward') { window.backForwardScroll = window.sessionStorage.getItem('pageScrollTop'); if(window.backForwardScroll) { window.sessionStorage.removeItem('pageScrollTop'); } } } let nextPageBlock = $('.nextPage'); nextPageBlock.data('autoload', false); let isMainFirstPage = true; function isOnScreen(element) { let elementOffsetTop = element.offset().top; let elementHeight = element.height(); let screenScrollTop = $(window).scrollTop(); let screenHeight = $(window).height(); let scrollIsAboveElement = elementOffsetTop + elementHeight - screenScrollTop >= 0;
let elementIsVisibleOnScreen = screenScrollTop + screenHeight – elementOffsetTop >= 0;
return scrollIsAboveElement && elementIsVisibleOnScreen;
}

let tmpProdCard = `

{prodName}

{prodPriceNormalize}

{badges}
{ended}

`;

$(‘.btn-category’).on(‘click’, function (e) {
$(‘.btn-category’).removeClass(‘active’);
let categoryId = $(e.currentTarget).data(‘category’);
$(e.currentTarget).addClass(‘active’);
$(‘#categoriesSelect’).val(categoryId).change();
});

$(‘#dropdownCategory ~ .dropdown-menu .dropdown-item’).on(‘click’, function (e, search) {
let categoryId = +$(this).data(‘value’);
if(+categoryId === +$(‘#categoriesSelect’).val() && $(‘.search-collapsed input’).eq(0).data(‘search-value’).length === 0) {
return;
}
$(‘.extend-block’).hide();
$(this).addClass(‘active’).siblings(‘.dropdown-item’).removeClass(‘active’);
$(‘#dropdownCategory’).text($(this).text());
$(‘#categoriesSelect’).val(categoryId).trigger(‘change’, search);
});

$(‘#categoriesSelect’).on(‘change’, function (e, search) {
isMainFirstPage = false;
nextPageBlock.css({opacity: 0}).data(‘autoload’, false);
nextPageBlock.find(‘button’).css({cursor: ‘auto’});
let categoryId = $(e.currentTarget).val();
let categoryName = $(e.currentTarget).find(‘option:selected’).text();
loadProds(categoryId, 1, true, search);
$(‘.btn-category’).removeClass(‘active’);
$(‘.btn-category[data-category=”‘ + categoryId + ‘”]’).addClass(‘active’);
$(‘#dropdownCategory’).text(categoryName);
$(‘#dropdownCategory’).siblings(‘.dropdown-menu’).find(‘.dropdown-item’).removeClass(‘active’);
$(‘#dropdownCategory’).siblings(‘.dropdown-menu’).find(‘.dropdown-item[data-value=”‘+categoryId+'”]’).addClass(‘active’);
$(‘h1’).text(categoryName).removeClass(‘d-none’);
$(‘#carouselControls’).fadeOut(200, function() {
$(this).addClass(‘d-none’);
});
$(‘h1.h1’).parent().removeClass(‘d-none’);
$(‘.search-collapsed input’).val(”).data(‘search-value’, search || ”);
$(‘#searchMobile .search-collapsed input’).css({padding: ’16px 38px’});
});

$(‘#btnNextCount’).on(‘click’, function () {
let page = nextPageBlock.data(‘next-page’);
let categoryId = $(‘.btn-category.active’).data(‘category’);
let hasNext = $(‘#btnNextCount’).closest(‘.nextPage’).data(‘hasNext’);
let search = $(‘.search-collapsed input’).eq(0).data(‘search-value’).trim();
if(hasNext) {
loadProds(categoryId, page, false, search);
}
});

$(‘#btnNextAll’).on(‘click’, function () {
nextPageBlock.data(‘loading’, true);
nextPageBlock.data(‘autoload’, true);
nextPageBlock.css({opacity: 0});
nextPageBlock.find(‘button’).css({cursor: ‘auto’});
$(‘#btnNextCount’).trigger(‘click’);
$(window).scroll(function (e) {
if(!nextPageBlock.data(‘hasNext’) || !nextPageBlock.data(‘autoload’)) {
return;
}
if (isOnScreen($(‘footer’)) && !nextPageBlock.data(‘loading’)) {
nextPageBlock.data(‘loading’, true);
$(‘#btnNextCount’).trigger(‘click’);
}
});
});

$(document).on(‘loadProds’, function(e, categoryId, page, removePrevius, search) {
loadProds(categoryId, page, removePrevius, search);
});

let loadProds = function (categoryId, page, removePrevius, search) {
let cardsDesk = $(‘#cardsDesk’);
let cards = cardsDesk.find(‘.col’);
let sort = $(‘#dropdownSort’).data(‘sort’) || ”;
let endedBadge = ‘Розпродано’;
let prodCardRatio = ‘horizontal’;
// let search = search || $(‘.search-collapsed input’).eq(0).val().trim();
let loader = $(”);
categoryId = categoryId || 0;
if(removePrevius) {
nextPageBlock.animate({opacity: 0}, 50, function () {
loader.css({opacity: 1})
});
nextPageBlock.find(‘button’).css({cursor: ‘auto’});
} else {
loader.css({opacity: 1})
}
cardsDesk.before(loader);
cardsDesk.after(loader.clone().addClass(‘mt-4’));

let queryString = document.location.search;
let urlParams = new URLSearchParams(queryString);
urlParams.delete(‘category’);
if(sort.length) {
urlParams.set(‘sort’, sort);
} else {
urlParams.delete(‘sort’);
}
if(search && search.length) {
urlParams.set(‘search’, search);
} else {
urlParams.delete(‘search’);
}
let urlLng = ”;
if(+categoryId !== 0) {
urlLng += ‘/category/’ + categoryId;
let categorySlug = $(‘#categoriesSelect’).find(‘option:selected’).data(‘slug’);
if(categorySlug) {
urlLng += ‘-‘ + categorySlug;
}
}
let urlParamsStr = urlParams.toString().length ? (‘?’ + urlParams.toString()) : ”;

history.replaceState({}, null, document.location.origin + urlLng + urlParamsStr);

nextPageBlock.data(‘hasNext’, false);
prodCardRatio === ‘simple’ && nextPageBlock.data(‘autoload’, true);
$(‘body’).css({overflowY: ‘hidden’});
if(removePrevius) {
cardsDesk.css({opacity: 0});
}
$(‘#searchResultText’).hide();
$.ajax({
url: ‘/shop/default/load-prods’,
type: ‘post’,
dataType: ‘json’,
data: {
categoryId: categoryId,
page: page || 1,
sort: sort,
search: search,
lng: ‘uk’,
isMainPage: isMainFirstPage ? 1 : 0,
_csrf: ‘t_Eyt8Im8LHH1aB8rBnv0DOUsr_4Z8o2iwWKBguj4o49UTDV_WAeXn7sZygIxkQCmcTLua8CN9fNNYot6Z9COQ==’
},
})
.done(function (data) {
if (data !== undefined && data.status) {
if(removePrevius) {
cards.remove();
}
$(‘#dropdownSort’).show();
if(data.items.length === 0) {
let resultMsg = ‘За вашим запитом “{search}” нічого не знайдено’;
$(‘#searchResultText’).html(” + resultMsg.replace(‘{search}’, search) + ”).show();
$(‘#dropdownSort’).hide();
} else if(search && search.length) {
let resultMsg = ‘За вашим запитом “{search}” знайдено {n} {products}’;
if(+String(data.total).slice(-1) === 1) {
resultMsg = resultMsg.replace(‘{products}’, ‘товар’);
} else if(data.total%1 === 0 && [2,3,4].indexOf(+String(data.total).slice(-1)) !== -1 ) {
resultMsg = resultMsg.replace(‘{products}’, ‘товара’);
} else if(data.total%1 === 0 && +String(data.total).slice(-1) > 4 ) {
resultMsg = resultMsg.replace(‘{products}’, ‘товарів’);
} else {
resultMsg = resultMsg.replace(‘{products}’, ‘товара’);
}
$(‘#searchResultText’).html(” + resultMsg.replace(‘{search}’, search).replace(‘{n}’, data.total) + ”).show();
}
if(data.categoryBanner && data.categoryBanner.img) {
let html = ”;
html = html.replace(‘{img}’, data.categoryBanner.img);
html = html.replace(‘{link}’, data.categoryBanner.link);
cardsDesk.append(html);
setTimeout(function() {
$(window).trigger(‘resize’);
}, 100);
}
if(data.categories && data.categories[categoryId] && data.categories[categoryId].description) {
$(‘.category-description’).text(data.categories[categoryId].description).removeClass(‘d-none’);
} else {
$(‘.category-description’).empty().addClass(‘d-none’);
}

for (const i in data.items) {
let isEnded = +data.items[i].limited === 1 && +data.items[i].totalRemaining === 0;
let tmpl = tmpProdCard;
tmpl = tmpl.replace(new RegExp(‘{categoryId}’, ‘g’), data.items[i].categoryId);
tmpl = tmpl.replace(new RegExp(‘{prodId}’, ‘g’), data.items[i].id);
tmpl = tmpl.replace(new RegExp(‘{prodName}’, ‘g’), $(‘