Spaces:
Sleeping
Sleeping
File size: 2,937 Bytes
7980609 6a94706 7980609 6a94706 7980609 6a94706 7980609 6a94706 7980609 6a94706 7980609 6a94706 7980609 6a94706 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 |
import pandas as pd
import gradio as gr
# Load menu data from the Excel file
def load_menu(file_path="menu.xlsx"):
menu_data = pd.read_excel(file_path)
grouped_menu = menu_data.groupby("Category")
menu = {category: items.to_dict(orient="records") for category, items in grouped_menu}
return menu
# Generate HTML content for the menu
def generate_menu_html(menu):
html_content = ""
for category, items in menu.items():
html_content += f"<h2>{category}</h2><div style='margin-bottom: 20px;'>"
for item in items:
html_content += f"""
<div style="border: 1px solid #ddd; margin: 10px; padding: 10px; border-radius: 8px; display: inline-block; width: 200px; vertical-align: top; text-align: center;">
<img src="{item['Image URL']}" alt="{item['Dish Name']}" style="width: 150px; height: 100px; object-fit: cover; margin-bottom: 10px;">
<h4>{item['Dish Name']}</h4>
<p>Price: ${item['Price']}</p>
<button onclick="showDetails('{item['Dish Name']}')">Add</button>
</div>
"""
html_content += "</div>"
return html_content
# Fetch dish details for the pop-up card
def fetch_dish_details(dish_name, menu_data_path="menu.xlsx"):
menu_data = pd.read_excel(menu_data_path)
item = menu_data[menu_data["Dish Name"] == dish_name].to_dict(orient="records")
if item:
details = item[0]
html = f"""
<h2>{details['Dish Name']}</h2>
<img src="{details['Image URL']}" alt="{details['Dish Name']}" style="width: 200px; margin-bottom: 20px;">
<p><strong>Description:</strong> {details['Description']}</p>
<p><strong>Ingredients:</strong> {details['Ingredients']}</p>
<p><strong>Allergen Info:</strong> {details['Allergen Info']}</p>
<p><strong>Recommended Items:</strong> {details['Recommended Items']}</p>
<p><strong>Spice Levels:</strong> {details['Spice Levels']}</p>
"""
return html
else:
return "<p style='color: red;'>Dish not found.</p>"
# Gradio interface for the main menu and dish details
def main_interface():
menu = load_menu()
menu_html = generate_menu_html(menu)
return menu_html
def detail_interface(dish_name):
details_html = fetch_dish_details(dish_name)
return details_html
# Gradio App
with gr.Blocks() as app:
with gr.Row():
gr.Markdown("# Dynamic Menu Display")
with gr.Row():
menu_output = gr.HTML()
detail_output = gr.HTML()
with gr.Row():
dish_name_input = gr.Textbox(label="Dish Name", placeholder="Enter dish name to view details.")
fetch_button = gr.Button("Fetch Details")
fetch_button.click(fn=detail_interface, inputs=[dish_name_input], outputs=[detail_output])
menu_output.value = main_interface()
# Launch the app
if __name__ == "__main__":
app.launch()
|