101 lines
3.5 KiB
JavaScript
101 lines
3.5 KiB
JavaScript
// OWL SLIDER CUSTOM JS
|
|
|
|
jQuery(document).ready(function() {
|
|
|
|
/* ---------------------------------------------- /*
|
|
* Header Sticky
|
|
/* ---------------------------------------------- */
|
|
|
|
jQuery(window).scroll(function(){
|
|
if (jQuery(window).scrollTop() >= 100) {
|
|
jQuery('.header-sticky').addClass('header-fixed-top');
|
|
jQuery('.header-sticky').removeClass('not-sticky');
|
|
}
|
|
else {
|
|
jQuery('.header-sticky').removeClass('header-fixed-top');
|
|
jQuery('.header-sticky').addClass('not-sticky');
|
|
}
|
|
});
|
|
|
|
/* ---------------------------------------------- /*
|
|
* Scroll top
|
|
/* ---------------------------------------------- */
|
|
|
|
jQuery(window).scroll(function() {
|
|
if (jQuery(this).scrollTop() > 100) {
|
|
jQuery('.page-scroll-up').fadeIn();
|
|
} else {
|
|
jQuery('.page-scroll-up').fadeOut();
|
|
}
|
|
});
|
|
|
|
jQuery('a[href="#totop"]').click(function() {
|
|
jQuery('html, body').animate({ scrollTop: 0 }, 'slow');
|
|
return false;
|
|
});
|
|
|
|
// This JS added for the Toggle button to work with the focus element.
|
|
if (window.innerWidth < 992) {
|
|
|
|
document.addEventListener('keydown', function(e) {
|
|
let isTabPressed = e.key === 'Tab' || e.keyCode === 9;
|
|
if (!isTabPressed) {
|
|
return;
|
|
}
|
|
|
|
const focusableElements =
|
|
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
|
|
const modal = document.querySelector('.navbar.navbar-expand-lg'); // select the modal by it's id
|
|
|
|
const firstFocusableElement = modal.querySelectorAll(focusableElements)[1]; // get first element to be focused inside modal
|
|
const focusableContent = modal.querySelectorAll(focusableElements);
|
|
const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal
|
|
|
|
if (e.shiftKey) { // if shift key pressed for shift + tab combination
|
|
if (document.activeElement === firstFocusableElement) {
|
|
lastFocusableElement.focus(); // add focus for the last focusable element
|
|
e.preventDefault();
|
|
}
|
|
} else { // if tab key is pressed
|
|
if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab
|
|
firstFocusableElement.focus(); // add focus for the first focusable element
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
|
|
});
|
|
}
|
|
|
|
|
|
// Accodian Js
|
|
function toggleIcon(e) {
|
|
jQuery(e.target)
|
|
.prev('.panel-heading')
|
|
.find(".more-less")
|
|
.toggleClass('fa-plus-square-o fa-minus-square-o');
|
|
}
|
|
jQuery('.panel-group').on('hidden.bs.collapse', toggleIcon);
|
|
jQuery('.panel-group').on('shown.bs.collapse', toggleIcon);
|
|
|
|
|
|
jQuery("#theme-main-slider").owlCarousel({
|
|
navigation : true, // Show next and prev buttons
|
|
slideSpeed : 300,
|
|
autoplay : 7000,
|
|
smartSpeed: 1000,
|
|
autoplayTimeout: 2500,
|
|
autoplayHoverPause:true,
|
|
singleItem:true,
|
|
mouseDrag: true,
|
|
loop:true, // loop is true up to 1199px screen.
|
|
nav:true, // is true across all sizes
|
|
margin:0, // margin 10px till 960 breakpoint
|
|
autoHeight: true,
|
|
responsiveClass:true, // Optional helper class. Add 'owl-reponsive-' + 'breakpoint' class to main element.
|
|
items: 1,
|
|
dots: false,
|
|
navText: ["<i class='fa fa-long-arrow-left'></i>","<i class='fa fa-long-arrow-right'></i>"]
|
|
});
|
|
|
|
});
|
|
|