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

SimpleChat:UI: Add input element helper

Browse source
This commit is contained in:
HanishKVC 2024-05-29 19:49:13 +05:30
parent 104848b097
commit ebf978d2bf
1 changed files with 42 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -161,3 +161,45 @@ export function el_creatediv_select(id, label, options, defaultOption, cb) {
div.appendChild(sel);
return div;
}
/**
* Create a input ui element.
*
* @param {string} id
* @param {string} type
* @param {any} defaultValue
* @param {function(any):void} cb
*/
export function el_create_input(id, type, defaultValue, cb) {
let el = document.createElement("input");
el.type = type;
el.value = defaultValue;
if (id) {
el.id = id;
}
el.addEventListener('change', (ev)=>{
cb(el.value);
})
return el;
}
/**
* Create a div wrapped button which represents bool value using specified text wrt true and false.
*
* @param {string} id
* @param {string} label
* @param {string} type
* @param {any} defaultValue
* @param {function(any):void} cb
*/
export function el_creatediv_input(id, label, type, defaultValue, cb) {
let div = document.createElement("div");
let lbl = document.createElement("label");
lbl.setAttribute("for", id);
lbl.innerText = label;
div.appendChild(lbl);
let el = el_create_input(id, type, defaultValue, cb);
div.appendChild(el);
return div;
}