Flyttat .html, .css och .js till separata kataloger

2024-07-24 20:09:27 +02:00
parent 7c9d20896e
commit dac233ba9c
3 changed files with 170 additions and 0 deletions
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Ollama Chat</title>
+    <link rel="stylesheet" href="../css/clientstyle.css"> 
+</head>
+<body>
+    <h1>Ollama Chat</h1>
+    <div id="chatbox">
+        <!-- messages will be rendered here -->
+    </div>
+    <textarea id="userInput" placeholder="Type your message..." rows="5"></textarea>
+    <button onclick="sendMessage()">Send</button>
+
+    <script src="../js/frontend.js"></script>
+    <script>
+        const chatContainer = document.getElementById('chatbox');
+
+        // Handle resize events
+        window.addEventListener('resize', function() {
+        chatContainer.style.height = 'auto'; 
+        });
+
+        const userInputElement = document.getElementById('userInput');
+
+        userInputElement.addEventListener('keydown', function(event) {
+            if (event.shiftKey && event.key === 'Enter') { // Shift+Enter for newline
+                event.preventDefault(); 
+                userInputElement.value += '\n';
+            } else if (event.key === 'Enter') {  // Enter to send message
+                sendMessage();
+                userInputElement.value = ''; // Clear the input field after sending
+                event.preventDefault();
+            }
+        });
+
+    </script>
+</body>
+</html>
+