Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-04 21:15:22 +02:00
Code Issues Releases Activity

fix: Data Management Headers (#5830)

Browse source
This commit is contained in:
Michael Genson 2025-07-29 04:05:46 -05:00 • committed by GitHub
parent e7c310934d
commit 7a43546eeb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/components/global/CrudTable.vue
View file

@ -22,10 +22,9 @@
<v-card>
<v-card-text>
<v-checkbox
v-for="itemValue in headers"
v-for="itemValue in localHeaders"
:key="itemValue.text + itemValue.show"
v-model="filteredHeaders"
:value="itemValue.value"
v-model="itemValue.show"
density="compact"
flat
inset
@ -172,12 +171,20 @@ export default defineNuxtComponent({
// ===========================================================
// Reactive Headers
// Create a local reactive copy of headers that we can modify
const localHeaders = ref([...props.headers]);
// Watch for changes in props.headers and update local copy
watch(() => props.headers, (newHeaders) => {
localHeaders.value = [...newHeaders];
}, { deep: true });
const filteredHeaders = computed<string[]>(() => {
return props.headers.filter(header => header.show).map(header => header.value);
return localHeaders.value.filter(header => header.show).map(header => header.value);
});
const headersWithoutActions = computed(() =>
props.headers
localHeaders.value
.filter(header => filteredHeaders.value.includes(header.value))
.map(header => ({
...header,
@ -214,6 +221,7 @@ export default defineNuxtComponent({
return {
sortBy,
selected,
localHeaders,
filteredHeaders,
headersWithoutActions,
activeHeaders,