working on autocomplete fields

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>

frontend/src/routes/accounting/account.svelte

@@ -8,9 +8,11 @@
 
 	let { id }       = $props();
 	let account      = $state(null);
-	let transactions = [];
+	let transactions = $state([]);
 	let users        = {};
 
+	let sums         = {};
+
 	async function load(){
 		let url = api(`accounting/${id}`);
 		let res = await get(url);
@@ -20,10 +22,13 @@
 			transactions = json.transactions;
 			users        = json.user_list;
 			account      = json.account;
-			console.log(users);
 		} else error(res);
 	}
 
+	function onSave(){
+		load();
+	}
+
 	onMount(load);
 </script>
 {#if account}
@@ -47,27 +52,47 @@
 				{#each Object.entries(users) as [id,user]}
 				<td>
 				{#if id == transaction.source.id}
+				{sums[id] = -transaction.amount + (sums[id]?sums[id]:0)}
 				{-transaction.amount} {account.currency}
 				{/if}
 				{#if id == transaction.destination.id}
+				{sums[id] = transaction.amount + (sums[id]?sums[id]:0)}
 				{transaction.amount} {account.currency}
 				{/if}
 				</td>
 				{/each}
 				<td>
 				{#if !transaction.source.id}
-				{transaction.source.value}
+				{sums[0] = -transaction.amount + (sums[0]?sums[0]:0)}
+				← {transaction.source.value}
 				{/if}
 				{#if !transaction.destination.id}
-				{transaction.destination.value}
+				{sums[0] = transaction.amount + (sums[0]?sums[0]:0)}
+				→ {transaction.destination.value}
 				{/if}
 				</td>
 				<td>{transaction.purpose}</td>
 			</tr>
 			{/each}
+			<tr>
+				<td>
+					<br/>
+					{t('sums')}
+				</td>
+				{#each Object.entries(users) as [id,user]}
+				<th>
+					{user.name}<br/>
+					{sums[id]} {account.currency}
+				</th>
+				{/each}
+				<td>
+					<br/>
+					{sums[0]} {account.currency}
+				</td>
+			</tr>
 		</tbody>
 	</table>
 </fieldset>
 
-<EntryForm {account} />
+<EntryForm {account} {onSave} />
 {/if}