Updated

index.html

@@ -17,12 +17,12 @@
                     <h2>Feedback</h2>
                     
                     <textarea id="feedback" name="feedback" rows="5" cols="50" 
-                    placeholder="Under construction..." disabled></textarea>
+                    placeholder="Testing feedback, Example: Hello, I am Tester, increase the font size ..." ></textarea>
                     
                     <div class="button-group">
-                        <button type="submit" class="btn send" disabled>CreatevFeedback</button>
+                        <button type="button" class="btn send" id="structure">Create Feedback</button>
                         <button type="button" class="btn save" disabled>Submit</button>
-                        <button type="reset" class="btn clear" disabled >Clear</button>
+                        <button type="button" class="btn clear" id="feedbackClr" >Clear</button>
                     </div>
                 </form>
             </div>
@@ -218,11 +218,12 @@
         
         <script type="module">
         import { Client } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
-        async function callGradioAPI(userInput) {
+        async function callGradioAPI(userInput, api_method) {
             // 1. Connect to the app (use your Space name or URL)
             const app =  await Client.connect('https://rr19tech-my-proxy.hf.space');
             // 2. Call the endpoint with user input passed as an array
-            const result = await app.predict("/call_private_api", [userInput]);
+            //const result = await app.predict("/call_private_api", [userInput]);
+            const result = await app.predict(api_method, [userInput]);
             // 3. Access the returned data
             console.log("Result:", result.data);
             return result.data;
@@ -331,13 +332,17 @@
         }
         postAdv();//posting it one time 
         const intervalId = setInterval(postAdv, 300000);
-        function get_api_results(result, container){
-            callGradioAPI(result)		
+        function get_api_results(result, container, api_method){
+            callGradioAPI(result, api_method)		
                 .then(data => {
                     if (data) {
                         console.log('Received data:', data);
-                        container.value = data;
-                        container.textContent = data;
+
+                        //if (api_method == "/call_private_api") {
+                            container.value = data;
+                            container.textContent = data;
+                        //}
+                        
                         return data;
                     }
                 else{
@@ -354,7 +359,7 @@
                 //get the entered value
                 let command = consoleArea.value;
                 //call_api(command);
-                let result = get_api_results(command, consoleArea);
+                let result = get_api_results(command, consoleArea, "/call_private_api");
                 //console.log("data is: " + result);
                 consoleArea.value = "";//null the value
             }
@@ -364,7 +369,30 @@
                 console.log("am i double clicked!!");
                 consoleArea.value = ""; //clearning for next question
             });
-        
+
+            //code for getting structured llm
+            const userFeedback = document.getElementById('feedback');
+            const structBtn = document.getElementById('structure');
+            structBtn.addEventListener('click', () => {
+                //caputre the value ented in the text area
+                let feedback = userFeedback.value;
+                console.log("Get structure button clicekd! " + feedback);
+                userFeedback.value = ""; //clear the content
+                let result = get_api_results(feedback, userFeedback, "/user_feedback");
+
+            });
+
+            //adding a double click event to clear the contents for next question
+            userFeedback.addEventListener('dblclick', function(event) {
+                console.log("userFeedback double clicked!!");
+                userFeedback.value = ""; //clearning for next question
+            });
+
+            const clearFeedback = document.getElementById('feedbackClr');
+            clearFeedback.addEventListener('click', function(event) {
+                console.log("Clearing feedback!!");
+                userFeedback.value = ""; //clearning for next question
+            });
         </script>
         <div class="disclaimer"><span >Disclaimer: </span><p>All information presented is sourced from the respective business owners and is intended for informational purposes only.</p></div>
     </body>