From 32fd6e3827a3d5f7c1e53464b7f7c16e34558b9f Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sat, 26 Apr 2025 17:53:46 +0200
Subject: [PATCH] fixed number input precision

---
 vue3/src/components/dialogs/AddToShoppingDialog.vue         | 2 +-
 vue3/src/components/display/RecipeActivity.vue              | 2 +-
 vue3/src/components/inputs/PropertiesEditor.vue             | 2 +-
 vue3/src/components/inputs/StepEditor.vue                   | 2 +-
 vue3/src/components/model_editors/FoodEditor.vue            | 6 +++---
 vue3/src/components/model_editors/MealPlanEditor.vue        | 2 +-
 vue3/src/components/model_editors/PropertyEditor.vue        | 2 +-
 .../components/model_editors/ShoppingListEntryEditor.vue    | 2 +-
 vue3/src/components/model_editors/UnitConversionEditor.vue  | 4 ++--
 vue3/src/pages/IngredientEditorPage.vue                     | 2 +-
 vue3/src/pages/PropertyEditorPage.vue                       | 4 ++--
 vue3/src/pages/RecipeImportPage.vue                         | 2 +-
 12 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/vue3/src/components/dialogs/AddToShoppingDialog.vue b/vue3/src/components/dialogs/AddToShoppingDialog.vue
index 2bb775b4c..950188427 100644
--- a/vue3/src/components/dialogs/AddToShoppingDialog.vue
+++ b/vue3/src/components/dialogs/AddToShoppingDialog.vue
@@ -27,7 +27,7 @@
                         </v-expansion-panel-text>
                     </v-expansion-panel>
                 </v-expansion-panels>
-                <v-number-input v-model="servings" class="mt-3" control-variant="split" :label="$t('Servings')"></v-number-input>
+                <v-number-input v-model="servings" class="mt-3" control-variant="split" :label="$t('Servings')" :precision="2"></v-number-input>
             </v-card-text>
             <v-card-actions>
                 <v-btn class="float-right" prepend-icon="$create" color="create" @click="createShoppingListRecipe()">{{ $t('Add_to_Shopping') }}</v-btn>
diff --git a/vue3/src/components/display/RecipeActivity.vue b/vue3/src/components/display/RecipeActivity.vue
index 623f986f0..ff426bf82 100644
--- a/vue3/src/components/display/RecipeActivity.vue
+++ b/vue3/src/components/display/RecipeActivity.vue
@@ -41,7 +41,7 @@
                 </v-col>
                 <v-col cols="12" md="4">
 
-                    <v-number-input :label="$t('Servings')" v-model="newCookLog.servings"></v-number-input>
+                    <v-number-input :label="$t('Servings')" v-model="newCookLog.servings" :precision="2"></v-number-input>
                 </v-col>
                 <v-col cols="12" md="4">
                     <v-date-input :label="$t('Date')" v-model="newCookLog.createdAt"></v-date-input>
diff --git a/vue3/src/components/inputs/PropertiesEditor.vue b/vue3/src/components/inputs/PropertiesEditor.vue
index a176f988a..9253343a6 100644
--- a/vue3/src/components/inputs/PropertiesEditor.vue
+++ b/vue3/src/components/inputs/PropertiesEditor.vue
@@ -6,7 +6,7 @@
 
     <v-row class="d-none d-md-flex mt-2" v-for="p in properties" dense>
         <v-col cols="0" md="5">
-            <v-number-input :step="10" v-model="p.propertyAmount" control-variant="stacked">
+            <v-number-input :step="10" v-model="p.propertyAmount" control-variant="stacked" :precision="2">
                 <template #append-inner v-if="p.propertyType">
                     <v-chip class="me-4">{{ p.propertyType.unit }} / {{ props.amountFor }}
                     </v-chip>
diff --git a/vue3/src/components/inputs/StepEditor.vue b/vue3/src/components/inputs/StepEditor.vue
index 967521e16..05be8357b 100644
--- a/vue3/src/components/inputs/StepEditor.vue
+++ b/vue3/src/components/inputs/StepEditor.vue
@@ -37,7 +37,7 @@
 
             <v-row>
                 <v-col cols="12" md="6" v-if="showTime || step.time != 0">
-                    <v-number-input :label="$t('Time')" v-model="step.time" :min="0" :step="5" control-variant="split"></v-number-input>
+                    <v-number-input :label="$t('Time')" v-model="step.time" :min="0" :step="5" control-variant="split" ></v-number-input>
                 </v-col>
                 <v-col cols="12" md="6" v-if="showRecipe || step.stepRecipe != null">
                     <model-select model="Recipe" v-model="step.stepRecipe" :object="false" append-to-body></model-select>
diff --git a/vue3/src/components/model_editors/FoodEditor.vue b/vue3/src/components/model_editors/FoodEditor.vue
index 0ab486f7f..9f6fce733 100644
--- a/vue3/src/components/model_editors/FoodEditor.vue
+++ b/vue3/src/components/model_editors/FoodEditor.vue
@@ -34,7 +34,7 @@
                 <v-tabs-window-item value="properties">
                     <v-alert icon="$help">{{ $t('PropertiesFoodHelp') }}</v-alert>
                     <v-form :disabled="loading" class="mt-5">
-                        <v-number-input :label="$t('Properties_Food_Amount')" v-model="editingObj.propertiesFoodAmount"></v-number-input>
+                        <v-number-input :label="$t('Properties_Food_Amount')" v-model="editingObj.propertiesFoodAmount" :precision="2"></v-number-input>
                         <model-select :label="$t('Properties_Food_Unit')" v-model="editingObj.propertiesFoodUnit" model="Unit"></model-select>
 
                         <properties-editor v-model="editingObj.properties" :amount-for="propertiesAmountFor"></properties-editor>
@@ -63,7 +63,7 @@
                             <v-card-text class="d-none d-md-block">
                                 <v-row>
                                     <v-col md="6">
-                                        <v-number-input :label="$t('Amount')" :step="10" v-model="uc.baseAmount" control-variant="stacked"></v-number-input>
+                                        <v-number-input :label="$t('Amount')" :step="10" v-model="uc.baseAmount" control-variant="stacked" :precision="3"></v-number-input>
                                     </v-col>
                                     <v-col md="6">
                                         <!-- TODO fix card overflow invisible, overflow-visible class is not working -->
@@ -72,7 +72,7 @@
                                 </v-row>
                                 <v-row>
                                     <v-col md="6">
-                                        <v-number-input :label="$t('Amount')" :step="10" v-model="uc.convertedAmount" control-variant="stacked"></v-number-input>
+                                        <v-number-input :label="$t('Amount')" :step="10" v-model="uc.convertedAmount" control-variant="stacked" :precision="3"></v-number-input>
                                     </v-col>
                                     <v-col md="6">
                                         <!-- TODO fix card overflow invisible, overflow-visible class is not working -->
diff --git a/vue3/src/components/model_editors/MealPlanEditor.vue b/vue3/src/components/model_editors/MealPlanEditor.vue
index 325930e80..68e0d7799 100644
--- a/vue3/src/components/model_editors/MealPlanEditor.vue
+++ b/vue3/src/components/model_editors/MealPlanEditor.vue
@@ -49,7 +49,7 @@
                                 </v-input>
 
                                 <ModelSelect model="MealType" :allow-create="true" v-model="editingObj.mealType"></ModelSelect>
-                                <v-number-input control-variant="split" :min="0" v-model="editingObj.servings" :label="$t('Servings')"></v-number-input>
+                                <v-number-input control-variant="split" :min="0" v-model="editingObj.servings" :label="$t('Servings')" :precision="2"></v-number-input>
                                 <ModelSelect model="User" :allow-create="false" v-model="editingObj.shared" item-label="displayName" mode="tags"></ModelSelect>
                             </v-col>
                             <v-col cols="12" md="6">
diff --git a/vue3/src/components/model_editors/PropertyEditor.vue b/vue3/src/components/model_editors/PropertyEditor.vue
index 70a8c81f2..2d05eab3e 100644
--- a/vue3/src/components/model_editors/PropertyEditor.vue
+++ b/vue3/src/components/model_editors/PropertyEditor.vue
@@ -11,7 +11,7 @@
         :object-name="editingObjName()">
         <v-card-text>
             <v-form>
-                <v-number-input :step="10" v-model="editingObj.propertyAmount" control-variant="stacked">
+                <v-number-input :step="10" v-model="editingObj.propertyAmount" control-variant="stacked" :precision="2">
                     <template #append-inner v-if="editingObj.propertyType">
                         <v-chip class="me-4">{{ editingObj.propertyType.unit }}</v-chip>
                     </template>
diff --git a/vue3/src/components/model_editors/ShoppingListEntryEditor.vue b/vue3/src/components/model_editors/ShoppingListEntryEditor.vue
index cd6be7280..10f1dd02b 100644
--- a/vue3/src/components/model_editors/ShoppingListEntryEditor.vue
+++ b/vue3/src/components/model_editors/ShoppingListEntryEditor.vue
@@ -11,7 +11,7 @@
         :object-name="editingObjName()">
         <v-card-text>
             <v-form :disabled="loading">
-                <v-number-input v-model="editingObj.amount" control-variant="split">
+                <v-number-input v-model="editingObj.amount" control-variant="split" :precision="2">
                     <template #prepend>
                         <v-btn icon="" @click="editingObj.amount = editingObj.amount / 2">
                             <v-icon icon="fa-solid fa-divide"></v-icon>
diff --git a/vue3/src/components/model_editors/UnitConversionEditor.vue b/vue3/src/components/model_editors/UnitConversionEditor.vue
index a8115dcff..1fa5e78c3 100644
--- a/vue3/src/components/model_editors/UnitConversionEditor.vue
+++ b/vue3/src/components/model_editors/UnitConversionEditor.vue
@@ -18,7 +18,7 @@
                 </v-row>
                 <v-row>
                     <v-col md="6">
-                        <v-number-input :label="$t('Amount')" :step="10" v-model="editingObj.baseAmount" control-variant="stacked"></v-number-input>
+                        <v-number-input :label="$t('Amount')" :step="10" v-model="editingObj.baseAmount" control-variant="stacked" :precision="3"></v-number-input>
                     </v-col>
                     <v-col md="6">
                         <!-- TODO fix card overflow invisible, overflow-visible class is not working -->
@@ -32,7 +32,7 @@
                 </v-row>
                 <v-row>
                     <v-col md="6">
-                        <v-number-input :label="$t('Amount')" :step="10" v-model="editingObj.convertedAmount" control-variant="stacked"></v-number-input>
+                        <v-number-input :label="$t('Amount')" :step="10" v-model="editingObj.convertedAmount" control-variant="stacked" :precision="3"></v-number-input>
                     </v-col>
                     <v-col md="6">
                         <!-- TODO fix card overflow invisible, overflow-visible class is not working -->
diff --git a/vue3/src/pages/IngredientEditorPage.vue b/vue3/src/pages/IngredientEditorPage.vue
index ae21f19b5..c399111b1 100644
--- a/vue3/src/pages/IngredientEditorPage.vue
+++ b/vue3/src/pages/IngredientEditorPage.vue
@@ -104,7 +104,7 @@
 
                 <template v-slot:item.amount="{ item }">
                     <v-number-input :label="$t('Amount')" v-model="item.amount" inset control-variant="stacked" hide-details :min="0" density="compact"
-                                    @update:modelValue="item.changed = true"></v-number-input>
+                                    @update:modelValue="item.changed = true" :precision="2"></v-number-input>
                 </template>
                 <template v-slot:item.unit="{ item }">
                     <model-select model="Unit" v-model="item.unit" :label="$t('Unit')" density="compact" hide-details allow-create append-to-body
diff --git a/vue3/src/pages/PropertyEditorPage.vue b/vue3/src/pages/PropertyEditorPage.vue
index be9435559..e211e8032 100644
--- a/vue3/src/pages/PropertyEditorPage.vue
+++ b/vue3/src/pages/PropertyEditorPage.vue
@@ -81,7 +81,7 @@
                         </td>
                         <td>
                             <v-number-input v-model="ingredient.food.propertiesFoodAmount" density="compact" hide-details @change="updateFood(ingredient)"
-                                          :loading="ingredient.loading" style="min-width: 100px" control-variant="hidden">
+                                          :loading="ingredient.loading" style="min-width: 100px" control-variant="hidden" :precision="2">
 
                             </v-number-input>
                         </td>
@@ -90,7 +90,7 @@
                                           :loading="ingredient.loading"></model-select>
                         </td>
                         <td v-for="p in ingredient.food.properties" v-bind:key="`${ingredient.food.id}_${p.propertyType.id}`">
-                            <v-number-input v-model="p.propertyAmount" density="compact" hide-details v-if="p.propertyAmount != null" @change="updateFood(ingredient)"
+                            <v-number-input v-model="p.propertyAmount" density="compact" hide-details v-if="p.propertyAmount != null" @change="updateFood(ingredient)" :precision="2"
                                           :loading="ingredient.loading" @click:clear="deleteFoodProperty(p, ingredient)" style="min-width: 120px" control-variant="hidden" clearable>
 
                             </v-number-input>
diff --git a/vue3/src/pages/RecipeImportPage.vue b/vue3/src/pages/RecipeImportPage.vue
index e00c38b05..b27594d98 100644
--- a/vue3/src/pages/RecipeImportPage.vue
+++ b/vue3/src/pages/RecipeImportPage.vue
@@ -346,7 +346,7 @@
                                         </v-col>
                                         <v-col cols="12" md="6">
                                             <v-text-field :label="$t('Name')" v-model="importResponse.recipe.name"></v-text-field>
-                                            <v-number-input :label="$t('Servings')" v-model="importResponse.recipe.servings"></v-number-input>
+                                            <v-number-input :label="$t('Servings')" v-model="importResponse.recipe.servings" :precision="2"></v-number-input>
                                             <v-text-field :label="$t('ServingsText')" v-model="importResponse.recipe.servingsText"></v-text-field>
                                             <v-textarea :label="$t('Description')" v-model="importResponse.recipe.description" clearable></v-textarea>
                                         </v-col>