?
(function ($) {
var WidgetLAETestimonialsSliderHandler = function ($scope, $) {
var slider_elem = $scope.find('.lae-testimonials-slider').eq(0);
var settings = slider_elem.data('settings');
slider_elem.flexslider({
selector: ".lae-slides > .lae-slide",
animation: settings['slide_animation'],
direction: settings['direction'],
slideshowSpeed: settings['slideshow_speed'],
animationSpeed: settings['animation_speed'],
namespace: "lae-flex-",
pauseOnAction: settings['pause_on_action'],
pauseOnHover: settings['pause_on_hover'],
controlNav: settings['control_nav'],
directionNav: settings['direction_nav'],
prevText: "Previous<span></span>",
nextText: "Next<span></span>",
smoothHeight: false,
animationLoop: true,
slideshow: true,
easing: "swing",
controlsContainer: "lae-testimonials-slider"
});
};
var WidgetLAEStatsBarHandler = function ($scope, $) {
$scope.find('.lae-stats-bar-content').each(function () {
var dataperc = $(this).data('perc');
$(this).animate({"width": dataperc + "%"}, dataperc * 20);
});
};
var WidgetLAEStatsBarHandlerOnScroll = function ($scope, $) {
$scope.waypoint(function (direction) {
WidgetLAEStatsBarHandler($(this), $);
}, {
offset: $.waypoints('viewportHeight') - 150,
triggerOnce: true
});
};
var WidgetLAEPiechartsHandler = function ($scope, $) {
$scope.find('.lae-piechart .lae-percentage').each(function () {
var track_color = $(this).data('track-color');
var bar_color = $(this).data('bar-color');
$(this).easyPieChart({
animate: 2000,
lineWidth: 10,
barColor: bar_color,
trackColor: track_color,
scaleColor: false,
lineCap: 'square',
size: 220
});
});
};
var WidgetLAEPiechartsHandlerOnScroll = function ($scope, $) {
$scope.waypoint(function (direction) {
WidgetLAEPiechartsHandler($(this), $);
}, {
offset: $.waypoints('viewportHeight') - 100,
triggerOnce: true
});
};
var WidgetLAEOdometersHandler = function ($scope, $) {
$scope.find('.lae-odometer .lae-number').each(function () {
var odometer = $(this);
setTimeout(function () {
var data_stop = odometer.attr('data-stop');
$(odometer).text(data_stop);
}, 100);
});
};
var WidgetLAEOdometersHandlerOnScroll = function ($scope, $) {
$scope.waypoint(function (direction) {
WidgetLAEOdometersHandler($(this), $);
}, {
offset: $.waypoints('viewportHeight') - 100,
triggerOnce: true
});
};
var WidgetLAESliderHandler = function ($scope, $) {
var slider_elem = $scope.find('.lae-slider').eq(0);
var settings = slider_elem.data('settings');
var $slider = slider_elem.find('.lae-flexslider');
$slider.flexslider({
selector: ".lae-slides > .lae-slide",
animation: settings['slide_animation'],
direction: settings['direction'],
slideshowSpeed: settings['slideshow_speed'],
animationSpeed: settings['animation_speed'],
namespace: "lae-flex-",
pauseOnAction: settings['pause_on_action'],
pauseOnHover: settings['pause_on_hover'],
controlNav: settings['control_nav'],
directionNav: settings['direction_nav'],
prevText: "Previous<span></span>",
nextText: "Next<span></span>",
smoothHeight: false,
animationLoop: true,
slideshow: settings['slideshow'],
easing: "swing",
randomize: settings['randomize'],
animationLoop: settings['loop'],
controlsContainer: "lae-slider"
});
};
var WidgetLAEPortfolioHandler = function ($scope, $) {
if ($().isotope === undefined) {
return;
}
var container = $scope.find('.lae-portfolio');
if (container.length === 0) {
return; // no items to filter or load and hence don't continue
}
// layout Isotope after all images have loaded
var htmlContent = $scope.find('.js-isotope');
var isotopeOptions = htmlContent.data('isotope-options');
htmlContent.isotope({
// options
itemSelector: isotopeOptions['itemSelector'],
layoutMode: isotopeOptions['layoutMode']
});
htmlContent.imagesLoaded(function () {
htmlContent.isotope('layout');
});
/* -------------- Taxonomy Filter --------------- */
$scope.find('.lae-taxonomy-filter .lae-filter-item a').on('click', function (e) {
e.preventDefault();
var selector = $(this).attr('data-value');
container.isotope({filter: selector});
$(this).closest('.lae-taxonomy-filter').children().removeClass('lae-active');
$(this).closest('.lae-filter-item').addClass('lae-active');
return false;
});
};
var WidgetLAECarouselHandler = function ($scope, $) {
var carousel_elem = $scope.find('.lae-carousel, .lae-posts-carousel').eq(0);
if (carousel_elem.length > 0) {
var settings = carousel_elem.data('settings');
var arrows = settings['arrows'];
var dots = settings['dots'];
var autoplay = settings['autoplay'];
var autoplay_speed = parseInt(settings['autoplay_speed']) || 3000;
var animation_speed = parseInt(settings['animation_speed']) || 300;
var fade = settings['fade'];
var pause_on_hover = settings['pause_on_hover'];
var display_columns = parseInt(settings['display_columns']) || 4;
var scroll_columns = parseInt(settings['scroll_columns']) || 4;
var tablet_width = parseInt(settings['tablet_width']) || 800;
var tablet_display_columns = parseInt(settings['tablet_display_columns']) || 2;
var tablet_scroll_columns = parseInt(settings['tablet_scroll_columns']) || 2;
var mobile_width = parseInt(settings['mobile_width']) || 480;
var mobile_display_columns = parseInt(settings['mobile_display_columns']) || 1;
var mobile_scroll_columns = parseInt(settings['mobile_scroll_columns']) || 1;
carousel_elem.slick({
arrows: arrows,
dots: dots,
infinite: true,
autoplay: autoplay,
autoplaySpeed: autoplay_speed,
speed: animation_speed,
fade: false,
pauseOnHover: pause_on_hover,
slidesToShow: display_columns,
slidesToScroll: scroll_columns,
responsive: [
{
breakpoint: tablet_width,
settings: {
slidesToShow: tablet_display_columns,
slidesToScroll: tablet_scroll_columns
}
},
{
breakpoint: mobile_width,
settings: {
slidesToShow: mobile_display_columns,
slidesToScroll: mobile_scroll_columns
}
}
]
});
}
};
// Make sure you run this code under Elementor..
$(window).on('elementor/frontend/init', function () {
elementorFrontend.hooks.addAction('frontend/element_ready/lae-testimonials-slider.default', WidgetLAETestimonialsSliderHandler);
if (elementorFrontend.isEditMode()) {
elementorFrontend.hooks.addAction('frontend/element_ready/lae-stats-bars.default', WidgetLAEStatsBarHandler);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-piecharts.default', WidgetLAEPiechartsHandler);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-odometers.default', WidgetLAEOdometersHandler);
}
else {
elementorFrontend.hooks.addAction('frontend/element_ready/lae-stats-bars.default', WidgetLAEStatsBarHandlerOnScroll);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-piecharts.default', WidgetLAEPiechartsHandlerOnScroll);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-odometers.default', WidgetLAEOdometersHandlerOnScroll);
}
elementorFrontend.hooks.addAction('frontend/element_ready/lae-slider.default', WidgetLAESliderHandler);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-portfolio.default', WidgetLAEPortfolioHandler);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-carousel.default', WidgetLAECarouselHandler);
elementorFrontend.hooks.addAction('frontend/element_ready/lae-posts-carousel.default', WidgetLAECarouselHandler);
});
})(jQuery);