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

SimpleChat:UI+: Return div and element wrt creatediv helpers

Browse source 
use it to set placeholder wrt Authorization header.

Also fix copy-paste oversight.
This commit is contained in:
HanishKVC 2024-05-29 20:44:31 +05:30
parent af342b3bd0
commit 7a0399e582
2 changed files with 15 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -755,42 +755,43 @@ class Me {
let inp = ui.el_creatediv_input("SetBaseURL", "BaseURL", "text", this.baseURL, (val)=>{ let inp = ui.el_creatediv_input("SetBaseURL", "BaseURL", "text", this.baseURL, (val)=>{
this.baseURL = val; this.baseURL = val;
}); });
elDiv.appendChild(inp); elDiv.appendChild(inp.div);
inp = ui.el_creatediv_input("SetAuthorization", "Authorization", "text", this.headers["Authorization"], (val)=>{ inp = ui.el_creatediv_input("SetAuthorization", "Authorization", "text", this.headers["Authorization"], (val)=>{
this.headers["Authorization"] = val; this.headers["Authorization"] = val;
}); });
elDiv.appendChild(inp); inp.el.placeholder = "Bearer OPENAI_API_KEY";
elDiv.appendChild(inp.div);
let bb = ui.el_creatediv_boolbutton("SetStream", "Stream", {true: "[+] yes stream", false: "[-] do oneshot"}, this.bStream, (val)=>{ let bb = ui.el_creatediv_boolbutton("SetStream", "Stream", {true: "[+] yes stream", false: "[-] do oneshot"}, this.bStream, (val)=>{
this.bStream = val; this.bStream = val;
}); });
elDiv.appendChild(bb); elDiv.appendChild(bb.div);
bb = ui.el_creatediv_boolbutton("SetCompletionFreshChatAlways", "CompletionFreshChatAlways", {true: "[+] yes fresh", false: "[-] no, with history"}, this.bCompletionFreshChatAlways, (val)=>{ bb = ui.el_creatediv_boolbutton("SetCompletionFreshChatAlways", "CompletionFreshChatAlways", {true: "[+] yes fresh", false: "[-] no, with history"}, this.bCompletionFreshChatAlways, (val)=>{
this.bCompletionFreshChatAlways = val; this.bCompletionFreshChatAlways = val;
}); });
elDiv.appendChild(bb); elDiv.appendChild(bb.div);
bb = ui.el_creatediv_boolbutton("SetCompletionInsertStandardRolePrefix", "CompletionInsertStandardRolePrefix", {true: "[+] yes insert", false: "[-] dont insert"}, this.bCompletionInsertStandardRolePrefix, (val)=>{ bb = ui.el_creatediv_boolbutton("SetCompletionInsertStandardRolePrefix", "CompletionInsertStandardRolePrefix", {true: "[+] yes insert", false: "[-] dont insert"}, this.bCompletionInsertStandardRolePrefix, (val)=>{
this.bCompletionInsertStandardRolePrefix = val; this.bCompletionInsertStandardRolePrefix = val;
}); });
elDiv.appendChild(bb); elDiv.appendChild(bb.div);
bb = ui.el_creatediv_boolbutton("SetTrimGarbage", "TrimGarbage", {true: "[+] yes trim", false: "[-] dont trim"}, this.bTrimGarbage, (val)=>{ bb = ui.el_creatediv_boolbutton("SetTrimGarbage", "TrimGarbage", {true: "[+] yes trim", false: "[-] dont trim"}, this.bTrimGarbage, (val)=>{
this.bTrimGarbage = val; this.bTrimGarbage = val;
}); });
elDiv.appendChild(bb); elDiv.appendChild(bb.div);
let sel = ui.el_creatediv_select("SetChatHistoryInCtxt", "ChatHistoryInCtxt", this.sRecentUserMsgCnt, this.iRecentUserMsgCnt, (val)=>{ let sel = ui.el_creatediv_select("SetChatHistoryInCtxt", "ChatHistoryInCtxt", this.sRecentUserMsgCnt, this.iRecentUserMsgCnt, (val)=>{
this.iRecentUserMsgCnt = this.sRecentUserMsgCnt[val]; this.iRecentUserMsgCnt = this.sRecentUserMsgCnt[val];
}); });
elDiv.appendChild(sel); elDiv.appendChild(sel.div);
sel = ui.el_creatediv_select("SetApiEP", "ApiEndPoint", ApiEP.Type, this.apiEP, (val)=>{ sel = ui.el_creatediv_select("SetApiEP", "ApiEndPoint", ApiEP.Type, this.apiEP, (val)=>{
this.apiEP = ApiEP.Type[val]; this.apiEP = ApiEP.Type[val];
}); });
elDiv.appendChild(sel); elDiv.appendChild(sel.div);
} }

12
examples/server/public_simplechat/ui.mjs
View file

@ -100,9 +100,9 @@ export function el_creatediv_boolbutton(id, label, texts, defaultValue, cb) {
lbl.setAttribute("for", id); lbl.setAttribute("for", id);
lbl.innerText = label; lbl.innerText = label;
div.appendChild(lbl); div.appendChild(lbl);
let sel = el_create_boolbutton(id, texts, defaultValue, cb); let btn = el_create_boolbutton(id, texts, defaultValue, cb);
div.appendChild(sel); div.appendChild(btn);
return div; return { div: div, el: btn };
} }
@ -159,7 +159,7 @@ export function el_creatediv_select(id, label, options, defaultOption, cb) {
div.appendChild(lbl); div.appendChild(lbl);
let sel = el_create_select(id, options,defaultOption, cb); let sel = el_create_select(id, options,defaultOption, cb);
div.appendChild(sel); div.appendChild(sel);
return div; return { div: div, el: sel };
} }
@ -185,7 +185,7 @@ export function el_create_input(id, type, defaultValue, cb) {
} }
/** /**
* Create a div wrapped button which represents bool value using specified text wrt true and false. * Create a div wrapped input.
* *
* @param {string} id * @param {string} id
* @param {string} label * @param {string} label
@ -201,5 +201,5 @@ export function el_creatediv_input(id, label, type, defaultValue, cb) {
div.appendChild(lbl); div.appendChild(lbl);
let el = el_create_input(id, type, defaultValue, cb); let el = el_create_input(id, type, defaultValue, cb);
div.appendChild(el); div.appendChild(el);
return div; return { div: div, el: el };
} }