sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2025-02-17 08:04:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix loading spinner visibility by using contrasting background color

Browse source 
Fix code formating of Khoj chat view in Obsidian
This commit is contained in:
Debanjum Singh Solanky 2024-05-29 08:18:56 +05:30
parent b27f59b12b
commit 275d4877a6
2 changed files with 9 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/interface/obsidian/src/chat_view.ts
View file

@ -280,7 +280,7 @@ export class KhojChatView extends KhojPaneView {
return referenceButton;
}
formatHTMLMessage(message: string, raw=false, willReplace=true) {
formatHTMLMessage(message: string, raw = false, willReplace = true) {
let rendered_msg = message;
// Replace LaTeX delimiters with placeholders
@ -373,7 +373,7 @@ export class KhojChatView extends KhojPaneView {
return imageMarkdown;
}
renderMessage(chatBodyEl: Element, message: string, sender: string, dt?: Date, raw: boolean=false, willReplace: boolean=true): Element {
renderMessage(chatBodyEl: Element, message: string, sender: string, dt?: Date, raw: boolean = false, willReplace: boolean = true): Element {
let message_time = this.formatDate(dt ?? new Date());
let emojified_sender = sender == "khoj" ? "🏮 Khoj" : "🤔 You";
@ -570,7 +570,7 @@ export class KhojChatView extends KhojPaneView {
let newTitle = editConversationTitleInputEl.value;
if (newTitle != null) {
let editURL = `/api/chat/title?client=web&conversation_id=${incomingConversationId}&title=${newTitle}`;
fetch(`${this.setting.khojUrl}${editURL}` , { method: "PATCH", headers })
fetch(`${this.setting.khojUrl}${editURL}`, { method: "PATCH", headers })
.then(response => response.ok ? response.json() : Promise.reject(response))
.then(data => {
conversationSessionEl.textContent = newTitle;
@ -578,8 +578,9 @@ export class KhojChatView extends KhojPaneView {
.catch(err => {
return;
});
editConversationTitleInputBoxEl.remove();
}});
editConversationTitleInputBoxEl.remove();
}
});
editConversationTitleInputBoxEl.appendChild(editConversationTitleSaveButtonEl);
conversationMenuEl.appendChild(editConversationTitleInputBoxEl);
});
@ -596,7 +597,7 @@ export class KhojChatView extends KhojPaneView {
let confirmation = confirm('Are you sure you want to delete this chat session?');
if (!confirmation) return;
let deleteURL = `/api/chat/history?client=obsidian&conversation_id=${incomingConversationId}`;
fetch(`${this.setting.khojUrl}${deleteURL}` , { method: "DELETE", headers })
fetch(`${this.setting.khojUrl}${deleteURL}`, { method: "DELETE", headers })
.then(response => response.ok ? response.json() : Promise.reject(response))
.then(data => {
chatBodyEl.innerHTML = "";
@ -997,7 +998,7 @@ export class KhojChatView extends KhojPaneView {
return loadingEllipsis;
}
handleStreamResponse(newResponseElement: HTMLElement | null, rawResponse: string, loadingEllipsis: HTMLElement | null, replace=true) {
handleStreamResponse(newResponseElement: HTMLElement | null, rawResponse: string, loadingEllipsis: HTMLElement | null, replace = true) {
if (!newResponseElement) return;
if (newResponseElement.getElementsByClassName("lds-ellipsis").length > 0 && loadingEllipsis) {
newResponseElement.removeChild(loadingEllipsis);

2
src/interface/obsidian/styles.css
View file

@ -555,7 +555,7 @@ img.copy-icon {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--main-text-color);
background: var(--color-base-70);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {