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.
127 lines
2.9 KiB
127 lines
2.9 KiB
/** |
|
* -------------------------------------------- |
|
* AdminLTE SiteSearch.js |
|
* License MIT |
|
* -------------------------------------------- |
|
*/ |
|
|
|
const SiteSearch = (($) => { |
|
/** |
|
* Constants |
|
* ==================================================== |
|
*/ |
|
|
|
const NAME = 'SiteSearch' |
|
const DATA_KEY = 'lte.site-search' |
|
const EVENT_KEY = `.${DATA_KEY}` |
|
const JQUERY_NO_CONFLICT = $.fn[NAME] |
|
|
|
const Event = {} |
|
|
|
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 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 |
|
} |
|
|
|
return SiteSearch |
|
})(jQuery) |
|
|
|
export default SiteSearch
|
|
|