atash/chronus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

Moar
All checks were successful
Docker Deploy / build-and-push (push) Successful in 4m6s
Details

Browse Source
This commit is contained in:
Atridad Lahiji
2026-02-09 02:28:54 -07:00
parent 12d59bb42f
commit caf763aa1e
24 changed files with 1003 additions and 1169 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
src/pages/dashboard/invoices/[id]/edit.astro
View File

@@ -47,83 +47,73 @@ const discountValueDisplay = invoice.discountType === 'fixed'
<DashboardLayout title={`Edit ${invoice.number} - Chronus`}>
<div class="max-w-3xl mx-auto">
<div class="mb-6">
<a href={`/dashboard/invoices/${invoice.id}`} class="btn btn-ghost btn-sm gap-2 pl-0 hover:bg-transparent text-base-content/60">
<a href={`/dashboard/invoices/${invoice.id}`} class="btn btn-ghost btn-xs gap-2 pl-0 hover:bg-transparent text-base-content/60">
<Icon name="heroicons:arrow-left" class="w-4 h-4" />
Back to Invoice
</a>
<h1 class="text-3xl font-bold mt-2">Edit Details</h1>
<h1 class="text-2xl font-extrabold tracking-tight mt-2">Edit Details</h1>
</div>
<form method="POST" action={`/api/invoices/${invoice.id}/update`} class="card bg-base-100 shadow-xl border border-base-200">
<div class="card-body gap-6">
<form method="POST" action={`/api/invoices/${invoice.id}/update`} class="card card-border bg-base-100">
<div class="card-body p-4 gap-3">
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div class="grid grid-cols-1 md:grid-cols-2 gap-3">
<!-- Number -->
<div class="form-control">
<label class="label font-semibold" for="invoice-number">
Number
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Number</legend>
<input
type="text"
id="invoice-number"
name="number"
class="input input-bordered font-mono"
class="input font-mono"
value={invoice.number}
required
/>
</div>
</fieldset>
<!-- Currency -->
<div class="form-control">
<label class="label font-semibold" for="invoice-currency">
Currency
</label>
<select id="invoice-currency" name="currency" class="select select-bordered w-full">
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Currency</legend>
<select id="invoice-currency" name="currency" class="select w-full">
<option value="USD" selected={invoice.currency === 'USD'}>USD ($)</option>
<option value="EUR" selected={invoice.currency === 'EUR'}>EUR (€)</option>
<option value="GBP" selected={invoice.currency === 'GBP'}>GBP (£)</option>
<option value="CAD" selected={invoice.currency === 'CAD'}>CAD ($)</option>
<option value="AUD" selected={invoice.currency === 'AUD'}>AUD ($)</option>
</select>
</div>
</fieldset>
<!-- Issue Date -->
<div class="form-control">
<label class="label font-semibold" for="invoice-issue-date">
Issue Date
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Issue Date</legend>
<input
type="date"
id="invoice-issue-date"
name="issueDate"
class="input input-bordered"
class="input"
value={issueDateStr}
required
/>
</div>
</fieldset>
<!-- Due Date -->
<div class="form-control">
<label class="label font-semibold" for="invoice-due-date">
{invoice.type === 'quote' ? 'Valid Until' : 'Due Date'}
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">{invoice.type === 'quote' ? 'Valid Until' : 'Due Date'}</legend>
<input
type="date"
id="invoice-due-date"
name="dueDate"
class="input input-bordered"
class="input"
value={dueDateStr}
required
/>
</div>
</fieldset>
<!-- Discount -->
<div class="form-control">
<label class="label font-semibold" for="invoice-discount-type">
Discount
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Discount</legend>
<div class="join w-full">
<select id="invoice-discount-type" name="discountType" class="select select-bordered join-item">
<select id="invoice-discount-type" name="discountType" class="select join-item">
<option value="percentage" selected={!invoice.discountType || invoice.discountType === 'percentage'}>%</option>
<option value="fixed" selected={invoice.discountType === 'fixed'}>Fixed</option>
</select>
@@ -133,48 +123,44 @@ const discountValueDisplay = invoice.discountType === 'fixed'
name="discountValue"
step="0.01"
min="0"
class="input input-bordered join-item w-full"
class="input join-item w-full"
value={discountValueDisplay}
/>
</div>
</div>
</fieldset>
<!-- Tax Rate -->
<div class="form-control">
<label class="label font-semibold" for="invoice-tax-rate">
Tax Rate (%)
</label>
<input
type="number"
id="invoice-tax-rate"
name="taxRate"
step="0.01"
min="0"
max="100"
class="input input-bordered"
value={invoice.taxRate}
/>
</div>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Tax Rate (%)</legend>
<input
type="number"
id="invoice-tax-rate"
name="taxRate"
step="0.01"
min="0"
max="100"
class="input"
value={invoice.taxRate}
/>
</fieldset>
</div>
<!-- Notes -->
<div class="form-control flex flex-col">
<label class="label font-semibold" for="invoice-notes">
Notes / Terms
</label>
<fieldset class="fieldset">
<legend class="fieldset-legend text-xs">Notes / Terms</legend>
<textarea
id="invoice-notes"
name="notes"
class="textarea textarea-bordered h-32 font-mono text-sm"
class="textarea h-32 font-mono text-sm"
placeholder="Payment terms, bank details, or thank you notes..."
>{invoice.notes}</textarea>
</div>
</fieldset>
<div class="divider"></div>
<div class="divider my-0"></div>
<div class="card-actions justify-end">
<a href={`/dashboard/invoices/${invoice.id}`} class="btn btn-ghost">Cancel</a>
<button type="submit" class="btn btn-primary">
<div class="flex justify-end gap-2">
<a href={`/dashboard/invoices/${invoice.id}`} class="btn btn-ghost btn-sm">Cancel</a>
<button type="submit" class="btn btn-primary btn-sm">
Save Changes
</button>
</div>