Server IP : 15.235.198.142 / Your IP : 216.73.216.0 Web Server : Apache/2.4.58 (Ubuntu) System : Linux ballsack 6.8.0-45-generic #45-Ubuntu SMP PREEMPT_DYNAMIC Fri Aug 30 12:02:04 UTC 2024 x86_64 User : www-data ( 33) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/yme/wp-content/themes/oceanwp/assets/src/js/theme/search/ |
Upload File : |
class Search { #elements; mobileOverlayInput; constructor() { this.#setElements(); this.#start(); this.#setupEventListeners(); } #setElements = () => { this.#elements = { forms: document.querySelectorAll("form.header-searchform"), }; }; #start = () => { this.mobileOverlayInput = document.querySelector( ".mobile-search-overlay-input" ); this.#elements.forms.forEach((form) => { if (form.querySelector("input")?.value) { form.classList.add("search-filled"); } }); if (!!this.mobileOverlayInput?.value) { this.mobileOverlayInput.closest("form").classList.add("search-filled"); } }; #setupEventListeners = () => { this.#elements.forms.forEach((form) => { form .querySelector("input") ?.addEventListener("keyup", this.#onInputKeyup); form.querySelector("input")?.addEventListener("blur", this.#onInputKeyup); }); this.mobileOverlayInput?.addEventListener("keyup", this.#onInputKeyup); this.mobileOverlayInput?.addEventListener("blur", this.#onInputKeyup); }; #onInputKeyup = (event) => { const input = event.currentTarget; const form = input.closest("form"); if (input.value) { form.classList.add("search-filled"); } else { form.classList.remove("search-filled"); } }; } export default Search;