Update templates/menu.html
Browse files- templates/menu.html +23 -29
templates/menu.html
CHANGED
|
@@ -2744,35 +2744,29 @@
|
|
| 2744 |
});
|
| 2745 |
}
|
| 2746 |
function displayOptions(options) {
|
| 2747 |
-
|
| 2748 |
-
|
| 2749 |
-
|
| 2750 |
-
|
| 2751 |
-
|
| 2752 |
-
|
| 2753 |
-
|
| 2754 |
-
|
| 2755 |
-
|
| 2756 |
-
|
| 2757 |
-
|
| 2758 |
-
|
| 2759 |
-
|
| 2760 |
-
|
| 2761 |
-
|
| 2762 |
-
|
| 2763 |
-
|
| 2764 |
-
|
| 2765 |
-
|
| 2766 |
-
|
| 2767 |
-
|
| 2768 |
-
|
| 2769 |
-
|
| 2770 |
-
selectedMenuItem = null;
|
| 2771 |
-
setTimeout(() => handleResponse(conversation[conversation.length - 1].message), 500);
|
| 2772 |
-
};
|
| 2773 |
-
chatMessages.appendChild(backButton);
|
| 2774 |
-
chatMessages.scrollTop = chatMessages.scrollHeight;
|
| 2775 |
-
}
|
| 2776 |
document.getElementById('userInput').addEventListener('keypress', function(e) {
|
| 2777 |
if (e.key === 'Enter') {
|
| 2778 |
sendMessage();
|
|
|
|
| 2744 |
});
|
| 2745 |
}
|
| 2746 |
function displayOptions(options) {
|
| 2747 |
+
const chatMessages = document.getElementById('chatMessages');
|
| 2748 |
+
if (!chatMessages) {
|
| 2749 |
+
console.error('Chat messages container not found for options!');
|
| 2750 |
+
return;
|
| 2751 |
+
}
|
| 2752 |
+
console.log('Displaying options:', options);
|
| 2753 |
+
options.forEach(opt => {
|
| 2754 |
+
const button = document.createElement('button');
|
| 2755 |
+
button.textContent = opt.text;
|
| 2756 |
+
button.className = `option-button ${opt.class}`;
|
| 2757 |
+
button.onclick = () => {
|
| 2758 |
+
addMessage('user', opt.text);
|
| 2759 |
+
conversation.push({ role: 'user', message: opt.text });
|
| 2760 |
+
console.log(`User selected option: ${opt.text}`);
|
| 2761 |
+
setTimeout(() => handleResponse(opt.text), 500);
|
| 2762 |
+
};
|
| 2763 |
+
chatMessages.appendChild(button);
|
| 2764 |
+
});
|
| 2765 |
+
chatMessages.appendChild(document.createElement('br'));
|
| 2766 |
+
chatMessages.scrollTop = chatMessages.scrollHeight;
|
| 2767 |
+
console.log('Options displayed');
|
| 2768 |
+
}
|
| 2769 |
+
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 2770 |
document.getElementById('userInput').addEventListener('keypress', function(e) {
|
| 2771 |
if (e.key === 'Enter') {
|
| 2772 |
sendMessage();
|