Joakim Persson
42 lines
1.3 KiB
HTML
42 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Ollama Chat</title>
|
|
<link rel="stylesheet" href="./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="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>
|
|
|