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.' : ''" />