add fuzzy search

This commit is contained in:
joshuaboud 2021-07-19 14:49:08 -03:00
parent 37b3a6c756
commit f94dbdfed1
No known key found for this signature in database
GPG Key ID: 17EFB59E2A8BF50E
2 changed files with 7 additions and 2 deletions

View File

@ -833,8 +833,13 @@ export class NavWindow {
search_filter(event) {
var search_name = event.target.value;
let search_func;
if (search_name[0] === '*')
search_func = (entry) => entry.filename.toLowerCase().includes(search_name.slice(1).toLowerCase());
else
search_func = (entry) => entry.filename.toLowerCase().startsWith(search_name.toLowerCase());
this.entries.forEach((entry) => {
if (entry.filename.toLowerCase().startsWith(search_name.toLowerCase()))
if (search_func(entry))
entry.show();
else
entry.hide();

View File

@ -55,7 +55,7 @@
</select>
</datalist>
<div class="horizontal-spacer"></div>
<input type="text" autocomplete="off" class="search-bar" id="search-bar" title="Search in Directory" placeholder="Search in Directory"></input>
<input type="text" autocomplete="off" class="search-bar" id="search-bar" title="Prepend * to fuzzy search" placeholder="Search in Directory"></input>
<i class="fas fa-search"></i>
<div class="horizontal-spacer"></div>
<div class="nav-btn-group">