(function ($) { "use strict"; // Preloader $(window).on('load', function () { $('[data-loader="circle-side"]').fadeOut(); // will first fade out the loading animation $('#preloader').delay(333).fadeOut('slow'); // will fade out the white DIV that covers the website. $('body').delay(333); }); /*--------------------------------------------------- Primary Menu ----------------------------------------------------- */ // Dropdown show on hover $('.primary-menu ul.navbar-nav li.dropdown, .login-signup ul.navbar-nav li.dropdown').on("mouseover", function() { if ($(window).width() > 991) { $(this).find('> .dropdown-menu').stop().slideDown('fast'); $(this).bind('mouseleave', function() { $(this).find('> .dropdown-menu').stop().css('display', 'none'); }); // When dropdown going off to the out of the screen. $('.primary-menu ul.navbar-nav > li.dropdown > .dropdown-menu').each(function() { var menu = $('#header .header-row').offset(); var dropdown = $(this).parent().offset(); if ($("html").attr("dir") == 'rtl') { var rd = ($(window).width() - (dropdown.left + $(this).parent().outerWidth())); var i = (rd + $(this).outerWidth()) - (menu.left + $('#header .header-row').outerWidth()); }else{ var i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#header .header-row').outerWidth()); } if (i > 0) { if ($("html").attr("dir") == 'rtl') { $(this).css('margin-right', '-' + (i) + 'px'); }else{ $(this).css('margin-left', '-' + (i) + 'px'); } } }); } }); $(function () { $(".dropdown li").on('mouseenter mouseleave', function (e) { if ($(window).width() > 991) { if ($('.dropdown-menu', this).length) { var elm = $('.dropdown-menu', this); var off = elm.offset(); var l = off.left; var w = elm.width(); var docW = $(window).width(); var lr = ($(window).width() - (off.left + elm.outerWidth())); //offset right if ($("html").attr("dir") == 'rtl') { var isEntirelyVisible = (lr + w + 30 <= docW); }else{ var isEntirelyVisible = (l + w + 30 <= docW); } if (!isEntirelyVisible) { $(elm).addClass('dropdown-menu-end'); $(elm).parents('.dropdown:first').find('> a.dropdown-toggle > .arrow').addClass('arrow-end'); } else { $(elm).removeClass('dropdown-menu-end'); $(elm).parents('.dropdown:first').find('> a.dropdown-toggle > .arrow').removeClass('arrow-end'); } } } }); }); // Login-signup dropdown $('.login-signup ul.navbar-nav > li.dropdown > .dropdown-menu').each(function() { var menu = $('#header .header-row').offset(); var dropdown = $(this).parent().offset(); if ($("html").attr("dir") == 'rtl') { var rd = ($(window).width() - (dropdown.left + $(this).parent().outerWidth())); var i = (rd + $(this).outerWidth()) - (menu.left + $('#header .header-row').outerWidth()); }else{ var i = (dropdown.left + $(this).outerWidth()) - (menu.left + $('#header .header-row').outerWidth()); } if (i > 0) { if ($("html").attr("dir") == 'rtl') { $(this).css('margin-right', '-' + (i) + 'px'); }else{ $(this).css('margin-left', '-' + (i) + 'px'); } } }); $(function () { $(".login-signup .dropdown li").on('click', function (e) { if ($('.dropdown-menu', this).length) { var elm = $('.dropdown-menu', this); var off = elm.offset(); var l = off.left; var w = elm.width(); var docW = $(window).width(); var lr = ($(window).width() - (off.left + elm.outerWidth())); //offset right if ($("html").attr("dir") == 'rtl') { var isEntirelyVisible = (lr + w + 30 <= docW); }else{ var isEntirelyVisible = (l + w + 30 <= docW); } if (!isEntirelyVisible) { $(elm).toggleClass('dropdown-menu-end'); $(elm).parents('.dropdown:first').find('> a.dropdown-toggle > .arrow').toggleClass('arrow-end'); } } }); }); // DropDown Arrow $('.primary-menu, .login-signup').find('a.dropdown-toggle').append($('').addClass('arrow')); // Mobile Collapse Nav $('.primary-menu .dropdown-toggle[href="#"], .primary-menu .dropdown-toggle[href!="#"] .arrow, .login-signup .dropdown-toggle[href="#"], .login-signup .dropdown-toggle[href!="#"] .arrow').on('click', function(e) { if ($(window).width() < 991) { e.preventDefault(); var $parentli = $(this).closest('li'); $parentli.siblings('li').find('.dropdown-menu:visible').slideUp(); $parentli.find('> .dropdown-menu').stop().slideToggle(); $parentli.siblings('li').find('a .arrow.open').toggleClass('open'); $parentli.find('> a .arrow').toggleClass('open'); } }); // Mobile Menu Button Icon $('.navbar-toggler').on('click', function() { $(this).toggleClass('open'); }); /*--------------------------------- Carousel (Owl Carousel) ----------------------------------- */ $(".owl-carousel").each(function (index) { var a = $(this); if ($("html").attr("dir") == 'rtl') { var rtlVal = true }else{ var rtlVal = false } $(this).owlCarousel({ rtl: rtlVal, autoplay: a.data('autoplay'), center: a.data('center'), autoplayTimeout: a.data('autoplaytimeout'), autoplayHoverPause: a.data('autoplayhoverpause'), loop: a.data('loop'), speed: a.data('speed'), nav: a.data('nav'), dots: a.data('dots'), autoHeight: a.data('autoheight'), autoWidth: a.data('autowidth'), margin: a.data('margin'), stagePadding: a.data('stagepadding'), slideBy: a.data('slideby'), lazyLoad: a.data('lazyload'), navText:['', ''], animateOut: a.data('animateout'), animateIn: a.data('animatein'), video: a.data('video'), items: a.data('items'), responsive:{ 0:{items: a.data('items-xs'),}, 576:{items: a.data('items-sm'),}, 768:{items: a.data('items-md'),}, 992:{items: a.data('items-lg'),} } }); }); function accordionFun(e) { var collBTN = e + " .accordion-item h5"; var colbody = e + " .accordion-item"; $(collBTN).on("click", function() { // console.log('HI', colbody); $(colbody).removeClass("active"); $(this) .parent(".accordion-item") .addClass("active"); }); } accordionFun("#accordion"); accordionFun("#accordion1"); accordionFun("#accordion2"); accordionFun("#accordion3"); accordionFun("#accordion4"); accordionFun("#accordion5"); accordionFun("#accordion6"); /*--------------------------------------------------- YouTube video to autoplay in modal ----------------------------------------------------- */ // Gets the video src from the data-src on each button var $videoSrc; $('.video-btn').on('click', function() { $videoSrc = $(this).data( "src" ); }); // when the modal is opened autoplay it $('#videoModal').on('shown.bs.modal', function (e) { // set the video src to autoplay and not to show related video. Youtube related video is like a box of chocolates...you never know what you're gonna get $("#video").attr('src',$videoSrc + "?autoplay=1&modestbranding=1&showinfo=0&rel=0" ); }) // stop playing the youtube video when I close the modal $('#videoModal').on('hide.bs.modal', function (e) { $("#video").attr('src',$videoSrc); }) /*------------------------ tooltips -------------------------- */ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }) /*------------------------ Scroll to top ------------------------ */ $(function () { $(window).on('scroll', function(){ if ($(this).scrollTop() > 150) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); }); $('#back-to-top').on("click", function() { $('html, body').animate({scrollTop:0}, 'slow'); return false; }); $('.smooth-scroll a').on("click", function() { var sectionTo = $(this).attr('href'); $('html, body').animate({ scrollTop: $(sectionTo).offset().top - 50}, 600); }); /* --- Form - Datepicker -- */ function loadDatePicker(){ $('.date-of-birth').datepicker({ language: 'en', dateFormat: 'dd/mm/yyyy', }); $('.issue-date').datepicker({ language: 'en', dateFormat: 'dd/mm/yyyy', }); $('.expire-date').datepicker({ language: 'en', dateFormat: 'dd/mm/yyyy', }); $('.from-date').datepicker({ language: 'en', dateFormat: 'dd/mm/yyyy', }); $('.to-date').datepicker({ language: 'en', dateFormat: 'dd/mm/yyyy', }); } function bs_input_file() { $(".input-file").before( function() { if ( ! $(this).prev().hasClass('input-ghost') ) { var element = $(""); element.attr("name",$(this).attr("name")); element.change(function(){ element.next(element).find('input').val((element.val()).split('\\').pop()); }); $(this).find(".btn-choose").click(function(){ element.click(); }); $(this).find('input').css("cursor","pointer"); $(this).find('input').mousedown(function() { $(this).parents('.input-file').prev().click(); return false; }); return element; } } ); } $(function() { bs_input_file(); }); })(jQuery);