BiryaniHubflaskhema6

Running

App Files Files Community

lokesh341 commited on Apr 6

Commit

628d97b

verified ·

1 Parent(s): 5842196

Update templates/menu.html

Browse files

Files changed (1) hide show

templates/menu.html +31 -6

templates/menu.html CHANGED Viewed

@@ -1,4 +1,4 @@
- <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
@@ -1593,13 +1593,12 @@
             const suggestionsContainer = document.getElementById('autocompleteSuggestions');
             const debouncedFilterMenu = debounce(filterMenu, 300);
-            // Add click event to redirect to search page
             searchBar.addEventListener('click', function (event) {
                 event.stopPropagation();
                 window.location.href = '/search';
             });
-            // Existing input event listener for autocomplete and filtering
             searchBar.addEventListener('input', function () {
                 const input = sanitizeInput(this.value.trim().toLowerCase());
                 suggestionsContainer.innerHTML = '';
@@ -1626,7 +1625,6 @@
                 debouncedFilterMenu();
             });
-            // Close suggestions when clicking outside
             document.addEventListener('click', function (event) {
                 if (!searchBar.contains(event.target) && !suggestionsContainer.contains(event.target)) {
                     suggestionsContainer.style.display = 'none';
@@ -1687,7 +1685,6 @@
                 });
             }
-            // Custom Dish Form Validation
             const customDishForm = document.getElementById('customDishForm');
             if (customDishForm) {
                 customDishForm.addEventListener('submit', function(event) {
@@ -1874,7 +1871,7 @@
                 micUnsupported.style.display = 'block';
             }
-            // Highlight item from search redirect
             const highlightItem = "{{ highlight_item | e }}";
             if (highlightItem) {
                 const itemElement = document.querySelector(`[data-item-name="${highlightItem}"]`);
@@ -1884,6 +1881,33 @@
                     setTimeout(() => {
                         itemElement.style.backgroundColor = ''; // Remove highlight after 2 seconds
                     }, 2000);
                 }
             }
         });
@@ -2060,3 +2084,4 @@
     </script>
 </body>
 </html>

+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
             const suggestionsContainer = document.getElementById('autocompleteSuggestions');
             const debouncedFilterMenu = debounce(filterMenu, 300);
+            // Redirect to search page on click
             searchBar.addEventListener('click', function (event) {
                 event.stopPropagation();
                 window.location.href = '/search';
             });
             searchBar.addEventListener('input', function () {
                 const input = sanitizeInput(this.value.trim().toLowerCase());
                 suggestionsContainer.innerHTML = '';
                 debouncedFilterMenu();
             });
             document.addEventListener('click', function (event) {
                 if (!searchBar.contains(event.target) && !suggestionsContainer.contains(event.target)) {
                     suggestionsContainer.style.display = 'none';
                 });
             }
             const customDishForm = document.getElementById('customDishForm');
             if (customDishForm) {
                 customDishForm.addEventListener('submit', function(event) {
                 micUnsupported.style.display = 'block';
             }
+            // Highlight and open modal for item from search redirect
             const highlightItem = "{{ highlight_item | e }}";
             if (highlightItem) {
                 const itemElement = document.querySelector(`[data-item-name="${highlightItem}"]`);
                     setTimeout(() => {
                         itemElement.style.backgroundColor = ''; // Remove highlight after 2 seconds
                     }, 2000);
+                    // Find the ADD button and trigger the appropriate modal
+                    const addButton = itemElement.querySelector('.btn-primary');
+                    const buttonContainer = addButton.closest('.button-container');
+                    const section = buttonContainer.getAttribute('data-item-section');
+                    if (section === 'Soft Drinks') {
+                        showSoftDrinkModal(addButton);
+                    } else {
+                        const name = sanitizeInput(buttonContainer.getAttribute('data-item-name'));
+                        const price = buttonContainer.getAttribute('data-item-price');
+                        const image = buttonContainer.getAttribute('data-item-image');
+                        const category = buttonContainer.getAttribute('data-item-category');
+                        // Use data from the button's onclick attribute or fetch from server
+                        const onclickAttr = addButton.getAttribute('onclick');
+                        if (onclickAttr) {
+                            const argsMatch = onclickAttr.match(/showItemDetails\((.*?)\)/);
+                            if (argsMatch) {
+                                const args = argsMatch[1].split(',').map(arg => arg.trim().replace(/['"]/g, ''));
+                                const [name, price, image, description, ingredients, nutrition, allergens, section, category] = args;
+                                showItemDetails(name, price, image, description, ingredients, nutrition, allergens, section, category);
+                            }
+                        } else {
+                            // Fallback if onclick isn't sufficient
+                            showItemDetails(name, price, image, 'No description available', 'Not specified', 'Not available', 'None listed', section, category);
+                        }
+                    }
                 }
             }
         });
     </script>
 </body>
 </html>