lokesh341 commited on
Commit
3aa70a2
·
verified ·
1 Parent(s): 1a796bc

Update static/script.js

Browse files
Files changed (1) hide show
  1. 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
- // If input is empty but items are selected, treat it as a trigger to show Submit
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 updateInputBar() {
43
- const userInput = document.getElementById('userInput');
44
- if (!userInput) return;
45
- userInput.value = selectedItems.map(item => item.name).join(', ');
46
- console.log('Updated input bar with selected items:', userInput.value);
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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 list! Check the input bar.`);
137
- updateInputBar();
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 selections are saved. Ready for more?`);
240
  selectedItems = [];
241
- updateInputBar();
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
- updateInputBar();
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) => {