✏️ Editing: custom.js Writable

/*
 Project name:       barlog
 Project author:     ModelTheme
 File name:          Custom JS
*/

(function ($) {
    'use strict';

$(document).ready(function() {
        
        // CHECKBOX TO LAYERED NAVIGATION
        if ( jQuery( ".woocommerce-widget-layered-nav-list" ).length ) {
            jQuery('.widget .product-categories > li').addClass('active');
            jQuery('.woocommerce-widget-layered-nav-list .chosen .checkbox').prop('checked', true);
            jQuery('.woocommerce-widget-layered-nav-list .checkbox').on('click', function(){
                jQuery(this).next()[0].click();
            });
        } 
        
        //Instant search in header
        jQuery('.barlog-header-searchform input#keyword').on('blur', function(){
            jQuery('.data_fetch').removeClass('focus');
        }).on('focus', function(){
            jQuery('.data_fetch').addClass('focus');
        });

//Begin: Search Form
        if ( jQuery( "#barlog-search" ).length ) {
            new UISearch( document.getElementById( 'barlog-search' ) );
        }
        //End: Search Form

// browser window scroll (in pixels) after which the "back to top" link is shown
        var offset = 300,
        //browser window scroll (in pixels) after which the "back to top" link opacity is reduced
        offset_opacity = 1200,
        //duration of the top scrolling animation (in ms)
        scroll_top_duration = 300,
        //grab the "back to top" link
        $back_to_top = jQuery('.barlog-back-to-top');

//hide or show the "back to top" link
        jQuery(window).scroll(function(){
            ( jQuery(this).scrollTop() > offset ) ? $back_to_top.addClass('barlog-is-visible') : $back_to_top.removeClass('barlog-is-visible barlog-fade-out');
            if( jQuery(this).scrollTop() > offset_opacity ) { 
                $back_to_top.addClass('barlog-fade-out');
            }
        });

$back_to_top.on('click touchstart', function(event){
            // event.preventDefault();
            $('body,html').animate({
                scrollTop: 0 ,
                }, scroll_top_duration
            );
        });

});
 
 jQuery('.fixed-search-overlay .icon-close').on( "click touchstart tap", function() {
 jQuery('.fixed-search-overlay').removeClass('visible');
 });
 jQuery(document).keyup(function(e) {
 if (e.keyCode == 27) { // escape key maps to keycode `27`
 jQuery('.fixed-search-overlay').removeClass('visible');
 jQuery('.fixed-sidebar-menu').removeClass('open');
 jQuery('.fixed-sidebar-menu-overlay').removeClass('visible');
 }
 });
 
 var baseUrl = document.location.origin;
 if ($(window).width() < 768) { 
 jQuery("#dropdown-user-profile").on("click touchstart tap", function() {
 window.location.href = (baseUrl + '/my-account');
 });
 }

} (jQuery) );

//Header part
(function ($) {
    $(document).ready(function() {
        jQuery('.h-cart').hover(function() {
            /* Stuff to do when the mouse enters the element */
            jQuery('.header_mini_cart').addClass('visible_cart');
        }, function() {
            /* Stuff to do when the mouse leaves the element */
            jQuery('.header_mini_cart').removeClass('visible_cart');
        });

jQuery('.header_mini_cart').hover(function() {
            /* Stuff to do when the mouse enters the element */
            jQuery(this).addClass('visible_cart');
        }, function() {
            /* Stuff to do when the mouse leaves the element */
            jQuery(this).removeClass('visible_cart');
        });
    });
})(jQuery);

//Header part : Category button
(function ($) {
    var openBtn = $('.category_button_wrap'),
    slideMenu = $('.button_dropdown'),
    headerBotClass = $('header');
    
    if (jQuery(window).width() > 1024) {
        if (slideMenu.hasClass("cat_open_default")) {
            openBtn.addClass("active");
            slideMenu.addClass("active");
            slideMenu.slideDown(300);
        }
    } else {
        slideMenu.slideUp(0);
        openBtn.removeClass("active");
        slideMenu.removeClass("active");
    }

openBtn.on("click", function() {
        if (slideMenu.is(':hidden')) {
            slideMenu.slideDown(300);
            openBtn.addClass("active");
            openBtn.removeClass("close");
        } else {
            slideMenu.slideUp(300);
            openBtn.removeClass("active");
            openBtn.addClass("close");
            slideMenu.removeClass("active");
        }
    });
   
})(jQuery);

//Header part : Category button
(function ($) {
    jQuery("#dropdown-user-profile").on({
        mouseenter: function () {
            jQuery(this).addClass("open");
        },
        mouseleave: function () {
            if(jQuery(this).hasClass("open")) {
                jQuery(this).removeClass("open");
            }
        }
    });
})(jQuery);

//Begin: Sticky Head
(function ($) {
    jQuery(function(){
        if (jQuery('body').hasClass('barlog_is_nav_sticky')) {
            jQuery(".site-header-inner").sticky({
                topSpacing:0
            });
        }
    });
})(jQuery);

// Navigation Submenus dropdown direction (right or left)
(function ($) {         
    $(document).ready(function () {
        MTDefaultNavMenu.init();
    });
            
    $(window).resize(function(){
        MTDefaultNavMenu.init();
    });
            
    var MTDefaultNavMenu = {
        init: function () {
            var $menuItems = $('.nav-menu-desktop ul.menu li.menu-item-has-children');
                    
            if ($menuItems.length) {
                $menuItems.each(function (i) {
                    var thisItem = $(this),
                    menuItemPosition = thisItem.offset().left,
                    dropdownMenuItem = thisItem.find(' > ul'),
                    dropdownMenuWidth = dropdownMenuItem.outerWidth(),
                    menuItemFromLeft = $(window).width() - menuItemPosition;

var dropDownMenuFromLeft;
 
 if (thisItem.find('li.menu-item-has-children').length > 0) {
 dropDownMenuFromLeft = menuItemFromLeft - dropdownMenuWidth;
 }
 
 dropdownMenuItem.removeClass('mt-drop-down--right');
 
 if (menuItemFromLeft < dropdownMenuWidth || dropDownMenuFromLeft < dropdownMenuWidth) {
 dropdownMenuItem.addClass('mt-drop-down--right');
 }
 });
 }
 }
 }; 
})(jQuery);

/*LOGIN MODAL */
(function ($) {
    var ModalEffects = (function() {
        function init_modal() {

var overlay = document.querySelector( '.modeltheme-overlay' );
            var overlay_inner = document.querySelector( '.modeltheme-overlay-inner' );
            var modal_holder = document.querySelector( '.modeltheme-modal-holder' );
            var html = document.querySelector( 'html' );

[].slice.call( document.querySelectorAll( '.modeltheme-trigger' ) ).forEach( function( el, i ) {

var modal = document.querySelector( '#' + el.getAttribute( 'data-modal' ) ),
                    close = modal.querySelector( '.modeltheme-close' );

function removeModal( hasPerspective ) {
                    classie.remove( modal, 'modeltheme-show' );
                    classie.remove( modal_holder, 'modeltheme-show' );
                    classie.remove( html, 'modal-open' );

if( hasPerspective ) {
                        classie.remove( document.documentElement, 'modeltheme-perspective' );
                    }
                }

function removeModalHandler() {
                    removeModal( classie.has( el, 'modeltheme-setperspective' ) ); 
                }

el.addEventListener( 'click', function( ev ) {
                    classie.add( modal, 'modeltheme-show' );
                    classie.add( modal_holder, 'modeltheme-show' );
                    classie.add( html, 'modal-open' );
                    overlay.removeEventListener( 'click', removeModalHandler );
                    overlay.addEventListener( 'click', removeModalHandler );

overlay_inner.removeEventListener( 'click', removeModalHandler );
                    overlay_inner.addEventListener( 'click', removeModalHandler );

if( classie.has( el, 'modeltheme-setperspective' ) ) {
                        setTimeout( function() {
                            classie.add( document.documentElement, 'modeltheme-perspective' );
                        }, 25 );
                    }
                });
            });
        }

if (!jQuery("body").hasClass("login-register-page")) {
            init_modal();
        }

})();

jQuery("#modal-log-in #register-modal").on("click",function(){                       
        jQuery("#login-modal-content").fadeOut("fast", function(){
            jQuery("#signup-modal-content").fadeIn(500);
        });
    }); 
    jQuery("#modal-log-in .btn-login-p").on("click",function(){                       
        jQuery("#signup-modal-content").fadeOut("fast", function(){
            jQuery("#login-modal-content").fadeIn(500);
        });
    });

jQuery("#login-content-shortcode .btn-register-shortcode").on("click",function(){                       
        jQuery("#login-content-shortcode").fadeOut("fast", function(){
           jQuery("#register-content-shortcode").fadeIn(500);
        });
    });

jQuery('#nav-menu-login').on("click",function(){ 
        jQuery(".modeltheme-show ~ .modeltheme-overlay, .modeltheme-show .modeltheme-overlay-inner").on("click",function(){ 
            jQuery("#signup-modal-content").fadeOut("fast");
            jQuery("#login-modal-content").fadeIn(500);
        });
    });

jQuery('#register .user-role input[value="customer"]').click(function() {
        if(jQuery(this).is(':checked')) {
            jQuery('#signup-modal-content .show_if_seller').hide();
            jQuery('#signup-modal-content .show_if_seller input').each(function(){
                jQuery(this).prop('disabled', true);
            });
        }
    });

jQuery('#register .user-role input[value="seller"]').click(function() {
        if(jQuery(this).is(':checked')) {
            jQuery('#register .show_if_seller').show(300);
            jQuery('#register .show_if_seller input').each(function(){
                jQuery(this).prop('disabled', false);
            });
        }
    });

jQuery('#register .user-role input[value="customer"]').click(function() {
 if(jQuery(this).is(':checked')) {
 jQuery('#register .show_if_seller').hide(300);
 }
 });
 
 //accordeon footer
 if(jQuery(window).width() <= 991) {
 jQuery(".footer-column .widget-area .widget").each(function(){
 var heading = jQuery(this).find('h3.widget-title');
 jQuery(heading).click(function(){
 jQuery(heading).toggleClass("active");
 var siblings = jQuery(this).nextAll();
 jQuery(siblings).slideToggle();
 })
 });
 }

})(jQuery);

(function ($) {
    jQuery('.hamburger').on( "click", function() {
            // jQuery(this).toggleClass('open');
            jQuery('.fixed-sidebar-menu').toggleClass('open');
            jQuery(this).parent().find('#navbar').toggleClass('hidden');
            jQuery('.fixed-sidebar-menu-overlay').addClass('visible');
        });

/* Click on Overlay - Hide Overline / Slide Back the Sidebar header */
        jQuery('.fixed-sidebar-menu-overlay').on( "click", function() {
            jQuery('.fixed-sidebar-menu').removeClass('open');
            jQuery(this).removeClass('visible');
        });    
        /* Click on Overlay - Hide Overline / Slide Back the Sidebar header */
        jQuery('.fixed-sidebar-menu .icon-close').on( "click", function() {
            jQuery('.fixed-sidebar-menu').removeClass('open');
            jQuery('.fixed-sidebar-menu-overlay').removeClass('visible');
        });
})(jQuery);

//Begin: MT Popups
(function ($) {
    
    $(document).ready(function () {
        MTPopups.init();
    });
    
    var MTPopups = {
        init: function () {
            var $popup = $(".popup");
            
            if ($popup.length) {
                $(function(){
                    jQuery('#exit-popup').click(function(e) { 
                        jQuery('.popup').fadeOut(1000);
                        jQuery('.popup').removeClass("modeltheme-show");
                    });

//eamo theme
(function ($) {
    jQuery('#field_7').val('Relationship');
    jQuery('#field_2').val('Women'); 
    jQuery('#field_6_range').val('20');
    jQuery('input[name="field_6_range[max]"]').val('29');
})(jQuery);

//MT Preloader
(function ($) {
    jQuery(window).on("load", function(){
        jQuery( '.barlog_preloader_holder' ).fadeOut( 1000, function() {
            jQuery( this ).fadeOut();
        });
    });
})(jQuery);

//mt mega menu expand
(function ($) {
if (jQuery(window).width() < 768) {
 var expand = '';
 jQuery('.nav-menu-mobile .mega_menu').append(expand);
 jQuery(".mega_menu .nav-toggle-icon").on("click",function() {
 jQuery('.nav-menu-mobile .cf-mega-menu').toggle();
 jQuery('.nav-menu-mobile .cf-mega-menu').toggleClass("show-menu");
 });
} else {
 var expand = '&nbsp;';
 jQuery('.site-navigation .mega_menu .link-before').append(expand); 
}
})(jQuery);

//Barlog Theme

class GlitchEffect {
  constructor() {
    this.root = document.body
    this.cursor = document.querySelector(".curzr")

this.distanceX = 0, 
    this.distanceY = 0,
    this.pointerX = 0,
    this.pointerY = 0,
    this.previousPointerX = 0
    this.previousPointerY = 0
    this.cursorSize = 25
    this.glitchColorB = '#00feff'
    this.glitchColorR = '#ff4f71'

this.cursorStyle = {
      boxSizing: 'border-box',
      position: 'fixed',
      top: `-5px`,
      left: `-9px`,
      zIndex: '2147483647',
      width: `${ this.cursorSize }px`,
      height: `${ this.cursorSize }px`,
      backgroundColor: '#222',
      borderRadius: '50%',
      boxShadow: `0 0 0 ${this.glitchColorB}, 0 0 0 ${this.glitchColorR}`,
      transition: '100ms, transform 30ms',
      userSelect: 'none',
      pointerEvents: 'none'
    }

if (CSS.supports("backdrop-filter", "invert(1)")) {
      this.cursorStyle.backdropFilter = 'invert(1)'
      this.cursorStyle.backgroundColor = '#fff0'
    } else {
      this.cursorStyle.backgroundColor = '#222'
    }

this.init(this.cursor, this.cursorStyle)
  }

init(el, style) {
    Object.assign(el.style, style)
    this.cursor.removeAttribute("hidden")
    
  }

move(event) {
    this.previousPointerX = this.pointerX
    this.previousPointerY = this.pointerY
    this.pointerX = event.pageX + this.root.getBoundingClientRect().x
    this.pointerY = event.pageY + this.root.getBoundingClientRect().y
    this.distanceX = Math.min(Math.max(this.previousPointerX - this.pointerX, -10), 10)
    this.distanceY = Math.min(Math.max(this.previousPointerY - this.pointerY, -10), 10)

if (event.target.localName === 'button' || 
        event.target.localName === 'a' || 
        event.target.onclick !== null ||
        event.target.className.includes('curzr-hover')) {
      this.hover()
    } else {
      this.hoverout()
    }

this.cursor.style.transform = `translate3d(${this.pointerX}px, ${this.pointerY}px, 0)`
    this.cursor.style.boxShadow = `
      ${+this.distanceX}px ${+this.distanceY}px 0 ${this.glitchColorB}, 
      ${-this.distanceX}px ${-this.distanceY}px 0 ${this.glitchColorR}`
    this.stop()
  }

hover() {
  }

hoverout() {
  }

click() {
    this.cursor.style.transform += ` scale(0.75)`
    setTimeout(() => {
      this.cursor.style.transform = this.cursor.style.transform.replace(` scale(0.75)`, '')
    }, 35)
  }

stop() {
    if (!this.moving) {
      this.moving = true
      setTimeout(() => {
        this.cursor.style.boxShadow = ''
        this.moving = false
      }, 50)
    }
  }

remove() {
    this.cursor.remove()
  }
}

(() => {
  const cursor = new GlitchEffect()
  if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    document.onmousemove = function (event) {
      cursor.move(event)
    }
    document.onclick = function () {
      cursor.click()
    }
  } else {
    cursor.remove()
  }
})()

🔐 Sid Gifari File Manager Pro