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

Add a connected notification if the websocket is connected

Browse Source
This commit is contained in:
sabaimran
2024-03-20 20:53:28 +05:30
parent 255b69dc58
commit 6ba0d8e379
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/khoj/interface/web/chat.html
View File

@@ -929,14 +929,19 @@ To get started, just start typing below. You can also type / to see a list of co
};
websocket.onclose = function(event) {
websocket = null;
console.log("WebSocket is closed now.")
console.log("WebSocket is closed now.");
let greenDot = document.getElementById("connected-green-dot");
greenDot.style.display = "none";
}
websocket.onerror = function(event) {
console.log("WebSocket error observed:", event)
console.log("WebSocket error observed:", event);
}
websocket.onopen = function(event) {
console.log("WebSocket is open now.")
let greenDot = document.getElementById("connected-green-dot");
greenDot.style.display = "flex";
}
}
@@ -1514,6 +1519,10 @@ To get started, just start typing below. You can also type / to see a list of co
<div id="side-panel-wrapper">
<div id="side-panel">
<div id="new-conversation">
<div id="connected-green-dot" style="display: none; align-items: center; margin-bottom: 10px;">
<div style="width: 10px; height: 10px; background-color: green; border-radius: 50%; margin-right: 5px;"></div>
<div>Connected</div>
</div>
<button class="side-panel-button" id="new-conversation-button" onclick="createNewConversation()">
New Topic
<svg class="new-convo-button" viewBox="0 0 35 35" fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">