Verschiebt Kassenbuch Infos in Navbar
Die Detailinformationen zum Kassenbuch werden nun in der Navbar angezeigt. Die separate Kartenzeile oberhalb der Buchungsmaske entfällt.
This commit is contained in:
@@ -246,27 +246,23 @@ onMounted(loadData)
|
||||
Kassenbücher
|
||||
</UButton>
|
||||
</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>
|
||||
|
||||
<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 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>
|
||||
<template #header>
|
||||
<div class="flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between">
|
||||
|
||||
Reference in New Issue
Block a user