mirror of
https://github.com/qdrant/landing_page.git
synced 2026-09-30 16:38:31 +02:00
init
This commit is contained in:
trean
@@ -0,0 +1,543 @@
|
||||
(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-header');
|
||||
var scrollLink = $('.scroll-to-top');
|
||||
var sticky_header = $('.main-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();
|
||||
|
||||
|
||||
//Fact Counter + Text Count
|
||||
if($('.count-box').length){
|
||||
$('.count-box').appear(function(){
|
||||
|
||||
var $t = $(this),
|
||||
n = $t.find(".count-text").attr("data-stop"),
|
||||
r = parseInt($t.find(".count-text").attr("data-speed"), 10);
|
||||
|
||||
if (!$t.hasClass("counted")) {
|
||||
$t.addClass("counted");
|
||||
$({
|
||||
countNum: $t.find(".count-text").text()
|
||||
}).animate({
|
||||
countNum: n
|
||||
}, {
|
||||
duration: r,
|
||||
easing: "linear",
|
||||
step: function() {
|
||||
$t.find(".count-text").text(Math.floor(this.countNum));
|
||||
},
|
||||
complete: function() {
|
||||
$t.find(".count-text").text(this.countNum);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
},{accY: 0});
|
||||
}
|
||||
|
||||
|
||||
//Mobile Nav Hide Show
|
||||
if($('.mobile-menu').length){
|
||||
|
||||
$('.mobile-menu .menu-box').mCustomScrollbar();
|
||||
|
||||
var mobileMenuContent = $('.main-header .nav-outer .main-menu').html();
|
||||
$('.mobile-menu .menu-box .menu-outer').append(mobileMenuContent);
|
||||
$('.sticky-header .main-menu').append(mobileMenuContent);
|
||||
|
||||
//Dropdown Button
|
||||
$('.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');
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
//Parallax Scene for Icons
|
||||
// if($('.parallax-scene-1').length){
|
||||
// var scene = $('.parallax-scene-1').get(0);
|
||||
// var parallaxInstance = new Parallax(scene);
|
||||
// }
|
||||
// if($('.parallax-scene-2').length){
|
||||
// var scene = $('.parallax-scene-2').get(0);
|
||||
// var parallaxInstance = new Parallax(scene);
|
||||
// }
|
||||
// if($('.parallax-scene-3').length){
|
||||
// var scene = $('.parallax-scene-3').get(0);
|
||||
// var parallaxInstance = new Parallax(scene);
|
||||
// }
|
||||
|
||||
|
||||
//Tabs Box
|
||||
if($('.tabs-box').length){
|
||||
$('.tabs-box .tab-buttons .tab-btn').on('click', function(e) {
|
||||
e.preventDefault();
|
||||
var target = $($(this).attr('data-tab'));
|
||||
|
||||
if ($(target).is(':visible')){
|
||||
return false;
|
||||
}else{
|
||||
target.parents('.tabs-box').find('.tab-buttons').find('.tab-btn').removeClass('active-btn');
|
||||
$(this).addClass('active-btn');
|
||||
target.parents('.tabs-box').find('.tabs-content').find('.tab').fadeOut(0);
|
||||
target.parents('.tabs-box').find('.tabs-content').find('.tab').removeClass('active-tab');
|
||||
$(target).fadeIn(300);
|
||||
$(target).addClass('active-tab');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
//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
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Main Slider Carousel
|
||||
if ($('.main-slider-carousel').length) {
|
||||
$('.main-slider-carousel').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:1
|
||||
},
|
||||
800:{
|
||||
items:1
|
||||
},
|
||||
1024:{
|
||||
items:1
|
||||
},
|
||||
1200:{
|
||||
items:1
|
||||
},
|
||||
1500:{
|
||||
items:1
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// Sponsors Carousel
|
||||
if ($('.sponsors-carousel').length) {
|
||||
$('.sponsors-carousel').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:30,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
800:{
|
||||
items:3
|
||||
},
|
||||
1024:{
|
||||
items:4
|
||||
},
|
||||
1200:{
|
||||
items:4
|
||||
},
|
||||
1500:{
|
||||
items:4
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Sponsors Carousel Two
|
||||
if ($('.sponsors-carousel-two').length) {
|
||||
$('.sponsors-carousel-two').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:30,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
800:{
|
||||
items:3
|
||||
},
|
||||
1024:{
|
||||
items:3
|
||||
},
|
||||
1200:{
|
||||
items:3
|
||||
},
|
||||
1500:{
|
||||
items:3
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Single Item Carousel
|
||||
if ($('.single-item-carousel').length) {
|
||||
$('.single-item-carousel').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:1
|
||||
},
|
||||
800:{
|
||||
items:1
|
||||
},
|
||||
1024:{
|
||||
items:1
|
||||
},
|
||||
1200:{
|
||||
items:1
|
||||
},
|
||||
1500:{
|
||||
items:1
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Two Item Carousel
|
||||
if ($('.two-item-carousel').length) {
|
||||
$('.two-item-carousel').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:0,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="flaticon-left-arrow-2"></span>', '<span class="flaticon-right-arrow-2"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:1
|
||||
},
|
||||
800:{
|
||||
items:1
|
||||
},
|
||||
1024:{
|
||||
items:2
|
||||
},
|
||||
1200:{
|
||||
items:2
|
||||
},
|
||||
1500:{
|
||||
items:2
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Three Item Carousel
|
||||
if ($('.three-item-carousel').length) {
|
||||
$('.three-item-carousel').owlCarousel({
|
||||
//animateOut: 'fadeOut',
|
||||
//animateIn: 'fadeIn',
|
||||
loop:true,
|
||||
margin:30,
|
||||
nav:true,
|
||||
smartSpeed: 500,
|
||||
autoplay: 6000,
|
||||
navText: [ '<span class="fa fa-angle-left"></span>', '<span class="fa fa-angle-right"></span>' ],
|
||||
responsive:{
|
||||
0:{
|
||||
items:1
|
||||
},
|
||||
600:{
|
||||
items:2
|
||||
},
|
||||
800:{
|
||||
items:2
|
||||
},
|
||||
1024:{
|
||||
items:2
|
||||
},
|
||||
1200:{
|
||||
items:2
|
||||
},
|
||||
1500:{
|
||||
items:2
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
|
||||
//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);
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
// Elements Animation
|
||||
// if($('.wow').length){
|
||||
// var wow = new WOW(
|
||||
// {
|
||||
// boxClass: 'wow', // animated element css class (default is wow)
|
||||
// animateClass: 'animated', // animation css class (default is animated)
|
||||
// offset: 0, // distance to the element when triggering the animation (default is 0)
|
||||
// mobile: true, // trigger animations on mobile devices (default is true)
|
||||
// live: true // act on asynchronously loaded content (default is true)
|
||||
// }
|
||||
// );
|
||||
// wow.init();
|
||||
// }
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
When document is Scrollig, do
|
||||
========================================================================== */
|
||||
|
||||
$(window).on('scroll', function() {
|
||||
headerStyle();
|
||||
});
|
||||
|
||||
/* ==========================================================================
|
||||
When document is loading, do
|
||||
========================================================================== */
|
||||
|
||||
$(window).on('load', function() {
|
||||
handlePreloader();
|
||||
});
|
||||
|
||||
})(window.jQuery);
|
||||
Reference in New Issue
Block a user