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

Toggle chat session view on clicking the Obsidian chat sessions button

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-05-30 13:47:26 +05:30
parent 275d4877a6
commit 2d010db83f
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/interface/obsidian/src/chat_view.ts
View File

@@ -91,7 +91,7 @@ export class KhojChatView extends KhojPaneView {
class: "khoj-input-row-button clickable-icon", class: "khoj-input-row-button clickable-icon",
}, },
}) })
chatSessions.addEventListener('click', async (_) => { await this.showChatSessions(chatBodyEl) }); chatSessions.addEventListener('click', async (_) => { await this.toggleChatSessions(chatBodyEl) });
setIcon(chatSessions, "history"); setIcon(chatSessions, "history");
let chatInput = inputRow.createEl("textarea", { let chatInput = inputRow.createEl("textarea", {
@@ -468,7 +468,11 @@ export class KhojChatView extends KhojPaneView {
this.renderMessage(chatBodyEl, "Hey 👋🏾, what's up?", "khoj"); this.renderMessage(chatBodyEl, "Hey 👋🏾, what's up?", "khoj");
} }
async showChatSessions(chatBodyEl: HTMLElement): Promise<boolean> { async toggleChatSessions(chatBodyEl: HTMLElement): Promise<boolean> {
if (this.contentEl.getElementsByClassName("side-panel")?.length > 0) {
chatBodyEl.innerHTML = "";
return this.getChatHistory(chatBodyEl);
}
chatBodyEl.innerHTML = ""; chatBodyEl.innerHTML = "";
const sidePanelEl = this.contentEl.createDiv("side-panel"); const sidePanelEl = this.contentEl.createDiv("side-panel");
const newConversationEl = sidePanelEl.createDiv("new-conversation"); const newConversationEl = sidePanelEl.createDiv("new-conversation");

1
src/interface/obsidian/styles.css
View File

@@ -24,6 +24,7 @@ If your plugin does not need CSS, delete this file.
.khoj-chat { .khoj-chat {
display: grid; display: grid;
grid-template-rows: auto 1fr auto;
background: var(--background-primary); background: var(--background-primary);
color: var(--text-normal); color: var(--text-normal);
text-align: center; text-align: center;