Update app.py
Browse files
app.py
CHANGED
|
@@ -4,149 +4,84 @@ from simple_salesforce import Salesforce
|
|
| 4 |
# Salesforce Connection
|
| 5 |
sf = Salesforce(username='[email protected]', password='Sati@1020', security_token='sSSjyhInIsUohKpG8sHzty2q')
|
| 6 |
|
| 7 |
-
#
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
def generate_menu_html(menu_items):
|
| 24 |
-
html = "
|
| 25 |
for item in menu_items:
|
| 26 |
html += f"""
|
| 27 |
-
<div style="border: 1px solid #ddd; padding: 10px; margin: 10px;
|
| 28 |
-
<img src="{item
|
| 29 |
-
<
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
|
|
|
|
|
|
|
|
|
| 33 |
</div>
|
| 34 |
"""
|
| 35 |
-
html += "</div>"
|
| 36 |
return html
|
| 37 |
|
| 38 |
-
# Function to save order in Salesforce
|
| 39 |
-
def save_order_in_salesforce(cart_data, total_cost):
|
| 40 |
-
try:
|
| 41 |
-
if not cart_data:
|
| 42 |
-
return "Cart is empty!"
|
| 43 |
-
|
| 44 |
-
# Save Order
|
| 45 |
-
order = {
|
| 46 |
-
"Name": f"Order-{datetime.now().strftime('%Y%m%d%H%M%S')}",
|
| 47 |
-
"Total_Amount__c": total_cost,
|
| 48 |
-
"Order_Date__c": datetime.now().isoformat(),
|
| 49 |
-
}
|
| 50 |
-
order_result = sf.Order__c.create(order)
|
| 51 |
-
order_id = order_result["id"]
|
| 52 |
-
|
| 53 |
-
# Save Order Items
|
| 54 |
-
for item in cart_data:
|
| 55 |
-
order_item = {
|
| 56 |
-
"Order__c": order_id,
|
| 57 |
-
"Menu_Item__c": item["menu_item_id"],
|
| 58 |
-
"Quantity__c": item["quantity"],
|
| 59 |
-
"Price__c": item["price"],
|
| 60 |
-
"Total_Price__c": item["total_price"],
|
| 61 |
-
"Add_Ons__c": ", ".join(addon["name"] for addon in item["add_ons"]),
|
| 62 |
-
"Special_Instructions__c": item["instructions"],
|
| 63 |
-
}
|
| 64 |
-
sf.Order_Item__c.create(order_item)
|
| 65 |
-
|
| 66 |
-
return "Order placed successfully!"
|
| 67 |
-
except Exception as e:
|
| 68 |
-
return f"Error saving order: {str(e)}"
|
| 69 |
-
|
| 70 |
-
# JS for Popup
|
| 71 |
-
popup_script = """
|
| 72 |
-
<script>
|
| 73 |
-
function openPopup(id, name, price) {
|
| 74 |
-
document.getElementById('popup-name').innerText = name;
|
| 75 |
-
document.getElementById('popup-price').innerText = `$${price}`;
|
| 76 |
-
document.getElementById('popup').style.display = 'block';
|
| 77 |
-
document.getElementById('popup').setAttribute('data-id', id);
|
| 78 |
-
}
|
| 79 |
-
|
| 80 |
-
function closePopup() {
|
| 81 |
-
document.getElementById('popup').style.display = 'none';
|
| 82 |
-
}
|
| 83 |
-
|
| 84 |
-
function addToCart() {
|
| 85 |
-
const id = document.getElementById('popup').getAttribute('data-id');
|
| 86 |
-
const name = document.getElementById('popup-name').innerText;
|
| 87 |
-
const price = parseFloat(document.getElementById('popup-price').innerText.replace('$', ''));
|
| 88 |
-
const quantity = parseInt(document.getElementById('popup-quantity').value);
|
| 89 |
-
const instructions = document.getElementById('popup-instructions').value;
|
| 90 |
-
const addOns = Array.from(document.querySelectorAll('input[name="addon"]:checked')).map(addon => ({
|
| 91 |
-
name: addon.getAttribute('data-name'),
|
| 92 |
-
price: parseFloat(addon.getAttribute('data-price')),
|
| 93 |
-
}));
|
| 94 |
-
|
| 95 |
-
const totalPrice = price * quantity + addOns.reduce((acc, addon) => acc + addon.price, 0);
|
| 96 |
-
cart.push({ menu_item_id: id, name, price, quantity, add_ons: addOns, instructions, total_price: totalPrice });
|
| 97 |
-
closePopup();
|
| 98 |
-
alert(`${name} added to cart!`);
|
| 99 |
-
}
|
| 100 |
-
</script>
|
| 101 |
-
"""
|
| 102 |
-
|
| 103 |
# Gradio App
|
| 104 |
with gr.Blocks() as app:
|
| 105 |
-
menu_items =
|
| 106 |
-
add_ons = fetch_add_ons_from_salesforce()
|
| 107 |
|
| 108 |
with gr.Row():
|
| 109 |
gr.HTML("<h1>Welcome to Biryani Hub</h1>")
|
| 110 |
|
| 111 |
with gr.Row():
|
| 112 |
-
|
| 113 |
-
total_cost_view = gr.Textbox(label="Total Cost", interactive=False)
|
| 114 |
-
|
| 115 |
-
with gr.Row():
|
| 116 |
-
menu_output = gr.HTML(generate_menu_html(menu_items))
|
| 117 |
|
|
|
|
| 118 |
with gr.Row():
|
| 119 |
-
|
| 120 |
-
|
| 121 |
-
|
| 122 |
-
submit_order.click(
|
| 123 |
-
lambda: save_order_in_salesforce(cart, sum(item["total_price"] for item in cart)),
|
| 124 |
-
inputs=[],
|
| 125 |
-
outputs=order_status,
|
| 126 |
-
)
|
| 127 |
-
|
| 128 |
-
gr.HTML("""
|
| 129 |
-
<div id="popup" style="display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 400px; height: 600px; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);">
|
| 130 |
-
<h3 id="popup-name"></h3>
|
| 131 |
-
<p id="popup-price"></p>
|
| 132 |
-
<label>Quantity:</label>
|
| 133 |
-
<input type="number" id="popup-quantity" value="1" min="1">
|
| 134 |
-
<label>Special Instructions:</label>
|
| 135 |
-
<textarea id="popup-instructions" rows="3"></textarea>
|
| 136 |
-
<label>Add-Ons:</label>
|
| 137 |
-
<div>
|
| 138 |
-
""" +
|
| 139 |
-
"".join(
|
| 140 |
-
f'<input type="checkbox" name="addon" data-name="{addon["Name"]}" data-price="{addon["Price__c"]}"> {addon["Name"]} (+${addon["Price__c"]})<br>'
|
| 141 |
-
for addon in add_ons
|
| 142 |
-
) +
|
| 143 |
-
"""
|
| 144 |
-
</div>
|
| 145 |
-
<button onclick="addToCart()">Add to Cart</button>
|
| 146 |
-
<button onclick="closePopup()">Close</button>
|
| 147 |
-
</div>
|
| 148 |
-
""")
|
| 149 |
-
|
| 150 |
-
gr.HTML(popup_script)
|
| 151 |
|
| 152 |
app.launch()
|
|
|
|
| 4 |
# Salesforce Connection
|
| 5 |
sf = Salesforce(username='[email protected]', password='Sati@1020', security_token='sSSjyhInIsUohKpG8sHzty2q')
|
| 6 |
|
| 7 |
+
# Sample menu items from Salesforce
|
| 8 |
+
def fetch_menu_items():
|
| 9 |
+
try:
|
| 10 |
+
query = "SELECT Id, Name, Price__c, Image1__c, Description__c, Section__c FROM Menu_Item__c"
|
| 11 |
+
menu_items = sf.query(query)['records']
|
| 12 |
+
return menu_items
|
| 13 |
+
except Exception as e:
|
| 14 |
+
print(f"Error fetching menu items: {e}")
|
| 15 |
+
return []
|
| 16 |
+
|
| 17 |
+
# Cart management
|
| 18 |
+
cart = {}
|
| 19 |
+
|
| 20 |
+
def update_cart(item_id, name, price, quantity):
|
| 21 |
+
if item_id in cart:
|
| 22 |
+
cart[item_id]['quantity'] += quantity
|
| 23 |
+
if cart[item_id]['quantity'] <= 0:
|
| 24 |
+
del cart[item_id]
|
| 25 |
+
else:
|
| 26 |
+
if quantity > 0:
|
| 27 |
+
cart[item_id] = {'name': name, 'price': price, 'quantity': quantity}
|
| 28 |
+
return cart_summary()
|
| 29 |
+
|
| 30 |
+
def cart_summary():
|
| 31 |
+
total_items = sum(item['quantity'] for item in cart.values())
|
| 32 |
+
total_cost = sum(item['quantity'] * item['price'] for item in cart.values())
|
| 33 |
+
return f"{total_items} items | Total: ₹{total_cost:.2f}"
|
| 34 |
+
|
| 35 |
+
# Cart Page
|
| 36 |
+
def cart_page():
|
| 37 |
+
items_html = "".join(
|
| 38 |
+
f"""
|
| 39 |
+
<div>
|
| 40 |
+
<h4>{item['name']} (₹{item['price']})</h4>
|
| 41 |
+
<p>Quantity: {item['quantity']}</p>
|
| 42 |
+
</div>
|
| 43 |
+
"""
|
| 44 |
+
for item in cart.values()
|
| 45 |
+
)
|
| 46 |
+
total_cost = sum(item['quantity'] * item['price'] for item in cart.values())
|
| 47 |
+
return f"""
|
| 48 |
+
<h3>Your Cart</h3>
|
| 49 |
+
<div>{items_html}</div>
|
| 50 |
+
<h4>Total Cost: ₹{total_cost:.2f}</h4>
|
| 51 |
+
<button onclick="alert('Checkout functionality to be implemented')">Proceed to Checkout</button>
|
| 52 |
+
"""
|
| 53 |
+
|
| 54 |
+
# Generate HTML for Menu Items
|
| 55 |
def generate_menu_html(menu_items):
|
| 56 |
+
html = ""
|
| 57 |
for item in menu_items:
|
| 58 |
html += f"""
|
| 59 |
+
<div style="border: 1px solid #ddd; padding: 10px; margin: 10px; border-radius: 8px; display: flex; align-items: center;">
|
| 60 |
+
<img src="{item['Image1__c']}" alt="{item['Name']}" style="width: 100px; height: 100px; margin-right: 10px;">
|
| 61 |
+
<div>
|
| 62 |
+
<h4>{item['Name']}</h4>
|
| 63 |
+
<p>₹{item['Price__c']}</p>
|
| 64 |
+
<button onclick="updateCart('{item['Id']}', '{item['Name']}', {item['Price__c']}, -1)">-</button>
|
| 65 |
+
<span>0</span>
|
| 66 |
+
<button onclick="updateCart('{item['Id']}', '{item['Name']}', {item['Price__c']}, 1)">+</button>
|
| 67 |
+
</div>
|
| 68 |
</div>
|
| 69 |
"""
|
|
|
|
| 70 |
return html
|
| 71 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 72 |
# Gradio App
|
| 73 |
with gr.Blocks() as app:
|
| 74 |
+
menu_items = fetch_menu_items()
|
|
|
|
| 75 |
|
| 76 |
with gr.Row():
|
| 77 |
gr.HTML("<h1>Welcome to Biryani Hub</h1>")
|
| 78 |
|
| 79 |
with gr.Row():
|
| 80 |
+
gr.HTML(generate_menu_html(menu_items))
|
|
|
|
|
|
|
|
|
|
|
|
|
| 81 |
|
| 82 |
+
# Floating Cart Button
|
| 83 |
with gr.Row():
|
| 84 |
+
cart_display = gr.HTML("0 items | Total: ₹0.00", elem_id="cart-summary")
|
| 85 |
+
gr.Button("View Cart", elem_id="view-cart-btn").click(cart_page, [], cart_display)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 86 |
|
| 87 |
app.launch()
|