Update static/script.js

static/script.js

@@ -100,12 +100,12 @@ function updateSelectionBox() {
 
     const textInput = document.createElement('input');
     textInput.type = 'text';
-    textInput.placeholder = 'Add Menu_Item__c or Sector_Detail__c item...';
+    textInput.placeholder = 'Add item (Sector_Detail__c or Menu_Item__c)...';
     textInput.className = 'manual-input';
     textInput.addEventListener('keypress', (e) => {
         if (e.key === 'Enter' && textInput.value.trim()) {
             const itemName = textInput.value.trim();
-            fetchMenuItemDetails(itemName); // Try Menu_Item__c first
+            fetchSectorOrMenuItemDetails(itemName);
             textInput.value = '';
         }
     });
@@ -143,7 +143,7 @@ function handleResponse(userInput) {
     } else {
         botResponse = `Looking up details for "${userInput}"...`;
         addMessage('bot', botResponse);
-        fetchMenuItemDetails(userInput); // Try Menu_Item__c
+        fetchSectorOrMenuItemDetails(userInput);
         return;
     }
 
@@ -163,9 +163,9 @@ function fetchMenuItems(dietaryPreference) {
             } else if (data.menu_items.length > 0) {
                 displayItemsList(data.menu_items, 'menuItemsList', true);
             } else {
-                addMessage('bot', `No ${dietaryPreference} items found in Sector_Detail__c. Try searching for something like "paneer" or "chicken"!`);
+                addMessage('bot', `No ${dietaryPreference} items found. Try searching for something like "paneer" or "chicken"!`);
             }
-            console.log(`Fetched items from Sector_Detail__c for ${dietaryPreference}:`, data.menu_items);
+            console.log(`Fetched items for ${dietaryPreference}:`, data.menu_items);
         })
         .catch(error => {
             addMessage('bot', `Yikes! Couldn’t reach Salesforce: ${error.message}. I’ll retry in a sec...`);
@@ -184,10 +184,10 @@ function suggestItems(searchTerm) {
             if (data.error) {
                 addMessage('bot', `Couldn’t find anything for "${searchTerm}": ${data.error}. Got another idea?`);
             } else if (data.suggestions.length > 0) {
-                addMessage('bot', `Check out these suggestions for "${searchTerm}" from Salesforce:`);
+                addMessage('bot', `Check out these suggestions for "${searchTerm}" from Ingredient_Object__c:`);
                 displayItemsList(data.suggestions, 'suggestionsList', false);
             } else {
-                addMessage('bot', `No matches for "${searchTerm}" in Salesforce. Try "chicken" or "paneer"?`);
+                addMessage('bot', `No matches for "${searchTerm}" in Ingredient_Object__c. Try "chicken" or "paneer"?`);
             }
             console.log(`Suggestions for ${searchTerm}:`, data.suggestions);
         })
@@ -197,7 +197,8 @@ function suggestItems(searchTerm) {
         });
 }
 
-function fetchMenuItemDetails(itemName) {
+function fetchSectorOrMenuItemDetails(itemName) {
+    // Try Menu_Item__c first
     fetch('/get_menu_item_details', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
@@ -210,20 +211,13 @@ function fetchMenuItemDetails(itemName) {
                 fetchSectorItemDetails(itemName);
             } else {
                 const details = data.item_details;
-                if (selectedItems.some(item => item.name === details.name)) {
-                    addMessage('bot', `"${details.name}" is already in your selection!`);
-                } else {
-                    details.source = 'Menu_Item__c';
-                    selectedItems.push(details);
-                    addMessage('bot', `Added "${details.name}" to your selection! Check the box below.`);
-                    updateSelectionBox();
-                    showDescriptionPopup(details); // Show detailed popup
-                }
+                addMessage('bot', `Found "${details.name}" in Menu_Item__c!`);
+                showDescriptionPopup(details);
             }
         })
         .catch(error => {
-            addMessage('bot', `Trouble fetching "${itemName}": ${error.message}. I’ll retry...`);
-            setTimeout(() => fetchMenuItemDetails(itemName), 2000);
+            addMessage('bot', `Trouble fetching "${itemName}": ${error.message}. Trying Sector_Detail__c...`);
+            fetchSectorItemDetails(itemName);
         });
 }
 
@@ -236,17 +230,11 @@ function fetchSectorItemDetails(itemName) {
         .then(response => response.json())
         .then(data => {
             if (data.error) {
-                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Salesforce. Try another item!`);
+                addMessage('bot', `Sorry, I couldn’t find "${itemName}" in Menu_Item__c or Sector_Detail__c. Try another item!`);
             } else {
                 const details = data.item_details;
-                if (selectedItems.some(item => item.name === details.name)) {
-                    addMessage('bot', `"${details.name}" is already in your selection!`);
-                } else {
-                    details.source = 'Sector_Detail__c';
-                    selectedItems.push(details);
-                    addMessage('bot', `Added "${details.name}" to your selection with image! Check the box below.`);
-                    updateSelectionBox();
-                }
+                addMessage('bot', `Found "${details.name}" in Sector_Detail__c!`);
+                showDescriptionPopup(details);
             }
         })
         .catch(error => {
@@ -279,30 +267,26 @@ function showDescriptionPopup(item) {
     desc.textContent = item.description;
     content.appendChild(desc);
 
-    // Display additional Menu_Item__c fields if available
     if (item.source === 'Menu_Item__c') {
-        const detailsList = document.createElement('ul');
-        detailsList.style.listStyleType = 'none';
-        detailsList.style.padding = '0';
-
         const fields = [
+            { label: 'Category', value: item.category },
+            { label: 'Veg/Non-Veg', value: item.veg_nonveg },
             { label: 'Ingredients', value: item.ingredients },
             { label: 'Nutritional Info', value: item.nutritional_info },
-            { label: 'Price', value: `$${item.price.toFixed(2)}` },
+            { label: 'Price', value: item.price ? `$${item.price.toFixed(2)}` : 'N/A' },
             { label: 'Sector', value: item.sector },
-            { label: 'Spice Level', value: item.spice_levels },
-            { label: 'Veg/Non-Veg', value: item.veg_nonveg },
-            { label: 'Category', value: item.category },
+            { label: 'Spice Levels', value: item.spice_levels },
             { label: 'Dynamic Dish', value: item.dynamic_dish ? 'Yes' : 'No' }
         ];
 
         fields.forEach(field => {
-            const li = document.createElement('li');
-            li.innerHTML = `<strong>${field.label}:</strong> ${field.value}`;
-            detailsList.appendChild(li);
+            if (field.value) {
+                const p = document.createElement('p');
+                p.className = 'menu-item-field';
+                p.innerHTML = `<strong>${field.label}:</strong> ${field.value}`;
+                content.appendChild(p);
+            }
         });
-
-        content.appendChild(detailsList);
     }
 
     const buttonContainer = document.createElement('div');
@@ -312,11 +296,27 @@ function showDescriptionPopup(item) {
     addButton.textContent = 'Add';
     addButton.className = 'popup-add-button';
     addButton.onclick = () => {
-        if (selectedItems.some(existing => existing.name === item.name)) {
-            addMessage('bot', `"${item.name}" is already in your selection!`);
+        const selectedItem = {
+            name: item.name,
+            image_url: item.image_url || '',
+            category: item.category || 'Unknown',
+            description: item.description || 'No description available',
+            source: item.source
+        };
+        if (item.source === 'Menu_Item__c') {
+            selectedItem.ingredients = item.ingredients;
+            selectedItem.nutritional_info = item.nutritional_info;
+            selectedItem.price = item.price;
+            selectedItem.sector = item.sector;
+            selectedItem.spice_levels = item.spice_levels;
+            selectedItem.veg_nonveg = item.veg_nonveg;
+            selectedItem.dynamic_dish = item.dynamic_dish;
+        }
+        if (selectedItems.some(existing => existing.name === selectedItem.name)) {
+            addMessage('bot', `"${selectedItem.name}" is already in your selection!`);
         } else {
-            selectedItems.push(item);
-            addMessage('bot', `Added "${item.name}" to your selection! Check the box below.`);
+            selectedItems.push(selectedItem);
+            addMessage('bot', `Added "${selectedItem.name}" to your selection! Check the box below.`);
             updateSelectionBox();
         }
         popup.remove();
@@ -334,7 +334,7 @@ function showDescriptionPopup(item) {
     document.body.appendChild(popup);
 }
 
-function displayItemsList(items, containerId, isSectorDetail = false) {
+function displayItemsList(items, containerId, isDetailed = false) {
     const container = document.getElementById(containerId);
     if (!container) {
         console.error(`${containerId} container not found!`);
@@ -359,17 +359,33 @@ function displayItemsList(items, containerId, isSectorDetail = false) {
         nameDiv.className = 'ingredient-name';
         itemDiv.appendChild(nameDiv);
 
-        const actionButton = document.createElement('button');
-        actionButton.textContent = isSectorDetail ? 'Show Description' : 'Add';
-        actionButton.className = isSectorDetail ? 'show-desc-button' : 'add-button';
-        actionButton.onclick = () => {
-            if (isSectorDetail) {
-                showDescriptionPopup(item);
-            } else {
-                fetchMenuItemDetails(item.name);
-            }
-        };
-        itemDiv.appendChild(actionButton);
+        if (isDetailed) {
+            const showDescButton = document.createElement('button');
+            showDescButton.textContent = 'Show Details';
+            showDescButton.className = 'show-desc-button';
+            showDescButton.onclick = () => showDescriptionPopup(item);
+            itemDiv.appendChild(showDescButton);
+        } else {
+            const addButton = document.createElement('button');
+            addButton.textContent = 'Add';
+            addButton.onclick = () => {
+                const selectedItem = {
+                    name: item.name,
+                    image_url: item.image_url || '',
+                    category: item.category || 'Unknown',
+                    description: item.description || 'No description available',
+                    source: item.source || 'Unknown'
+                };
+                if (selectedItems.some(existing => existing.name === selectedItem.name)) {
+                    addMessage('bot', `"${selectedItem.name}" is already in your selection!`);
+                } else {
+                    selectedItems.push(selectedItem);
+                    addMessage('bot', `Added "${selectedItem.name}" to your selection!`);
+                    updateSelectionBox();
+                }
+            };
+            itemDiv.appendChild(addButton);
+        }
 
         container.appendChild(itemDiv);
     });
@@ -415,10 +431,16 @@ function submitToSalesforce() {
         return;
     }
 
+    const itemsToSubmit = selectedItems.map(item => ({
+        name: item.name,
+        category: item.category || 'Unknown',
+        description: item.description || 'No description available'
+    }));
+
     fetch('/submit_items', {
         method: 'POST',
         headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ items: selectedItems })
+        body: JSON.stringify({ items: itemsToSubmit })
     })
         .then(response => response.json())
         .then(data => {