x/spend-sparrow
2
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

wip: recurring transactions
Some checks failed
Build Docker Image / Build-Docker-Image (push) Failing after 4m24s
Details

Browse Source
This commit is contained in:
Tim Wundenberg
2025-05-24 17:31:29 +02:00
parent e70d90c60d
commit e625ef21b4
3 changed files with 131 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
handler/treasure_chest.go
View File

@@ -84,7 +84,7 @@ func (h TreasureChestImpl) handleTreasureChestItemComp() http.HandlerFunc {
} }
transactionsRecurring, err := h.transactionRecurring.GetAllByTreasureChest(user, treasureChest.Id.String()) transactionsRecurring, err := h.transactionRecurring.GetAllByTreasureChest(user, treasureChest.Id.String())
transactionsRec := tr.TransactionRecurringItems(transactionsRecurring) transactionsRec := tr.TransactionRecurringItems(transactionsRecurring, "", "", "")
var comp templ.Component var comp templ.Component
if r.URL.Query().Get("edit") == "true" { if r.URL.Query().Get("edit") == "true" {

2
service/transaction_recurring.go
View File

@@ -309,7 +309,7 @@ func (s TransactionRecurringImpl) Delete(user *types.User, id string) error {
return err return err
} }
r, err := tx.Exec("DELETE FROM \"transactionRecurring\" WHERE id = ? AND user_id = ?", uuid, user.Id) r, err := tx.Exec("DELETE FROM transaction_recurring WHERE id = ? AND user_id = ?", uuid, user.Id)
err = db.TransformAndLogDbError("transactionRecurring Delete", r, err) err = db.TransformAndLogDbError("transactionRecurring Delete", r, err)
if err != nil { if err != nil {
return err return err

63
template/transaction_recurring/transaction_recurring.templ
View File

@@ -4,55 +4,51 @@ import "fmt"
import "spend-sparrow/template/svg" import "spend-sparrow/template/svg"
import "spend-sparrow/types" import "spend-sparrow/types"
templ TransactionRecurringItems(transactionsRecurring []*types.TransactionRecurring) { templ TransactionRecurringItems(transactionsRecurring []*types.TransactionRecurring, editId, accountId, treasureChestId string) {
<table id="transaction-recurring-items border-spacing-96" class="p-40 w-full"> <!-- Don't use table, because embedded forms are only valid for cells -->
<thead> <div class="grid gap-4 mt-10 grid-cols-[auto_auto_auto_auto_max-content] items-center text-xl">
<tr> <span class="text-sm text-gray-500">Party</span>
<th class="text-sm text-gray-500">Party</th> <span class="text-sm text-gray-500">Description</span>
<th class="text-sm text-gray-500">Description</th> <span class="text-sm text-gray-500">Interval</span>
<th class="text-sm text-gray-500">Value (€)</th> <span class="text-sm text-right text-gray-500">Value</span>
<th class="text-sm text-gray-500">Actions</th> <span></span>
</tr>
</thead>
<tbody>
for _, transaction := range transactionsRecurring { for _, transaction := range transactionsRecurring {
if transaction.Id.String() == editId {
@EditTransactionRecurring(transaction, accountId, treasureChestId)
} else {
@TransactionRecurringItem(transaction) @TransactionRecurringItem(transaction)
} }
</tbody> }
</table> </div>
} }
templ TransactionRecurringItem(transactionRecurring *types.TransactionRecurring) { templ TransactionRecurringItem(transactionRecurring *types.TransactionRecurring) {
<tr id={ "transaction-recurring" + transactionRecurring.Id.String() } class="mx-20"> <p class="text-gray-600">
<td>
<p class="text-sm text-gray-500">
if transactionRecurring.Party != "" { if transactionRecurring.Party != "" {
{ transactionRecurring.Party } { transactionRecurring.Party }
} else { } else {
&nbsp; &nbsp;
} }
</p> </p>
</td> <p class="text-gray-600">
<td>
<p class="text-sm text-gray-500">
if transactionRecurring.Description != "" { if transactionRecurring.Description != "" {
{ transactionRecurring.Description } { transactionRecurring.Description }
} else { } else {
&nbsp; &nbsp;
} }
</p> </p>
</td> <p class="text-gray-500 text-sm">
<td> Every <span class="text-xl">{ transactionRecurring.IntervalMonths }</span> month(s)
</p>
if transactionRecurring.Value < 0 { if transactionRecurring.Value < 0 {
<p class="mr-8 min-w-22 text-red-700">{ displayBalance(transactionRecurring.Value)+" €" }</p> <p class="text-right text-red-700">{ displayBalance(transactionRecurring.Value)+" €" }</p>
} else { } else {
<p class="mr-8 min-w-22 text-green-700">{ displayBalance(transactionRecurring.Value)+" €" }</p> <p class="text-right text-green-700">{ displayBalance(transactionRecurring.Value)+" €" }</p>
} }
</td> <div class="flex gap-2">
<td class="flex gap-2">
<button <button
hx-get={ "/transaction-recurring/" + transactionRecurring.Id.String() + "?edit=true" } hx-get={ "/transaction-recurring/" + transactionRecurring.Id.String() + "?edit=true" }
hx-target="closest #transaction" hx-target={ "#transaction-recurring" + transactionRecurring.Id.String() }
hx-swap="outerHTML" hx-swap="outerHTML"
class="button button-neglect px-1 flex items-center gap-2" class="button button-neglect px-1 flex items-center gap-2"
> >
@@ -63,7 +59,7 @@ templ TransactionRecurringItem(transactionRecurring *types.TransactionRecurring)
</button> </button>
<button <button
hx-delete={ "/transaction-recurring/" + transactionRecurring.Id.String() } hx-delete={ "/transaction-recurring/" + transactionRecurring.Id.String() }
hx-target="closest #transaction" hx-target={ "#transaction-recurring" + transactionRecurring.Id.String() }
hx-swap="outerHTML" hx-swap="outerHTML"
hx-confirm="Are you sure you want to delete this transaction?" hx-confirm="Are you sure you want to delete this transaction?"
class="button button-neglect px-1 flex items-center gap-2" class="button button-neglect px-1 flex items-center gap-2"
@@ -73,8 +69,7 @@ templ TransactionRecurringItem(transactionRecurring *types.TransactionRecurring)
Delete Delete
</span> </span>
</button> </button>
</td> </div>
</tr>
} }
templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring, accountId, treasureChestId string) { templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring, accountId, treasureChestId string) {
@@ -102,14 +97,13 @@ templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring,
cancelUrl = "/transaction-recurring/" + id cancelUrl = "/transaction-recurring/" + id
} }
}} }}
<div id="transaction" class="border-1 border-gray-300 w-full my-4 p-4 bg-gray-50 rounded-lg">
<form <form
id="transaction-recurring-form"
hx-post={ "/transaction-recurring/" + id } hx-post={ "/transaction-recurring/" + id }
hx-target="closest #transaction" hx-target="closest #transaction"
hx-swap="outerHTML" hx-swap="outerHTML"
class="text-xl flex justify-end gap-4 items-center" class="text-xl flex justify-end gap-4 items-center"
> ></form>
<div class="grid grid-cols-[auto_auto] items-center gap-4 ">
<div class="col-span-2"> <div class="col-span-2">
<input <input
name="active" name="active"
@@ -155,7 +149,6 @@ templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring,
if treasureChestId != "" { if treasureChestId != "" {
<input type="text" name="treasure-chest-id" class="hidden text-sm text-gray-500" value={ treasureChestId }/> <input type="text" name="treasure-chest-id" class="hidden text-sm text-gray-500" value={ treasureChestId }/>
} }
</div>
<button type="submit" class="button button-neglect px-1 flex items-center gap-2"> <button type="submit" class="button button-neglect px-1 flex items-center gap-2">
@svg.Save() @svg.Save()
<span> <span>
@@ -164,7 +157,7 @@ templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring,
</button> </button>
<button <button
hx-get={ cancelUrl } hx-get={ cancelUrl }
hx-target="closest #transaction" hx-target={ "#transaction-recurring" + transactionRecurring.Id.String() }
hx-swap="outerHTML" hx-swap="outerHTML"
class="button button-neglect px-1 flex items-center gap-2" class="button button-neglect px-1 flex items-center gap-2"
> >
@@ -173,8 +166,6 @@ templ EditTransactionRecurring(transactionRecurring *types.TransactionRecurring,
Cancel Cancel
</span> </span>
</button> </button>
</form>
</div>
} }
func displayBalance(balance int64) string { func displayBalance(balance int64) string {