Rezepte und Zutaten hinzufügen

.gitignore

@@ -0,0 +1 @@
+.venv

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>

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: "Birne", einheit: "x" },
-    { name: "Apfel", einheit: "x", faktor: 1 },
+    { name: "Apfel", einheit: "x" },
-    { name: "Rote Beete", einheit: " Knolle/n", faktor: 1 },
+    { name: "Rote Beete", einheit: " Knolle/n" },
-    { name: "Mandarine", einheit: "x", faktor: 1 },
+    { 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: "Knoblauch", einheit: " Zehe/n" },
-    { name: "Chili", einheit: " Scoville", faktor: 10_000},
+    { 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: "Spargel", einheit: " Stange/n" },
-    { 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 },
   ],
   filter: "",
   init() {
@@ -104,22 +107,34 @@ Alpine.data("daten", () => ({
         return a;
       }
     }, 0);
-    if (zutaten["Salatgurke"] >= 5 && zutaten["Senf"] >= 6 && gesamt < 15) {
+    if (zutaten["Salatgurke"] >= 4 && zutaten["Senf"] >= 4 && gesamt < 15) {
-      return "Senfgurken";
+      return ["Senfgurken"];
-    } else if (
+    }
+    if (
       zutaten["Hackfleisch"] >= 2 &&
       zutaten["Nudeln"] >= 3 &&
       zutaten["Tomaten stückig"] >= 2
     ) {
-      return "Spaghetti Bolognese";
+      return ["Spaghetti Bolognese"];
-    } else if (
+    }
+    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();