webfussel/propapier
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add: input mode

Browse source 
Add input mode for decimals on number fields
This commit is contained in:
Fiona Lena Urban 2025-05-10 13:48:39 +02:00
parent 9a953980dc
commit 0133475e2a
2 changed files with 7 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/Pp/FormInput.vue
View file

@ -11,7 +11,7 @@
:required="required" :required="required"
placeholder=" " placeholder=" "
@blur="emit('blur')" @blur="emit('blur')"
:inputmode="type === 'number' ? 'decimal' : undefined" :inputmode="mode"
/> />
<label :for="id">{{ label }}</label> <label :for="id">{{ label }}</label>
</div> </div>
@ -29,6 +29,7 @@ type Props = {
message ?: string message ?: string
label : string label : string
id : string id : string
mode ?: 'text' | 'email' | 'search' | 'tel' | 'url' | 'none' | 'numeric' | 'decimal'
} }
const { const {
@ -36,6 +37,7 @@ const {
required = false, required = false,
step = 0.01, step = 0.01,
min = 1, min = 1,
mode = 'text',
} = defineProps<Props>() } = defineProps<Props>()
const emit = defineEmits(['blur']) const emit = defineEmits(['blur'])

11
app/components/Pp/PriceCardDialog.vue
View file

@ -25,7 +25,7 @@
v-model="currentCard.price" v-model="currentCard.price"
id="card_price" id="card_price"
label="Preis" label="Preis"
type="number" mode="decimal"
:class="{'error': !validFields.price }" :class="{'error': !validFields.price }"
:message="!validFields.price ? 'Muss eine Zahl sein.' : ''" :message="!validFields.price ? 'Muss eine Zahl sein.' : ''"
/> />
@ -35,8 +35,7 @@
v-model="currentCard.roles" v-model="currentCard.roles"
id="card_roles" id="card_roles"
label="Rollen" label="Rollen"
type="number" mode="decimal"
:step="1"
:class="{'error': !validFields.roles }" :class="{'error': !validFields.roles }"
:message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''" :message="!validFields.roles ? 'Muss eine Ganzzahl sein.' : ''"
/> />
@ -44,8 +43,7 @@
v-model="currentCard.sheets" v-model="currentCard.sheets"
id="card_sheets" id="card_sheets"
label="Blätter" label="Blätter"
type="number" mode="decimal"
:step="1"
:class="{'error': !validFields.sheets }" :class="{'error': !validFields.sheets }"
:message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''" :message="!validFields.sheets ? 'Muss eine Ganzzahl sein.' : ''"
/> />
@ -53,8 +51,7 @@
v-model="currentCard.layers" v-model="currentCard.layers"
id="card_layers" id="card_layers"
label="Lagen" label="Lagen"
type="number" mode="decimal"
:step="1"
:class="{'error': !validFields.layers }" :class="{'error': !validFields.layers }"
:message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''" :message="!validFields.layers ? 'Muss eine Ganzzahl sein.' : ''"
/> />