landing_page/qdrant-landing/themes/qdrant/static/js/script.js

(function ($) {

  "use strict";

  //Hide Loading Box (Preloader)
  function handlePreloader() {
    if ($('.preloader').length) {
      $('.preloader').delay(200).fadeOut(500);
    }
  }


  //Submenu Dropdown Toggle
  if ($('.main-header li.dropdown ul').length) {
    $('.main-header li.dropdown').append('<div class="dropdown-btn"><span class="fa fa-angle-down"></span></div>');

    //Dropdown Button
    $('.main-header li.dropdown .dropdown-btn').on('click', function () {
      $(this).prev('ul').slideToggle(500);
    });

    //Disable dropdown parent link
    $('.main-header .navigation li.dropdown > a,.hidden-bar .side-menu li.dropdown > a').on('click', function (e) {
      e.preventDefault();
    });

  }


  //Update Header Style and Scroll to Top
  function headerStyle() {
    if ($('.main-header').length) {
      var windowpos = $(window).scrollTop();
      var siteHeader = $('.main-sticky-header');
      var scrollLink = $('.scroll-to-top');
      var sticky_header = $('.main-sticky-header .sticky-header');
      if (windowpos > 100) {
        siteHeader.addClass('fixed-header');
        sticky_header.addClass("animated slideInDown");
        scrollLink.fadeIn(300);
      } else {
        siteHeader.removeClass('fixed-header');
        sticky_header.removeClass("animated slideInDown");
        scrollLink.fadeOut(300);
      }
    }
  }

  headerStyle();


  //Hidden Sidebar
  if ($('.hidden-bar').length) {
    var hiddenBar = $('.hidden-bar');
    var hiddenBarOpener = $('.nav-toggler');
    var hiddenBarCloser = $('.hidden-bar-closer');
    $('.hidden-bar-wrapper').mCustomScrollbar();

    //Show Sidebar
    hiddenBarOpener.on('click', function () {
      hiddenBar.addClass('visible-sidebar');
    });

    //Hide Sidebar
    hiddenBarCloser.on('click', function () {
      hiddenBar.removeClass('visible-sidebar');
    });
  }


  //Hidden Bar Menu Config
  function hiddenBarMenuConfig() {
    var menuWrap = $('.hidden-bar .side-menu');
    // appending expander button
    menuWrap.find('.dropdown').children('a').append(function () {
      return '<button type="button" class="btn expander"><i class="icon fa fa-angle-right"></i></button>';
    });
    // hidding submenu
    menuWrap.find('.dropdown').children('ul').hide();
    // toggling child ul
    menuWrap.find('.btn.expander').each(function () {
      $(this).on('click', function () {
        $(this).parent() // return parent of .btn.expander (a)
          .parent() // return parent of a (li)
          .children('ul').slideToggle();

        // adding class to expander container
        $(this).parent().toggleClass('current');
        // toggling arrow of expander
        $(this).find('i').toggleClass('fa-angle-right fa-angle-down');

        return false;

      });
    });
  }

  hiddenBarMenuConfig();

  //Mobile Nav Hide Show
  if ($('.mobile-menu').length) {

    $('.mobile-menu .menu-box').mCustomScrollbar();

    var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
    mobileMenuContent = $(mobileMenuContent).find('.fa-chevron-down').remove().end();
    $('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
    $('.sticky-header .main-menu').append(mobileMenuContent);

    $('.mobile-menu li.dropdown .dropdown-btn').on('click', function () {
      $(this).toggleClass('open');
      $(this).prev('ul').slideToggle(500);
    });
    //Menu Toggle Btn
    $('.mobile-nav-toggler').on('click', function () {
      $('body').addClass('mobile-menu-visible');
    });

    //Menu Toggle Btn
    $('.mobile-menu .menu-backdrop,.mobile-menu .close-btn').on('click', function () {
      $('body').removeClass('mobile-menu-visible');
    });
  }

  //Header Search
  if ($('.search-box-outer').length) {
    $('.search-box-outer').on('click', function () {
      $('body').addClass('search-active');
    });
    $('.close-search').on('click', function () {
      $('body').removeClass('search-active');
    });
  }


  if ($('.paroller').length) {
    $('.paroller').paroller({
      factor: 0.2,            // multiplier for scrolling speed and offset, +- values for direction control
      factorLg: 0.4,          // multiplier for scrolling speed and offset if window width is less than 1200px, +- values for direction control
      type: 'foreground',     // background, foreground
      direction: 'horizontal' // vertical, horizontal
    });
  }

  //Event Countdown Timer
  if ($('.time-countdown').length) {
    $('.time-countdown').each(function () {
      var $this = $(this), finalDate = $(this).data('countdown');
      $this.countdown(finalDate, function (event) {
        var $this = $(this).html(event.strftime('' + '<div class="counter-column"><span class="count">%D</span>Days</div> ' + '<div class="counter-column"><span class="count">%H</span>Hours</div>  ' + '<div class="counter-column"><span class="count">%M</span>Minutes</div>  ' + '<div class="counter-column"><span class="count">%S</span>Seconds</div>'));
      });
    });
  }


  //Custom Seclect Box
  if ($('.custom-select-box').length) {
    $('.custom-select-box').selectmenu().selectmenu('menuWidget').addClass('overflow');
  }


  //Jquery Spinner / Quantity Spinner
  if ($('.quantity-spinner').length) {
    $("input.quantity-spinner").TouchSpin({
      verticalbuttons: true
    });
  }


  //Gallery Filters
  if ($('.filter-list').length) {
    $('.filter-list').mixItUp({});
  }


  //LightBox / Fancybox
  if ($('.lightbox-image').length) {
    $('.lightbox-image').fancybox({
      openEffect: 'fade',
      closeEffect: 'fade',
      helpers: {
        media: {}
      }
    });
  }


  //Contact Form Validation
  if ($('#contact-form').length) {
    $('#contact-form').validate({
      rules: {
        username: {
          required: true
        },
        email: {
          required: true,
          email: true
        },
        phone: {
          required: true
        },
        message: {
          required: true
        }
      }
    });
  }


  // Scroll to a Specific Div
  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
      }, 1500);

    });
  }


  /* ==========================================================================
     When document is Scrollig, do
     ========================================================================== */

  $(window).on('scroll', function () {
    headerStyle();
  });

  /* ==========================================================================
     When document is loading, do
     ========================================================================== */

  $(window).on('load', function () {
    handlePreloader();
  });

})(window.jQuery);