feat(ClientSelect): add no-option template with add client link

simsustech · Dec 17, 2024 · e85bbd5 · e85bbd5
1 parent c75e8b0
commit e85bbd5
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 2 deletions.
diff --git a/packages/app/src/components/client/ClientSelect.vue b/packages/app/src/components/client/ClientSelect.vue
@@ -14,6 +14,16 @@
     >
       <slot :scope="scope" :name="slot"></slot>
     </template>
+    <template #no-option>
+      <q-item>
+        <q-item-section class="text-italic text-grey">
+          {{ lang.noResultsAvailable }}
+          <router-link to="/admin/clients">{{
+            lang.client.messages.addClient
+          }}</router-link>
+        </q-item-section>
+      </q-item>
+    </template>
   </filtered-model-select>
 </template>
 

diff --git a/packages/app/src/lang/en-US.ts b/packages/app/src/lang/en-US.ts
@@ -21,6 +21,7 @@ const lang: Language = {
   settings: 'Settings',
   name: 'Name',
   overview: 'Overview',
+  noResultsAvailable: 'No results available.',
   account: {
     title: 'Account',
     name: 'Account',
@@ -97,7 +98,8 @@ const lang: Language = {
       fieldRequired: 'Field is required'
     },
     messages: {
-      linkAccount: 'Link account to client.'
+      linkAccount: 'Link account to client.',
+      addClient: 'Add a client.'
     }
   },
   invoice: {

diff --git a/packages/app/src/lang/index.ts b/packages/app/src/lang/index.ts
@@ -20,6 +20,7 @@ export interface Language {
   settings: string
   name: string
   overview: string
+  noResultsAvailable: string
   account: {
     title: string
     name: string
@@ -97,6 +98,7 @@ export interface Language {
     }
     messages: {
       linkAccount: string
+      addClient: string
     }
   }
   invoice: {

diff --git a/packages/app/src/lang/nl.ts b/packages/app/src/lang/nl.ts
@@ -21,6 +21,7 @@ const lang: Language = {
   settings: 'Instellingen',
   name: 'Naam',
   overview: 'Overzicht',
+  noResultsAvailable: 'Geen resultaten beschikbaar.',
   account: {
     title: 'Account',
     name: 'Account',
@@ -98,7 +99,8 @@ const lang: Language = {
       fieldRequired: 'Veld is vereist'
     },
     messages: {
-      linkAccount: 'Link account aan klant.'
+      linkAccount: 'Link account aan klant.',
+      addClient: 'Voeg een klant toe.'
     }
   },
   invoice: {