Update static/script.js

static/script.js

@@ -71,7 +71,7 @@ function updateSelectionBox() {
     label.textContent = 'Selected Items:';
     selectionBox.appendChild(label);
 
-    selectedItems.forEach(item => {
+    selectedItems.forEach((item, index) => {
         const itemContainer = document.createElement('div');
         itemContainer.className = 'selected-item';
 
@@ -85,6 +85,16 @@ function updateSelectionBox() {
         itemSpan.textContent = item.name;
         itemContainer.appendChild(itemSpan);
 
+        const removeButton = document.createElement('button');
+        removeButton.textContent = 'Remove';
+        removeButton.className = 'remove-button';
+        removeButton.onclick = () => {
+            selectedItems.splice(index, 1);
+            addMessage('bot', `Removed "${item.name}" from your selection.`);
+            updateSelectionBox();
+        };
+        itemContainer.appendChild(removeButton);
+
         selectionBox.appendChild(itemContainer);
     });
 
@@ -96,10 +106,15 @@ function updateSelectionBox() {
         if (e.key === 'Enter' && textInput.value.trim()) {
             const manualItem = {
                 name: textInput.value.trim(),
-                image_url: ''
+                image_url: '',
+                description: 'Manually added item'
             };
-            selectedItems.push(manualItem);
-            addMessage('bot', `Added "${manualItem.name}" to your selection! Check the box below.`);
+            if (selectedItems.some(item => item.name === manualItem.name)) {
+                addMessage('bot', `"${manualItem.name}" is already in your selection!`);
+            } else {
+                selectedItems.push(manualItem);
+                addMessage('bot', `Added "${manualItem.name}" to your selection! Check the box below.`);
+            }
             textInput.value = '';
             updateSelectionBox();
         }
@@ -205,10 +220,13 @@ function fetchItemDetails(itemName) {
                 updateSelectionBox();
             } else {
                 const details = data.item_details;
-                selectedItems.push(details);
-                addMessage('bot', `Added "${itemName}" to your selection! Check the box below.`);
-                updateSelectionBox();
-                console.log(`Details for ${itemName}:`, details);
+                if (selectedItems.some(item => item.name === details.name)) {
+                    addMessage('bot', `"${details.name}" is already in your selection!`);
+                } else {
+                    selectedItems.push(details);
+                    addMessage('bot', `Added "${itemName}" to your selection! Check the box below.`);
+                    updateSelectionBox();
+                }
             }
         })
         .catch(error => {
@@ -248,11 +266,16 @@ function showDescriptionPopup(item) {
     addButton.onclick = () => {
         const sectorItem = {
             name: item.name,
-            image_url: item.image_url || ''
+            image_url: item.image_url || '',
+            description: item.description
         };
-        selectedItems.push(sectorItem);
-        addMessage('bot', `Added "${item.name}" to your selection! Check the box below.`);
-        updateSelectionBox();
+        if (selectedItems.some(existing => existing.name === sectorItem.name)) {
+            addMessage('bot', `"${sectorItem.name}" is already in your selection!`);
+        } else {
+            selectedItems.push(sectorItem);
+            addMessage('bot', `Added "${sectorItem.name}" to your selection! Check the box below.`);
+            updateSelectionBox();
+        }
         popup.remove();
     };
     content.appendChild(addButton);
@@ -301,9 +324,7 @@ function displayItemsList(items, containerId, isSectorDetail = false) {
         } else {
             const addButton = document.createElement('button');
             addButton.textContent = 'Add';
-            addButton.onclick = () => {
-                fetchItemDetails(item.name);
-            };
+            addButton.onclick = () => fetchItemDetails(item.name);
             itemDiv.appendChild(addButton);
         }
 
@@ -351,7 +372,10 @@ function submitToSalesforce() {
         return;
     }
 
-    const itemsToSubmit = selectedItems.map(item => ({ name: item.name }));
+    const itemsToSubmit = selectedItems.map(item => ({
+        name: item.name,
+        description: item.description || 'No description available'
+    }));
 
     fetch('/submit_items', {
         method: 'POST',