mirror of https://github.com/ColorlibHQ/AdminLTE
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.5 KiB
122 lines
2.5 KiB
/**
|
|
* --------------------------------------------
|
|
* AdminLTE SiteSearch.js
|
|
* License MIT
|
|
* --------------------------------------------
|
|
*/
|
|
|
|
import $ from 'jquery'
|
|
|
|
/**
|
|
* Constants
|
|
* ====================================================
|
|
*/
|
|
|
|
const NAME = 'SiteSearch'
|
|
const DATA_KEY = 'lte.site-search'
|
|
const JQUERY_NO_CONFLICT = $.fn[NAME]
|
|
|
|
const Selector = {
|
|
TOGGLE_BUTTON: '[data-widget="site-search"]',
|
|
SEARCH_BLOCK: '.site-search-block',
|
|
SEARCH_BACKDROP: '.site-search-backdrop',
|
|
SEARCH_INPUT: '.site-search-block .form-control'
|
|
}
|
|
|
|
const ClassName = {
|
|
OPEN: 'site-search-open'
|
|
}
|
|
|
|
const Default = {
|
|
transitionSpeed: 300
|
|
}
|
|
|
|
/**
|
|
* Class Definition
|
|
* ====================================================
|
|
*/
|
|
|
|
class SiteSearch {
|
|
constructor(_element, _options) {
|
|
this.element = _element
|
|
this.options = $.extend({}, Default, _options)
|
|
}
|
|
|
|
// Public
|
|
|
|
open() {
|
|
$(Selector.SEARCH_BLOCK).slideDown(this.options.transitionSpeed)
|
|
$(Selector.SEARCH_BACKDROP).show(0)
|
|
$(Selector.SEARCH_INPUT).focus()
|
|
$(Selector.SEARCH_BLOCK).addClass(ClassName.OPEN)
|
|
}
|
|
|
|
close() {
|
|
$(Selector.SEARCH_BLOCK).slideUp(this.options.transitionSpeed)
|
|
$(Selector.SEARCH_BACKDROP).hide(0)
|
|
$(Selector.SEARCH_BLOCK).removeClass(ClassName.OPEN)
|
|
}
|
|
|
|
toggle() {
|
|
if ($(Selector.SEARCH_BLOCK).hasClass(ClassName.OPEN)) {
|
|
this.close()
|
|
} else {
|
|
this.open()
|
|
}
|
|
}
|
|
|
|
// Static
|
|
|
|
static _jQueryInterface(options) {
|
|
return this.each(function () {
|
|
let data = $(this).data(DATA_KEY)
|
|
|
|
if (!data) {
|
|
data = new SiteSearch(this, options)
|
|
$(this).data(DATA_KEY, data)
|
|
}
|
|
|
|
if (!/toggle|close/.test(options)) {
|
|
throw new Error(`Undefined method ${options}`)
|
|
}
|
|
|
|
data[options]()
|
|
})
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Data API
|
|
* ====================================================
|
|
*/
|
|
$(document).on('click', Selector.TOGGLE_BUTTON, event => {
|
|
event.preventDefault()
|
|
|
|
let button = $(event.currentTarget)
|
|
|
|
if (button.data('widget') !== 'site-search') {
|
|
button = button.closest(Selector.TOGGLE_BUTTON)
|
|
}
|
|
|
|
SiteSearch._jQueryInterface.call(button, 'toggle')
|
|
})
|
|
|
|
$(document).on('click', Selector.SEARCH_BACKDROP, event => {
|
|
const backdrop = $(event.currentTarget)
|
|
SiteSearch._jQueryInterface.call(backdrop, 'close')
|
|
})
|
|
|
|
/**
|
|
* jQuery API
|
|
* ====================================================
|
|
*/
|
|
|
|
$.fn[NAME] = SiteSearch._jQueryInterface
|
|
$.fn[NAME].Constructor = SiteSearch
|
|
$.fn[NAME].noConflict = function () {
|
|
$.fn[NAME] = JQUERY_NO_CONFLICT
|
|
return SiteSearch._jQueryInterface
|
|
}
|
|
|
|
export default SiteSearch
|