diff --git a/app/components/Pp/FormInput.vue b/app/components/Pp/FormInput.vue
index cd1ec71..43557d3 100755
--- a/app/components/Pp/FormInput.vue
+++ b/app/components/Pp/FormInput.vue
@@ -11,6 +11,7 @@
:required="required"
placeholder=" "
@blur="emit('blur')"
+ :inputmode="mode"
/>
@@ -28,6 +29,7 @@ type Props = {
message ?: string
label : string
id : string
+ mode ?: 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal'
}
const {
@@ -35,6 +37,7 @@ const {
required = false,
step = 0.01,
min = 1,
+ mode = 'text',
} = defineProps()
const emit = defineEmits(['blur'])
diff --git a/app/components/Pp/PriceCardDialog.vue b/app/components/Pp/PriceCardDialog.vue
index 00dd42f..dd19cc1 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"
+ mode="decimal"
:class="{'error': !validFields.price }"
:message="!validFields.price ? 'Muss eine Zahl sein.' : ''"
/>
@@ -34,6 +35,7 @@
v-model="currentCard.roles"
id="card_roles"
label="Rollen"
+ mode="decimal"
:class="{'error': !validFields.roles }"
:message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''"
/>
@@ -41,6 +43,7 @@
v-model="currentCard.sheets"
id="card_sheets"
label="Blätter"
+ mode="decimal"
:class="{'error': !validFields.sheets }"
:message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''"
/>
@@ -48,6 +51,7 @@
v-model="currentCard.layers"
id="card_layers"
label="Lagen"
+ mode="decimal"
:class="{'error': !validFields.layers }"
:message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''"
/>