From 28338fa2409d1a77758b95a66564a477e6bd8d9c Mon Sep 17 00:00:00 2001
From: ella <ella@shellixa.de>
Date: Fri, 24 Apr 2026 17:58:10 +0200
Subject: [PATCH] =?UTF-8?q?rezepte=20hinzugef=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html |  5 +++++
 js/main.js | 22 ++++++++++++++++++++--
 style.css  | 19 ++++++++++++++++++-
 3 files changed, 43 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 357c107..0c5904a 100644
--- a/index.html
+++ b/index.html
@@ -11,12 +11,17 @@
     <div class="window" x-data="daten">
       <div class="actionbar">
         <button type="button" @click="reset()">Alles zurücksetzen</button>
+        <span class="search">
         <input
           type="text"
           class="search"
           placeholder="Suche..."
           x-model="filter"
         />
+        <template x-if="filter.length > 0">
+          <button type="reset" @click="filter = ''">&times;</button>
+        </template>
+        </span>
       </div>
       <div class="grid">
         <template x-for="(z) in zutaten_filter">
diff --git a/js/main.js b/js/main.js
index 20e6212..b162504 100644
--- a/js/main.js
+++ b/js/main.js
@@ -23,7 +23,7 @@ Alpine.data("daten", () => ({
     { 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: "Tomaten (stückig)", einheit: "g", faktor: 200 },
     { name: "Paprika", einheit: "x" },
     { name: "Karotte", einheit: "x" },
     { gruppe: "Fleischanteil" },
@@ -110,10 +110,13 @@ Alpine.data("daten", () => ({
     if (zutaten["Salatgurke"] >= 4 && zutaten["Senf"] >= 4 && gesamt < 15) {
       return ["Senfgurken"];
     }
+    if (zutaten["Nudeln"] >= 1 && zutaten["Kartoffeln"] == 0) {
+      return ["Nudelsalat"];
+    }
     if (
       zutaten["Hackfleisch"] >= 2 &&
       zutaten["Nudeln"] >= 3 &&
-      zutaten["Tomaten stückig"] >= 2
+      zutaten["Tomaten (stückig)"] >= 2
     ) {
       return ["Spaghetti Bolognese"];
     }
@@ -134,6 +137,21 @@ Alpine.data("daten", () => ({
     if (zutaten["Paprika"] >= 4 && zutaten["Hackfleisch"] >= 1) {
       return ["Gefüllte Paprika"];
     }
+    let allObst = [
+      "Birne",
+      "Apfel",
+      "Rote Beete",
+      "Mandarine",
+      "Ananas",
+      "Mango",
+    ];
+    let obst = Object.entries(zutaten).filter((z) => allObst.includes(z[0]));
+    if (obst.length == allObst.length && obst.every((z) => z[1] >= 1)) {
+      return ["Obstsalat"];
+    }
+    if (zutaten["Apfel"] == 2 && gesamt == 2) {
+      return ["Bratapfel"];
+    }
     return ["Kartoffelsalat"];
   },
 }));
diff --git a/style.css b/style.css
index 461f658..58124bc 100644
--- a/style.css
+++ b/style.css
@@ -79,8 +79,25 @@ body {
   grid-column: -1/1;
   border-bottom: 1pt solid hsl(0, 0%, 80%);
 }
+.search {
+  display: inline-block;
+  position: relative;
+}
+button[type="reset"] {
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  right: 5px;
+  background: none;
+  border: none;
 
-button {
+  &:hover {
+    cursor: pointer;
+    background: none;
+  }
+}
+
+button[type="button"] {
   border-radius: 0.5rem;
   cursor: pointer;
   background-color: transparent;