From 7346c2da47132adc321762b8fb560fcee37d32db Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Thu, 29 May 2025 23:59:08 +0200
Subject: [PATCH] Load MemberFilter meta via backend

---
 .../{MemberFilter.vue => MemberFilterFields.vue}      | 11 ++++++-----
 resources/js/views/member/VIndex.vue                  |  6 ++++--
 2 files changed, 10 insertions(+), 7 deletions(-)
 rename resources/js/views/member/{MemberFilter.vue => MemberFilterFields.vue} (92%)

diff --git a/resources/js/views/member/MemberFilter.vue b/resources/js/views/member/MemberFilterFields.vue
similarity index 92%
rename from resources/js/views/member/MemberFilter.vue
rename to resources/js/views/member/MemberFilterFields.vue
index 40429598..83de497e 100644
--- a/resources/js/views/member/MemberFilter.vue
+++ b/resources/js/views/member/MemberFilterFields.vue
@@ -20,7 +20,9 @@
 </template>
 
 <script setup>
-import {ref, watch} from 'vue';
+import {inject, ref, watch} from 'vue';
+
+const axios = inject('axios');
 
 const emit = defineEmits(['update:modelValue']);
 
@@ -29,12 +31,11 @@ const props = defineProps({
         type: Object,
         required: true,
     },
-    meta: {
-        type: Object,
-        required: true,
-    },
 });
 
+const metaResponse = await axios.post('/api/member/search', {});
+const meta = ref(metaResponse.data.meta);
+
 const filter = ref({...props.modelValue});
 
 watch(
diff --git a/resources/js/views/member/VIndex.vue b/resources/js/views/member/VIndex.vue
index 4fda9f27..0a03a482 100644
--- a/resources/js/views/member/VIndex.vue
+++ b/resources/js/views/member/VIndex.vue
@@ -19,7 +19,9 @@
         </ui-popup>
         <page-filter>
             <template #fields>
-                <member-filter :meta="meta" :model-value="filter" @update:model-value="setFilterObject($event)" />
+                <suspense>
+                    <member-filter-fields :model-value="filter" @update:model-value="setFilterObject($event)" />
+                </suspense>
             </template>
             <template #buttons>
                 <f-text id="search" :model-value="filter.search" label="Suchen …" size="sm" @update:model-value="setFilterObject({...filter, search: $event})"></f-text>
@@ -101,7 +103,7 @@ import Tags from './Tags.vue';
 import Actions from './index/Actions.vue';
 import {indexProps, useIndex} from '../../composables/useIndex.js';
 import {ref, defineProps} from 'vue';
-import MemberFilter from './MemberFilter.vue';
+import MemberFilterFields from './MemberFilterFields.vue';
 
 const single = ref(null);
 const deleting = ref(null);