| Linux hkvL61zh9Vexzf 3.10.0-957.1.3.el7.x86_64 #1 SMP Thu Nov 29 14:49:43 UTC 2018 x86_64 Path : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/assets/js/addons/ |
| Current File : /www/wwwroot/fashion-kingdom.com/wp-content/plugins/kitify/assets/js/addons/timeline-horizontal.js |
(function ($) {
"use strict";
$(window).on('elementor/frontend/init', function () {
window.elementorFrontend.hooks.addAction('frontend/element_ready/kitify-timeline-horizontal.default', function ($scope) {
var $timeline = $scope.find('.kitify-htimeline'),
$timelineTrack = $scope.find('.kitify-htimeline-track'),
$items = $scope.find('.kitify-htimeline-item'),
$arrows = $scope.find('.kitify-arrow'),
$nextArrow = $scope.find('.next-arrow'),
$prevArrow = $scope.find('.prev-arrow'),
columns = $timeline.data('columns') || {},
desktopColumns = columns.desktop || 3,
tabletColumns = columns.tablet || desktopColumns,
mobileColumns = columns.mobile || tabletColumns,
firstMouseEvent = true,
currentDeviceMode = elementorFrontend.getCurrentDeviceMode(),
prevDeviceMode = currentDeviceMode,
itemsCount = $scope.find('.kitify-htimeline-list--middle .kitify-htimeline-item').length,
currentTransform = 0,
currentPosition = 0,
transform = {
desktop: 100 / desktopColumns,
tablet: 100 / tabletColumns,
mobile: 100 / mobileColumns
},
maxPosition = {
desktop: Math.max(0, (itemsCount - desktopColumns)),
tablet: Math.max(0, (itemsCount - tabletColumns)),
mobile: Math.max(0, (itemsCount - mobileColumns))
};
if ('ontouchstart' in window || 'ontouchend' in window) {
$items.on('touchend.KitifyTimeLineHorizontal', function (event) {
var itemId = $(this).data('item-id');
$scope.find('.elementor-repeater-item-' + itemId).toggleClass('is-hover');
});
}
else {
$items.on('mouseenter.KitifyTimeLineHorizontal mouseleave.KitifyTimeLineHorizontal', function (event) {
if (firstMouseEvent && 'mouseleave' === event.type) {
return;
}
if (firstMouseEvent && 'mouseenter' === event.type) {
firstMouseEvent = false;
}
var itemId = $(this).data('item-id');
$scope.find('.elementor-repeater-item-' + itemId).toggleClass('is-hover');
});
}
// Set Line Position
setLinePosition();
$(window).on('resize.KitifyTimeLineHorizontal orientationchange.KitifyTimeLineHorizontal', setLinePosition);
function setLinePosition() {
var $line = $scope.find('.kitify-htimeline__line'),
$firstPoint = $scope.find('.kitify-htimeline-item__point-content:first'),
$lastPoint = $scope.find('.kitify-htimeline-item__point-content:last'),
firstPointLeftPos = $firstPoint.position().left + parseInt($firstPoint.css('marginLeft')),
lastPointLeftPos = $lastPoint.position().left + parseInt($lastPoint.css('marginLeft')),
pointWidth = $firstPoint.outerWidth();
$line.css({
'left': firstPointLeftPos + pointWidth / 2,
'width': lastPointLeftPos - firstPointLeftPos
});
$timeline.css({
'--kitify-htimeline-line-offset': ($line.offset().top - $timeline.offset().top) + 'px'
});
var $progressLine = $scope.find( '.kitify-htimeline__line-progress' ),
$lastActiveItem = $scope.find( '.kitify-htimeline-list--middle .kitify-htimeline-item.is-active:last' );
if ( $lastActiveItem[0] ) {
var $lastActiveItemPointWrap = $lastActiveItem.find( '.kitify-htimeline-item__point' ),
progressLineWidth = $lastActiveItemPointWrap.position().left + $lastActiveItemPointWrap.outerWidth() - firstPointLeftPos - pointWidth / 2;
$progressLine.css( {
'width': progressLineWidth
} );
}
}
// Arrows Navigation Type
if ($nextArrow[0] && maxPosition[currentDeviceMode] === 0) {
$nextArrow.addClass('arrow-disabled');
}
if ($arrows[0]) {
$arrows.on('click.KitifyTimeLineHorizontal', function (event) {
var $this = $(this),
direction = $this.hasClass('next-arrow') ? 'next' : 'prev',
currentDeviceMode = elementorFrontend.getCurrentDeviceMode();
if ('next' === direction && currentPosition < maxPosition[currentDeviceMode]) {
currentTransform -= transform[currentDeviceMode];
currentPosition += 1;
}
if ('prev' === direction && currentPosition > 0) {
currentTransform += transform[currentDeviceMode];
currentPosition -= 1;
}
if (currentPosition > 0) {
$prevArrow.removeClass('arrow-disabled');
} else {
$prevArrow.addClass('arrow-disabled');
}
if (currentPosition === maxPosition[currentDeviceMode]) {
$nextArrow.addClass('arrow-disabled');
} else {
$nextArrow.removeClass('arrow-disabled');
}
if (currentPosition === 0) {
currentTransform = 0;
}
$timelineTrack.css({
'transform': 'translateX(' + currentTransform + '%)'
});
});
}
setArrowPosition();
$(window).on('resize.KitifyTimeLineHorizontal orientationchange.KitifyTimeLineHorizontal', setArrowPosition);
$(window).on('resize.KitifyTimeLineHorizontal orientationchange.KitifyTimeLineHorizontal', timelineSliderResizeHandler);
function setArrowPosition() {
if (!$arrows[0]) {
return;
}
var $middleList = $scope.find('.kitify-htimeline-list--middle'),
middleListTopPosition = $middleList.position().top,
middleListHeight = $middleList.outerHeight();
$arrows.css({
'top': middleListTopPosition + middleListHeight / 2
});
}
function timelineSliderResizeHandler(event) {
if (!$timeline.hasClass('nova-hor-timeline--arrows-nav')) {
return;
}
var currentDeviceMode = elementorFrontend.getCurrentDeviceMode(),
resetSlider = function () {
$prevArrow.addClass('arrow-disabled');
if ($nextArrow.hasClass('arrow-disabled')) {
$nextArrow.removeClass('arrow-disabled');
}
if (maxPosition[currentDeviceMode] === 0) {
$nextArrow.addClass('arrow-disabled');
}
currentTransform = 0;
currentPosition = 0;
$timelineTrack.css({
'transform': 'translateX(0%)'
});
};
switch (currentDeviceMode) {
case 'desktop':
if ('desktop' !== prevDeviceMode) {
resetSlider();
prevDeviceMode = 'desktop';
}
break;
case 'tablet':
if ('tablet' !== prevDeviceMode) {
resetSlider();
prevDeviceMode = 'tablet';
}
break;
case 'mobile':
if ('mobile' !== prevDeviceMode) {
resetSlider();
prevDeviceMode = 'mobile';
}
break;
}
}
});
});
}(jQuery));