From 564469e4f6ca64fa2edafe2ae7280482676e9be2 Mon Sep 17 00:00:00 2001
From: HanishKVC <hanishkvc@gmail.com>
Date: Fri, 17 May 2024 21:36:30 +0530
Subject: [PATCH] SimpleChat:JS: Messages/Prompt, indicate working to end user

---
 examples/server/public/simplechat.js | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/examples/server/public/simplechat.js b/examples/server/public/simplechat.js
index 87025158b..effc6423b 100644
--- a/examples/server/public/simplechat.js
+++ b/examples/server/public/simplechat.js
@@ -85,15 +85,21 @@ class SimpleChat {
  * @param {HTMLInputElement} inputUser
  * @param {HTMLDivElement} divChat
  * @param {RequestInfo | URL} urlApi
+ * @param {boolean} [bMessages]
  */
-async function handle_submit(inputUser, divChat, urlApi) {
+async function handle_submit(inputUser, divChat, urlApi, bMessages=true) {
     let content = inputUser?.value;
-    console.debug("DBUG:BtnSubmit:Click:", content)
     gChat.add(Roles.User, content);
     gChat.show(divChat);
-    console.log("DBUG:BtnSubmit:Messages:", gChat.request_messages_jsonstr());
-    console.log("DBUG:BtnSubmit:Messages:", gChat.request_prompt_jsonstr());
-    inputUser.value = "";
+    let theBody;
+    if (bMessages) {
+        theBody = gChat.request_messages_jsonstr();
+    } else {
+        theBody = gChat.request_prompt_jsonstr();
+    }
+    inputUser.value = "working...";
+    inputUser.disabled = true;
+    console.debug("DBUG:HandleSubmit:ReqBody:", theBody);
     let resp = await fetch(urlApi, {
         method: "POST",
         headers: {
@@ -101,8 +107,10 @@ async function handle_submit(inputUser, divChat, urlApi) {
         },
         body: gChat.request_messages_jsonstr(),
     });
+    inputUser.value = "";
+    inputUser.disabled = false;
     let respBody = await resp.json();
-    console.log("DBUG:HandleSubmit:Resp:", respBody);
+    console.log("DBUG:HandleSubmit:RespBody:", respBody);
     let assistantMsg = respBody["choices"][0]["message"]["content"];
     gChat.add(Roles.Assistant, assistantMsg);
     gChat.show(divChat);