Subbu1304 commited on
Commit
e55c2a9
·
verified ·
1 Parent(s): 8fe54fa

Update templates/menu.html

Browse files
Files changed (1) hide show
  1. templates/menu.html +32 -127
templates/menu.html CHANGED
@@ -1147,47 +1147,6 @@ document.addEventListener('DOMContentLoaded', function () {
1147
  ft Drink added to cart successfully!');
1148
 
1149
  // subbu###################
1150
- // function addSoftDrinkToCart(name, price, image, section, category, index) {
1151
- // const itemPrice = parseFloat(price);
1152
- // const quantity = 1; // Default quantity
1153
-
1154
- // const cartPayload = {
1155
- // itemName: name,
1156
- // itemPrice: itemPrice,
1157
- // itemImage: image || '/static/placeholder.jpg',
1158
- // section: section,
1159
- // category: category,
1160
- // addons: [], // No add-ons for Soft Drinks
1161
- // instructions: '', // No instructions for Soft Drinks
1162
- // quantity: quantity
1163
- // };
1164
-
1165
- // fetch('/cart/add', {
1166
- // method: 'POST',
1167
- // headers: {
1168
- // 'Content-Type': 'application/json',
1169
- // },
1170
- // body: JSON.stringify(cartPayload)
1171
- // })
1172
- // .then(response => response.json())
1173
- // .then(data => {
1174
- // if (data.success) {
1175
- // // Hide the ADD button and show quantity controls
1176
- // document.getElementById(`add-btn-${index}`).style.display = 'none';
1177
- // document.getElementById(`quantity-control-${index}`).style.display = 'flex';
1178
- // updateCartQuantity(data.cart);
1179
- // alert('Soft Drink added to cart successfully!');
1180
- // } else {
1181
- // alert(data.error || 'Failed to add Soft Drink to cart.');
1182
- // }
1183
- // })
1184
- // .catch(err => {
1185
- // console.error('Error adding Soft Drink to cart:', err);
1186
- // alert('An error occurred while adding the Soft Drink to the cart.');
1187
- // });
1188
- // }
1189
-
1190
- // Add Soft Drink to Cart with a default quantity of 1
1191
  function addSoftDrinkToCart(name, price, image, section, category, index) {
1192
  const itemPrice = parseFloat(price);
1193
  const quantity = 1; // Default quantity
@@ -1203,7 +1162,6 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
1203
  quantity: quantity
1204
  };
1205
 
1206
- // Add item to cart for the first time
1207
  fetch('/cart/add', {
1208
  method: 'POST',
1209
  headers: {
@@ -1217,7 +1175,7 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
1217
  // Hide the ADD button and show quantity controls
1218
  document.getElementById(`add-btn-${index}`).style.display = 'none';
1219
  document.getElementById(`quantity-control-${index}`).style.display = 'flex';
1220
- updateCartQuantity(data.cart); // Update cart display
1221
  alert('Soft Drink added to cart successfully!');
1222
  } else {
1223
  alert(data.error || 'Failed to add Soft Drink to cart.');
@@ -1228,50 +1186,29 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
1228
  alert('An error occurred while adding the Soft Drink to the cart.');
1229
  });
1230
  }
 
 
 
1231
  // subbu###################
1232
 
1233
 
1234
 
1235
 
1236
 
1237
- // function increaseQuantity(name, index) {
1238
- // let quantityElement = document.getElementById(`quantity-${index}`);
1239
- // let currentQuantity = parseInt(quantityElement.innerText);
1240
- // currentQuantity++; // Increase the quantity by 1
1241
- // quantityElement.innerText = currentQuantity;
1242
-
1243
- // // Update cart immediately
1244
- // updateCartQuantity(name, currentQuantity);
1245
- // }
1246
- function increaseQuantity(name, index) {
1247
  let quantityElement = document.getElementById(`quantity-${index}`);
1248
  let currentQuantity = parseInt(quantityElement.innerText);
1249
  currentQuantity++; // Increase the quantity by 1
1250
  quantityElement.innerText = currentQuantity;
1251
 
1252
- // Update cart immediately when quantity is increased
1253
  updateCartQuantity(name, currentQuantity);
1254
  }
1255
 
1256
 
1257
 
1258
- // function decreaseQuantity(name, index) {
1259
- // let quantityElement = document.getElementById(`quantity-${index}`);
1260
- // let currentQuantity = parseInt(quantityElement.innerText);
1261
-
1262
- // if (currentQuantity > 1) {
1263
- // currentQuantity--;
1264
- // quantityElement.innerText = currentQuantity;
1265
- // // Update cart immediately
1266
- // updateCartQuantity(name, currentQuantity);
1267
- // } else {
1268
- // // Remove from cart if quantity is 1 and show the "Add" button
1269
- // removeFromCart(name, index);
1270
- // document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show ADD button
1271
- // document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
1272
- // }
1273
- // }
1274
- function decreaseQuantity(name, index) {
1275
  let quantityElement = document.getElementById(`quantity-${index}`);
1276
  let currentQuantity = parseInt(quantityElement.innerText);
1277
 
@@ -1281,78 +1218,46 @@ function addSoftDrinkToCart(name, price, image, section, category, index) {
1281
  // Update cart immediately
1282
  updateCartQuantity(name, currentQuantity);
1283
  } else {
1284
- // Remove from cart if quantity is 1
1285
  removeFromCart(name, index);
1286
  document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show ADD button
1287
  document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
1288
  }
1289
  }
 
1290
 
1291
 
1292
 
1293
- // Function to update cart quantity
1294
- // function updateCartQuantity(cart) {
1295
- // if (!Array.isArray(cart)) {
1296
- // console.error('Invalid cart data:', cart);
1297
- // return;
1298
- // }
1299
- // const cartIcon = document.getElementById('cart-icon');
1300
- // cartIcon.innerText = cart.length; // Assuming cart is an array of items
1301
- // }
1302
- function updateCartQuantity(name, newQuantity) {
1303
- const customerEmail = "[email protected]"; // Get the logged-in user's email
1304
- fetch(`/cart/update_quantity`, {
1305
- method: 'POST',
1306
- headers: { 'Content-Type': 'application/json' },
1307
- body: JSON.stringify({
1308
- email: customerEmail,
1309
- item_name: name.trim(),
1310
- quantity: newQuantity
1311
- })
1312
- })
1313
- .then(response => response.json())
1314
- .then(data => {
1315
- if (data.success) {
1316
- alert("Item quantity updated successfully.");
1317
- updateCartDisplay(data.cart); // Update cart UI
1318
- } else {
1319
- alert(data.error || "Failed to update item quantity.");
1320
- }
1321
- })
1322
- .catch(err => console.error("Error updating item quantity:", err));
1323
- }
1324
-
1325
- // function updateCartDisplay(cart) {
1326
- // if (!Array.isArray(cart)) {
1327
- // console.error('Invalid cart data:', cart);
1328
- // return;
1329
- // }
1330
- // // Optional: Update quantity on the cart page
1331
- // const cartCountElement = document.getElementById('cart-count');
1332
- // cartCountElement.innerText = cart.reduce((total, item)=> total+item.quantity,0); // Update cart item count //Sum of all quantities
1333
-
1334
- // // Optionally, show a small success notification that the item was added
1335
- // const successNotification = document.createElement('div');
1336
- // successNotification.classList.add('success-notification');
1337
- // successNotification.innerText = 'Item added to cart!';
1338
- // document.body.appendChild(successNotification);
1339
- // setTimeout(() => {
1340
- // successNotification.remove(); // Remove success notification after a few seconds
1341
- // }, 2000);
1342
- // }
1343
- function updateCartDisplay(cart) {
1344
  if (!Array.isArray(cart)) {
1345
  console.error('Invalid cart data:', cart);
1346
  return;
1347
  }
1348
-
1349
  const cartIcon = document.getElementById('cart-icon');
1350
- cartIcon.innerText = cart.length; // Assuming cart is an array of items
 
1351
 
1352
- // Optional: Update quantity on the cart page
 
 
 
 
 
 
1353
  const cartCountElement = document.getElementById('cart-count');
1354
- cartCountElement.innerText = cart.reduce((total, item) => total + item.quantity, 0); // Update cart item count (sum of all quantities)
 
 
 
 
 
 
 
 
 
1355
  }
 
1356
 
1357
 
1358
  </script>
 
1147
  ft Drink added to cart successfully!');
1148
 
1149
  // subbu###################
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1150
  function addSoftDrinkToCart(name, price, image, section, category, index) {
1151
  const itemPrice = parseFloat(price);
1152
  const quantity = 1; // Default quantity
 
1162
  quantity: quantity
1163
  };
1164
 
 
1165
  fetch('/cart/add', {
1166
  method: 'POST',
1167
  headers: {
 
1175
  // Hide the ADD button and show quantity controls
1176
  document.getElementById(`add-btn-${index}`).style.display = 'none';
1177
  document.getElementById(`quantity-control-${index}`).style.display = 'flex';
1178
+ updateCartQuantity(data.cart);
1179
  alert('Soft Drink added to cart successfully!');
1180
  } else {
1181
  alert(data.error || 'Failed to add Soft Drink to cart.');
 
1186
  alert('An error occurred while adding the Soft Drink to the cart.');
1187
  });
1188
  }
1189
+
1190
+
1191
+
1192
  // subbu###################
1193
 
1194
 
1195
 
1196
 
1197
 
1198
+ function increaseQuantity(name, index) {
 
 
 
 
 
 
 
 
 
1199
  let quantityElement = document.getElementById(`quantity-${index}`);
1200
  let currentQuantity = parseInt(quantityElement.innerText);
1201
  currentQuantity++; // Increase the quantity by 1
1202
  quantityElement.innerText = currentQuantity;
1203
 
1204
+ // Update cart immediately
1205
  updateCartQuantity(name, currentQuantity);
1206
  }
1207
 
1208
 
1209
 
1210
+
1211
+ function decreaseQuantity(name, index) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1212
  let quantityElement = document.getElementById(`quantity-${index}`);
1213
  let currentQuantity = parseInt(quantityElement.innerText);
1214
 
 
1218
  // Update cart immediately
1219
  updateCartQuantity(name, currentQuantity);
1220
  } else {
1221
+ // Remove from cart if quantity is 1 and show the "Add" button
1222
  removeFromCart(name, index);
1223
  document.getElementById(`add-btn-${index}`).style.display = 'block'; // Show ADD button
1224
  document.getElementById(`quantity-control-${index}`).style.display = 'none'; // Hide quantity controls
1225
  }
1226
  }
1227
+
1228
 
1229
 
1230
 
1231
+ Function to update cart quantity
1232
+ function updateCartQuantity(cart) {
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1233
  if (!Array.isArray(cart)) {
1234
  console.error('Invalid cart data:', cart);
1235
  return;
1236
  }
 
1237
  const cartIcon = document.getElementById('cart-icon');
1238
+ cartIcon.innerText = cart.length; // Assuming cart is an array of items
1239
+ }
1240
 
1241
+
1242
+ function updateCartDisplay(cart) {
1243
+ if (!Array.isArray(cart)) {
1244
+ console.error('Invalid cart data:', cart);
1245
+ return;
1246
+ }
1247
+ // Optional: Update quantity on the cart page
1248
  const cartCountElement = document.getElementById('cart-count');
1249
+ cartCountElement.innerText = cart.reduce((total, item)=> total+item.quantity,0); // Update cart item count //Sum of all quantities
1250
+
1251
+ // Optionally, show a small success notification that the item was added
1252
+ const successNotification = document.createElement('div');
1253
+ successNotification.classList.add('success-notification');
1254
+ successNotification.innerText = 'Item added to cart!';
1255
+ document.body.appendChild(successNotification);
1256
+ setTimeout(() => {
1257
+ successNotification.remove(); // Remove success notification after a few seconds
1258
+ }, 2000);
1259
  }
1260
+
1261
 
1262
 
1263
  </script>