Finished Project

Francesco.Recipes.World/Views/Recipe/Details.cshtml

@@ -32,7 +32,7 @@
 	Instructions = Model.Instructions.ToList()
 })
 
-	<form hx-post="@($"/{Model.Id}/Delete")"
+	<form hx-delete="@($"/{Model.Id}/Delete")"
 		  hx-confirm="Sind Sie sicher, dass Sie dieses Rezept löschen möchten? Diese Aktion kann nicht rückgängig gemacht werden."
 		  hx-redirect="/">
 		@Html.AntiForgeryToken()
@@ -173,34 +173,37 @@
 				return Math.round(quantity * 10) / 10;
 			}
 
+		window.addSelectedIngredientsToShoppingList = function(recipeIdParam) {
+						const idToUse = recipeIdParam || recipeId;
 
-			window.addSelectedIngredientsToShoppingList = function(recipeIdParam) {
-				const idToUse = recipeIdParam || recipeId;
+						var form = document.getElementById('ingredient-form');
+						var formData = new FormData(form);
+						var selectedIngredientIds = formData.getAll('ingredientIds');
 
-				var form = document.getElementById('ingredient-form');
-				var formData = new FormData(form);
-				var selectedIngredientIds = formData.getAll('ingredientIds');
+						fetch('/ShoppingList/CreateOrAddIngredients', {
+							method: 'POST',
+							headers: {
+								'Content-Type': 'application/json',
+								'RequestVerificationToken': document.querySelector('input[name="__RequestVerificationToken"]').value
+							},
+							body: JSON.stringify({ recipeId: idToUse, ingredientIds: selectedIngredientIds })
+						})
+						.then(response => {
+							if (response.ok) {
+								return response.json();
+							}
+							throw new Error('Failed to update shopping list');
+						})
+						.then(result => {
+							localStorage.setItem('shoppingListId', result.shoppingListId);
+							alert('Einkaufsliste aktualisiert.');
+						})
+						.catch(error => {
+							alert('Fehler beim Aktualisieren der Einkaufsliste.');
+						});
+					};
+				});
 
 
-			var token = document.querySelector('input[name="__RequestVerificationToken"]').value;
-
-			var response = await fetch('/ShoppingList/CreateOrAddIngredients', {
-				method: 'POST',
-				headers: {
-					'Content-Type': 'application/json',
-					'RequestVerificationToken': token 
-				},
-				body: JSON.stringify({ recipeId: '@Model.Id', ingredientIds: selectedIngredientIds })
-			});
-
-			if (response.ok) {
-				var result = await response.json();
-				localStorage.setItem('shoppingListId', result.shoppingListId);
-				alert('Zutaten wurden zur Einkaufsliste hinzugefügt.');
-			} else {
-				alert('Fehler beim Hinzufügen zur Einkaufsliste.');
-			}
-		}
-
 	</script>
 }