From 878b7e06e8f82310626b885bd162f9351ccc4c91 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Mon, 10 Feb 2025 21:26:50 +0100
Subject: [PATCH] fix: min and max values of PriceCards

min default of 1, max default of undefined for infinite
---
 app/components/Pp/FormInput.vue | 6 ++++--
 app/components/Pp/PriceCard.vue | 8 ++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/app/components/Pp/FormInput.vue b/app/components/Pp/FormInput.vue
index 5c8c382..20b6244 100644
--- a/app/components/Pp/FormInput.vue
+++ b/app/components/Pp/FormInput.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="Input">
-    <input :type="type" :id="makeId()" placeholder=" " min="1" :max="max" />
+    <input :type="type" :id="makeId()" placeholder=" " :min="min" :max="max" />
     <label :for="makeId()">{{ label }}</label>
   </div>
 </template>
@@ -9,6 +9,7 @@
 type Props = {
   type ?: 'text' | 'number'
   max ?: number
+  min ?: number
   label : string
   id : string
   uid : number
@@ -16,7 +17,8 @@ type Props = {
 
 const {
   type = 'text',
-  max = 10,
+  min = 1,
+  max,
   label,
   id,
   uid,
diff --git a/app/components/Pp/PriceCard.vue b/app/components/Pp/PriceCard.vue
index 5aa6836..119d1e5 100644
--- a/app/components/Pp/PriceCard.vue
+++ b/app/components/Pp/PriceCard.vue
@@ -2,12 +2,12 @@
   <form class="PriceCard">
     <div class="wrapper">
       <PpFormInput label="Name" id="n" :uid="uid" type="text" />
-      <PpFormInput label="Preis" id="p" :uid="uid" type="number" />
+      <PpFormInput label="Preis" id="p" :uid="uid" type="number" :min="0.01" />
     </div>
     <div class="wrapper">
-      <PpFormInput label="Rollen" id="r" :uid="uid" type="number" />
-      <PpFormInput label="Blätter" id="b" :uid="uid" type="number" />
-      <PpFormInput label="Lagen" id="l" :uid="uid" type="number" />
+      <PpFormInput label="Rollen" id="r" :uid="uid" type="number" :max="150" />
+      <PpFormInput label="Blätter" id="b" :uid="uid" type="number" :max="500" />
+      <PpFormInput label="Lagen" id="l" :uid="uid" type="number" :max="10" />
     </div>
   </form>
 </template>