You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
301 lines
9.1 KiB
301 lines
9.1 KiB
|
|
(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($('<i />').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:['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
|
|
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 = $("<input type='file' style='visibility:hidden; display:none; height:0'>");
|
|
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);
|