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 : |
import { options } from "../../constants"; import SearchBase from "./base"; class DropDownSearch extends SearchBase { #elements; constructor() { super(); if (options.menuSearchStyle !== "drop_down") { return; } this.#setElements(); this.#setupEventListeners(); } #setElements = () => { this.#elements = { toggleSearchBtn: document.querySelector("a.search-dropdown-toggle"), form: document.querySelector("#searchform-dropdown"), }; }; #setupEventListeners = () => { this.#elements.toggleSearchBtn?.addEventListener( "click", this.#onToggleSearchBtnClick ); document.addEventListener("click", this.#onDocumentClick); }; #onToggleSearchBtnClick = (event) => { event.preventDefault(); event.stopPropagation(); const { toggleSearchBtn, form } = this.#elements; toggleSearchBtn.parentNode.classList.toggle("active"); form.classList.toggle("show"); this.focus(form, "input.field"); }; #onDocumentClick = (event) => { // Collaps search form if (!event.target.closest("#searchform-dropdown.show")) { this.#elements.form?.classList.remove("show"); this.#elements.toggleSearchBtn?.parentNode?.classList.remove("active"); } }; } ("use script"); window.oceanwp = window.oceanwp || {}; oceanwp.dropDownSearch = new DropDownSearch();