Spaces:
Sleeping
Sleeping
Update templates/menu_page.html
Browse files- templates/menu_page.html +15 -35
templates/menu_page.html
CHANGED
@@ -4,6 +4,8 @@
|
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
<title>Biryani Hub Menu</title>
|
|
|
|
|
7 |
<style>
|
8 |
body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
|
9 |
.menu-container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; margin-top: 20px; }
|
@@ -16,29 +18,9 @@
|
|
16 |
.menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
|
17 |
.cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
|
18 |
.cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
|
19 |
-
.view-cart-container {
|
20 |
-
|
21 |
-
|
22 |
-
right: 20px;
|
23 |
-
z-index: 999;
|
24 |
-
}
|
25 |
-
.view-cart-button {
|
26 |
-
background-color: #007bff;
|
27 |
-
color: #fff;
|
28 |
-
padding: 10px 20px;
|
29 |
-
border-radius: 50px;
|
30 |
-
font-size: 1rem;
|
31 |
-
font-weight: bold;
|
32 |
-
text-decoration: none;
|
33 |
-
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
|
34 |
-
display: flex;
|
35 |
-
align-items: center;
|
36 |
-
justify-content: center;
|
37 |
-
}
|
38 |
-
.view-cart-button:hover {
|
39 |
-
background-color: #0056b3;
|
40 |
-
text-decoration: none;
|
41 |
-
}
|
42 |
</style>
|
43 |
</head>
|
44 |
<body>
|
@@ -60,16 +42,8 @@
|
|
60 |
<button onclick="placeOrder()">Place Final Order</button>
|
61 |
</div>
|
62 |
|
63 |
-
<!-- View Cart Button -->
|
64 |
<div class="view-cart-container">
|
65 |
-
<a href="javascript:void(0);" class="view-cart-button" onclick="viewCart()">
|
66 |
-
View Cart
|
67 |
-
</a>
|
68 |
-
</div>
|
69 |
-
|
70 |
-
<!-- Link to Order History Page -->
|
71 |
-
<div class="text-center mt-4">
|
72 |
-
<a href="{{ url_for('order_history') }}" class="btn btn-primary">View Order History</a>
|
73 |
</div>
|
74 |
|
75 |
<script>
|
@@ -77,12 +51,18 @@
|
|
77 |
veg: [
|
78 |
{ name: 'Samosa', price: 9, ingredients: 'Potatoes, Peas, Flour, Spices', description: 'Crispy fried pastry filled with spiced potatoes and peas.', imageUrl: 'https://via.placeholder.com/100' },
|
79 |
{ name: 'Onion Pakoda', price: 10, ingredients: 'Onions, Gram Flour, Spices', description: 'Deep-fried onion fritters seasoned with herbs and spices.', imageUrl: 'https://via.placeholder.com/100' },
|
80 |
-
{ name: 'Chilli Gobi', price: 12, ingredients: 'Cauliflower, Chili Sauce, Spices', description: 'Cauliflower florets tossed in a spicy chili sauce.', imageUrl: 'https://via.placeholder.com/100' }
|
|
|
|
|
|
|
81 |
],
|
|
|
82 |
nonVeg: [
|
83 |
{ name: 'Chicken Biryani', price: 14, ingredients: 'Chicken, Basmati Rice, Spices', description: 'Aromatic basmati rice cooked with tender chicken and spices.', imageUrl: 'https://via.placeholder.com/100' },
|
84 |
{ name: 'Mutton Biryani', price: 16, ingredients: 'Mutton, Basmati Rice, Spices', description: 'Flavorful rice dish made with succulent mutton and aromatic spices.', imageUrl: 'https://via.placeholder.com/100' },
|
85 |
-
{ name: 'Butter Chicken', price: 15, ingredients: 'Chicken, Tomato, Butter, Cream', description: 'Tender chicken cooked in a rich, creamy tomato sauce.', imageUrl: 'https://via.placeholder.com/100' }
|
|
|
|
|
86 |
]
|
87 |
};
|
88 |
|
@@ -143,7 +123,7 @@
|
|
143 |
alert("Your cart is empty. Please add items before placing the order.");
|
144 |
}
|
145 |
}
|
146 |
-
|
147 |
</script>
|
|
|
148 |
</body>
|
149 |
</html>
|
|
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
<title>Biryani Hub Menu</title>
|
7 |
+
<!-- Bootstrap CSS -->
|
8 |
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
|
9 |
<style>
|
10 |
body { font-family: Arial, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; }
|
11 |
.menu-container { max-width: 1200px; margin: 0 auto; padding: 20px; background-color: #fff; border-radius: 8px; margin-top: 20px; }
|
|
|
18 |
.menu-option button { font-size: 1.2rem; padding: 10px 20px; margin: 10px; cursor: pointer; }
|
19 |
.cart-container { margin-top: 30px; padding: 10px; border: 1px solid #ddd; border-radius: 5px; background-color: #eaf3e1; }
|
20 |
.cart-item { display: flex; justify-content: space-between; margin-bottom: 10px; }
|
21 |
+
.view-cart-container { position: fixed; bottom: 20px; right: 20px; z-index: 999; }
|
22 |
+
.view-cart-button { background-color: #007bff; color: #fff; padding: 10px 20px; border-radius: 50px; font-size: 1rem; font-weight: bold; text-decoration: none; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: center; }
|
23 |
+
.view-cart-button:hover { background-color: #0056b3; text-decoration: none; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
24 |
</style>
|
25 |
</head>
|
26 |
<body>
|
|
|
42 |
<button onclick="placeOrder()">Place Final Order</button>
|
43 |
</div>
|
44 |
|
|
|
45 |
<div class="view-cart-container">
|
46 |
+
<a href="javascript:void(0);" class="view-cart-button" onclick="viewCart()">View Cart</a>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
47 |
</div>
|
48 |
|
49 |
<script>
|
|
|
51 |
veg: [
|
52 |
{ name: 'Samosa', price: 9, ingredients: 'Potatoes, Peas, Flour, Spices', description: 'Crispy fried pastry filled with spiced potatoes and peas.', imageUrl: 'https://via.placeholder.com/100' },
|
53 |
{ name: 'Onion Pakoda', price: 10, ingredients: 'Onions, Gram Flour, Spices', description: 'Deep-fried onion fritters seasoned with herbs and spices.', imageUrl: 'https://via.placeholder.com/100' },
|
54 |
+
{ name: 'Chilli Gobi', price: 12, ingredients: 'Cauliflower, Chili Sauce, Spices', description: 'Cauliflower florets tossed in a spicy chili sauce.', imageUrl: 'https://via.placeholder.com/100' },
|
55 |
+
{ name: 'Paneer Butter Masala', price: 13, ingredients: 'Paneer, Tomato, Butter, Spices', description: 'Soft paneer cubes in a creamy, flavorful gravy.', imageUrl: 'https://via.placeholder.com/100' },
|
56 |
+
{ name: 'Aloo Gobi', price: 10, ingredients: 'Potatoes, Cauliflower, Spices', description: 'A traditional Indian curry with potatoes and cauliflower.', imageUrl: 'https://via.placeholder.com/100' },
|
57 |
+
{ name: 'Vegetable Biryani', price: 15, ingredients: 'Basmati Rice, Mixed Vegetables, Spices', description: 'Aromatic rice cooked with seasonal vegetables and spices.', imageUrl: 'https://via.placeholder.com/100' }
|
58 |
],
|
59 |
+
|
60 |
nonVeg: [
|
61 |
{ name: 'Chicken Biryani', price: 14, ingredients: 'Chicken, Basmati Rice, Spices', description: 'Aromatic basmati rice cooked with tender chicken and spices.', imageUrl: 'https://via.placeholder.com/100' },
|
62 |
{ name: 'Mutton Biryani', price: 16, ingredients: 'Mutton, Basmati Rice, Spices', description: 'Flavorful rice dish made with succulent mutton and aromatic spices.', imageUrl: 'https://via.placeholder.com/100' },
|
63 |
+
{ name: 'Butter Chicken', price: 15, ingredients: 'Chicken, Tomato, Butter, Cream', description: 'Tender chicken cooked in a rich, creamy tomato sauce.', imageUrl: 'https://via.placeholder.com/100' },
|
64 |
+
{ name: 'Chicken Tikka', price: 12, ingredients: 'Chicken, Yogurt, Spices', description: 'Grilled chicken marinated in yogurt and spices.', imageUrl: 'https://via.placeholder.com/100' },
|
65 |
+
{ name: 'Prawn Masala', price: 20, ingredients: 'Prawns, Spices, Tomatoes', description: 'Juicy prawns cooked in a flavorful, spicy masala.', imageUrl: 'https://via.placeholder.com/100' }
|
66 |
]
|
67 |
};
|
68 |
|
|
|
123 |
alert("Your cart is empty. Please add items before placing the order.");
|
124 |
}
|
125 |
}
|
|
|
126 |
</script>
|
127 |
+
|
128 |
</body>
|
129 |
</html>
|