Upload 2 files

templates/chatwidget.html

@@ -548,8 +548,20 @@
         justify-content: center;
         align-items: center;
       }
+     
+      .bestie {
+        margin: 1rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        text-align: center;
+        width: 100vw;
+      }
     </style>
-    
+    <div class="bestie">
+      <label>User Id</label>&nbsp;&nbsp;&nbsp;
+    <input type="text" id="user_id" />
+  </div>
       <div class="marwadi">
         Welcome To AI bestie
       </div>
@@ -595,9 +607,10 @@
   <script
     src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-design/4.0.2/bootstrap-material-design.css"></script>
   <script id="rendered-js">
+    
     function chatWidget(id, name, status) {
       $.ajax({
-        url: "https://bacancydataprophets-bmoxi.hf.space/chatwidget",
+        url: "/chatwidget",
         type: "POST",
         data: JSON.stringify({
           user_id: id,
@@ -686,6 +699,8 @@
       var input = document.getElementById("chat_input");
       var submitBtn = document.getElementById("submit");
       var cancelRequest = document.getElementById("cancel");
+      
+      var userId = document.getElementById("user_id");
       $("#cancel").click(function (e) {
         input.disabled = false;
         e.preventDefault();
@@ -708,10 +723,11 @@
         input.value = "";
 
         $.ajax({
-          url: "https://bacancydataprophets-bmoxi.hf.space/chatwidget",
+          url: "/chatwidget",
           type: "POST",
           data: JSON.stringify({
             query: msg,
+            user_id: userId.value
             // message: `${msg} | ${window.logged_in_user.airtable_record_id}`,
           }),
           headers: {
@@ -752,13 +768,73 @@
       $("#chat-circle").click(function () {
         $("#chat-circle").toggle("scale");
         $(".chat-box").toggle("scale");
+        cancelRequest.style.display = 'block';
+        input.disabled = true;
+        $.ajax({
+          url: "/start-session",
+          type: "POST",
+          data: JSON.stringify({
+            user_id: userId.value
+            // message: `${msg} | ${window.logged_in_user.airtable_record_id}`,
+          }),
+          headers: {
+            "Content-Type": "application/json",
+          },
+          success: function (data) {
+
+            $.ajax({
+          url: "/chatwidget",
+          type: "POST",
+          data: JSON.stringify({
+            query: "you are starting the conversion, with your best friend. also you know about previous summary and mood summary",
+            user_id: userId.value
+            // message: `${msg} | ${window.logged_in_user.airtable_record_id}`,
+          }),
+          headers: {
+            "Content-Type": "application/json",
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Headers": "Content-Type",
+          },
+
+          success: function (data) {
+            console.log(data)
+            /* data.map(item => generate_message(item.text, "user")) */
+            generate_message(data, "user");
+            /* generate_message(data.response, "user"); */
+            input.disabled = false;
+            submitBtn.disabled = false;
+            input.style.opacity = 1;
+            cancelRequest.style.display = 'none';
+          },
+          error: function (data) {
+            error_message(
+              "We are sorry. we can't proceess Your Request Please Try again after some times.",
+              "user"
+            );
+            input.disabled = false;
+            submitBtn.disabled = false;
+            input.style.opacity = 1;
+            cancelRequest.style.display = 'none';
+          },
+        });
+            if (status == "end") {
+
+              return true;
+            } else {
+              console.log(data.response, "session_id");
+            }
+          },
+        });
+        console.log(userId, userId.value)
       });
 
       $(".chat-box-toggle").click(function () {
         $("#chat-circle").toggle("scale");
         $(".chat-box").toggle("scale");
+        location.reload();
       });
     });
+
   </script>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 </body>