Ajey95 commited on
Commit
84e82eb
·
1 Parent(s): da17f18

Fix: tools addition

Browse files
Files changed (1) hide show
  1. templates/index.html +26 -3
templates/index.html CHANGED
@@ -608,6 +608,7 @@
608
  <title>MyPharma AI - Your Study Companion</title>
609
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
610
  <style>
 
611
  :root {
612
  --saffron: #FF9933; --maroon: #800000; --gold: #FFD700;
613
  --peacock-blue: #005F9E; --cream: #FFF8E7; --light-saffron: #FFE4B5;
@@ -631,6 +632,10 @@
631
  }
632
  .header h1 { font-size: 2em; margin-bottom: 5px; }
633
  .header .subtitle { font-size: 1.1em; opacity: 0.9; }
 
 
 
 
634
  .chat-container { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
635
  .chat-messages { flex: 1; padding: 20px; overflow-y: auto; }
636
  .message { margin-bottom: 20px; display: flex; max-width: 85%; animation: fadeIn 0.3s ease-in; }
@@ -679,7 +684,11 @@
679
  <div class="container">
680
  <div class="header">
681
  <h1>🇮🇳 MyPharma AI</h1>
682
- <div class="subtitle">{{ greeting }}</div>
 
 
 
 
683
  </div>
684
 
685
  <div class="chat-container">
@@ -700,7 +709,10 @@
700
  </div>
701
 
702
  <div class="input-container">
703
- <input type="text" id="messageInput" placeholder="Ask about your documents..." onkeypress="handleKeyPress(event)">
 
 
 
704
  <button id="sendBtn" onclick="sendMessage()">Send 📨</button>
705
  </div>
706
  </div>
@@ -742,7 +754,7 @@
742
  const messagesContainer = document.getElementById('chatMessages');
743
  const messageDiv = document.createElement('div');
744
  messageDiv.className = `message ${sender}`;
745
- const agentIcons = { 'academic': '📚 Academic Agent', 'drug_info': '💊 Drug Info Agent', 'quiz_generation': '❓ Quiz Master' };
746
  const agentBadge = sender === 'bot' ? `<div class="agent-badge">${agentIcons[agentType] || '🤖 AI Assistant'}</div>` : '';
747
  const formattedText = marked.parse(text || 'Sorry, I received an empty response.');
748
  messageDiv.innerHTML = `<div class="message-bubble">${agentBadge}${formattedText}</div>`;
@@ -779,8 +791,19 @@
779
  input.focus();
780
  }
781
 
 
 
 
 
 
 
 
 
 
 
782
  document.addEventListener('DOMContentLoaded', () => {
783
  document.getElementById('messageInput').focus();
 
784
  });
785
  </script>
786
  </body>
 
608
  <title>MyPharma AI - Your Study Companion</title>
609
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
610
  <style>
611
+ /* Indian Traditional Theme CSS */
612
  :root {
613
  --saffron: #FF9933; --maroon: #800000; --gold: #FFD700;
614
  --peacock-blue: #005F9E; --cream: #FFF8E7; --light-saffron: #FFE4B5;
 
632
  }
633
  .header h1 { font-size: 2em; margin-bottom: 5px; }
634
  .header .subtitle { font-size: 1.1em; opacity: 0.9; }
635
+ .quote-container {
636
+ background: var(--gold); color: var(--maroon); padding: 15px;
637
+ border-radius: 10px; margin: 20px; text-align: center; font-style: italic;
638
+ }
639
  .chat-container { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
640
  .chat-messages { flex: 1; padding: 20px; overflow-y: auto; }
641
  .message { margin-bottom: 20px; display: flex; max-width: 85%; animation: fadeIn 0.3s ease-in; }
 
684
  <div class="container">
685
  <div class="header">
686
  <h1>🇮🇳 MyPharma AI</h1>
687
+ <div class="subtitle">{{ greeting or "नमस्ते! Your Intelligent Pharmacy Study Companion" }}</div>
688
+ </div>
689
+
690
+ <div class="quote-container" id="quoteContainer">
691
+ 📿 {{ daily_quote or "विद्या धनं सर्व धन प्रधानम् - Knowledge is the supreme wealth" }}
692
  </div>
693
 
694
  <div class="chat-container">
 
709
  </div>
710
 
711
  <div class="input-container">
712
+ <input type="text"
713
+ id="messageInput"
714
+ placeholder="Ask about your documents..."
715
+ onkeypress="handleKeyPress(event)">
716
  <button id="sendBtn" onclick="sendMessage()">Send 📨</button>
717
  </div>
718
  </div>
 
754
  const messagesContainer = document.getElementById('chatMessages');
755
  const messageDiv = document.createElement('div');
756
  messageDiv.className = `message ${sender}`;
757
+ const agentIcons = { 'academic': '📚 Academic Agent', 'drug_info': '💊 Drug Info Agent', 'quiz_generation': '❓ Quiz Master', 'mnemonic_creation': '🧠 Memory Master', 'viva_practice': '🗣️ Viva Coach', 'error': '⚠️ System' };
758
  const agentBadge = sender === 'bot' ? `<div class="agent-badge">${agentIcons[agentType] || '🤖 AI Assistant'}</div>` : '';
759
  const formattedText = marked.parse(text || 'Sorry, I received an empty response.');
760
  messageDiv.innerHTML = `<div class="message-bubble">${agentBadge}${formattedText}</div>`;
 
791
  input.focus();
792
  }
793
 
794
+ async function getNewQuote() {
795
+ try {
796
+ const response = await fetch('/quote');
797
+ const data = await response.json();
798
+ document.getElementById('quoteContainer').innerHTML = `📿 ${data.quote}`;
799
+ } catch (error) {
800
+ console.error('Failed to fetch new quote:', error);
801
+ }
802
+ }
803
+
804
  document.addEventListener('DOMContentLoaded', () => {
805
  document.getElementById('messageInput').focus();
806
+ setInterval(getNewQuote, 5 * 60 * 1000); // Update quote every 5 mins
807
  });
808
  </script>
809
  </body>