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 { fadeIn, fadeOut } from "../../lib/utils"; import SearchBase from "./base"; class OverlaySearch extends SearchBase { #elements; constructor() { super(); if (options.menuSearchStyle !== "overlay") { return; } this.#setElements(); this.#setupEventListeners(); } #setElements = () => { this.#elements = { toggleSearchBtn: document.querySelector("a.search-overlay-toggle"), closeBtn: document.querySelector( "#searchform-overlay a.search-overlay-close" ), form: document.querySelector("#searchform-overlay"), html: document.querySelector("html"), }; }; #setupEventListeners = () => { this.#elements.toggleSearchBtn?.addEventListener( "click", this.#onToggleSearchBtnClick ); this.#elements.closeBtn?.addEventListener("click", this.#onCloseBtnClick); }; #onToggleSearchBtnClick = (event) => { event.preventDefault(); const { form } = this.#elements; form.classList.add("active"); fadeIn(form); this.focus(form, 'input[type="search"]'); setTimeout(() => { this.#elements.html.style.overflow = "hidden"; }, 400); }; #onCloseBtnClick = (event) => { event.preventDefault(); const { form } = this.#elements; form.classList.remove("active"); fadeOut(form); setTimeout(() => { this.#elements.html.style.overflow = "visible"; }, 400); }; } ("use script"); window.oceanwp = window.oceanwp || {}; oceanwp.overlaySearch = new OverlaySearch();