feat: delete transactions

This commit is contained in:
juancwu 2026-05-04 14:52:51 +00:00
commit f371611017
6 changed files with 355 additions and 8 deletions

View file

@ -4,6 +4,7 @@ import "git.juancwu.dev/juancwu/budgit/internal/model"
import "git.juancwu.dev/juancwu/budgit/internal/routeurl"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/button"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/card"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/dialog"
import "git.juancwu.dev/juancwu/budgit/internal/ui/components/icon"
import "git.juancwu.dev/juancwu/budgit/internal/ui/layouts"
import "git.juancwu.dev/juancwu/budgit/internal/ui/utils"
@ -56,14 +57,58 @@ templ SpaceTransactionPage(props SpaceTransactionPageProps) {
</p>
</div>
if props.RelatedTransaction == nil {
@button.Button(button.Props{
Variant: button.VariantDefault,
Href: routeurl.URL("page.app.spaces.space.accounts.account.transactions.transaction.edit", "spaceID", props.SpaceID, "accountID", props.AccountID, "transactionID", props.Transaction.ID),
Class: "flex items-center gap-2",
}) {
@icon.Pencil(icon.Props{Class: "size-4"})
Edit
}
<div class="flex items-center gap-2">
@button.Button(button.Props{
Variant: button.VariantDefault,
Href: routeurl.URL("page.app.spaces.space.accounts.account.transactions.transaction.edit", "spaceID", props.SpaceID, "accountID", props.AccountID, "transactionID", props.Transaction.ID),
Class: "flex items-center gap-2",
}) {
@icon.Pencil(icon.Props{Class: "size-4"})
Edit
}
@dialog.Dialog() {
@dialog.Trigger() {
@button.Button(button.Props{
Variant: button.VariantDestructive,
Class: "flex items-center gap-2",
}) {
@icon.Trash2(icon.Props{Class: "size-4"})
Delete
}
}
@dialog.Content() {
@dialog.Header() {
@dialog.Title() {
Delete { props.Transaction.Title }?
}
@dialog.Description() {
if props.Transaction.Type == model.TransactionTypeDeposit {
This permanently removes the deposit and debits the amount from the account balance.
} else {
This permanently removes the bill and credits the amount back to the account balance.
}
}
}
@dialog.Footer(dialog.FooterProps{Class: "mt-2"}) {
@dialog.Close() {
@button.Button(button.Props{Variant: button.VariantOutline}) {
Cancel
}
}
<form hx-post={ routeurl.URL("action.app.spaces.space.accounts.account.transactions.transaction.delete", "spaceID", props.SpaceID, "accountID", props.AccountID, "transactionID", props.Transaction.ID) }>
@button.Button(button.Props{
Type: button.TypeSubmit,
Variant: button.VariantDestructive,
Class: "flex gap-2 items-center",
}) {
@icon.Trash2(icon.Props{Class: "size-4"})
Delete
}
</form>
}
}
}
</div>
}
</div>
@card.Card() {