From e8a1c55424a21fea5cd70128d50f5a86b7b0e8ac Mon Sep 17 00:00:00 2001
From: Tim Wundenberg <tim@wundenbergs.de>
Date: Sun, 18 May 2025 18:48:01 +0200
Subject: [PATCH] feat(transaction): #108 display "party" and "description" in
 list

---
 service/default.go                     |  2 +-
 template/transaction/transaction.templ | 22 +++++++++++++++++++---
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/service/default.go b/service/default.go
index 548d0b6..cd71904 100644
--- a/service/default.go
+++ b/service/default.go
@@ -6,7 +6,7 @@ import (
 )
 
 var (
-	safeInputRegex = regexp.MustCompile(`^[a-zA-Z0-9ÄÖÜäöüß -]+$`)
+	safeInputRegex = regexp.MustCompile(`^[a-zA-Z0-9ÄÖÜäöüß, -]+$`)
 )
 
 func validateString(value string, fieldName string) error {
diff --git a/template/transaction/transaction.templ b/template/transaction/transaction.templ
index f4a34eb..2faea53 100644
--- a/template/transaction/transaction.templ
+++ b/template/transaction/transaction.templ
@@ -193,7 +193,7 @@ templ TransactionItem(transaction *types.Transaction, accounts, treasureChests m
 	}}
 	<div
 		id="transaction"
-		class={ "mt-4 border-1 grid grid-cols-[auto_auto_1fr_1fr_auto_auto_auto] gap-4 items-center text-xl border-gray-300 w-full p-4 rounded-lg " + background }
+		class={ "mt-4 border-1 grid grid-cols-[auto_auto_1fr_1fr_auto_auto_auto_auto] gap-4 items-center text-xl border-gray-300 w-full p-4 rounded-lg " + background }
 		if transaction.Error != nil {
 			title={ *transaction.Error }
 		}
@@ -220,10 +220,26 @@ templ TransactionItem(transaction *types.Transaction, accounts, treasureChests m
 				}
 			</p>
 		</div>
+		<div>
+			<p class="text-sm text-gray-500">
+				if transaction.Party != "" {
+					{ transaction.Party }
+				} else {
+					&nbsp;
+				}
+			</p>
+			<p class="text-sm text-gray-500">
+				if transaction.Description != "" {
+					{ transaction.Description }
+				} else {
+					&nbsp;
+				}
+			</p>
+		</div>
 		if transaction.Value < 0 {
-			<p class="mr-20 text-red-700">{ displayBalance(transaction.Value)+" €" }</p>
+			<p class="mr-8 min-w-22 text-right text-red-700">{ displayBalance(transaction.Value)+" €" }</p>
 		} else {
-			<p class="mr-20 text-green-700">{ displayBalance(transaction.Value)+" €" }</p>
+			<p class="mr-8 w-22 text-right text-green-700">{ displayBalance(transaction.Value)+" €" }</p>
 		}
 		<button
 			hx-get={ "/transaction/" + transaction.Id.String() + "?edit=true" }