Elizhium/litlyx
1
0
Fork 0
mirror of https://github.com/Litlyx/litlyx synced 2025-12-10 07:48:37 +01:00
Code Issues Packages Projects Releases Wiki Activity

new selfhosted version

Browse Source
This commit is contained in:
antonio
2025-11-28 14:11:51 +01:00
parent afda29997d
commit 951860f67e
1046 changed files with 72586 additions and 574750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
dashboard/components/billing/InvoicesView.vue Normal file
View File

@@ -0,0 +1,64 @@
<script lang="ts" setup>
import { FileIcon, FileCheck } from 'lucide-vue-next';
const { data: invoices, status: invoicesStatus } = useAuthFetch('/api/user/invoices');
</script>
<template>
<div class="flex justify-center">
<Card class="w-full" v-if="invoicesStatus === 'success' && invoices">
<CardContent class="flex flex-col gap-4">
<Table>
<TableHeader>
<TableRow class="*:text-center">
<TableHead class="w-[5%]"></TableHead>
<TableHead class="w-fit"> Date </TableHead>
<TableHead class="w-fit"> Price </TableHead>
<TableHead class="w-fit"> Number </TableHead>
<TableHead class="w-fit"> Status </TableHead>
<TableHead class="w-fit"> Actions </TableHead>
</TableRow>
</TableHeader>
<TableBody>
<TableRow v-for="invoice of invoices.data" class="h-[2rem]">
<TableCell>
<FileCheck class="size-4"></FileCheck>
</TableCell>
<TableCell>
{{ new Date(invoice.created * 1000).toLocaleString() }}
</TableCell>
<TableCell>
€ {{ invoice.amount_due / 100 }}
</TableCell>
<TableCell>
{{ invoice.number }}
</TableCell>
<TableCell>
<Badge :class="{
'bg-red-300': invoice.status === 'open'
}">
{{ invoice.status }}
</Badge>
</TableCell>
<TableCell>
<NuxtLink target="_blank" :to="invoice.hosted_invoice_url ?? '#'">
<Button variant="ghost">
<FileIcon></FileIcon>
Manage
</Button>
</NuxtLink>
</TableCell>
</TableRow>
</TableBody>
</Table>
</CardContent>
</Card>
<div v-else class="flex justify-center">
<Loader></Loader>
</div>
</div>
</template>