klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-08 05:39:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add Incremental Search to Khoj Web Interface

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2022-07-28 04:31:24 +04:00
parent d8efcd559f
commit 1da44d4dfe
1 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/interface/web/index.html
View File

@@ -18,16 +18,19 @@
return `<pre id="json">${JSON.stringify(data, null, 2)}</pre>` return `<pre id="json">${JSON.stringify(data, null, 2)}</pre>`
} }
function search() { function search(rerank=false) {
query = document.getElementById("query").value; query = document.getElementById("query").value;
type = document.getElementById("type").value; type = document.getElementById("type").value;
console.log(query, type); console.log(query, type);
fetch(`/search?q=${query}&t=${type}&n=6`) url = type === "image"
? `/search?q=${query}&t=${type}&n=6`
: `/search?q=${query}&t=${type}&n=6&r=${rerank}`;
fetch(url)
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
console.log(data); console.log(data);
document.getElementById("results").innerHTML = document.getElementById("results").innerHTML =
type == "image" type === "image"
? data.map(render_image).join('') ? data.map(render_image).join('')
: render_json(data); : render_json(data);
}); });
@@ -44,9 +47,14 @@
}); });
} }
function search_on_enter(event) { function incremental_search(event) {
if (event.key == 'Enter') { type = document.getElementById("type").value;
search(); if (event.key === 'Enter') {
search(rerank=true);
}
// Limit incremental search to text types
else if (type !== "image") {
search(rerank=false);
} }
} }
</script> </script>
@@ -54,8 +62,8 @@
<body> <body>
<h1>Khoj</h1> <h1>Khoj</h1>
<!--Add Text Box To Enter Query --> <!--Add Text Box To Enter Query, Trigger Incremental Search OnChange -->
<input id="query" type="text" placeholder="Search" onkeydown=search_on_enter(event) autofocus> <input type="text" id="query" onkeyup=incremental_search(event) placeholder="What is the meaning of life?">
<!--Add Dropdown to Select Query Type. <!--Add Dropdown to Select Query Type.
Query Types can be: org, ledger, image, music, markdown. Query Types can be: org, ledger, image, music, markdown.
@@ -68,8 +76,6 @@
<option value="music">Music</option> <option value="music">Music</option>
</select> </select>
<!--Add Button To Search -->
<button id="search" onclick="search()">Search</button>
<!--Add Button To Regenerate --> <!--Add Button To Regenerate -->
<button id="regenerate" onclick="regenerate()">Regenerate</button> <button id="regenerate" onclick="regenerate()">Regenerate</button>