From 674f158877b2a8d9e3bce8207729234d6ee75747 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Thu, 12 Jun 2025 09:31:28 +0200
Subject: [PATCH] Add select filtering for domains if more than 10

---
 dashboard/src/components/AppInstallDialog.vue | 2 +-
 dashboard/src/components/app/Location.vue     | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/components/AppInstallDialog.vue b/dashboard/src/components/AppInstallDialog.vue
index 00cd494c0..43a385fe1 100644
--- a/dashboard/src/components/AppInstallDialog.vue
+++ b/dashboard/src/components/AppInstallDialog.vue
@@ -241,7 +241,7 @@ defineExpose({
                 <label for="location">{{ $t('appstore.installDialog.location') }}</label>
                 <InputGroup>
                   <TextInput id="location" ref="locationInput" v-model="location" style="flex-grow: 1"/>
-                  <SingleSelect v-model="domain" :options="domains" option-label="domain" option-key="domain" @select="onDomainChange()"/>
+                  <SingleSelect v-model="domain" :options="domains" option-label="domain" option-key="domain" @select="onDomainChange()" search-threshold="10"/>
                 </InputGroup>
                 <div class="text-danger" v-if="formError.location">{{ formError.location }}</div>
               </FormGroup>
diff --git a/dashboard/src/components/app/Location.vue b/dashboard/src/components/app/Location.vue
index 96b121f10..18af8f5cf 100644
--- a/dashboard/src/components/app/Location.vue
+++ b/dashboard/src/components/app/Location.vue
@@ -194,7 +194,7 @@ onMounted(async () => {
 
           <InputGroup style="flex-grow: 1">
             <TextInput style="flex-grow: 1" v-model="subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
-            <SingleSelect :disabled="busy" :options="domains" v-model="domain" option-key="domain" option-label="domain"/>
+            <SingleSelect :disabled="busy" :options="domains" v-model="domain" option-key="domain" option-label="domain" search-threshold="10"/>
           </InputGroup>
           <div class="warning-label" v-if="isNoopOrManual(domain)" v-html="$t('appstore.installDialog.manualWarning', { location: ((subdomain ? subdomain + '.' : '') + domain) })"></div>
         </FormGroup>
@@ -204,7 +204,7 @@ onMounted(async () => {
           <small>{{ item.description }}</small>
           <InputGroup style="flex-grow: 1">
             <TextInput style="flex-grow: 1" :id="'secondaryDomainInput' + item.containerPort" v-model="item.subdomain" :placeholder="$t('appstore.installDialog.locationPlaceholder')"/>
-            <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain"/>
+            <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain" search-threshold="10"/>
           </InputGroup>
           <div class="warning-label" v-if="isNoopOrManual(item.domain)" v-html="$t('appstore.installDialog.manualWarning', { location: ((item.subdomain ? item.subdomain + '.' : '') + item.domain) })"></div>
         </FormGroup>
@@ -219,7 +219,7 @@ onMounted(async () => {
             <div style="display: flex; gap: 10px;">
               <InputGroup style="flex-grow: 1">
                 <TextInput style="flex-grow: 1" v-model="item.subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
-                <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain"/>
+                <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain" search-threshold="10"/>
               </InputGroup>
               <Button danger tool :disabled="busy" icon="fa-solid fa-trash" @click="onRemoveAlias(index)"/>
             </div>
@@ -237,7 +237,7 @@ onMounted(async () => {
             <div style="display: flex; gap: 10px;">
               <InputGroup style="flex-grow: 1">
                 <TextInput style="flex-grow: 1" v-model="item.subdomain" :placeholder="$t('app.location.locationPlaceholder')"/>
-                <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain"/>
+                <SingleSelect :disabled="busy" :options="domains" v-model="item.domain" option-key="domain" option-label="domain" search-threshold="10"/>
               </InputGroup>
               <Button danger tool :disabled="busy" icon="fa-solid fa-trash" @click="onRemoveRedirect(index)"/>
             </div>