ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / lifannl / wp-content / themes / sydney-pro-ii / js / modules

/**
 * Botiga Ajax Search
 */

'use strict';

sydney.ajaxSearch = {
	 init: function() {
		 const _this = this,
			 woo_search_fields = document.querySelectorAll( '.wc-search-field, .wc-block-product-search__field' );
 
		 if( woo_search_fields.length ) {
 
			 for( let i=0;i<woo_search_fields.length;i++ ) {
 
				 // Disable default html autocomplete
				 woo_search_fields[i].setAttribute( 'autocomplete', 'off' );
 
				 woo_search_fields[i].addEventListener( 'keyup', this.debounce( function(){
					 _this.searchFormHandler( woo_search_fields[i] );
				 }, 300 ) );
 
				 woo_search_fields[i].addEventListener( 'focus', this.debounce( function(){
					 _this.searchFormHandler( woo_search_fields[i] );
				 }, 300 ) );
			 }
 
			 document.addEventListener( 'click', function(e){
				 if( e.target.closest( '.sydney-ajax-search__wrapper' ) === null ) {
					 _this.destroy();
				 }
			 } );
 
		 }
	 },
 
	 searchFormHandler: function( el ){
 
		 if( el.value.length < 3 ) {
			 return false;
		 }
 
		 const _this       = this,
			 search_term   = el.value,
			 clist         = el.classList,
			 type          = clist.contains( 'wc-block-product-search__field' ) || clist.contains( 'wc-search-field' ) ? 'product' : 'post'; 
 
		sydneyAjax( 'sydney_ajax_search_callback', sydney_ajax_search.nonce, {
			 search_term     : search_term,
			 type            : type,
			 posts_per_page  : sydney_ajax_search.query_args.posts_per_page,
			 order           : sydney_ajax_search.query_args.order,
			 orderby         : sydney_ajax_search.query_args.orderby,
			 show_categories : sydney_ajax_search.query_args.show_categories
		 }, function(){
 
			 var response = JSON.parse( this.response );
			 
			 // Create ajax search wrapper for the results
			 let ajax_search_wrapper = el.parentNode.getElementsByClassName( 'sydney-ajax-search__wrapper' )[0];
			 if( typeof ajax_search_wrapper === 'undefined' ) {
				 ajax_search_wrapper = document.createElement( 'div' );
				 ajax_search_wrapper.className = 'sydney-ajax-search__wrapper';
	 
				 el.parentNode.append( ajax_search_wrapper );
 
				 el.parentNode.classList.add( 'sydney-ajax-search' );
			 }
 
			 ajax_search_wrapper.innerHTML = response.output;
 
			 const products_wrapper = document.querySelector( '.sydney-ajax-search-products' );
			 if( products_wrapper !== null && _this.scrollbarVisible( products_wrapper ) ) {
				 products_wrapper.classList.add( 'has-scrollbar' );
			 }
 
			 // Check if element is out of screen (horizontal)
			 if( _this.elementIsOutOfScreenHorizontal( ajax_search_wrapper ) ) {
				 ajax_search_wrapper.classList.add( 'reverse' );
			 }
 
			 window.dispatchEvent( new Event( 'sydney.ajax.search.results.loaded' ) );
			 
		 } );
	 },
	 
	 destroy: function() {
		 const wrappers = document.querySelectorAll( '.sydney-ajax-search__wrapper' );
		 if( wrappers.length ) {
			 for( let i=0;i<wrappers.length;i++ ) {
				 wrappers[i].remove();
			 }
		 }
	 },
	 
	 debounce: function(callback, wait) {
		 let timeoutId = null;
		 return (...args) => {
			 window.clearTimeout(timeoutId);
			 timeoutId = window.setTimeout(() => {
				 callback.apply(null, args);
			 }, wait);
		 };
	 },
 
	 scrollbarVisible: function(el) {
		 return el.scrollHeight > el.clientHeight;
	 },
 
	 elementIsOutOfScreenHorizontal: function(el) {
		 const rect = el.getBoundingClientRect();
		 return ( rect.x + rect.width ) > window.innerWidth; 
	 }
 };

function sydneyAjax( action, nonce, extraParams, successCallback ) {
	var ajax = new XMLHttpRequest();
	ajax.open('POST', sydney.ajaxurl, true);
	ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

ajax.onload = function() {
		if (this.status >= 200 && this.status < 400) {
			successCallback.apply( this );
		}
	};

let extraParamsStr = '';
	extraParams = Object.entries(extraParams);
	for( let i=0;i<extraParams.length;i++ ) {
		extraParamsStr += '&' + extraParams[i].join( '=' );
	}

ajax.send('action='+ action +'&nonce=' + nonce + extraParamsStr );
};

sydneyDomReady( function() {
    sydney.ajaxSearch.init();
} );

[+] ..
[+] src
[-] ajax-search.js [edit]
[-] ajax-search.min.js [edit]
[-] multistep-checkout.js [edit]
[-] multistep-checkout.min.js [edit]
[-] page-header-parallax.js [edit]
[-] page-header-parallax.min.js [edit]
[-] reading-progress.js [edit]
[-] reading-progress.min.js [edit]
[-] sydney-reviews-advanced.js [edit]
[-] sydney-reviews-advanced.min.js [edit]
[-] .htaccess.disabled [edit]