feat(FilteredModelSelect): add no-option template

simsustech · Dec 9, 2024 · 1df3ea7 · 1df3ea7
1 parent 0948370
commit 1df3ea7
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/new-ties-kiss.md b/.changeset/new-ties-kiss.md
@@ -0,0 +1,5 @@
+---
+"@simsustech/quasar-components": patch
+---
+
+feat(FilteredModelSelect): add no-option template
diff --git a/packages/components/src/ui/form/FilteredModelSelect.vue b/packages/components/src/ui/form/FilteredModelSelect.vue
@@ -22,6 +22,13 @@
     <template v-for="(_, slot) in $slots" #[slot]="scope">
       <slot :name="slot" v-bind="scope || {}" />
     </template>
+    <template #no-option>
+      <q-item>
+        <q-item-section class="text-italic text-grey">
+          {{ lang.noResultsAvailable }}
+        </q-item-section>
+      </q-item>
+    </template>
   </q-select>
 </template>
 

diff --git a/packages/components/src/ui/form/lang/en-US.ts b/packages/components/src/ui/form/lang/en-US.ts
@@ -5,6 +5,7 @@ const lang: Language = {
   yes: 'Yes',
   no: 'No',
   selectMultiple: 'Select one or multiple',
+  noResultsAvailable: 'No results available.',
   buttons: {
     close: 'Close'
   },

diff --git a/packages/components/src/ui/form/lang/index.ts b/packages/components/src/ui/form/lang/index.ts
@@ -3,6 +3,7 @@ export interface Language {
   yes: string
   no: string
   selectMultiple: string
+  noResultsAvailable: string
   buttons: {
     close: string
   }

diff --git a/packages/components/src/ui/form/lang/nl.ts b/packages/components/src/ui/form/lang/nl.ts
@@ -5,6 +5,7 @@ const lang: Language = {
   yes: 'Ja',
   no: 'Nee',
   selectMultiple: 'Selecteer één of meerdere',
+  noResultsAvailable: 'Geen resultaten beschikbaar.',
   buttons: {
     close: 'Sluiten'
   },