asda2432es

✏️ Editing: searchHistory.js

/* global woodmart_settings */
woodmartThemeModule.$document.on('wdShopPageInit', function () {
	woodmartThemeModule.searchHistory();
});

jQuery.each([
	'frontend/element_ready/wd_search.default'
], function(index, value) {
	woodmartThemeModule.wdElementorAddAction(value, function() {
		woodmartThemeModule.searchHistory();
	});
});

woodmartThemeModule.searchHistory = function() {
	var localStorageName = 'woodmart_search_history';
	var itemsLimit       = woodmart_settings.search_history_items_limit;

if (woodmart_settings.is_multisite) {
		localStorageName += '_' + woodmart_settings.current_blog_id;
	}

var init = function() {
		var forms = document.querySelectorAll('form.searchform');

if (0 === forms.length || 'undefined' === typeof localStorage) {
			return;
		}

forms.forEach(function(form) {
			var input       = form.querySelector('[type="text"]');
			var resultsNode = form.parentNode.querySelector('.wd-search-history');

if (! resultsNode) {
				return;
			}

form.addEventListener('submit', saveSearchHistoryEvent);

input.addEventListener('wdOpenBeforeSearchContent', searchHistoryEvent);

if (isFullScreenForm(form)) {
				renderSearchHistory(form, resultsNode);
			}

resultsNode.addEventListener('mousedown', function(e) {
				e.preventDefault();
			});
		});
	}

var isFullScreenForm = function (form) {
		return form.closest('.wd-search-full-screen') || form.closest('.wd-search-full-screen-2');
	}

var saveSearchHistoryEvent = function (e) {
		var searchInput = e.target.querySelector('[type="text"]');
		
		addToSearchHistory(searchInput.value);
	}

var updateHistoryEvent = function(e) {
		var value = this.textContent;

addToSearchHistory(value);
	}

var searchHistoryEvent = function(e) {
		var input         = this;
		var form          = input.parentNode;
		var resultsNode   = form.parentNode.querySelector('.wd-search-history');

if (! resultsNode) {
			return;
		}

renderSearchHistory(form, resultsNode);
	}

var renderSearchHistory = function (form, resultsNode) {
		var searchHistory = getSearchHistory().reverse();

resultsNode.innerHTML = '';

if (searchHistory.length > 0) {
			var titleItem = createHistoryTitle();
			var ul = document.createElement('ul');

resultsNode.appendChild(titleItem);
			resultsNode.appendChild(ul);

searchHistory.forEach(function(searchQuery) {
				searchQuery  = searchQuery.replaceAll('%20', ' ');

var postType = form.hasAttribute('data-post_type') ? form.getAttribute('data-post_type') : null;
				var baseUrl  = window.location.origin;

if (woodmart_settings.is_multisite && woodmart_settings.home_url.length > 0) {
					baseUrl = woodmart_settings.home_url;
				}

var url = new URL(baseUrl);

url.searchParams.set('s', searchQuery);

if (!postType) {
					postType = form.querySelector('[name="post_type"]') ? form.querySelector('[name="post_type"]').value : null;
				}

if (null !== postType) {
					url.searchParams.set('post_type', postType);
				}

var itemNode = createHistoryItem(searchQuery, url.href);

resultsNode.querySelector('ul').appendChild(itemNode);
			});
		}
	}

var createHistoryTitle = function() {
		var title    = document.createElement('span');
		var clearBtn = document.createElement('span');
		var wrapper  = document.createElement('div');

title.textContent = woodmart_settings.search_history_title;
		title.classList.add('wd-search-title', 'title');
		wrapper.appendChild(title);

clearBtn.classList.add('wd-sh-clear');
		clearBtn.classList.add('wd-role-btn');
		clearBtn.setAttribute('tabindex', '0');
		clearBtn.textContent = woodmart_settings.search_history_clear_all;
		clearBtn.addEventListener('click', clearAllEvent);
		wrapper.appendChild(clearBtn);

wrapper.classList.add('wd-sh-head');

return wrapper;
	}

var createHistoryItem = function( text, href ) {
		var clearBtn = document.createElement('span');
		var linkNode = document.createElement('a');
		var item     = document.createElement('li');

clearBtn.classList.add('wd-sh-clear');
		clearBtn.classList.add('wd-role-btn');
		clearBtn.setAttribute('tabindex', '0');
		clearBtn.addEventListener('click', clearItemEvent);

linkNode.textContent = text;
		linkNode.setAttribute('href', href);
		linkNode.classList.add('wd-sh-link');
		linkNode.addEventListener('click', updateHistoryEvent);

item.appendChild(linkNode);
		item.appendChild(clearBtn);

return item;
	}

var clearAllEvent = function(e) {
		e.preventDefault();

localStorage.removeItem(localStorageName)

this.closest('.wd-search-history').innerHTML = '';
	}

var clearItemEvent = function(e) {
		e.preventDefault();

var searchValue   = this.previousSibling.textContent.replaceAll('%20', ' ');
		var searchHistory = getSearchHistory();

var newSearchHistory = searchHistory.filter(function(item) {
			return item !== searchValue;
		});

localStorage.setItem(localStorageName, JSON.stringify(newSearchHistory));

var listNode = this.closest('ul');

this.closest('li').remove();

if (0 === listNode.childElementCount) {
			listNode.closest('.wd-search-history').innerHTML = '';
		}
	}

var getSearchHistory = function() {
		var data  = localStorage.getItem(localStorageName) ? JSON.parse(localStorage.getItem(localStorageName)) : [];

data = data.filter(function(item) {
			return item !== "" && item !== null && item !== undefined;
		});

// Limit to show items.
		if (itemsLimit > 0 && data.length > itemsLimit) {
			data = data.slice(-itemsLimit);
		}

data = data.map(function(item) {
			return item.replaceAll( '%20', ' ' );
		});

return data;
	}

var addToSearchHistory = function (value) {
		var searchHistory = getSearchHistory();

// Remove duplicate entries (case-insensitive) before adding the new search term.
		searchHistory = searchHistory.filter(function(item) {
			return item.toLowerCase().trim() !== value.toLowerCase().trim();
		});

value = value.replace( '%20', ' ' );

searchHistory.push(value.trim());

localStorage.setItem(localStorageName, JSON.stringify(searchHistory));
	}

init();
}

window.addEventListener('load',function() {
	woodmartThemeModule.searchHistory();
});

Ubuntu

Sid Gifari From Gifari Industries - BD Cyber Security Team