From 5de0778e20da6c15a96b7cb7acff6d09c7405cdb Mon Sep 17 00:00:00 2001
From: ella <ella@shellixa.de>
Date: Fri, 17 Apr 2026 18:05:59 +0200
Subject: [PATCH] =?UTF-8?q?Rezepte=20und=20Zutaten=20hinzuf=C3=BCgen?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore |  1 +
 index.html | 10 +++++++++-
 js/main.js | 57 ++++++++++++++++++++++++++++++++++--------------------
 3 files changed, 46 insertions(+), 22 deletions(-)
 create mode 100644 .gitignore

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b694934
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.venv
\ No newline at end of file
diff --git a/index.html b/index.html
index 6c5a0cb..357c107 100644
--- a/index.html
+++ b/index.html
@@ -48,18 +48,26 @@
       </div>
       <div class="recipe">
         <div class="heading">
-          <h2 class="title">Rezept für "<span x-text="rezeptname"></span>":</h2>
+          <h2 class="title">
+            Rezept für "<span x-text="rezeptname[0]"></span>":
+          </h2>
           <ul>
             <template x-for="z in rezept">
               <li x-text="z"></li>
             </template>
           </ul>
+          <template x-if="rezeptname[1]">
+            <p>
+              <i>Außerdem: <span x-text="rezeptname[1]"></span></i>
+            </p>
+          </template>
           <template x-if="rezept.length == 0">
             <i
               >Wähle ein paar Zutaten aus der Liste aus. Dein personalisiertes
               Rezept erscheint dann hier...</i
             >
           </template>
+
           <!-- <pre x-text="JSON.stringify(zutaten, null, 2)" x-if="false"></pre> -->
         </div>
       </div>
diff --git a/js/main.js b/js/main.js
index dea96ec..20e6212 100644
--- a/js/main.js
+++ b/js/main.js
@@ -12,16 +12,24 @@ Alpine.data("daten", () => ({
     { name: "Ketchup", einheit: " EL", faktor: 1.4 },
     { name: "Saure Sahne", einheit: "ml", faktor: 100 },
     { gruppe: "Früchte" },
-    { name: "Birne", einheit: "x", faktor: 1 },
-    { name: "Apfel", einheit: "x", faktor: 1 },
-    { name: "Rote Beete", einheit: " Knolle/n", faktor: 1 },
-    { name: "Mandarine", einheit: "x", faktor: 1 },
+    { name: "Birne", einheit: "x" },
+    { name: "Apfel", einheit: "x" },
+    { name: "Rote Beete", einheit: " Knolle/n" },
+    { name: "Mandarine", einheit: "x" },
     { name: "Ananas", einheit: "g", faktor: 50 },
     { name: "Mango", einheit: "g", faktor: 50 },
+    { gruppe: "Gemüse" },
+    { name: "Rucola", einheit: "g", faktor: 150 },
+    { name: "Kopfsalat", einheit: " Blätter" },
+    { name: "Oliven", einheit: "g", faktor: 50 },
+    { name: "Erbsen", einheit: "g", faktor: 50 },
+    { name: "Tomaten stückig", einheit: "g", faktor: 200 },
+    { name: "Paprika", einheit: "x" },
+    { name: "Karotte", einheit: "x" },
     { gruppe: "Fleischanteil" },
     { name: "Fleischwurst", einheit: "g", faktor: 200 },
     { name: "Hackfleisch", einheit: "g", faktor: 250 },
-    { name: "Bratwurst", einheit: "x", faktor: 1 },
+    { name: "Bratwurst", einheit: "x" },
     { name: "Hering", einheit: "g", faktor: 150 },
     { name: "Thunfisch", einheit: "g", faktor: 100 },
     { name: "Lachs", einheit: "g", faktor: 100 },
@@ -30,19 +38,14 @@ Alpine.data("daten", () => ({
     { name: "Käse", einheit: "g", faktor: 100 },
     { name: "Sahne", einheit: "ml", faktor: 100 },
     { gruppe: "Special Gewürze" },
-    { name: "Knoblauch", einheit: " Zehe/n", faktor: 1 },
-    { name: "Chili", einheit: " Scoville", faktor: 10_000},
+    { name: "Knoblauch", einheit: " Zehe/n" },
+    { name: "Chili", einheit: " Scoville", faktor: 10_000 },
     { gruppe: "Sonstiges" },
     { name: "Champignons", einheit: "g", faktor: 100 },
-    { name: "Eier", einheit: "", faktor: 1 },
+    { name: "Eier", einheit: "" },
     { name: "Zwiebeln", einheit: "g", faktor: 100 },
-    { name: "Tomaten stückig", einheit: "g", faktor: 200 },
     { name: "Meeresfrüchte" },
-    { name: "Rucola", einheit: "g", faktor: 150 },
-    { name: "Erbsen", einheit: "g", faktor: 100 },
-    { name: "Spargel", einheit: " Stange/n", faktor: 1 },
-    { name: "Oliven", einheit: "g", faktor: 50 },
-    { name: "Kopfsalat", einheit: " Blätter", faktor: 1 },
+    { name: "Spargel", einheit: " Stange/n" },
   ],
   filter: "",
   init() {
@@ -104,22 +107,34 @@ Alpine.data("daten", () => ({
         return a;
       }
     }, 0);
-    if (zutaten["Salatgurke"] >= 5 && zutaten["Senf"] >= 6 && gesamt < 15) {
-      return "Senfgurken";
-    } else if (
+    if (zutaten["Salatgurke"] >= 4 && zutaten["Senf"] >= 4 && gesamt < 15) {
+      return ["Senfgurken"];
+    }
+    if (
       zutaten["Hackfleisch"] >= 2 &&
       zutaten["Nudeln"] >= 3 &&
       zutaten["Tomaten stückig"] >= 2
     ) {
-      return "Spaghetti Bolognese";
-    } else if (
+      return ["Spaghetti Bolognese"];
+    }
+    if (
       zutaten["Ketchup"] >= 3 &&
       zutaten["Mayonnaise"] >= 3 &&
       zutaten["Kartoffeln"] >= 1
     ) {
-      return "Pommes Rot-Weiß";
+      return ["Pommes Rot-Weiß"];
     }
-    return "Kartoffelsalat";
+    if (
+      zutaten["Kopfsalat"] >= 3 &&
+      zutaten["Karotte"] >= 1 &&
+      zutaten["Paprika"] >= 1
+    ) {
+      return ["Gemischter Salat", "etwas Schnittlauch und Petersilie"];
+    }
+    if (zutaten["Paprika"] >= 4 && zutaten["Hackfleisch"] >= 1) {
+      return ["Gefüllte Paprika"];
+    }
+    return ["Kartoffelsalat"];
   },
 }));
 Alpine.start();