Spaces:
Sleeping
Sleeping
Update templates/index.html
Browse files- templates/index.html +15 -8
templates/index.html
CHANGED
@@ -599,16 +599,18 @@
|
|
599 |
console.error('Chat messages container not found for customization ingredients!');
|
600 |
return;
|
601 |
}
|
602 |
-
|
|
|
603 |
let ingredientsList = document.querySelector('.customization-ingredients-list');
|
604 |
if (!ingredientsList) {
|
605 |
ingredientsList = document.createElement('div');
|
606 |
ingredientsList.className = 'customization-ingredients-list';
|
607 |
chatMessages.appendChild(ingredientsList);
|
608 |
} else {
|
|
|
609 |
ingredientsList.innerHTML = '';
|
610 |
}
|
611 |
-
|
612 |
ingredients.forEach(ingredient => {
|
613 |
const item = document.createElement('div');
|
614 |
item.className = 'ingredient-item';
|
@@ -630,10 +632,10 @@
|
|
630 |
item.appendChild(button);
|
631 |
ingredientsList.appendChild(item);
|
632 |
});
|
633 |
-
|
634 |
displaySelectedCustomizationIngredients();
|
635 |
}
|
636 |
|
|
|
637 |
function displaySelectedCustomizationIngredients() {
|
638 |
const chatMessages = document.getElementById('chatMessages');
|
639 |
if (!chatMessages) {
|
@@ -787,16 +789,18 @@
|
|
787 |
console.error('Chat messages container not found for ingredients!');
|
788 |
return;
|
789 |
}
|
790 |
-
|
|
|
791 |
let ingredientsList = document.querySelector('.ingredients-list');
|
792 |
if (!ingredientsList) {
|
793 |
ingredientsList = document.createElement('div');
|
794 |
ingredientsList.className = 'ingredients-list';
|
795 |
chatMessages.appendChild(ingredientsList);
|
796 |
} else {
|
|
|
797 |
ingredientsList.innerHTML = '';
|
798 |
}
|
799 |
-
|
800 |
ingredients.forEach(ingredient => {
|
801 |
const item = document.createElement('div');
|
802 |
item.className = 'ingredient-item';
|
@@ -820,22 +824,25 @@
|
|
820 |
});
|
821 |
}
|
822 |
|
|
|
823 |
function displayMenuItems(menuItems) {
|
824 |
const chatMessages = document.getElementById('chatMessages');
|
825 |
if (!chatMessages) {
|
826 |
console.error('Chat messages container not found for menu items!');
|
827 |
return;
|
828 |
}
|
829 |
-
|
|
|
830 |
let menuItemsList = document.querySelector('.menu-items-list');
|
831 |
if (!menuItemsList) {
|
832 |
menuItemsList = document.createElement('div');
|
833 |
menuItemsList.className = 'menu-items-list';
|
834 |
chatMessages.appendChild(menuItemsList);
|
835 |
} else {
|
|
|
836 |
menuItemsList.innerHTML = '';
|
837 |
}
|
838 |
-
|
839 |
menuItems.forEach(item => {
|
840 |
const menuItem = document.createElement('div');
|
841 |
menuItem.className = 'menu-item';
|
@@ -854,7 +861,6 @@
|
|
854 |
{ text: 'No', class: 'red' }
|
855 |
];
|
856 |
currentStep = 'customization';
|
857 |
-
|
858 |
displayOptions(options);
|
859 |
};
|
860 |
menuItem.appendChild(img);
|
@@ -864,6 +870,7 @@
|
|
864 |
});
|
865 |
}
|
866 |
|
|
|
867 |
function displaySelectedIngredients() {
|
868 |
const chatMessages = document.getElementById('chatMessages');
|
869 |
if (!chatMessages) {
|
|
|
599 |
console.error('Chat messages container not found for customization ingredients!');
|
600 |
return;
|
601 |
}
|
602 |
+
|
603 |
+
// Clear previous customization ingredients list if it exists
|
604 |
let ingredientsList = document.querySelector('.customization-ingredients-list');
|
605 |
if (!ingredientsList) {
|
606 |
ingredientsList = document.createElement('div');
|
607 |
ingredientsList.className = 'customization-ingredients-list';
|
608 |
chatMessages.appendChild(ingredientsList);
|
609 |
} else {
|
610 |
+
// Clear existing items
|
611 |
ingredientsList.innerHTML = '';
|
612 |
}
|
613 |
+
|
614 |
ingredients.forEach(ingredient => {
|
615 |
const item = document.createElement('div');
|
616 |
item.className = 'ingredient-item';
|
|
|
632 |
item.appendChild(button);
|
633 |
ingredientsList.appendChild(item);
|
634 |
});
|
|
|
635 |
displaySelectedCustomizationIngredients();
|
636 |
}
|
637 |
|
638 |
+
|
639 |
function displaySelectedCustomizationIngredients() {
|
640 |
const chatMessages = document.getElementById('chatMessages');
|
641 |
if (!chatMessages) {
|
|
|
789 |
console.error('Chat messages container not found for ingredients!');
|
790 |
return;
|
791 |
}
|
792 |
+
|
793 |
+
// Clear previous ingredients list if it exists
|
794 |
let ingredientsList = document.querySelector('.ingredients-list');
|
795 |
if (!ingredientsList) {
|
796 |
ingredientsList = document.createElement('div');
|
797 |
ingredientsList.className = 'ingredients-list';
|
798 |
chatMessages.appendChild(ingredientsList);
|
799 |
} else {
|
800 |
+
// Clear existing items
|
801 |
ingredientsList.innerHTML = '';
|
802 |
}
|
803 |
+
|
804 |
ingredients.forEach(ingredient => {
|
805 |
const item = document.createElement('div');
|
806 |
item.className = 'ingredient-item';
|
|
|
824 |
});
|
825 |
}
|
826 |
|
827 |
+
|
828 |
function displayMenuItems(menuItems) {
|
829 |
const chatMessages = document.getElementById('chatMessages');
|
830 |
if (!chatMessages) {
|
831 |
console.error('Chat messages container not found for menu items!');
|
832 |
return;
|
833 |
}
|
834 |
+
|
835 |
+
// Clear previous menu items if they exist
|
836 |
let menuItemsList = document.querySelector('.menu-items-list');
|
837 |
if (!menuItemsList) {
|
838 |
menuItemsList = document.createElement('div');
|
839 |
menuItemsList.className = 'menu-items-list';
|
840 |
chatMessages.appendChild(menuItemsList);
|
841 |
} else {
|
842 |
+
// Clear existing items
|
843 |
menuItemsList.innerHTML = '';
|
844 |
}
|
845 |
+
|
846 |
menuItems.forEach(item => {
|
847 |
const menuItem = document.createElement('div');
|
848 |
menuItem.className = 'menu-item';
|
|
|
861 |
{ text: 'No', class: 'red' }
|
862 |
];
|
863 |
currentStep = 'customization';
|
|
|
864 |
displayOptions(options);
|
865 |
};
|
866 |
menuItem.appendChild(img);
|
|
|
870 |
});
|
871 |
}
|
872 |
|
873 |
+
|
874 |
function displaySelectedIngredients() {
|
875 |
const chatMessages = document.getElementById('chatMessages');
|
876 |
if (!chatMessages) {
|