From 8b772a1a72d8c15e0663fc6d19baf8caec24c9d3 Mon Sep 17 00:00:00 2001 From: Robert Janus Date: Sat, 10 May 2025 13:24:49 +0200 Subject: [PATCH 1/3] 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" /> 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.' : ''" /> From 4b221151592cae4548ddc2243aba80cc54a50928 Mon Sep 17 00:00:00 2001 From: webfussel Date: Sat, 10 May 2025 13:41:10 +0200 Subject: [PATCH 2/3] remove: console.log Removed useless console.log --- app/components/Pp/PriceCard.vue | 1 - 1 file changed, 1 deletion(-) diff --git a/app/components/Pp/PriceCard.vue b/app/components/Pp/PriceCard.vue index f1400ba..7622f25 100755 --- a/app/components/Pp/PriceCard.vue +++ b/app/components/Pp/PriceCard.vue @@ -79,7 +79,6 @@ const { lengthX, direction, isSwiping } = useSwipe(top, { passive: true, threshold: 30, onSwipe() { - console.log(direction.value) if (['down', 'up'].includes(direction.value)) return left.value = `${-clamp(lengthX.value, -100, 100)}px` }, From 9a953980dc8612f1e3a087e2b1791366f1c5ab26 Mon Sep 17 00:00:00 2001 From: Robert Janus Date: Sat, 10 May 2025 13:24:49 +0200 Subject: [PATCH 3/3] 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" /> 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.' : ''" />