replace underscore in labels

bind textfieldvalue

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>