Shiloh/brotherton-erpnext
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: Search UI open/close and Empty product search results

Browse Source
This commit is contained in:
marination 2021-06-02 18:32:35 +05:30
parent ea30ce4c51
commit 0c73f688e9
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
erpnext/e_commerce/product_search.js
View File

@ -18,14 +18,24 @@ erpnext.ProductSearch = class {
bindSearchAction() { bindSearchAction() {
let me = this; let me = this;
// Show Search dropdown
this.searchBox.on("focus", () => { this.searchBox.on("focus", () => {
this.search_dropdown.removeClass("hidden"); this.search_dropdown.removeClass("hidden");
}); });
this.searchBox.on("focusout", () => { // If click occurs outside search input/results, hide results.
this.search_dropdown.addClass("hidden"); // Click can happen anywhere on the page
$("body").on("click", (e) => {
let searchEvent = $(e.target).closest('#search-box').length;
let resultsEvent = $(e.target).closest('#search-results-container').length;
let isResultHidden = this.search_dropdown.hasClass("hidden");
if (!searchEvent && !resultsEvent && !isResultHidden) {
this.search_dropdown.addClass("hidden");
}
}); });
// Process search input
this.searchBox.on("input", (e) => { this.searchBox.on("input", (e) => {
let query = e.target.value; let query = e.target.value;
@ -178,7 +188,12 @@ erpnext.ProductSearch = class {
populateResults(data) { populateResults(data) {
if (data.message.results.length === 0) { if (data.message.results.length === 0) {
this.products_container.html('No results'); let empty_html = `
<div class="mt-6 w-100 text-muted" style="font-weight: 400; text-align: center;">
${ __('No results') }
</div>
`;
this.products_container.html(empty_html);
return; return;
} }