Dateityp-Belegarten in Listen anzeigen

This commit is contained in:
2026-05-19 15:20:38 +02:00
parent 24febf4c95
commit 1ccabbedcd
3 changed files with 28 additions and 5 deletions

View File

@@ -75,6 +75,11 @@
return `${stringValue.substring(0, maxLength)}...`
}
const getColumnDisplayValue = (column, row) => {
const value = row[column.key]
if (column.displayFunction) return column.displayFunction(value, row)
return value
}
const handleSortChange = (value) => {
const nextSort = Array.isArray(value) ? value[0] : undefined
@@ -148,9 +153,9 @@
v-slot:[`${column.key}-cell`]="{ row }">
<component v-if="column.component" :is="column.component" :row="row.original"></component>
<span v-else-if="row.original[column.key]" class="block truncate">
<UTooltip :text="String(row.original[column.key])">
<UTooltip :text="String(getColumnDisplayValue(column, row.original))">
<span class="block truncate">
{{ `${truncateValue(row.original[column.key], column.maxLength)}${column.unit ? ` ${column.unit}` : ''}` }}
{{ `${truncateValue(getColumnDisplayValue(column, row.original), column.maxLength)}${column.unit ? ` ${column.unit}` : ''}` }}
</span>
</UTooltip>
</span>

View File

@@ -317,9 +317,17 @@ const truncateValue = (value, maxLength) => {
return `${stringValue.substring(0, maxLength)}...`
}
const getColumnDisplayValue = (column, row) => {
const value = row[column.key]
if (column.displayFunction) return column.displayFunction(value, row)
return value
}
const getDistinctFilterItems = (columnKey) => {
const column = dataType.templateColumns.find((item) => item.key === columnKey)
return (itemsMeta.value?.distinctValues?.[columnKey] || []).map((value) => ({
label: String(value),
label: String(column?.displayFunction ? column.displayFunction(value) : value),
value
}))
}
@@ -550,9 +558,9 @@ const isDistinctFilterActive = (columnKey) => {
v-slot:[`${column.key}-cell`]="{row}">
<component v-if="column.component" :is="column.component" :row="row.original"></component>
<span v-else-if="row.original[column.key]" class="block truncate">
<UTooltip :text="String(row.original[column.key])">
<UTooltip :text="String(getColumnDisplayValue(column, row.original))">
<span class="block truncate">
{{ `${truncateValue(row.original[column.key], column.maxLength)}${column.unit ? ` ${column.unit}` : ''}` }}
{{ `${truncateValue(getColumnDisplayValue(column, row.original), column.maxLength)}${column.unit ? ` ${column.unit}` : ''}` }}
</span>
</UTooltip>
</span>

View File

@@ -87,6 +87,10 @@ export const useDataStore = defineStore('data', () => {
{ key: "reminders", label: "Mahnung" },
]
const getFiletagDocumentTypeLabel = (options, value) => {
return options.find((option) => option.key === value)?.label || value
}
const dataTypes = {
tasks: {
isArchivable: true,
@@ -2397,6 +2401,9 @@ export const useDataStore = defineStore('data', () => {
selectValueAttribute: "key",
selectOptionAttribute: "label",
selectManualOptions: filetagCreatedDocumentTypeOptions,
displayFunction: function (value) {
return getFiletagDocumentTypeLabel(filetagCreatedDocumentTypeOptions, value)
},
inputColumn: "Automatik",
},
{
@@ -2406,6 +2413,9 @@ export const useDataStore = defineStore('data', () => {
selectValueAttribute: "key",
selectOptionAttribute: "label",
selectManualOptions: filetagIncomingDocumentTypeOptions,
displayFunction: function (value) {
return getFiletagDocumentTypeLabel(filetagIncomingDocumentTypeOptions, value)
},
inputColumn: "Automatik",
},
{