From 22923b8e7e70c0dc146ed71e3321d2aceef3590e Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Wed, 11 Jun 2025 20:51:42 +0200
Subject: [PATCH] hint in model select

---
 vue3/src/components/display/RecipeView.vue |  2 --
 vue3/src/components/inputs/ModelSelect.vue | 29 ++++++++++++----------
 vue3/src/locales/ar.json                   |  1 +
 vue3/src/locales/bg.json                   |  1 +
 vue3/src/locales/ca.json                   |  1 +
 vue3/src/locales/cs.json                   |  1 +
 vue3/src/locales/da.json                   |  1 +
 vue3/src/locales/de.json                   |  1 +
 vue3/src/locales/el.json                   |  1 +
 vue3/src/locales/en.json                   |  1 +
 vue3/src/locales/es.json                   |  1 +
 vue3/src/locales/fi.json                   |  1 +
 vue3/src/locales/fr.json                   |  1 +
 vue3/src/locales/he.json                   |  1 +
 vue3/src/locales/hu.json                   |  1 +
 vue3/src/locales/hy.json                   |  1 +
 vue3/src/locales/id.json                   |  1 +
 vue3/src/locales/is.json                   |  1 +
 vue3/src/locales/it.json                   |  1 +
 vue3/src/locales/lt.json                   |  1 +
 vue3/src/locales/nb_NO.json                |  1 +
 vue3/src/locales/nl.json                   |  1 +
 vue3/src/locales/pl.json                   |  1 +
 vue3/src/locales/pt.json                   |  1 +
 vue3/src/locales/pt_BR.json                |  1 +
 vue3/src/locales/ro.json                   |  1 +
 vue3/src/locales/ru.json                   |  1 +
 vue3/src/locales/sl.json                   |  1 +
 vue3/src/locales/sv.json                   |  1 +
 vue3/src/locales/tr.json                   |  1 +
 vue3/src/locales/uk.json                   |  1 +
 vue3/src/locales/zh_Hans.json              |  1 +
 vue3/src/locales/zh_Hant.json              |  1 +
 33 files changed, 47 insertions(+), 15 deletions(-)

diff --git a/vue3/src/components/display/RecipeView.vue b/vue3/src/components/display/RecipeView.vue
index e78d74ae8..292fadfe2 100644
--- a/vue3/src/components/display/RecipeView.vue
+++ b/vue3/src/components/display/RecipeView.vue
@@ -126,7 +126,6 @@
             </v-card>
         </template>
 
-
         <property-view v-model="recipe" :servings="servings" v-if="recipe.internal"></property-view>
 
         <v-card class="mt-2">
@@ -192,7 +191,6 @@ import PropertyView from "@/components/display/PropertyView.vue";
 import {useUserPreferenceStore} from "@/stores/UserPreferenceStore.ts";
 
 const {request, release} = useWakeLock()
-const isPrintMode = useMediaQuery('print')
 
 const recipe = defineModel<Recipe>({required: true})
 
diff --git a/vue3/src/components/inputs/ModelSelect.vue b/vue3/src/components/inputs/ModelSelect.vue
index 7adf0c273..d42920b3d 100644
--- a/vue3/src/components/inputs/ModelSelect.vue
+++ b/vue3/src/components/inputs/ModelSelect.vue
@@ -1,7 +1,7 @@
 <template>
     <!-- TODO label is not showing for some reason, for now in placeholder -->
     <v-input :hint="props.hint" persistent-hint :label="props.label" :hide-details="props.hideDetails">
-        <template #prepend  v-if="$slots.prepend">
+        <template #prepend v-if="$slots.prepend">
             <slot name="prepend"></slot>
         </template>
 
@@ -37,21 +37,24 @@
                 containerActive: '',
             }"
         >
-          <template #option="{ option }" v-if="props.allowCreate">
-            <div class="d-flex align-center justify-space-between w-100">
-              <span>{{ option[itemLabel] }}</span>
-              <v-chip size="x-small" variant="flat" color="create" class="ml-2" v-if="option.__CREATE__">
-                  <v-icon icon="$create"></v-icon>
-                  <template class="d-none d-lg-block"> {{$t('Create')}}</template>
-              </v-chip>
-            </div>
-          </template>
+            <template #option="{ option }" v-if="props.allowCreate">
+                <div class="d-flex align-center justify-space-between w-100">
+                    <span>{{ option[itemLabel] }}</span>
+                    <v-chip size="x-small" variant="flat" color="create" class="ml-2" v-if="option.__CREATE__">
+                        <v-icon icon="$create"></v-icon>
+                        <template class="d-none d-lg-block"> {{ $t('Create') }}</template>
+                    </v-chip>
+                </div>
+            </template>
 
-          <template #clear="{ clear }" v-if="props.canClear">
+            <template #clear="{ clear }" v-if="props.canClear">
             <span @click="clear" aria-hidden="true" tabindex="-1" role="button" data-clear="" aria-roledescription="❎" class="multiselect-clear">
               <span class="multiselect-clear-icon"></span>
             </span>
-          </template>
+            </template>
+            <template #afterlist>
+                <span class="text-disabled font-italic text-caption ms-3">{{$t('ModelSelectResultsHelp')}}</span>
+            </template>
         </Multiselect>
 
         <template #append v-if="$slots.append">
@@ -140,7 +143,7 @@ onBeforeMount(() => {
  */
 function search(query: string) {
     loading.value = true
-    return modelClass.value.list({query: query, page: 1, pageSize: 25}).then((r: any) => {
+    return modelClass.value.list({query: query, page: 1, pageSize: props.limit}).then((r: any) => {
         if (modelClass.value.model.isPaginated) {
             return r.results
         } else {
diff --git a/vue3/src/locales/ar.json b/vue3/src/locales/ar.json
index 8721fb1c9..f677794ee 100644
--- a/vue3/src/locales/ar.json
+++ b/vue3/src/locales/ar.json
@@ -226,6 +226,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",
diff --git a/vue3/src/locales/bg.json b/vue3/src/locales/bg.json
index 67e9035de..94aa37272 100644
--- a/vue3/src/locales/bg.json
+++ b/vue3/src/locales/bg.json
@@ -220,6 +220,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Месец",
   "More": "",
diff --git a/vue3/src/locales/ca.json b/vue3/src/locales/ca.json
index cbf25b3c3..2ff74d881 100644
--- a/vue3/src/locales/ca.json
+++ b/vue3/src/locales/ca.json
@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",
diff --git a/vue3/src/locales/cs.json b/vue3/src/locales/cs.json
index ecfaffec9..8b88ae860 100644
--- a/vue3/src/locales/cs.json
+++ b/vue3/src/locales/cs.json
@@ -274,6 +274,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Měsíc",
   "More": "",
diff --git a/vue3/src/locales/da.json b/vue3/src/locales/da.json
index 073fb0fe7..833f596f5 100644
--- a/vue3/src/locales/da.json
+++ b/vue3/src/locales/da.json
@@ -262,6 +262,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Måned",
   "More": "",
diff --git a/vue3/src/locales/de.json b/vue3/src/locales/de.json
index 0ddcc1f1f..2486705f9 100644
--- a/vue3/src/locales/de.json
+++ b/vue3/src/locales/de.json
@@ -278,6 +278,7 @@
   "Messages": "Nachrichten",
   "Miscellaneous": "Sonstige",
   "MissingConversion": "Fehlende Umrechnung",
+  "ModelSelectResultsHelp": "Für mehr Ergebnisse suchen",
   "Monday": "Montag",
   "Month": "Monat",
   "More": "Mehr",
diff --git a/vue3/src/locales/el.json b/vue3/src/locales/el.json
index b473f54e5..2ac10d53e 100644
--- a/vue3/src/locales/el.json
+++ b/vue3/src/locales/el.json
@@ -257,6 +257,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Μήνας",
   "More": "",
diff --git a/vue3/src/locales/en.json b/vue3/src/locales/en.json
index b48c7b2ab..b9ed78bc0 100644
--- a/vue3/src/locales/en.json
+++ b/vue3/src/locales/en.json
@@ -276,6 +276,7 @@
   "Messages": "Messages",
   "Miscellaneous": "Miscellaneous",
   "MissingConversion": "Missing Conversion",
+  "ModelSelectResultsHelp": "Search for more results",
   "Monday": "Monday",
   "Month": "Month",
   "More": "More",
diff --git a/vue3/src/locales/es.json b/vue3/src/locales/es.json
index e1c2b0ef4..ec3bdf91b 100644
--- a/vue3/src/locales/es.json
+++ b/vue3/src/locales/es.json
@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mes",
   "More": "",
diff --git a/vue3/src/locales/fi.json b/vue3/src/locales/fi.json
index 5effd2335..8d5ac9b67 100644
--- a/vue3/src/locales/fi.json
+++ b/vue3/src/locales/fi.json
@@ -175,6 +175,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Kuukausi",
   "More": "",
diff --git a/vue3/src/locales/fr.json b/vue3/src/locales/fr.json
index 93b486cb2..1071b6a09 100644
--- a/vue3/src/locales/fr.json
+++ b/vue3/src/locales/fr.json
@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mois",
   "More": "",
diff --git a/vue3/src/locales/he.json b/vue3/src/locales/he.json
index c985fc2d9..993b8acd8 100644
--- a/vue3/src/locales/he.json
+++ b/vue3/src/locales/he.json
@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "חודש",
   "More": "",
diff --git a/vue3/src/locales/hu.json b/vue3/src/locales/hu.json
index f78574943..4c358cbcd 100644
--- a/vue3/src/locales/hu.json
+++ b/vue3/src/locales/hu.json
@@ -258,6 +258,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Hónap",
   "More": "",
diff --git a/vue3/src/locales/hy.json b/vue3/src/locales/hy.json
index df7828b9c..7ae5e3782 100644
--- a/vue3/src/locales/hy.json
+++ b/vue3/src/locales/hy.json
@@ -140,6 +140,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "More": "",
   "Move": "Տեղափոխել",
diff --git a/vue3/src/locales/id.json b/vue3/src/locales/id.json
index 576b2e8c0..7cbc5fe7b 100644
--- a/vue3/src/locales/id.json
+++ b/vue3/src/locales/id.json
@@ -243,6 +243,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",
diff --git a/vue3/src/locales/is.json b/vue3/src/locales/is.json
index 9b6b4dbef..d48f321e0 100644
--- a/vue3/src/locales/is.json
+++ b/vue3/src/locales/is.json
@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",
diff --git a/vue3/src/locales/it.json b/vue3/src/locales/it.json
index 512c558e2..8cf719f65 100644
--- a/vue3/src/locales/it.json
+++ b/vue3/src/locales/it.json
@@ -248,6 +248,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mese",
   "More": "",
diff --git a/vue3/src/locales/lt.json b/vue3/src/locales/lt.json
index 684490bb6..204a0f391 100644
--- a/vue3/src/locales/lt.json
+++ b/vue3/src/locales/lt.json
@@ -260,6 +260,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",
diff --git a/vue3/src/locales/nb_NO.json b/vue3/src/locales/nb_NO.json
index 598c0cf36..d87dac941 100644
--- a/vue3/src/locales/nb_NO.json
+++ b/vue3/src/locales/nb_NO.json
@@ -255,6 +255,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Måned",
   "More": "",
diff --git a/vue3/src/locales/nl.json b/vue3/src/locales/nl.json
index def8ae9f0..1a64a62ea 100644
--- a/vue3/src/locales/nl.json
+++ b/vue3/src/locales/nl.json
@@ -259,6 +259,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Maand",
   "More": "",
diff --git a/vue3/src/locales/pl.json b/vue3/src/locales/pl.json
index 582f70a45..dcb70b6dd 100644
--- a/vue3/src/locales/pl.json
+++ b/vue3/src/locales/pl.json
@@ -277,6 +277,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Miesiąc",
   "More": "",
diff --git a/vue3/src/locales/pt.json b/vue3/src/locales/pt.json
index 160c74bf3..28737a8da 100644
--- a/vue3/src/locales/pt.json
+++ b/vue3/src/locales/pt.json
@@ -217,6 +217,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mês",
   "More": "",
diff --git a/vue3/src/locales/pt_BR.json b/vue3/src/locales/pt_BR.json
index 9a984bb52..f87b886a8 100644
--- a/vue3/src/locales/pt_BR.json
+++ b/vue3/src/locales/pt_BR.json
@@ -269,6 +269,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mês",
   "More": "",
diff --git a/vue3/src/locales/ro.json b/vue3/src/locales/ro.json
index c4e8d6390..a59c97811 100644
--- a/vue3/src/locales/ro.json
+++ b/vue3/src/locales/ro.json
@@ -252,6 +252,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Lună",
   "More": "",
diff --git a/vue3/src/locales/ru.json b/vue3/src/locales/ru.json
index 65ffa7644..ba3259ba8 100644
--- a/vue3/src/locales/ru.json
+++ b/vue3/src/locales/ru.json
@@ -206,6 +206,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Месяц",
   "More": "",
diff --git a/vue3/src/locales/sl.json b/vue3/src/locales/sl.json
index 291fe6da9..9babe85d6 100644
--- a/vue3/src/locales/sl.json
+++ b/vue3/src/locales/sl.json
@@ -202,6 +202,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mesec",
   "More": "",
diff --git a/vue3/src/locales/sv.json b/vue3/src/locales/sv.json
index f02299f2d..01c33d8a2 100644
--- a/vue3/src/locales/sv.json
+++ b/vue3/src/locales/sv.json
@@ -277,6 +277,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Månad",
   "More": "",
diff --git a/vue3/src/locales/tr.json b/vue3/src/locales/tr.json
index 9d1095bb9..9026c0a74 100644
--- a/vue3/src/locales/tr.json
+++ b/vue3/src/locales/tr.json
@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Ay",
   "More": "",
diff --git a/vue3/src/locales/uk.json b/vue3/src/locales/uk.json
index d6c2328c9..f6e9eae3e 100644
--- a/vue3/src/locales/uk.json
+++ b/vue3/src/locales/uk.json
@@ -231,6 +231,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Місяць",
   "More": "",
diff --git a/vue3/src/locales/zh_Hans.json b/vue3/src/locales/zh_Hans.json
index a27527c4b..010f92b89 100644
--- a/vue3/src/locales/zh_Hans.json
+++ b/vue3/src/locales/zh_Hans.json
@@ -272,6 +272,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "月份",
   "More": "",
diff --git a/vue3/src/locales/zh_Hant.json b/vue3/src/locales/zh_Hant.json
index afb120ad6..ba1a4ade0 100644
--- a/vue3/src/locales/zh_Hant.json
+++ b/vue3/src/locales/zh_Hant.json
@@ -123,6 +123,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "More": "",
   "MoveToStep": "",