From 66b149b3f9944dde8029eb43101eaf9e0b22d642 Mon Sep 17 00:00:00 2001
From: Antoine Nguyen <tonio@ngyn.org>
Date: Tue, 19 Aug 2025 11:04:18 +0200
Subject: [PATCH] Added way to search for a given domainadmin through the API

---
 .../admin/domains/DomainAdminList.vue         | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/admin/domains/DomainAdminList.vue b/frontend/src/components/admin/domains/DomainAdminList.vue
index 1e3dde671..92331c883 100644
--- a/frontend/src/components/admin/domains/DomainAdminList.vue
+++ b/frontend/src/components/admin/domains/DomainAdminList.vue
@@ -17,12 +17,14 @@
           <v-autocomplete
             v-else
             v-model="selectedAccount"
+            v-model:search="search"
             :label="$gettext('Select an account')"
             :items="accounts"
             variant="outlined"
             item-title="username"
             class="mt-5"
             return-object
+            @update:search="fetchAccounts"
           >
             <template #append>
               <v-btn
@@ -103,6 +105,7 @@ const emit = defineEmits(['close'])
 
 const accounts = ref([])
 const administrators = ref([])
+const search = ref('')
 
 const adminHeaders = ref([
   { title: $gettext('Username'), value: 'username' },
@@ -129,18 +132,20 @@ function fetchAdministrators(domain) {
 }
 
 function fetchAccounts() {
-  accountApi
-    .getAll({
-      role: [constants.RESELLER, constants.DOMAIN_ADMIN],
-      page_size: 50,
-    })
-    .then((resp) => {
-      accounts.value = resp.data.results.filter(
-        (account) =>
-          administrators.value.find((admin) => admin.id === account.pk) ===
-          undefined
-      )
-    })
+  const params = {
+    role: [constants.RESELLER, constants.DOMAIN_ADMIN],
+    page_size: 50,
+  }
+  if (search.value) {
+    params.search = search.value
+  }
+  accountApi.getAll(params).then((resp) => {
+    accounts.value = resp.data.results.filter(
+      (account) =>
+        administrators.value.find((admin) => admin.id === account.pk) ===
+        undefined
+    )
+  })
 }
 function addAdministrator() {
   domainApi