Update src/templates/index.html

src/templates/index.html

@@ -5,33 +5,29 @@
     <title>Епикриза</title>
     <link rel="stylesheet" href="/static/css/style.css"/>
     <style>
-      
-
-        .chatbot-iframe {
-            position: fixed;
-            bottom: 0px;
-            right: 0px; /* Manje udaljeno od desnog ugla */
-            width: 100px;
-            height: 100px;
-            border: none;
-            transition-delay: 0.8s;
-            z-index: 9999
-        }
-
+      .chatbot-iframe {
+        position: fixed;
+        bottom: 0px;
+        left: 0px;
+        width: 100px;
+        height: 100px;
+        border: none;
+        transition-delay: 0.8s;
+        z-index: 9999;
+      }
+      .chatbot-iframe.open {
+        width: 430px;
+        height: 630px;
+        transition-delay: 0s;
+      }
+      @media only screen and (max-width: 768px) {
         .chatbot-iframe.open {
-            width: 430px;
-            height: 630px;
-            transition-delay:0s 
-        }
-
-        @media only screen and (max-width: 768px) {
-            .chatbot-iframe.open {
-                width: 100dvw;
-                height: 100dvh;
-                right: 0;
-                bottom: 0;
-            }
+          width: 100dvw;
+          height: 100dvh;
+          left: 0;
+          bottom: 0;
         }
+      }
     </style>
 </head>
 <body>
@@ -88,38 +84,57 @@
         <img src="/static/images/Logo.png" alt="Logo" class="logo-img-pb"/>
     </a>
 </div>
-<iframe
-    src="https://d35cvlgrys9egv.cloudfront.net/"
-    class="chatbot-iframe open"
-    id="chatbot-iframe"
-    frameborder="0"
-    scrolling="no"></iframe>
+ <iframe
+      src="https://d1cg2ftwsk9g5q.cloudfront.net/"
+      class="chatbot-iframe open"
+      id="chatbot-iframe"
+      frameborder="0"
+      scrolling="no">
+    </iframe>
 <script src="/static/js/record.js"></script>
 <script src="https://kit.fontawesome.com/e8304ae722.js" crossorigin="anonymous"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.3.0/papaparse.min.js"></script>
 <script>
-    document.addEventListener('DOMContentLoaded', function() {
-        const cb = document.querySelector('.chatbot-iframe');
+    document.addEventListener("DOMContentLoaded", function () {
+        const cb = document.querySelector(".chatbot-iframe");
         if (!cb) {
-            console.error('Chatbot iframe nije pronađen.');
-            return;
+          console.error("Chatbot iframe not found.");
+          return;
+        }
+
+        // Detekcija jezika iz URL-a
+        const currentUrl = window.location.href;
+        let detectedLang = "sr"; // Podrazumevani jezik je 'sr'
+
+        if (currentUrl.includes("/en/")) {
+          detectedLang = "en";
+        } else if (currentUrl.includes("/zh-hans/")) {
+          detectedLang = "zh-hans";
+        } else if (currentUrl.includes("/de/")) {
+          detectedLang = "de";
+        } else if (currentUrl.includes("/ru/")) {
+          detectedLang = "ru";
+        } else if (currentUrl.includes("/sr/")) {
+          detectedLang = "sr";
         }
 
-        cb.contentWindow.postMessage({
-                screenWidth: window.innerWidth,
-                screenHeight: window.innerHeight
-            }, "*");
+        cb.contentWindow.postMessage(
+          {
+            screenWidth: window.innerWidth,
+            screenHeight: window.innerHeight,
+          },
+          "*"
+        );
+        console.log(window.innerWidth, window.innerHeight);
 
-        // Dodavanje event listenera za poruku iz iframe-a
-        window.addEventListener('message', (event) => {
-            console.log(`Primljena poruka: ${event.data}`);
-            if (event.data === 'closeChatbot') {
-                cb.classList.remove('open');
-            } else if (event.data === 'openChatbot') {
-                cb.classList.add('open');
-            }
+        window.addEventListener("message", (event) => {
+          if (event.data === "closeChatbot") {
+            cb.classList.remove("open");
+          } else if (event.data === "openChatbot") {
+            cb.classList.add("open");
+          }
         });
-    });
+      });
 </script>
 </body>
 </html>