From f04d7b9d1b7447d7208a95d2bb0ecf66a34dcd7b Mon Sep 17 00:00:00 2001 From: "theis.gaedigk" Date: Mon, 9 Jun 2025 18:36:17 +0200 Subject: [PATCH] added frontend --- {database => backend/database}/README.md | 0 backend/database/recipes/Pizza.json | 4 +++ database/recipes/pizza.json | 0 frontend/addRecipe/addRecipe.html | 12 +++++++- frontend/addRecipe/addRecipe.js | 36 ++++++++++++++++++++++++ frontend/index.html | 5 +++- frontend/index.js | 3 ++ 7 files changed, 58 insertions(+), 2 deletions(-) rename {database => backend/database}/README.md (100%) create mode 100644 backend/database/recipes/Pizza.json delete mode 100644 database/recipes/pizza.json diff --git a/database/README.md b/backend/database/README.md similarity index 100% rename from database/README.md rename to backend/database/README.md diff --git a/backend/database/recipes/Pizza.json b/backend/database/recipes/Pizza.json new file mode 100644 index 0000000..13528f4 --- /dev/null +++ b/backend/database/recipes/Pizza.json @@ -0,0 +1,4 @@ +{ + "title": "Pizza", + "recipe": "## Zutaten\n\n### Teig für 3 Pizzen\n\n- **500g** Mehl (Type 405)\n- **250ml** Wasser\n- **21g** Frischhefe (halber Würfel)\n- **10g** Salz\n- **25ml** Olivenöl\n\n### Belag\n\n- Was schmeckt\n\n## Zubereitung\n\n### Teig\n\nAlle Zutaten bis auf das Mehl in eine Schüssel füllen und leicht umrühren.\nDann das Mehl dazuschütten und ca. 5 Minuten mit einem Handrührgerät (Knethaken)\nverkneten. Anschließend noch einmal ca. 10 Minuten per Hand kneten.\n\nDen Teig in einer mit einem feuchten Tuch abgedeckten Schüssel für mindestens 30\nMinuten gehen lassen. Anschließend in 3 gleich große Stücke teilen, noch einmal\nkurz kneten und zu einer Kugel formen. Diese dann in drei kleine Schüssel füllen\nund noch einmal mindestens 60 Minuten gehen lassen.\n\nAbschließend aus den Kugeln mit der Hand runde Pizzaböden formen (nicht mit\nNudelholz!) und nach Belieben belegen.\n\n### Belag\n\nDie Pizza kann belegt werden wie man will. Es lohnt sich, hochwertige Zutaten\nzu verwenden. Außerdem gilt: Weniger ist mehr. Nicht zu dick belegen!\n\n### Backen\n\nHier gilt: Je heißer, desto besser. Im vorgeheizten Ofen bei 300°C Umluft und\nauf einem Pizzastein braucht die Pizza ca. 6-8 Minuten.\nWeder der Pizzastein, noch die 300°C sind unbedingt nötig, aber für das optimale\nErgebnis sollte der Ofen so heiß wie nur irgendwie möglich sein.\n\n### Tipps\n\n- Für einen besonders guten Teig, kann der Teig bereits am Vortag zubereitet\n werden und über Nacht im Kühlschrank gehen. In diesem Fall sollte die\n Hefe-Menge halbiert werden\n- Es ist enorm wichtig, den Teig lange genug zu kneten. Hier darf man auf keinen\n Fall faul sein\n- Den Teig per Hand zu formen erfordert etwas Übung, ist aber relativ schnell\n gelernt. Es lohnt sich, da man mit dem Nudelholz sonst die ganze Luft aus dem\n Teig drückt.\n- Der Pizzateig lässt sich leicht einfrieren. Einfach bereits in runde Form\n bringen, mit Tomatensauce bestreichen und dann einfrieren. Sobald die Pizza\n gefroren ist, in einen Gefrierbeutel packen damit kein Gefrierbrand entsteht." +} \ No newline at end of file diff --git a/database/recipes/pizza.json b/database/recipes/pizza.json deleted file mode 100644 index e69de29..0000000 diff --git a/frontend/addRecipe/addRecipe.html b/frontend/addRecipe/addRecipe.html index a65fd03..2c63322 100644 --- a/frontend/addRecipe/addRecipe.html +++ b/frontend/addRecipe/addRecipe.html @@ -8,6 +8,16 @@ - +
+ + + + + + + +
+ + \ No newline at end of file diff --git a/frontend/addRecipe/addRecipe.js b/frontend/addRecipe/addRecipe.js index e69de29..21a6be4 100644 --- a/frontend/addRecipe/addRecipe.js +++ b/frontend/addRecipe/addRecipe.js @@ -0,0 +1,36 @@ +function saveRecipe() { + const title = document.getElementById("title").value; + const recipe = document.getElementById("recipe").value; + + if (title && recipe) { + const data = { + title: title, + recipe: recipe, + }; + + const jsonString = JSON.stringify(data, null, 2); + const blob = new Blob([jsonString], { type: "application/json" }); + const url = URL.createObjectURL(blob); + + const errorMsg = document.getElementById("errMsg"); + if (errorMsg) errorMsg.remove(); + + const a = document.createElement("a"); + a.href = url; + a.download = title; + a.click(); + + URL.revokeObjectURL(url); + } else if (title === "" || recipe === "") { + throwError("You have to fill in the title and recipe!"); + } +} + +function throwError(message) { + const element = document.createElement("p"); + element.innerText = message; + element.id = "errMsg"; + document.body.appendChild(element); + + console.error(message); +} \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index 413dc12..33926bc 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -8,6 +8,9 @@ - + + + +
\ No newline at end of file diff --git a/frontend/index.js b/frontend/index.js index e69de29..7c5a667 100644 --- a/frontend/index.js +++ b/frontend/index.js @@ -0,0 +1,3 @@ +function syncRecipes() { + +}; \ No newline at end of file