diff --git a/src/routes/model/+page.svelte b/src/routes/model/+page.svelte index 90dd3e0c1a8bab645fd35c53c0f0e08e614844fa..93e32ed2848b3b67e49928ab55eaa014cbe5ce1f 100644 --- a/src/routes/model/+page.svelte +++ b/src/routes/model/+page.svelte @@ -124,6 +124,7 @@ groups=data2["groups"] console.log(data2) }) + async function loadModel(){ const res = await fetch("http://127.0.0.1:8000/convergence"); const data = await res.json(); @@ -135,8 +136,8 @@ changed=changed; saveAlert = false; saveAlert = saveAlert; - } + async function startModel(){ const res = fetch("http://127.0.0.1:8000/start/convergenceLoop") } @@ -167,9 +168,10 @@ } function generateHTML(json: object){ Object.entries(json).forEach(([key, value]) =>{ + let string = key.replaceAll("_"," ") if(value.hasOwnProperty("value")){ if(value.description&&value.description.includes("Switch")){ - modalModule.html.push(new SettingsSwitch(key,value.description,value)) + modalModule.html.push(new SettingsSwitch(string,value.description,value)) }else if(value.description&&value.description.includes("Selector")){ let options = []; for (let i= 0; i<4;i++){ @@ -177,14 +179,14 @@ options.push("mode_"+i) } } - modalModule.html.push(new SettingsSelector(key,value.description,value,options)) + modalModule.html.push(new SettingsSelector(string,value.description,value,options)) }else if(value.hasOwnProperty("unit")){ - modalModule.html.push((new SettingsNumberfield(key,value.description,value,value.unit))) + modalModule.html.push((new SettingsNumberfield(string,value.description,value,value.unit))) }else{ - modalModule.html.push(new SettingsTextfield(key,value.description,key,key)) + modalModule.html.push(new SettingsTextfield(string,value.description,value,key)) } }else if(typeof value ==="object"){ - modalModule.html.push(new SettingsLabel(key)) + modalModule.html.push(new SettingsLabel(string)) generateHTML(json[key]) }else{ return; @@ -342,7 +344,7 @@ </Tooltip> {:else if element.type=="textfield"} <h7>{element.label}</h7> - <Input id={element.label} type="text"/> + <Input id={element.label} type="text" bind:value={element.bind.value}/> <Tooltip target={element.label} placement="left"> {element.description} </Tooltip>