klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-07 21:29:13 +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.onclose = function(event) {
websocket = null; 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) { websocket.onerror = function(event) {
console.log("WebSocket error observed:", event) console.log("WebSocket error observed:", event);
} }
websocket.onopen = function(event) { websocket.onopen = function(event) {
console.log("WebSocket is open now.") 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-wrapper">
<div id="side-panel"> <div id="side-panel">
<div id="new-conversation"> <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()"> <button class="side-panel-button" id="new-conversation-button" onclick="createNewConversation()">
New Topic 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"> <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">