flfeders/FEDEO
2
1
Fork 0
Code Issues 96 Pull Requests Actions Packages Projects 22 Releases Wiki Activity

Verschiebt Kassenbuch Infos in Navbar

Browse Source 
Die Detailinformationen zum Kassenbuch werden nun in der Navbar angezeigt. Die separate Kartenzeile oberhalb der Buchungsmaske entfällt.
This commit is contained in:
florianfederspiel
2026-05-11 17:27:46 +02:00
parent d4c39d7d44
commit 743c0e8772
1 changed files with 13 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/pages/accounting/cashbooks/[id].vue
View File

@@ -246,27 +246,23 @@ onMounted(loadData)
Kassenbücher Kassenbücher
</UButton> </UButton>
</template> </template>
<template #right>
<div v-if="selectedCashbook" class="flex flex-wrap items-center justify-end gap-2">
<UBadge color="neutral" variant="subtle">
{{ selectedCashbook.name }}
</UBadge>
<UBadge color="neutral" variant="subtle">
Konto {{ selectedCashbook.datevNumber }}
</UBadge>
<UBadge :color="currentBalance < 0 ? 'error' : 'success'" variant="subtle">
Bestand {{ displayCurrency(currentBalance) }}
</UBadge>
</div>
</template>
</UDashboardNavbar> </UDashboardNavbar>
<div v-if="loading" class="py-10 text-center text-gray-500">Lade Kassenbuch...</div> <div v-if="loading" class="py-10 text-center text-gray-500">Lade Kassenbuch...</div>
<div v-else-if="selectedCashbook" class="space-y-6"> <div v-else-if="selectedCashbook" class="space-y-6">
<div class="grid gap-4 md:grid-cols-3">
<UCard>
<div class="text-sm text-gray-500">Aktuelle Kasse</div>
<div class="mt-1 text-lg font-semibold text-gray-900 dark:text-white">{{ selectedCashbook.name }}</div>
</UCard>
<UCard>
<div class="text-sm text-gray-500">Kontennummer</div>
<div class="mt-1 font-mono text-lg font-semibold text-gray-900 dark:text-white">{{ selectedCashbook.datevNumber }}</div>
</UCard>
<UCard>
<div class="text-sm text-gray-500">Kassenbestand</div>
<div class="mt-1 text-lg font-semibold" :class="currentBalance < 0 ? 'text-red-600' : 'text-emerald-600'">
{{ displayCurrency(currentBalance) }}
</div>
</UCard>
</div>
<UCard> <UCard>
<template #header> <template #header>
<div class="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between"> <div class="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">