script.js

/**
 * @developer wpdevelopment.me <shramee@wpdvelopment.me>
 */

(
	function ( $ ) {
		var ajaxRef, lastResponse, $r, items;
		$( '.sfp-live-search-field' ).keyup( function () {

			var $t = $( this ),
				val = $t.val();
			$r = $t.siblings( '.sfp-live-search-results' );

			if ( ajaxRef && ajaxRef.abort ) {
				ajaxRef.abort();
			}
			timeOut = null;

			if ( 1 > val.length ) {
				$r.html( '' );
				return;
			}

			var keyword = encodeURIComponent( val ).toLowerCase();

			$r.html( '' );
			items = 0;
			var $cnt = $( '<div></div>' );
			$.each( wclsAjax.prods, function ( l, itm ) {
				if ( itm.title.toLowerCase().indexOf( keyword ) > - 1 ) {
					if ( items > 7 ) {
						return false;
					}
					addItem( itm, $cnt );
					items ++;
				}
			} );
			$r.append( $cnt );
			/*
			 ajaxRef = $
			 .ajax( {
			 method: 'GET',
			 url: wclsAjax.url + '?s=' + keyword,
			 } )
			 .done( parseResp );
			 */
		} );

		function addItem( itm, $cnt ) {
			$cnt.append(
				"<a class='wcls-prod' href='" + itm.url + "'>" +
				(
					itm.img ? "<img src='" + wclsAjax.upload_dir + '/' + itm.img + "'>" : ''
				) +
				itm.title + "</a>"
			);
		}

		parseResp = function ( r ) {
			$r.html( '' );
			if ( typeof r === 'string' ) {
				r = JSON.parse( r );
			}
			if ( r ) {
				lastResponse = r;
				$.each( r, function ( k, e ) {
					if ( 0 !== k.indexOf( '_' ) ) {
						var $cnt = $( '<div><h3>' + k + '</h3></div>' );
						$.each( e, function ( l, itm ) {
							addItem( itm, $cnt )
						} );
					}
					$r.append( $cnt );
				} );
			} else {
				console.log( r )
			}
		}
	}
)( jQuery );