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

SimpleChat:UI: CreateDiv Divs map to GridX2 class

Browse source 
This allows the settings ui to be cleaner structured.
This commit is contained in:
HanishKVC 2024-05-30 09:41:43 +05:30
parent ec79b8d350
commit 803ee72b00
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

8
examples/server/public_simplechat/simplechat.css
View file

@ -25,6 +25,14 @@
background-color: lightpink; background-color: lightpink;
} }
.gridx2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
border-bottom-style: dotted;
border-bottom-width: thin;
border-bottom-color: lightblue;
}
.flex-grow { .flex-grow {
flex-grow: 1; flex-grow: 1;
} }

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

@ -93,9 +93,11 @@ export function el_create_boolbutton(id, texts, defaultValue, cb) {
* @param {{ true: string; false: string; }} texts * @param {{ true: string; false: string; }} texts
* @param {boolean} defaultValue * @param {boolean} defaultValue
* @param {(arg0: boolean) => void} cb * @param {(arg0: boolean) => void} cb
* @param {string} className
*/ */
export function el_creatediv_boolbutton(id, label, texts, defaultValue, cb) { export function el_creatediv_boolbutton(id, label, texts, defaultValue, cb, className="gridx2") {
let div = document.createElement("div"); let div = document.createElement("div");
div.className = className;
let lbl = document.createElement("label"); let lbl = document.createElement("label");
lbl.setAttribute("for", id); lbl.setAttribute("for", id);
lbl.innerText = label; lbl.innerText = label;
@ -150,9 +152,11 @@ export function el_create_select(id, options, defaultOption, cb) {
* @param {{ [x: string]: any; }} options * @param {{ [x: string]: any; }} options
* @param {any} defaultOption * @param {any} defaultOption
* @param {(arg0: string) => void} cb * @param {(arg0: string) => void} cb
* @param {string} className
*/ */
export function el_creatediv_select(id, label, options, defaultOption, cb) { export function el_creatediv_select(id, label, options, defaultOption, cb, className="gridx2") {
let div = document.createElement("div"); let div = document.createElement("div");
div.className = className;
let lbl = document.createElement("label"); let lbl = document.createElement("label");
lbl.setAttribute("for", id); lbl.setAttribute("for", id);
lbl.innerText = label; lbl.innerText = label;
@ -192,9 +196,11 @@ export function el_create_input(id, type, defaultValue, cb) {
* @param {string} type * @param {string} type
* @param {any} defaultValue * @param {any} defaultValue
* @param {function(any):void} cb * @param {function(any):void} cb
* @param {string} className
*/ */
export function el_creatediv_input(id, label, type, defaultValue, cb) { export function el_creatediv_input(id, label, type, defaultValue, cb, className="gridx2") {
let div = document.createElement("div"); let div = document.createElement("div");
div.className = className;
let lbl = document.createElement("label"); let lbl = document.createElement("label");
lbl.setAttribute("for", id); lbl.setAttribute("for", id);
lbl.innerText = label; lbl.innerText = label;