vbatts/llama.cpp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

SimpleChat:MCUI: Support for new chat sessions

Browse source 
Also a general create button helper.
This commit is contained in:
HanishKVC 2024-05-21 19:56:21 +05:30
parent 2a407192fc
commit 14083d157f
1 changed files with 33 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

41
examples/server/public_simplechat/simplechat.js
View file

@ -180,6 +180,29 @@ function el_children_config_class(elBase, idSelected, classSelected, classUnSele
} }
} }
/**
* Create button and set it up.
* @param {string} id
* @param {(this: HTMLButtonElement, ev: MouseEvent) => any} callback
* @param {string | undefined} name
* @param {string | undefined} innerText
*/
function el_create_button(id, callback, name=undefined, innerText=undefined) {
if (!name) {
name = id;
}
if (!innerText) {
innerText = id;
}
let btn = document.createElement("button");
btn.id = id;
btn.name = name;
btn.innerText = innerText;
btn.addEventListener("click", callback);
return btn;
}
class MultiChatUI { class MultiChatUI {
constructor() { constructor() {
@ -360,14 +383,7 @@ class MultiChatUI {
elDiv.replaceChildren(); elDiv.replaceChildren();
let chatIds = Object.keys(this.simpleChats); let chatIds = Object.keys(this.simpleChats);
for(let cid of chatIds) { for(let cid of chatIds) {
let btn = document.createElement("button"); let btn = el_create_button(cid, (ev)=>{
btn.id = cid;
btn.name = cid;
btn.innerText = cid;
if (cid == this.curChatId) {
btn.className = "session-selected";
}
btn.addEventListener("click", (ev)=>{
let target = /** @type{HTMLButtonElement} */(ev.target); let target = /** @type{HTMLButtonElement} */(ev.target);
console.debug(`DBUG:MCUI:SessionClick:${target.id}`); console.debug(`DBUG:MCUI:SessionClick:${target.id}`);
if (this.elInUser.disabled) { if (this.elInUser.disabled) {
@ -378,8 +394,17 @@ class MultiChatUI {
this.handle_session_switch(target.id); this.handle_session_switch(target.id);
el_children_config_class(elDiv, target.id, "session-selected", ""); el_children_config_class(elDiv, target.id, "session-selected", "");
}); });
if (cid == this.curChatId) {
btn.className = "session-selected";
}
elDiv.appendChild(btn); elDiv.appendChild(btn);
} }
let btnNew = el_create_button("NeW cHaT", (ev)=> {
let chatId = `Chat${chatIds.length}`;
let chatName = prompt("SimpleChat:MCUI:\nEnter id for new chat session", chatId);
this.new_chat_session(chatId, true);
});
elDiv.appendChild(btnNew);
} }
/** /**