update SiteSearch.js

pull/3186/head
REJack 2020-12-02 09:24:43 +01:00
parent ede87c4e6c
commit 700e5a0784
1 changed files with 10 additions and 19 deletions

View File

@ -23,7 +23,7 @@ const SELECTOR_SEARCH_INPUT = '.site-search-block .form-control'
const CLASS_NAME_OPEN = 'site-search-open' const CLASS_NAME_OPEN = 'site-search-open'
const Default = { const Default = {
transitionSpeed: 300 resetOnClose: true
} }
/** /**
@ -33,24 +33,23 @@ const Default = {
class SiteSearch { class SiteSearch {
constructor(_element, _options) { constructor(_element, _options) {
this.element = _element this._element = _element
this.options = $.extend({}, Default, _options) this._config = $.extend({}, Default, _options)
} }
// Public // Public
init() {
// eslint-disable-next-line no-console
console.log(this.element)
}
open() { open() {
$(SELECTOR_SEARCH_BLOCK).addClass(CLASS_NAME_OPEN) $(SELECTOR_SEARCH_BLOCK).css('display', 'flex').hide().fadeIn().addClass(CLASS_NAME_OPEN)
$(SELECTOR_SEARCH_INPUT).focus() $(SELECTOR_SEARCH_INPUT).focus()
} }
close() { close() {
$(SELECTOR_SEARCH_BLOCK).removeClass(CLASS_NAME_OPEN) $(SELECTOR_SEARCH_BLOCK).fadeOut().removeClass(CLASS_NAME_OPEN)
if (this._config.resetOnClose) {
$(SELECTOR_SEARCH_INPUT).val('')
}
} }
toggle() { toggle() {
@ -72,7 +71,7 @@ class SiteSearch {
$(this).data(DATA_KEY, data) $(this).data(DATA_KEY, data)
} }
if (!/toggle|close/.test(options)) { if (!/toggle|close|open/.test(options)) {
throw new Error(`Undefined method ${options}`) throw new Error(`Undefined method ${options}`)
} }
@ -96,14 +95,6 @@ $(document).on('click', SELECTOR_TOGGLE_BUTTON, event => {
SiteSearch._jQueryInterface.call(button, 'toggle') SiteSearch._jQueryInterface.call(button, 'toggle')
}) })
$(document).on('ready', () => {
const button = $(SELECTOR_TOGGLE_BUTTON)
if (button.length == 0) {
return
}
SiteSearch._jQueryInterface.call(button, 'toggle')
})
/** /**
* jQuery API * jQuery API