Spaces:
Sleeping
Sleeping
Update static/script.js
Browse files- static/script.js +29 -15
static/script.js
CHANGED
@@ -29,21 +29,35 @@ function sendMessage() {
|
|
29 |
conversation.push({ role: 'user', message: message });
|
30 |
setTimeout(() => handleResponse(message), 500);
|
31 |
} else if (selectedItems.length > 0) {
|
32 |
-
|
33 |
-
addMessage('bot', `You’ve selected ${selectedItems.length} item(s). Ready to submit?`);
|
34 |
displaySubmitButton();
|
35 |
} else {
|
36 |
-
addMessage('bot', 'Hey, don’t be shy! Type something or add items to get started! 😄');
|
37 |
}
|
38 |
userInput.value = ''; // Clear input after sending
|
39 |
-
updateInputBar(); // Reset input bar to show selected items
|
40 |
}
|
41 |
|
42 |
-
function
|
43 |
-
const
|
44 |
-
if (!
|
45 |
-
|
46 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47 |
}
|
48 |
|
49 |
function handleResponse(userInput) {
|
@@ -133,8 +147,8 @@ function fetchItemDetails(itemName) {
|
|
133 |
} else {
|
134 |
const details = data.item_details;
|
135 |
selectedItems.push(details);
|
136 |
-
addMessage('bot', `Added "${itemName}" to your
|
137 |
-
|
138 |
console.log(`Details for ${itemName}:`, details);
|
139 |
}
|
140 |
})
|
@@ -222,7 +236,7 @@ function displaySubmitButton() {
|
|
222 |
|
223 |
function submitToSalesforce() {
|
224 |
if (selectedItems.length === 0) {
|
225 |
-
addMessage('bot', 'No items to submit yet! Add some first! 😊');
|
226 |
return;
|
227 |
}
|
228 |
|
@@ -236,9 +250,9 @@ function submitToSalesforce() {
|
|
236 |
if (data.error) {
|
237 |
addMessage('bot', `Uh-oh! Failed to submit items: ${data.error}. Want to try again?`);
|
238 |
} else {
|
239 |
-
addMessage('bot', `${data.success}! Your
|
240 |
selectedItems = [];
|
241 |
-
|
242 |
document.querySelector('.submit-button').remove();
|
243 |
}
|
244 |
})
|
@@ -266,7 +280,7 @@ function resetConversation() {
|
|
266 |
]);
|
267 |
document.getElementById('suggestionsList').innerHTML = '';
|
268 |
document.getElementById('menuItemsList').innerHTML = '';
|
269 |
-
|
270 |
}
|
271 |
|
272 |
document.getElementById('userInput').addEventListener('keypress', (e) => {
|
|
|
29 |
conversation.push({ role: 'user', message: message });
|
30 |
setTimeout(() => handleResponse(message), 500);
|
31 |
} else if (selectedItems.length > 0) {
|
32 |
+
addMessage('bot', `Looks like you’ve picked ${selectedItems.length} delicious item(s)! Ready to save them to Salesforce?`);
|
|
|
33 |
displaySubmitButton();
|
34 |
} else {
|
35 |
+
addMessage('bot', 'Hey, don’t be shy! Type something or add some items to get started! 😄');
|
36 |
}
|
37 |
userInput.value = ''; // Clear input after sending
|
|
|
38 |
}
|
39 |
|
40 |
+
function updateSelectedItems() {
|
41 |
+
const selectedArea = document.getElementById('itemDetails');
|
42 |
+
if (!selectedArea) {
|
43 |
+
console.error('Item details container not found!');
|
44 |
+
return;
|
45 |
+
}
|
46 |
+
selectedArea.innerHTML = '';
|
47 |
+
|
48 |
+
if (selectedItems.length === 0) {
|
49 |
+
selectedArea.textContent = 'Selected Items: None';
|
50 |
+
} else {
|
51 |
+
selectedArea.textContent = 'Selected Items: ';
|
52 |
+
selectedItems.forEach(item => {
|
53 |
+
const span = document.createElement('span');
|
54 |
+
span.textContent = item.name;
|
55 |
+
span.style.marginRight = '10px';
|
56 |
+
span.style.display = 'inline-block';
|
57 |
+
selectedArea.appendChild(span);
|
58 |
+
});
|
59 |
+
}
|
60 |
+
console.log('Updated selected items:', selectedItems.map(item => item.name));
|
61 |
}
|
62 |
|
63 |
function handleResponse(userInput) {
|
|
|
147 |
} else {
|
148 |
const details = data.item_details;
|
149 |
selectedItems.push(details);
|
150 |
+
addMessage('bot', `Added "${itemName}" to your selection! See it below.`);
|
151 |
+
updateSelectedItems();
|
152 |
console.log(`Details for ${itemName}:`, details);
|
153 |
}
|
154 |
})
|
|
|
236 |
|
237 |
function submitToSalesforce() {
|
238 |
if (selectedItems.length === 0) {
|
239 |
+
addMessage('bot', 'No items to submit yet! Add some tasty picks first! 😊');
|
240 |
return;
|
241 |
}
|
242 |
|
|
|
250 |
if (data.error) {
|
251 |
addMessage('bot', `Uh-oh! Failed to submit items: ${data.error}. Want to try again?`);
|
252 |
} else {
|
253 |
+
addMessage('bot', `${data.success}! Your culinary choices are now saved. What’s next on the menu?`);
|
254 |
selectedItems = [];
|
255 |
+
updateSelectedItems();
|
256 |
document.querySelector('.submit-button').remove();
|
257 |
}
|
258 |
})
|
|
|
280 |
]);
|
281 |
document.getElementById('suggestionsList').innerHTML = '';
|
282 |
document.getElementById('menuItemsList').innerHTML = '';
|
283 |
+
updateSelectedItems();
|
284 |
}
|
285 |
|
286 |
document.getElementById('userInput').addEventListener('keypress', (e) => {
|