dave/ic10emu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

order fuzy search results correctly

Browse Source 
Signed-off-by: Rachel Powers <508861+Ryex@users.noreply.github.com>
This commit is contained in:
Rachel Powers
2024-04-11 15:02:24 -07:00
parent d63f8dff36
commit 71a6a26355
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
www/src/ts/virtual_machine/device.ts
View File

@@ -496,6 +496,8 @@ export class VMAddDeviceButton extends BaseElement {
private _searchResults: DeviceDBEntry[]; private _searchResults: DeviceDBEntry[];
private filterTimeout: number | undefined;
performSearch() { performSearch() {
if (this.filter) { if (this.filter) {
const datapoints: [string, string][] = []; const datapoints: [string, string][] = [];
@@ -504,9 +506,9 @@ export class VMAddDeviceButton extends BaseElement {
} }
const haystack: string[] = datapoints.map((data) => data[0]); const haystack: string[] = datapoints.map((data) => data[0]);
const uf = new uFuzzy({}); const uf = new uFuzzy({});
const [idxs, _info, _order] = uf.search(haystack, this._filter, 0, 1e3); const [_idxs, info, order] = uf.search(haystack, this._filter, 0, 1e3);
const filtered = idxs?.map((idx) => datapoints[idx]); const filtered = order?.map((infoIdx) => datapoints[info.idx[infoIdx]]);
const names = const names =
filtered filtered
?.map((data) => data[1]) ?.map((data) => data[1])
@@ -579,7 +581,14 @@ export class VMAddDeviceButton extends BaseElement {
_handleSearchInput(e: CustomEvent) { _handleSearchInput(e: CustomEvent) {
console.log("search-input", e); console.log("search-input", e);
this.filter = this.searchInput.value; if (this.filterTimeout) {
clearTimeout(this.filterTimeout);
}
const that = this;
this.filterTimeout = setTimeout(() => {
that.filter = that.searchInput.value;
that.filterTimeout = undefined;
}, 200);
} }
_handleAddButtonClick() { _handleAddButtonClick() {