From b771e42dc13f6ef355c8f7b2cde160e2330fd9c6 Mon Sep 17 00:00:00 2001
From: hanishkvc <hanishkvc@gmail.com>
Date: Mon, 20 Oct 2025 13:58:27 +0530
Subject: [PATCH] SimpleChatTC:UI:Common helper to edit obj members of few
 types

Make the previously relatively generic flow wrt apiRequestOptions
settings into a fully generic reusable by others flow.

Rather had stopped short of it, when previously moved onto other
things at that time.
---
 tools/server/public_simplechat/simplechat.js |  2 +-
 tools/server/public_simplechat/ui.mjs        | 39 ++++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/tools/server/public_simplechat/simplechat.js b/tools/server/public_simplechat/simplechat.js
index 893c91d68f..073d95f89b 100644
--- a/tools/server/public_simplechat/simplechat.js
+++ b/tools/server/public_simplechat/simplechat.js
@@ -1174,7 +1174,7 @@ class Me {
         });
         elDiv.appendChild(bb.div);
 
-        this.show_settings_apirequestoptions(elDiv);
+        ui.ui_show_obj_props_edit(elDiv, this.apiRequestOptions, Object.keys(this.apiRequestOptions), "ApiRequestOptions")
 
         let sel = ui.el_creatediv_select("SetApiEP", "ApiEndPoint", ApiEP.Type, this.apiEP, (val)=>{
             // @ts-ignore
diff --git a/tools/server/public_simplechat/ui.mjs b/tools/server/public_simplechat/ui.mjs
index eb0ce88875..dcf1fba66d 100644
--- a/tools/server/public_simplechat/ui.mjs
+++ b/tools/server/public_simplechat/ui.mjs
@@ -230,3 +230,42 @@ export function el_creatediv_input(id, label, type, defaultValue, cb, className=
     div.appendChild(el);
     return { div: div, el: el };
 }
+
+
+/**
+ * Auto create ui input elements for fields in apiRequestOptions
+ * Currently supports text and number field types.
+ * @param {HTMLDivElement} elDiv
+ * @param {any} oObj
+ * @param {Array<string>} lProps
+ * @param {string} sLegend
+ */
+export function ui_show_obj_props_edit(elDiv, oObj, lProps, sLegend) {
+    let typeDict = {
+        "string": "text",
+        "number": "number",
+    };
+    let fs = document.createElement("fieldset");
+    let legend = document.createElement("legend");
+    legend.innerText = sLegend;
+    fs.appendChild(legend);
+    elDiv.appendChild(fs);
+    for(const k in lProps) {
+        let val = oObj[k];
+        let type = typeof(val);
+        if (((type == "string") || (type == "number"))) {
+            let inp = el_creatediv_input(`Set${k}`, k, typeDict[type], oObj[k], (val)=>{
+                if (type == "number") {
+                    val = Number(val);
+                }
+                oObj[k] = val;
+            });
+            fs.appendChild(inp.div);
+        } else if (type == "boolean") {
+            let bbtn = el_creatediv_boolbutton(`Set{k}`, k, {true: "true", false: "false"}, val, (userVal)=>{
+                oObj[k] = userVal;
+            });
+            fs.appendChild(bbtn.div);
+        }
+    }
+}