| Current File : //home/mdkeenpw/www/wp-content/plugins/logistik-core/assets/js/logistik-frontend.js |
;(function($) {
'use strict';
$(window).on( 'elementor/frontend/init', function() {
var GlobalJSLoad = function() {
if ($('[data-bg-src]').length > 0) {
$('[data-bg-src]').each(function () {
var src = $(this).attr('data-bg-src');
$(this).css('background-image', 'url(' + src + ')');
$(this).removeAttr('data-bg-src').addClass('background-image');
});
};
if ($('[data-mask-src]').length > 0) {
$('[data-mask-src]').each(function () {
var mask = $(this).attr('data-mask-src');
$(this).css({
'mask-image': 'url(' + mask + ')',
'-webkit-mask-image': 'url(' + mask + ')'
});
$(this).addClass('bg-mask');
$(this).removeAttr('data-mask-src');
});
};
$.fn.shapeMockup = function () {
var $shape = $(this);
$shape.each(function() {
var $currentShape = $(this),
shapeTop = $currentShape.data('top'),
shapeRight = $currentShape.data('right'),
shapeBottom = $currentShape.data('bottom'),
shapeLeft = $currentShape.data('left');
$currentShape.css({
top: shapeTop,
right: shapeRight,
bottom: shapeBottom,
left: shapeLeft,
}).removeAttr('data-top')
.removeAttr('data-right')
.removeAttr('data-bottom')
.removeAttr('data-left')
.closest('.elementor-widget').css('position', 'static')
.closest('section').addClass('shape-mockup-wrap');
});
};
if ($('.shape-mockup')) {
$('.shape-mockup').shapeMockup();
}
/*----------- Progress Bar Animation ----------*/
jQuery(document).ready(function(){
jQuery('.progress-bar').each(function() {
jQuery(this).find('.progress-content').animate({
width:jQuery(this).attr('data-percentage')
},2000);
jQuery(this).find('.progress-number-mark').animate(
{left:jQuery(this).attr('data-percentage')},
{
duration: 2000,
step: function(now, fx) {
var data = Math.round(now);
jQuery(this).find('.percent').html(data + '%');
}
});
});
});
};
elementorFrontend.hooks.addAction('frontend/element_ready/global', GlobalJSLoad);
var GlobalSlider = function() {
$(".themeholy-carousel").each(function () {
var asSlide = $(this);
// Collect Data
function d(data) {
return asSlide.data(data);
}
// Custom Arrow Button
var prevButton =
'<button type="button" class="slick-prev"><i class="' +
d("prev-arrow") +
'"></i></button>',
nextButton =
'<button type="button" class="slick-next"><i class="' +
d("next-arrow") +
'"></i></button>';
// Function For Custom Arrow Btn
$("[data-slick-next]").each(function () {
$(this).on("click", function (e) {
e.preventDefault();
$($(this).data("slick-next")).slick("slickNext");
});
});
$("[data-slick-prev]").each(function () {
$(this).on("click", function (e) {
e.preventDefault();
$($(this).data("slick-prev")).slick("slickPrev");
});
});
// Check for arrow wrapper
if (d("arrows") == true) {
if (!asSlide.closest(".arrow-wrap").length) {
asSlide.closest(".container").parent().addClass("arrow-wrap");
}
}
asSlide.not('.slick-initialized').slick({
dots: d("dots") ? true : false,
fade: d("fade") ? true : false,
arrows: d("arrows") ? true : false,
speed: d("speed") ? d("speed") : 1000,
asNavFor: d("asnavfor") ? d("asnavfor") : false,
autoplay: d("autoplay") == false ? false : true,
infinite: d("infinite") == false ? false : true,
slidesToShow: d("slide-show") ? d("slide-show") : 1,
adaptiveHeight: d("adaptive-height") ? true : false,
centerMode: d("center-mode") ? true : false,
autoplaySpeed: d("autoplay-speed") ? d("autoplay-speed") : 8000,
centerPadding: d("center-padding") ? d("center-padding") : "0",
focusOnSelect: d("focuson-select") == false ? false : true,
pauseOnFocus: d("pauseon-focus") ? true : false,
pauseOnHover: d("pauseon-hover") ? true : false,
variableWidth: d("variable-width") ? true : false,
vertical: d("vertical") ? true : false,
verticalSwiping: d("vertical") ? true : false,
prevArrow: d("prev-arrow") ?
prevButton :
'<button type="button" class="slick-prev"><i class="far fa-arrow-left"></i></button>',
nextArrow: d("next-arrow") ?
nextButton :
'<button type="button" class="slick-next"><i class="far fa-arrow-right"></i></button>',
rtl: $("html").attr("dir") == "rtl" ? true : false,
responsive: [{
breakpoint: 1600,
settings: {
arrows: d("xl-arrows") ? true : false,
dots: d("xl-dots") ? true : false,
slidesToShow: d("xl-slide-show") ?
d("xl-slide-show") :
d("slide-show"),
centerMode: d("xl-center-mode") ? true : false,
centerPadding: "0",
},
},
{
breakpoint: 1400,
settings: {
arrows: d("ml-arrows") ? true : false,
dots: d("ml-dots") ? true : false,
slidesToShow: d("ml-slide-show") ?
d("ml-slide-show") :
d("slide-show"),
centerMode: d("ml-center-mode") ? true : false,
centerPadding: 0,
},
},
{
breakpoint: 1200,
settings: {
arrows: d("lg-arrows") ? true : false,
dots: d("lg-dots") ? true : false,
slidesToShow: d("lg-slide-show") ?
d("lg-slide-show") :
d("slide-show"),
centerMode: d("lg-center-mode") ?
d("lg-center-mode") :
false,
centerPadding: 0,
},
},
{
breakpoint: 992,
settings: {
arrows: d("md-arrows") ? true : false,
dots: d("md-dots") ? true : false,
slidesToShow: d("md-slide-show") ?
d("md-slide-show") :
1,
centerMode: d("md-center-mode") ?
d("md-center-mode") :
false,
centerPadding: 0,
},
},
{
breakpoint: 768,
settings: {
arrows: d("sm-arrows") ? true : false,
dots: d("sm-dots") ? true : false,
slidesToShow: d("sm-slide-show") ?
d("sm-slide-show") :
1,
centerMode: d("sm-center-mode") ?
d("sm-center-mode") :
false,
centerPadding: 0,
},
},
{
breakpoint: 576,
settings: {
arrows: d("xs-arrows") ? true : false,
dots: d("xs-dots") ? true : false,
slidesToShow: d("xs-slide-show") ?
d("xs-slide-show") :
1,
centerMode: d("xs-center-mode") ?
d("xs-center-mode") :
false,
centerPadding: 0,
},
},
// You can unslick at a given breakpoint now by adding:
// settings: "unslick"
// instead of a settings object
],
});
});
/*----------- 08. Custom Animaiton For Slider ----------*/
$('[data-ani-duration]').each(function () {
var durationTime = $(this).data('ani-duration');
$(this).css('animation-duration', durationTime);
});
$('[data-ani-delay]').each(function () {
var delayTime = $(this).data('ani-delay');
$(this).css('animation-delay', delayTime);
});
$('[data-ani]').each(function () {
var animaionName = $(this).data('ani');
$(this).addClass(animaionName);
$('.slick-current [data-ani]').addClass('themeholy-animated');
});
$('.themeholy-carousel').on('afterChange', function (event, slick, currentSlide, nextSlide) {
$(slick.$slides).find('[data-ani]').removeClass('themeholy-animated');
$(slick.$slides[currentSlide]).find('[data-ani]').addClass('themeholy-animated');
})
/*---------- 17. AS Tab ----------*/
$.fn.asTab = function (options) {
var opt = $.extend({
sliderTab: false,
tabButton: "button",
},
options
);
$(this).each(function () {
var $menu = $(this);
var $button = $menu.find(opt.tabButton);
// Append indicator
$menu.append('<span class="indicator"></span>');
var $line = $menu.find(".indicator");
// On Click Button Class Remove and indecator postion set
$button.on("click", function (e) {
e.preventDefault();
var cBtn = $(this);
cBtn.addClass("active").siblings().removeClass("active");
if (opt.sliderTab) {
$(slider).slick("slickGoTo", cBtn.data("slide-go-to"));
} else {
linePos();
}
});
// Work With slider
if (opt.sliderTab) {
var slider = $menu.data("asnavfor"); // select slider
// Select All button and set attribute
var i = 0;
$button.each(function () {
var slideBtn = $(this);
slideBtn.attr("data-slide-go-to", i);
i++;
// Active Slide On load > Actived Button
if (slideBtn.hasClass("active")) {
$(slider).slick(
"slickGoTo",
slideBtn.data("slide-go-to")
);
}
// Change Indicator On slide Change
$(slider).on(
"beforeChange",
function (event, slick, currentSlide, nextSlide) {
$menu
.find(
opt.tabButton +
'[data-slide-go-to="' +
nextSlide +
'"]'
)
.addClass("active")
.siblings()
.removeClass("active");
linePos();
}
);
});
}
// Indicator Position
function linePos() {
var $btnActive = $menu.find(opt.tabButton + ".active"),
$height = $btnActive.css("height"),
$width = $btnActive.css("width"),
$top = $btnActive.position().top + "px",
$left = $btnActive.position().left + "px";
$line.get(0).style.setProperty("--height-set", $height);
$line.get(0).style.setProperty("--width-set", $width);
$line.get(0).style.setProperty("--pos-y", $top);
$line.get(0).style.setProperty("--pos-x", $left);
if (
$($button).first().position().left ==
$btnActive.position().left
) {
$line
.addClass("start")
.removeClass("center")
.removeClass("end");
} else if (
$($button).last().position().left ==
$btnActive.position().left
) {
$line
.addClass("end")
.removeClass("center")
.removeClass("start");
} else {
$line
.addClass("center")
.removeClass("start")
.removeClass("end");
}
}
linePos();
});
};
if ($(".hero-indicator").length) {
$(".hero-indicator").asTab({
sliderTab: true,
tabButton: ".indicatior-btn",
});
}
if ($(".hero-indicator5").length) {
$(".hero-indicator5").asTab({
sliderTab: true,
tabButton: ".indicatior-btn",
});
}
};
elementorFrontend.hooks.addAction('frontend/element_ready/global', GlobalSlider);
// Banner Widget --
elementorFrontend.hooks.addAction('frontend/element_ready/logistikbanner.default',function($scope) {
// hero slider
var $slider = $('.heroSlider');
var $progressBar = $('.progress');
var $status1 = $('.pagingInfo1');
var $progressBarLabel = $('.slider__label');
var $status2 = $('.pagingInfo2');
$slider.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
if (!slick.$dots) {
return;
}
var i = (currentSlide ? currentSlide : 0) + 0;
$status1.text(i + 1);
$status2.text(slick.slideCount);
});
// hero slider 5
var $slider = $('.heroSlider2');
var $progressBar2 = $('.progress2');
var $status3 = $('.paging1');
var $progressBarLabel = $('.slider__line');
var $status4 = $('.paging2');
$slider.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
//currentSlide is undefined on init -- set it to 0 in this case (currentSlide is 0 based)
if (!slick.$dot) {
return;
}
var i = (currentSlide ? currentSlide : 0) + 0;
$status3.text(x + i);
$status4.text(slick.slideCount);
});
// Progress Bar
$slider.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
var calc = ((nextSlide) / (slick.slideCount - 1)) * 100;
$progressBar2
.css('background-size', calc + '% 100%')
.attr('aria-valuenow', calc);
$progressBarLabel.text(calc + '% completed');
});
// Progress Bar
$slider.on('beforeChange', function (event, slick, currentSlide, nextSlide) {
var calc = ((nextSlide) / (slick.slideCount - 1)) * 100;
$progressBar
.css('background-size', calc + '% 100%')
.attr('aria-valuenow', calc);
$progressBarLabel.text(calc + '% completed');
});
$('.heroSlider').slick({
// arrows: false,
autoplay: true,
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
prevArrow: "<button class='arrowLeft'><i class='fa-solid fa-arrow-left'></i></button>",
nextArrow: "<button class='arrowRight'><i class='fa-solid fa-arrow-right'></i></button>",
});
$('.slider-nav').slick({
pauseOnHover: false,
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
autoplaySpeed: 5000,
focusOnSelect: true,
dots: true,
appendDots: $('.slider-dots-box'),
dotsClass: 'slider-dots',
});
// On before slide change
$('.slider-nav').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
$('.slider-dots-box button').html('');
}).trigger('beforeChange');
// On before slide change
$('.slider-nav').on('afterChange', function (event, slick, currentSlide) {
$('.slider-dots-box button').html('');
$('.slider-dots-box .slick-active button')
.html(`<svg class="progress-svg">
<g transform="translate(40,40)">
<circle class="circle-go" r="40" cx="0" cy="0"></circle>
<text class="circle-tx" x="0" y="4" alignment-baseline="middle" stroke-width="0" text-anchor="middle">${(currentSlide || 0) + 1}</text>
</g>
</svg>`);
}).trigger('afterChange');
});
// Portfolio Widget --
elementorFrontend.hooks.addAction('frontend/element_ready/logistikportfolio.default',function($scope) {
var $slickEl = $('#ProjectSlide2');
$slickEl.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
var i = (currentSlide ? currentSlide : 0) + 1;
});
$slickEl.on('edge breakpoint setPosition beforeChange afterChange', function (event, slick, currentSlide, nextSlide) {
$(window).trigger("resize.twentytwenty");
//$(".twenty-container").twentytwenty();
});
$slickEl.slick({
speed: 2000,
centerMode: true,
centerPadding: "25%",
slidesToShow: 1,
focusOnSelect: true,
prevArrow: '<button type="button" class="slick-prev"><i class="fal fa-arrow-left"></i></button>',
nextArrow: '<button type="button" class="slick-next"><i class="fal fa-arrow-right"></i></button>',
autoplay: true,
swipe: false,
touchMove: false,
arrows: false,
dots: false,
infinite: true,
adaptiveHeight: false,
responsive: [{
breakpoint: 991,
settings: {
arrows: false,
dots: true,
centerMode: false,
slidesToShow: 1
}
}
]
});
});
// Testimonail Widget --
elementorFrontend.hooks.addAction('frontend/element_ready/logistiktestimonialslider.default',function($scope) {
});
});
}(jQuery));