From 0133475e2a18b784e6fc8cfe8f85a1a0f90c3f5e Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Sat, 10 May 2025 13:48:39 +0200
Subject: [PATCH] add: input mode

Add input mode for decimals on number fields
---
 app/components/Pp/FormInput.vue       |  4 +++-
 app/components/Pp/PriceCardDialog.vue | 11 ++++-------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/app/components/Pp/FormInput.vue b/app/components/Pp/FormInput.vue
index 2f7a317..43557d3 100755
--- a/app/components/Pp/FormInput.vue
+++ b/app/components/Pp/FormInput.vue
@@ -11,7 +11,7 @@
         :required="required"
         placeholder=" "
         @blur="emit('blur')"
-        :inputmode="type === 'number' ? 'decimal' : undefined"
+        :inputmode="mode"
       />
       <label :for="id">{{ label }}</label>
     </div>
@@ -29,6 +29,7 @@ type Props = {
   message ?: string
   label : string
   id : string
+  mode ?: 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal'
 }
 
 const {
@@ -36,6 +37,7 @@ const {
   required = false,
   step = 0.01,
   min = 1,
+  mode = 'text',
 } = defineProps<Props>()
 
 const emit = defineEmits(['blur'])
diff --git a/app/components/Pp/PriceCardDialog.vue b/app/components/Pp/PriceCardDialog.vue
index fe77a61..dd19cc1 100644
--- a/app/components/Pp/PriceCardDialog.vue
+++ b/app/components/Pp/PriceCardDialog.vue
@@ -25,7 +25,7 @@
               v-model="currentCard.price"
               id="card_price"
               label="Preis"
-              type="number"
+              mode="decimal"
               :class="{'error': !validFields.price }"
               :message="!validFields.price ? 'Muss eine Zahl sein.' : ''"
             />
@@ -35,8 +35,7 @@
               v-model="currentCard.roles"
               id="card_roles"
               label="Rollen"
-              type="number"
-              :step="1"
+              mode="decimal"
               :class="{'error': !validFields.roles }"
               :message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''"
             />
@@ -44,8 +43,7 @@
               v-model="currentCard.sheets"
               id="card_sheets"
               label="Blätter"
-              type="number"
-              :step="1"
+              mode="decimal"
               :class="{'error': !validFields.sheets }"
               :message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''"
             />
@@ -53,8 +51,7 @@
               v-model="currentCard.layers"
               id="card_layers"
               label="Lagen"
-              type="number"
-              :step="1"
+              mode="decimal"
               :class="{'error': !validFields.layers }"
               :message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''"
             />