Spaces:

thechaiexperiment
/

TeaRAG

Sleeping

App Files Files Community

thechaiexperiment commited on Jan 25

Commit

dd009ee

verified ·

1 Parent(s): ce7d4b4

Update app.py

Browse files

Files changed (1) hide show

app.py +109 -65

app.py CHANGED Viewed

@@ -509,94 +509,140 @@ async def root():
     <!DOCTYPE html>
     <html>
     <head>
-        <title>Simple User Interface</title>
         <style>
             body {
-                font-family: Arial, sans-serif;
                 margin: 20px;
-                background-color: #f8f9fa;
             }
             .container {
-                max-width: 600px;
-                margin: auto;
                 padding: 20px;
-                background: white;
-                border-radius: 8px;
-                box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-            }
-            h1 {
-                color: #333;
-                text-align: center;
             }
-            label {
-                display: block;
-                margin-bottom: 8px;
-                font-weight: bold;
             }
-            input, select, button {
                 width: 100%;
                 padding: 10px;
-                margin-bottom: 20px;
-                border: 1px solid #ccc;
                 border-radius: 5px;
             }
-            button {
-                background-color: #007bff;
-                color: white;
-                font-weight: bold;
-                cursor: pointer;
             }
-            button:hover {
-                background-color: #0056b3;
             }
-            .response {
-                font-size: 1rem;
-                color: #28a745;
-                font-weight: bold;
-                margin-top: 20px;
             }
         </style>
     </head>
     <body>
         <div class="container">
-            <h1>AI Query Interface</h1>
-            <form id="queryForm">
-                <label for="query">Enter your query:</label>
-                <input type="text" id="query" name="query" placeholder="Type your question..." required>
-                <label for="language">Choose language:</label>
-                <select id="language" name="language">
                     <option value="1">English</option>
                     <option value="0">Arabic</option>
                 </select>
-                <button type="button" onclick="sendQuery()">Submit</button>
-            </form>
-            <div class="response" id="responseOutput"></div>
         </div>
-        <script>
-            async function sendQuery() {
-                const query = document.getElementById('query').value;
-                const language = document.getElementById('language').value;
-                const response = await fetch('/api/chat', {
-                    method: 'POST',
-                    headers: {
-                        'Content-Type': 'application/json',
-                    },
-                    body: JSON.stringify({ query, language_code: parseInt(language) }),
-                });
-                const result = await response.json();
-                document.getElementById('responseOutput').innerText = result.response || 'No response';
-            }
-        </script>
     </body>
     </html>
     """
 @app.get("/health")
 async def health_check():
     """Health check endpoint"""
@@ -723,18 +769,16 @@ async def recipes_endpoint(profile: MedicalProfile):
         metadata_path = 'recipes_metadata.xlsx'
         metadata = retrieve_metadata(document_indices, metadata_path=metadata_path)
         print(f"Retrieved Metadata: {metadata}")
-        # Convert metadata dictionary to a list of recipe objects
         recipes = []
         for item in metadata.values():
             recipes.append({
                 "title": item["original_file_name"] if "original_file_name" in item else "Unknown Title",
                 "url": item["url"] if "url" in item else ""
-            })
         response = {
-            "recipes": recipes  # Wrap the list of recipes in a dictionary with a 'recipes' key
         }
         return response
     except ValueError as ve:
         raise HTTPException(status_code=400, detail=str(ve))

     <!DOCTYPE html>
     <html>
     <head>
+        <title>AI Medical Assistance Hub</title>
         <style>
             body {
+                font-family: 'Arial', sans-serif;
+                background-color: #121212;
+                color: #ffffff;
+                margin: 0;
+                padding: 0;
+            }
+            header {
+                background-color: #1e1e1e;
+                padding: 20px;
+                text-align: center;
+                border-bottom: 2px solid #444;
+            }
+            header h1 {
+                font-size: 2.5em;
+                margin: 0;
+            }
+            header p {
+                font-size: 1.2em;
+                color: #aaaaaa;
+            }
+            #updates {
+                background-color: #1e1e1e;
                 margin: 20px;
+                padding: 15px;
+                border-radius: 10px;
+                border: 1px solid #444;
             }
             .container {
+                display: flex;
+                flex-direction: row;
+                gap: 20px;
                 padding: 20px;
             }
+            .input-section, .output-section {
+                flex: 1;
+                background-color: #1e1e1e;
+                padding: 20px;
+                border-radius: 10px;
+                border: 1px solid #444;
             }
+            .input-section input, .input-section select, .input-section textarea {
                 width: 100%;
                 padding: 10px;
+                margin: 10px 0;
+                border: 1px solid #444;
                 border-radius: 5px;
+                background-color: #2c2c2c;
+                color: #ffffff;
+            }
+            .output-section {
+                display: flex;
+                flex-direction: column;
+                gap: 20px;
             }
+            .output-card {
+                background-color: #292929;
+                padding: 20px;
+                border-radius: 10px;
+                border: 1px solid #444;
+            }
+            .output-card h3 {
+                margin-top: 0;
             }
+            footer {
+                text-align: center;
+                background-color: #1e1e1e;
+                padding: 15px;
+                border-top: 2px solid #444;
             }
+            footer a {
+                color: #50b7f5;
+                text-decoration: none;
+                margin: 0 10px;
             }
         </style>
     </head>
     <body>
+        <header>
+            <h1>AI Medical Assistance Hub</h1>
+            <p>Empowering better health decisions with AI</p>
+        </header>
+        <div id="updates">
+            <strong>Updates:</strong> This space can be used for announcements or user guidance!
+        </div>
         <div class="container">
+            <!-- Input Section -->
+            <div class="input-section">
+                <h2>Input Section</h2>
+                <label>Chronic Conditions:</label>
+                <input type="text" id="conditions" placeholder="Enter conditions (comma-separated)">
+                <label>Daily Symptoms:</label>
+                <input type="text" id="symptoms" placeholder="Enter symptoms (comma-separated)">
+                <label>Mental Health Conditions:</label>
+                <input type="text" id="mental_health" placeholder="Enter mental health conditions (comma-separated)">
+                <label>Language:</label>
+                <select id="language">
                     <option value="1">English</option>
                     <option value="0">Arabic</option>
                 </select>
+                <label>Number of Articles:</label>
+                <input type="number" id="count" placeholder="Number of articles to retrieve">
+                <label>Medical Question:</label>
+                <textarea id="question" rows="4" placeholder="Type your medical question here"></textarea>
+                <button onclick="submitData()">Submit</button>
+            </div>
+            <!-- Output Section -->
+            <div class="output-section">
+                <h2>Output Section</h2>
+                <div class="output-card">
+                    <h3>Chat Response</h3>
+                    <p id="chat_output">No response yet...</p>
+                </div>
+                <div class="output-card">
+                    <h3>Resources</h3>
+                    <p id="resources_output">No resources yet...</p>
+                </div>
+                <div class="output-card">
+                    <h3>Recipes</h3>
+                    <p id="recipes_output">No recipes yet...</p>
+                </div>
+            </div>
         </div>
+        <footer>
+            <p>&copy; 2025 AI Medical Assistance Hub | <a href="#">GitHub</a> | <a href="#">Hugging Face</a></p>
+        </footer>
     </body>
     </html>
     """
 @app.get("/health")
 async def health_check():
     """Health check endpoint"""
         metadata_path = 'recipes_metadata.xlsx'
         metadata = retrieve_metadata(document_indices, metadata_path=metadata_path)
         print(f"Retrieved Metadata: {metadata}")
         recipes = []
         for item in metadata.values():
             recipes.append({
                 "title": item["original_file_name"] if "original_file_name" in item else "Unknown Title",
                 "url": item["url"] if "url" in item else ""
+            })
         response = {
+            "recipes": recipes
         }
+        print response
         return response
     except ValueError as ve:
         raise HTTPException(status_code=400, detail=str(ve))