feat: use search endpoint in admin table

Author: ThibaudDauce

components/Dataservices/AdminDataservicesPage.vue

@@ -126,6 +126,8 @@ function sort(column: DataserviceSortedBy, newDirection: SortDirection) {
   direction.value = newDirection
 }
 
+const apiUrl = computed(() => qDebounced.value ? '/api/2/dataservices/search/' : '/api/1/dataservices/')
+
 const params = computed(() => {
   return {
     organization: props.organization?.id,
@@ -138,7 +140,7 @@ const params = computed(() => {
   }
 })
 
-const { data: pageData, status, refresh } = await useAPI<PaginatedArray<Dataservice>>('/api/1/dataservices/', { lazy: true, query: params })
+const { data: pageData, status, refresh } = await useAPI<PaginatedArray<Dataservice>>(apiUrl, { lazy: true, query: params })
 
 watchEffect(async () => {
   if (pageData.value) {

components/Datasets/AdminDatasetsPage.vue

@@ -170,6 +170,8 @@ function resetFilters() {
   datasetsStatus.value = null
 }
 
+const apiUrl = computed(() => qDebounced.value && !datasetsStatus.value ? '/api/2/datasets/search/' : '/api/2/datasets/')
+
 const params = computed(() => {
   const query: {
     organization: string | undefined
@@ -211,7 +213,7 @@ const params = computed(() => {
   return query
 })
 
-const { data: pageData, status, refresh } = await useAPI<PaginatedArray<DatasetV2>>('/api/2/datasets/', { lazy: true, query: params })
+const { data: pageData, status, refresh } = await useAPI<PaginatedArray<DatasetV2>>(apiUrl, { lazy: true, query: params })
 
 watchEffect(async () => {
   if (pageData.value) {

components/Reuses/AdminReusesPage.vue

@@ -118,6 +118,8 @@ function sort(column: ReuseSortedBy, newDirection: SortDirection) {
   direction.value = newDirection
 }
 
+const apiUrl = computed(() => qDebounced.value ? '/api/2/reuses/search/' : '/api/1/reuses/')
+
 const params = computed(() => {
   return {
     organization: props.organization?.id,
@@ -130,7 +132,7 @@ const params = computed(() => {
   }
 })
 
-const { data: pageData, status, refresh } = await useAPI<PaginatedArray<Reuse>>('/api/1/reuses/', { lazy: true, query: params })
+const { data: pageData, status, refresh } = await useAPI<PaginatedArray<Reuse>>(apiUrl, { lazy: true, query: params })
 
 watchEffect(async () => {
   if (pageData.value) {

pages/admin/site/organizations.vue

@@ -192,7 +192,8 @@ const q = ref('')
 const qDebounced = refDebounced(q, config.public.searchDebounce)
 
 const url = computed(() => {
-  const url = new URL(`/api/1/organizations`, config.public.apiBase)
+  const baseEndpoint = qDebounced.value ? '/api/2/organizations/search/' : '/api/1/organizations'
+  const url = new URL(baseEndpoint, config.public.apiBase)
 
   url.searchParams.set('deleted', 'true')
   url.searchParams.set('sort', sortDirection.value)