From 5771e52c4968b77ae1bb241b03369c1b104df0c7 Mon Sep 17 00:00:00 2001
From: Joakim Persson <joakim.persson@icloud.com>
Date: Tue, 30 Jul 2024 23:45:07 +0200
Subject: [PATCH] =?UTF-8?q?H=C3=A4ndelsestyrd=20l=C3=A4sning=20av=20apiEnd?=
 =?UTF-8?q?point=20och=20useModel?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 smartassist/src/html/client.html | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/smartassist/src/html/client.html b/smartassist/src/html/client.html
index a5d83c9..4f7b842 100644
--- a/smartassist/src/html/client.html
+++ b/smartassist/src/html/client.html
@@ -14,14 +14,27 @@
     <textarea id="userInput" placeholder="Type your message..." rows="5"></textarea>
     <button id="sendButton" onclick="sendMessage()">Send</button>
 
-    <!-- Get the apiEndpoint -->
-    <script>
+    <!-- Get the apiEndpoint and the useModel -->
+    <!-- <script>
         const apiEndpoint = window.apiEndpoint;
         const useModel = window.useModel;
+        console.log("client.html - API Endpoint: ", apiEndpoint);
+        console.log("client.html - use model: ", useModel);
+    </script> -->
+
+    <script>
+        let apiEndpoint; // Make variable available outside of the scope of the event listener
+        let useModel; // Make variable available outside of the scope of the event listener
+        window.addEventListener('message', function(event) {
+            if (event.origin === 'http://localhost:5004') { // Make sure this matches your origin
+                const { apiEndpoint, useModel } = event.data;
+                console.log("client.html - API Endpoint: ", apiEndpoint);
+                console.log("client.html - use model: ", useModel);
+            }   
+        });
     </script>
 
-    <!-- Marked for markdown rendering -->
-    <!-- <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script> -->
+    <!-- Marked-it for markdown rendering -->
     <script src="https://cdn.jsdelivr.net/npm/markdown-it@14.1.0/dist/markdown-it.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/markdown-it@14/dist/markdown-it.min.js"></script>
 
@@ -40,8 +53,7 @@
     </script>
 
 
-    <!-- Get the javascript handling communication with the backend -->
-    <script src="/js/frontend.js"></script>
+
 
     <script>
         const chatContainer = document.getElementById('chatbox');
@@ -67,6 +79,8 @@
 
     </script>
 
+    <!-- Get the javascript handling communication with the backend -->
+    <script src="/js/frontend.js"></script>
 </body>
 </html>