(function ($) {
"use strict";
/*===========================================
= Windows Load =
=============================================*/
var windowOn = $(window);
windowOn.on('load', function () {
$("#loading").fadeOut(500);
});
/*===========================================
= Mobile Menu =
=============================================*/
//SubMenu Dropdown Toggle
if ($('.tgmenu__wrap li.menu-item-has-children ul').length) {
$('.tgmenu__wrap .navigation li.menu-item-has-children').append('
');
}
// header-sticky
windowOn.on('scroll', function () {
var scroll = windowOn.scrollTop();
if (scroll < 200) {
$("#header-sticky").removeClass("header-sticky");
} else {
$("#header-sticky").addClass("header-sticky");
}
});
if ($('.tg-header-height').length > 0) {
var headerHeight = document.querySelector(".tg-header-height");
var setHeaderHeight = headerHeight.offsetHeight;
$(".tg-header-height").each(function () {
$(this).css({
'height' : $(this).height()
});
});
}
//Mobile Nav Hide Show
if ($('.tgmobile__menu').length) {
var mobileMenuContent = $('.tgmenu__wrap .tgmenu__main-menu').html();
$('.tgmobile__menu .tgmobile__menu-box .tgmobile__menu-outer').append(mobileMenuContent);
//Dropdown Button
$('.tgmobile__menu li.menu-item-has-children .dropdown-btn').on('click', function () {
$(this).toggleClass('open');
$(this).prev('ul').slideToggle(300);
});
//Menu Toggle Btn
$('.mobile-nav-toggler').on('click', function () {
$('body').addClass('mobile-menu-visible');
});
//Menu Toggle Btn
$('.tgmobile__menu-backdrop, .tgmobile__menu .close-btn').on('click', function () {
$('body').removeClass('mobile-menu-visible');
});
};
/*===========================================
= Menu sticky & Scroll to top =
=============================================*/
$(window).on('scroll', function () {
var scroll = $(window).scrollTop();
if (scroll < 245) {
$("#sticky-header").removeClass("sticky-menu");
$('.scroll-to-target').removeClass('open');
$("#header-fixed-height").removeClass("active-height");
} else {
$("#sticky-header").addClass("sticky-menu");
$('.scroll-to-target').addClass('open');
$("#header-fixed-height").addClass("active-height");
}
});
/*===========================================
= Scroll Up =
=============================================*/
if ($('.scroll-to-target').length) {
$(".scroll-to-target").on('click', function () {
var target = $(this).attr('data-target');
// animate
$('html, body').animate({
scrollTop: $(target).offset().top
}, 0);
});
}
/*===========================================
= Data Background =
=============================================*/
$("[data-background]").each(function () {
$(this).css("background-image", "url(" + $(this).attr("data-background") + ")")
});
$("[data-bg-color]").each(function () {
$(this).css("background-color", $(this).attr("data-bg-color"));
});
/*=============================================
= Header Search =
=============================================*/
$(".search-open-btn").on("click", function () {
$(".search__popup").addClass("search-opened");
$(".search-popup-overlay").addClass("search-popup-overlay-open");
});
$(".search-close-btn").on("click", function () {
$(".search__popup").removeClass("search-opened");
$(".search-popup-overlay").removeClass("search-popup-overlay-open");
});
/*=============================================
= Offcanvas Menu =
=============================================*/
$(".menu-tigger").on("click", function () {
$(".offCanvas__info, .offCanvas__overly").addClass("active");
return false;
});
$(".menu-close, .offCanvas__overly").on("click", function () {
$(".offCanvas__info, .offCanvas__overly").removeClass("active");
});
/*=============================================
= Isotope Active =
=============================================*/
$('.project-active-two').imagesLoaded(function () {
// init Isotope
var $grid = $('.project-active-two').isotope({
itemSelector: '.grid-item',
percentPosition: true,
masonry: {
columnWidth: '.grid-item',
}
});
// filter items on button click
$('.project__menu-nav').on('click', 'button', function () {
var filterValue = $(this).attr('data-filter');
$grid.isotope({ filter: filterValue });
});
});
//for menu active class
$('.project__menu-nav button').on('click', function (event) {
$(this).siblings('.active').removeClass('active');
$(this).addClass('active');
event.preventDefault();
});
/*===========================================
= Odometer Active =
=============================================*/
$('.odometer').appear(function (e) {
var odo = $(".odometer");
odo.each(function () {
var countNumber = $(this).attr("data-count");
$(this).html(countNumber);
});
});
/*===========================================
= Magnific Popup =
=============================================*/
$('.popup-image').magnificPopup({
type: 'image',
gallery: {
enabled: true
}
});
/* magnificPopup video view */
$('.popup-video').magnificPopup({
type: 'iframe'
});
/*===========================================
= Wow Active =
=============================================*/
new WOW().init();
/*===========================================
= tg-booking-quantity-toggle =
=============================================*/
$('.tg-booking-quantity-toggle').on('click', function (e) {
e.stopPropagation();
let toggle = $(this);
let container = toggle.parent('.tg-hero-quantity');
if (toggle.hasClass('active')) {
toggle.removeClass('active');
toggle.next('.tg-booking-quantity-active').removeClass('tg-list-open');
} else {
$('.tg-booking-quantity-toggle').removeClass('active');
$('.tg-booking-quantity-active').removeClass('tg-list-open');
toggle.addClass('active');
toggle.next('.tg-booking-quantity-active').addClass('tg-list-open');
}
});
$(document).on('click', function (e) {
if (!$(e.target).closest('.tg-hero-quantity').length) {
$('.tg-booking-quantity-toggle').removeClass('active');
$('.tg-booking-quantity-active').removeClass('tg-list-open');
}
});
/*=============================================
= Date and time js =
=============================================*/
flatpickr("input[name='datetime-local']", {
dateFormat: "Y-m-d",
disableMobile: "true"
});
/*=============================================
= Date and time js =
=============================================*/
$('.decrement').on('click', function () {
var $input = $(this).parent().find('input');
var count = parseInt($input.val()) - 1;
count = count < 1 ? 1 : count;
$input.val(count);
$input.change();
return false;
});
$('.increment').on('click', function () {
var $input = $(this).parent().find('input');
$input.val(parseInt($input.val()) + 1);
$input.change();
return false;
});
/*=============================================
= Nice Select Js =
=============================================*/
$('.select').niceSelect();
var gridViewBtn = $(".grid-view");
var listViewBTn = $(".list-view");
$(gridViewBtn).on("click", function () {
$(this)
.addClass("active")
.parent(".list-switch-item")
.siblings()
.children()
.removeClass("active");
$(".list-card").removeClass("list-card-open");
});
$(listViewBTn).on("click", function () {
$(this)
.addClass("active")
.parent(".list-switch-item")
.siblings()
.children()
.removeClass("active");
$(".list-card").addClass("list-card-open");
});
/*=============================================
= tg-hero-slider-active =
=============================================*/
var tg_hero_slider = new Swiper('.tg-hero-slider-active', {
slidesPerView: 1,
loop: true,
autoplay: true,
arrow: false,
spaceBetween: 0,
speed: 2000,
effect: 'fade',
a11y: false,
navigation: {
prevEl: '.tg-hero-prev',
nextEl: '.tg-hero-next',
},
autoplay: {
delay: 3500,
disableOnInteraction: false
},
});
/*=============================================
= tg-testimonial-slider =
=============================================*/
var slider = new Swiper('.tg-testimonial-slider', {
spaceBetween: 25,
loop: true,
speed:500,
autoplay: {
delay: 4000,
},
pagination: {
el: ".swiper-pagination",
},
breakpoints: {
'1200': {
slidesPerView: 3,
},
'992': {
slidesPerView: 2,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
},
});
/*=============================================
= tg-brand-slide =
=============================================*/
var slider = new Swiper('.tg-brand-slide', {
loop: true,
freemode: true,
slidesPerView: 'auto',
spaceBetween: 25,
centeredSlides: true,
allowTouchMove: false,
speed: 4000,
autoplay: {
delay: 1,
disableOnInteraction: true,
},
});
/*=============================================
= tg-testimonial-slider =
=============================================*/
var slider = new Swiper('.tg-listing-slider', {
spaceBetween: 24,
loop: true,
speed:500,
autoplay: {
delay: 4000,
},
pagination: {
el: ".swiper-pagination",
},
breakpoints: {
'1200': {
slidesPerView: 4,
},
'992': {
slidesPerView: 3,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 1,
},
'0': {
slidesPerView: 1,
},
},
});
/*=============================================
= tg-testimonial-4-slide-active =
=============================================*/
var slider = new Swiper ('.tg-testimonial-4-slide-active', {
slidesPerView: 1,
centeredSlides: true,
loop: true,
loopedSlides: 6,
navigation: {
nextEl: '.tg-testimonial-4-slide-next',
prevEl: '.tg-testimonial-4-slide-prev',
},
});
var thumbs = new Swiper ('.tg-testimonial-4-thumb-active', {
slidesPerView: 4,
spaceBetween: 9,
centeredSlides: false,
loop: true,
slideToClickedSlide: true,
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
/*=============================================
= tg-testimonial-slider =
=============================================*/
var slider = new Swiper('.tg-listing-slider-2', {
spaceBetween: 24,
loop: true,
speed:500,
autoplay: {
delay: 4000,
},
navigation: {
nextEl: '.tg-listing-5-slide-next',
prevEl: '.tg-listing-5-slide-prev',
},
breakpoints: {
'1200': {
slidesPerView: 4,
},
'992': {
slidesPerView: 3,
},
'768': {
slidesPerView: 2,
},
'576': {
slidesPerView: 2,
},
'0': {
slidesPerView: 1,
},
},
});
/*=============================================
= tg-testimonial-slider =
=============================================*/
var slider = new Swiper('.tg-location-5-slider', {
spaceBetween: 50,
loop: true,
speed:500,
autoplay: {
delay: 4000,
},
navigation: {
nextEl: '.tg-listing-5-slide-next',
prevEl: '.tg-listing-5-slide-prev',
},
breakpoints: {
'1200': {
slidesPerView: 4,
},
'992': {
slidesPerView: 3,
spaceBetween: 40,
},
'768': {
slidesPerView: 2,
spaceBetween: 30,
},
'576': {
slidesPerView: 2,
spaceBetween: 30,
},
'0': {
slidesPerView: 1,
spaceBetween: 30,
},
},
});
/*=============================================
= tg-testimonial-slider =
=============================================*/
var slider = new Swiper ('.tg-tour-details-gallery-active', {
slidesPerView: 1,
centeredSlides: true,
loop: true,
loopedSlides: 5,
navigation: {
nextEl: '.tg-tour-details-gallery-next',
prevEl: '.tg-tour-details-gallery-prev',
},
});
var thumbs = new Swiper ('.tg-tour-details-gallery-thumb-active', {
slidesPerView: 5,
spaceBetween: 20,
centeredSlides: false,
loop: true,
slideToClickedSlide: true,
breakpoints: {
'768': {
spaceBetween: 20,
},
'576': {
spaceBetween: 10,
},
'0': {
spaceBetween: 10,
},
},
});
slider.controller.control = thumbs;
thumbs.controller.control = slider;
/*=============================================
= tg-testimonial-slider =
=============================================*/
$('.tg-custom-accordion .accordion-item').on("click", function(){
$(this).addClass('tg-faq-active').siblings().removeClass('tg-faq-active');
});
$("[data-width]").each(function () {
$(this).css("width", $(this).attr("data-width"));
});
/*=============================================
= tg-location-su-slider =
=============================================*/
var slider = new Swiper('.tg-location-su-slider', {
spaceBetween: 30,
loop: true,
speed:500,
autoplay: {
delay: 4000,
},
navigation: {
nextEl: '.tg-listing-5-slide-next',
prevEl: '.tg-listing-5-slide-prev',
},
breakpoints: {
'1200': {
slidesPerView: 4,
},
'992': {
slidesPerView: 3,
spaceBetween: 40,
},
'768': {
slidesPerView: 2,
spaceBetween: 30,
},
'576': {
slidesPerView: 2,
spaceBetween: 30,
},
'0': {
slidesPerView: 1,
spaceBetween: 30,
},
},
});
})(jQuery);