github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

first changes

pull/3186/head
REJack 2020-12-02 08:50:58 +01:00
parent c6926a5eea
commit 63eff3a60f
2 changed files with 18 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
build/js/SiteSearch.js
View File

@ -18,7 +18,6 @@ const JQUERY_NO_CONFLICT = $.fn[NAME]
const SELECTOR_TOGGLE_BUTTON = '[data-widget="site-search"]' const SELECTOR_TOGGLE_BUTTON = '[data-widget="site-search"]'
const SELECTOR_SEARCH_BLOCK = '.site-search-block' const SELECTOR_SEARCH_BLOCK = '.site-search-block'
const SELECTOR_SEARCH_BACKDROP = '.site-search-backdrop'
const SELECTOR_SEARCH_INPUT = '.site-search-block .form-control' const SELECTOR_SEARCH_INPUT = '.site-search-block .form-control'
const CLASS_NAME_OPEN = 'site-search-open' const CLASS_NAME_OPEN = 'site-search-open'
@ -40,16 +39,17 @@ class SiteSearch {
// Public // Public
init() {
// eslint-disable-next-line no-console
console.log(this.element)
}
open() { open() {
$(SELECTOR_SEARCH_BLOCK).slideDown(this.options.transitionSpeed)
$(SELECTOR_SEARCH_BACKDROP).show(0)
$(SELECTOR_SEARCH_INPUT).focus()
$(SELECTOR_SEARCH_BLOCK).addClass(CLASS_NAME_OPEN) $(SELECTOR_SEARCH_BLOCK).addClass(CLASS_NAME_OPEN)
$(SELECTOR_SEARCH_INPUT).focus()
} }
close() { close() {
$(SELECTOR_SEARCH_BLOCK).slideUp(this.options.transitionSpeed)
$(SELECTOR_SEARCH_BACKDROP).hide(0)
$(SELECTOR_SEARCH_BLOCK).removeClass(CLASS_NAME_OPEN) $(SELECTOR_SEARCH_BLOCK).removeClass(CLASS_NAME_OPEN)
} }
@ -96,10 +96,13 @@ $(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
}
$(document).on('click', SELECTOR_SEARCH_BACKDROP, event => { SiteSearch._jQueryInterface.call(button, 'toggle')
const backdrop = $(event.currentTarget)
SiteSearch._jQueryInterface.call(backdrop, 'close')
}) })
/** /**

18
index3.html
View File

@ -40,20 +40,14 @@
</li> </li>
</ul> </ul>
<!-- SEARCH FORM -->
<form class="form-inline ml-3">
<div class="input-group input-group-sm">
<input class="form-control form-control-navbar" type="search" placeholder="Search" aria-label="Search">
<div class="input-group-append">
<button class="btn btn-navbar" type="submit">
<i class="fas fa-search"></i>
</button>
</div>
</div>
</form>
<!-- Right navbar links --> <!-- Right navbar links -->
<ul class="navbar-nav ml-auto"> <ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" data-widget="site-search" href="#" role="button">
<i class="fas fa-search"></i>
</a>
</li>
<!-- Messages Dropdown Menu --> <!-- Messages Dropdown Menu -->
<li class="nav-item dropdown"> <li class="nav-item dropdown">
<a class="nav-link" data-toggle="dropdown" href="#"> <a class="nav-link" data-toggle="dropdown" href="#">