From b261437952ca97b44fb5ea4ff611d7bd703e5e2a Mon Sep 17 00:00:00 2001 From: Joakim Persson Date: Wed, 24 Jul 2024 20:10:08 +0200 Subject: [PATCH] =?UTF-8?q?Borttagna=20d=C3=A5=20filerna=20flyttats=20till?= =?UTF-8?q?=20separata=20kataloger?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- smartassist/src/client.html | 41 -------------------- smartassist/src/clientstyle.css | 69 --------------------------------- smartassist/src/frontend.js | 60 ---------------------------- 3 files changed, 170 deletions(-) delete mode 100644 smartassist/src/client.html delete mode 100644 smartassist/src/clientstyle.css delete mode 100644 smartassist/src/frontend.js diff --git a/smartassist/src/client.html b/smartassist/src/client.html deleted file mode 100644 index 8428d1e..0000000 --- a/smartassist/src/client.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - Ollama Chat - - - -

Ollama Chat

-
- -
- - - - - - - - diff --git a/smartassist/src/clientstyle.css b/smartassist/src/clientstyle.css deleted file mode 100644 index a160ceb..0000000 --- a/smartassist/src/clientstyle.css +++ /dev/null @@ -1,69 +0,0 @@ -body { - font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; - background-color: #f4f4f4; - display: flex; - flex-direction: column; - align-items: center; - min-height: 100vh; - margin: 0; -} - -h1 { - color: #333; - margin-bottom: 20px; -} - -#chatbox { - width: 80%; - max-width: 500px; - background-color: #fff; - border-radius: 10px; - padding: 20px; - box-shadow: 0 4px 8px rgba(0,0,0,0.1); - overflow: auto; /* Allow horizontal and vertical scrolling of the chatbox */ - resize: both; /* Allow resizing vertically */ -} - -.message { - margin-bottom: 15px; -} - -.user-message { - background-color: #9cc1ecbb; - padding: 10px 15px; - border-radius: 10px; - text-align: left; /* Align user messages to the left */ -} - -.ai-response { - background-color: #f0f8ff; - padding: 10px 15px; - border-radius: 10px; - text-align: left; /* Align AI responses to the left */ -} - -#userInput { - width: calc(50% - 60px); /* Adjust width for input and button */ - padding: 10px; - border: 1px solid #ccc; - border-radius: 5px; - margin-bottom: 10px; -} - -#userInput:focus { - outline: none; - border-color: #66afe9; /* Blue outline on focus */ -} - -button[onclick="sendMessage()"] { - background-color: #4CAF50; /* Green */ - border: none; - color: white; - padding: 10px 20px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - border-radius: 5px; - cursor: pointer; -} diff --git a/smartassist/src/frontend.js b/smartassist/src/frontend.js deleted file mode 100644 index 92c6c28..0000000 --- a/smartassist/src/frontend.js +++ /dev/null @@ -1,60 +0,0 @@ - -// Get the user input element from the DOM -const chatbox = document.getElementById('chatbox'); -const userInput = document.getElementById('userInput'); - -// Get API endpoint for chat from environment variable -const apiEndpoint = process.env.BE_API_ENDPOINT || 'http://localhost:5005/api/chat'; // Default if not found -console.log("The API Endpoint is:", apiEndpoint); - - - -// Define a function to send the user's message to the AI -function sendMessage() { - // Get the user's input message and trim any whitespace - const query = userInput.value.trim(); - - // Check if the message is not empty - if (query !== '') { - // Send a POST request to the /api/chat endpoint with the message - // fetch('http://localhost:5005/api/chat', { - fetch(apiEndpoint, { - method: 'POST', - headers: { 'Content-Type': 'application/json' }, - body: JSON.stringify({ query }), - }) - .then(response => response.json()) - .then(data => { - // Get the AI's response from the API data - const aiResponse = data.response; - - // Render the user's original message in the chatbox - renderMessage(query, 'user-message'); - - // Render the AI's response in the chatbox - renderMessage(aiResponse, 'ai-response'); - - // Clear the user input field for the next message - userInput.value = ''; - }) - .catch(error => console.error('Error sending message:', error)); - } -} - - - - -// Define a function to render a message in the chatbox with a specific class name -function renderMessage(text, className) { - // Create a new div element to hold the message - const messageElement = document.createElement('div'); - - // Add the specified class name to the element - messageElement.className = className; - - // Set the text content of the element to the message text - messageElement.textContent = text; - - // Append the message element to the chatbox - chatbox.appendChild(messageElement); -}