github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-22 22:43:34 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 15

fix crud table

Browse source
This commit is contained in:
Kuchenpirat 2025-06-18 11:21:55 +00:00
commit 5eb7528531
1 changed files with 18 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -65,7 +65,7 @@
class="elevation-2"
>
<template
v-for="header in activeHeaders"
v-for="header in headersWithoutActions"
#[`item.${header.value}`]="{ item }"
>
<slot
@ -172,27 +172,23 @@ export default defineNuxtComponent({
// ===========================================================
// Reactive Headers
const filteredHeaders = ref<string[]>([]);
const filteredHeaders = computed<string[]>(() => {
return props.headers.filter(header => header.show).map(header => header.value);
});
// Set default filtered
filteredHeaders.value = (() => {
const filtered: string[] = [];
props.headers.forEach((element) => {
if (element.show) {
filtered.push(element.value);
}
});
return filtered;
})();
const headersWithoutActions = computed(() =>
props.headers
.filter(header => filteredHeaders.value.includes(header.value))
.map(header => ({
...header,
title: i18n.t(header.text),
})),
);
const activeHeaders = computed(() => {
const filtered = props.headers.filter(header => filteredHeaders.value.includes(header.value)).map((h) => {
const { text, ...rest } = h;
return { ...rest, title: i18n.t(text) };
});
filtered.push({ title: "", value: "actions", show: true, align: "right" });
return filtered;
});
const activeHeaders = computed(() => [
...headersWithoutActions.value,
{ title: "", value: "actions", show: true, align: "end" },
]);
const selected = ref<any[]>([]);
@ -219,6 +215,7 @@ export default defineNuxtComponent({
sortBy,
selected,
filteredHeaders,
headersWithoutActions,
activeHeaders,
bulkActionListener,
search,