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

feat: Allow addition of custom search box

Browse Source 
- allow passing custom search box class to bind search actions on
- this allows users to inject and get a custom search box running on any page
This commit is contained in:
marination 2021-11-29 13:45:33 +05:30
parent 7bc087ed44
commit f63f250630
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
erpnext/e_commerce/product_ui/search.js
View File

@ -1,7 +1,10 @@
erpnext.ProductSearch = class { erpnext.ProductSearch = class {
constructor() { constructor(opts) {
/* Options: search_box_class (for custom search box) */
$.extend(this, opts);
this.MAX_RECENT_SEARCHES = 4; this.MAX_RECENT_SEARCHES = 4;
this.searchBox = $("#search-box"); this.search_box_class = this.search_box_class || "#search-box"
this.searchBox = $(this.search_box_class);
this.setupSearchDropDown(); this.setupSearchDropDown();
this.bindSearchAction(); this.bindSearchAction();
@ -24,7 +27,7 @@ erpnext.ProductSearch = class {
// If click occurs outside search input/results, hide results. // If click occurs outside search input/results, hide results.
// Click can happen anywhere on the page // Click can happen anywhere on the page
$("body").on("click", (e) => { $("body").on("click", (e) => {
let searchEvent = $(e.target).closest('#search-box').length; let searchEvent = $(e.target).closest(this.search_box_class).length;
let resultsEvent = $(e.target).closest('#search-results-container').length; let resultsEvent = $(e.target).closest('#search-results-container').length;
let isResultHidden = this.search_dropdown.hasClass("hidden"); let isResultHidden = this.search_dropdown.hasClass("hidden");