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;
}
.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: 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 {boolean} defaultValue
* @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");
div.className = className;
let lbl = document.createElement("label");
lbl.setAttribute("for", id);
lbl.innerText = label;
@ -150,9 +152,11 @@ export function el_create_select(id, options, defaultOption, cb) {
* @param {{ [x: string]: any; }} options
* @param {any} defaultOption
* @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");
div.className = className;
let lbl = document.createElement("label");
lbl.setAttribute("for", id);
lbl.innerText = label;
@ -192,9 +196,11 @@ export function el_create_input(id, type, defaultValue, cb) {
* @param {string} type
* @param {any} defaultValue
* @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");
div.className = className;
let lbl = document.createElement("label");
lbl.setAttribute("for", id);
lbl.innerText = label;