hint in model select

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})
 

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">
+            <template #option="{ option }" v-if="props.allowCreate">
-            <div class="d-flex align-center justify-space-between w-100">
+                <div class="d-flex align-center justify-space-between w-100">
-              <span>{{ option[itemLabel] }}</span>
+                    <span>{{ option[itemLabel] }}</span>
-              <v-chip size="x-small" variant="flat" color="create" class="ml-2" v-if="option.__CREATE__">
+                    <v-chip size="x-small" variant="flat" color="create" class="ml-2" v-if="option.__CREATE__">
-                  <v-icon icon="$create"></v-icon>
+                        <v-icon icon="$create"></v-icon>
-                  <template class="d-none d-lg-block"> {{$t('Create')}}</template>
+                        <template class="d-none d-lg-block"> {{ $t('Create') }}</template>
-              </v-chip>
+                    </v-chip>
-            </div>
+                </div>
-          </template>
+            </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 {

vue3/src/locales/ar.json

@@ -226,6 +226,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",

vue3/src/locales/bg.json

@@ -220,6 +220,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Месец",
   "More": "",

vue3/src/locales/ca.json

@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",

vue3/src/locales/cs.json

@@ -274,6 +274,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Měsíc",
   "More": "",

vue3/src/locales/da.json

@@ -262,6 +262,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Måned",
   "More": "",

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",

vue3/src/locales/el.json

@@ -257,6 +257,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Μήνας",
   "More": "",

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",

vue3/src/locales/es.json

@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mes",
   "More": "",

vue3/src/locales/fi.json

@@ -175,6 +175,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Kuukausi",
   "More": "",

vue3/src/locales/fr.json

@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mois",
   "More": "",

vue3/src/locales/he.json

@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "חודש",
   "More": "",

vue3/src/locales/hu.json

@@ -258,6 +258,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Hónap",
   "More": "",

vue3/src/locales/hy.json

@@ -140,6 +140,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "More": "",
   "Move": "Տեղափոխել",

vue3/src/locales/id.json

@@ -243,6 +243,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",

vue3/src/locales/is.json

@@ -275,6 +275,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",

vue3/src/locales/it.json

@@ -248,6 +248,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mese",
   "More": "",

vue3/src/locales/lt.json

@@ -260,6 +260,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "",
   "More": "",

vue3/src/locales/nb_NO.json

@@ -255,6 +255,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Måned",
   "More": "",

vue3/src/locales/nl.json

@@ -259,6 +259,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Maand",
   "More": "",

vue3/src/locales/pl.json

@@ -277,6 +277,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Miesiąc",
   "More": "",

vue3/src/locales/pt.json

@@ -217,6 +217,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mês",
   "More": "",

vue3/src/locales/pt_BR.json

@@ -269,6 +269,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mês",
   "More": "",

vue3/src/locales/ro.json

@@ -252,6 +252,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Lună",
   "More": "",

vue3/src/locales/ru.json

@@ -206,6 +206,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Месяц",
   "More": "",

vue3/src/locales/sl.json

@@ -202,6 +202,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Mesec",
   "More": "",

vue3/src/locales/sv.json

@@ -277,6 +277,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Månad",
   "More": "",

vue3/src/locales/tr.json

@@ -276,6 +276,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Ay",
   "More": "",

vue3/src/locales/uk.json

@@ -231,6 +231,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "Місяць",
   "More": "",

vue3/src/locales/zh_Hans.json

@@ -272,6 +272,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "Month": "月份",
   "More": "",

vue3/src/locales/zh_Hant.json

@@ -123,6 +123,7 @@
   "Messages": "",
   "Miscellaneous": "",
   "MissingConversion": "",
+  "ModelSelectResultsHelp": "",
   "Monday": "",
   "More": "",
   "MoveToStep": "",