From 8b772a1a72d8c15e0663fc6d19baf8caec24c9d3 Mon Sep 17 00:00:00 2001
From: Robert Janus <hallo@robertjanus.de>
Date: Sat, 10 May 2025 13:24:49 +0200
Subject: [PATCH] add: inputmode for better UI

---
 app/components/Pp/FormInput.vue       | 1 +
 app/components/Pp/PriceCardDialog.vue | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/app/components/Pp/FormInput.vue b/app/components/Pp/FormInput.vue
index cd1ec71..2f7a317 100755
--- a/app/components/Pp/FormInput.vue
+++ b/app/components/Pp/FormInput.vue
@@ -11,6 +11,7 @@
         :required="required"
         placeholder=" "
         @blur="emit('blur')"
+        :inputmode="type === 'number' ? 'decimal' : undefined"
       />
       <label :for="id">{{ label }}</label>
     </div>
diff --git a/app/components/Pp/PriceCardDialog.vue b/app/components/Pp/PriceCardDialog.vue
index 00dd42f..fe77a61 100644
--- a/app/components/Pp/PriceCardDialog.vue
+++ b/app/components/Pp/PriceCardDialog.vue
@@ -25,6 +25,7 @@
               v-model="currentCard.price"
               id="card_price"
               label="Preis"
+              type="number"
               :class="{'error': !validFields.price }"
               :message="!validFields.price ? 'Muss eine Zahl sein.' : ''"
             />
@@ -34,6 +35,8 @@
               v-model="currentCard.roles"
               id="card_roles"
               label="Rollen"
+              type="number"
+              :step="1"
               :class="{'error': !validFields.roles }"
               :message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''"
             />
@@ -41,6 +44,8 @@
               v-model="currentCard.sheets"
               id="card_sheets"
               label="Blätter"
+              type="number"
+              :step="1"
               :class="{'error': !validFields.sheets }"
               :message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''"
             />
@@ -48,6 +53,8 @@
               v-model="currentCard.layers"
               id="card_layers"
               label="Lagen"
+              type="number"
+              :step="1"
               :class="{'error': !validFields.layers }"
               :message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''"
             />