implemented removal of transactions

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

frontend/src/routes/accounting/account.svelte

@@ -9,9 +9,9 @@
 
 	let { id }       = $props();
 	let account      = $state(null);
+	let filter       = $state([]);
 	let transactions = $state([]);
 	let users        = {};
-
 	let sums         = {};
 
 	function calcSums(){
@@ -27,6 +27,18 @@
 		}
 	}
 
+	function addToFilter(tag){
+		filter.push(tag);
+	}
+
+	function checker(taglist, filter){
+		return filter.every(tag => taglist.includes(tag));
+	}
+
+	function dropTag(tag){
+		filter = filter.filter(x => x != tag);
+	}
+
 	async function load(){
 		let url = api(`accounting/${id}`);
 		let res = await get(url);
@@ -51,6 +63,17 @@
 	.amount{ text-align: right }
 </style>
 
+{#if filter.length > 0}
+<fieldset>
+	<legend>{t('filter by tags')}</legend>
+	<div class="taglist">
+		{#each filter as tag,i}
+		<span class="tag">{tag}&nbsp;<button onclick={() => dropTag(tag)} class="symbol"></button></span>
+		{/each}
+	</div>
+</fieldset>
+
+{/if}
 {#if account}
 <fieldset>
 	<legend>{account.name}</legend>
@@ -68,7 +91,9 @@
 		</thead>
 		<tbody>
 			{#each transactions as transaction, i}
-			<Transaction {account} {transaction} {users} />
+			{#if checker(transaction.tags,filter)}
+			<Transaction {account} {addToFilter} {transaction} {users} />
+			{/if}
 			{/each}
 			<tr>
 				<td>