122 lines
2.6 KiB
JavaScript
122 lines
2.6 KiB
JavaScript
/*
|
|
Name: it-services
|
|
Written by: Okler Themes - (http://www.okler.net)
|
|
Theme Version: 12.1.0
|
|
*/
|
|
|
|
(($ => {
|
|
/*
|
|
* Load More - Cases
|
|
*/
|
|
const portfolioLoadMore = {
|
|
|
|
pages: 0,
|
|
currentPage: 1,
|
|
$wrapper: $('#portfolioLoadMoreWrapper'),
|
|
$btn: $('#portfolioLoadMore'),
|
|
$btnWrapper: $('#portfolioLoadMoreBtnWrapper'),
|
|
$loader: $('#portfolioLoadMoreLoader'),
|
|
|
|
build() {
|
|
|
|
const self = this;
|
|
|
|
self.pages = self.$wrapper.data('total-pages');
|
|
|
|
if(self.pages <= 1) {
|
|
|
|
self.$btnWrapper.remove();
|
|
return;
|
|
|
|
} else {
|
|
|
|
self.$btn.on('click', () => {
|
|
self.loadMore();
|
|
});
|
|
|
|
// Infinite Scroll
|
|
if(self.$btn.hasClass('btn-portfolio-infinite-scroll')) {
|
|
theme.fn.intObs( '#portfolioLoadMore', "$('#portfolioLoadMore').trigger('click');", {
|
|
rootMargin: '0px 0px 0px 0px'
|
|
} );
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
loadMore() {
|
|
|
|
const self = this, ajax_url = ( self.$wrapper.data('ajax-url') ) ? self.$wrapper.data('ajax-url') : 'ajax/portfolio-ajax-load-more-';
|
|
|
|
self.$btn.hide();
|
|
self.$loader.addClass('portfolio-load-more-loader-showing').show();
|
|
|
|
// Ajax
|
|
$.ajax({
|
|
url: ajax_url + (parseInt(self.currentPage)+1) + '.html',
|
|
complete({responseText}) {
|
|
|
|
const $items = $(responseText);
|
|
|
|
setTimeout(() => {
|
|
|
|
self.$wrapper.append($items)
|
|
|
|
self.$wrapper.isotope('appended', $items);
|
|
|
|
self.currentPage++;
|
|
|
|
if(self.currentPage < self.pages) {
|
|
self.$btn.show().blur();
|
|
} else {
|
|
self.$btnWrapper.remove();
|
|
}
|
|
|
|
// Carousel
|
|
$(() => {
|
|
$('[data-plugin-carousel]:not(.manual), .owl-carousel:not(.manual)').each(function() {
|
|
const $this = $(this);
|
|
let opts;
|
|
|
|
const pluginOptions = theme.fn.getOptions($this.data('plugin-options'));
|
|
if (pluginOptions)
|
|
opts = pluginOptions;
|
|
|
|
$this.themePluginCarousel(opts);
|
|
});
|
|
});
|
|
|
|
self.$loader.removeClass('portfolio-load-more-loader-showing').hide();
|
|
|
|
}, 1000);
|
|
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
if($('#portfolioLoadMoreWrapper').get(0)) {
|
|
portfolioLoadMore.build();
|
|
}
|
|
|
|
/**
|
|
* Custom Simple Form Validation
|
|
*
|
|
*/
|
|
$('.custom-form-simple-validation').each(function(){
|
|
$(this).validate({
|
|
onkeyup: false,
|
|
onclick: false,
|
|
onfocusout: false,
|
|
errorPlacement(error, element) {
|
|
if (element.attr('type') == 'radio' || element.attr('type') == 'checkbox') {
|
|
error.appendTo(element.closest('.form-group'));
|
|
} else {
|
|
error.insertAfter(element);
|
|
}
|
|
}
|
|
});
|
|
});
|
|
})).apply( this, [ jQuery ]); |