Release 0.5.10

src/routes/eingang/+page.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 	import { resolve } from '$app/paths';
+	import AppIcon from '#lib/components/AppIcon.svelte';
 	import type { PageProps } from './$types';
 	let { data, form }: PageProps = $props();
 </script>
@@ -45,18 +46,37 @@
 	{#if data.pieces.length}
 		<section class="inbox-list">
 			<h2>{data.pieces.length} {data.pieces.length === 1 ? 'offener Inhalt' : 'offene Inhalte'}</h2>
-			{#each data.pieces as piece (piece.id)}<a
-					class="inbox-item"
-					href={resolve('/fundus/[id]', { id: piece.id })}
-					><span
-						><strong>{piece.title}</strong><small
-							>{piece.sourceCount ? `${piece.sourceCount} Quelle` : 'Gedanke ohne Link'}</small
-						></span
-					><span>Ausarbeiten →</span></a
-				>{/each}
+			{#each data.pieces as piece (piece.id)}<article class="inbox-item">
+					<a href={resolve('/fundus/[id]', { id: piece.id })}
+						><span
+							><strong>{piece.title}</strong><small
+								>{piece.sourceCount ? `${piece.sourceCount} Quelle` : 'Gedanke ohne Link'}</small
+							></span
+						><span>Ausarbeiten <AppIcon name="arrow-right" /></span></a
+					>
+					<details class="piece-actions">
+						<summary aria-label={`Aktionen für ${piece.title}`}><AppIcon name="ellipsis" /></summary
+						>
+						<div class="piece-actions-popover">
+							<form
+								method="POST"
+								action="?/delete"
+								onsubmit={(event) =>
+									!confirm(`„${piece.title}“ löschen?`) && event.preventDefault()}
+							>
+								<input type="hidden" name="pieceId" value={piece.id} /><input
+									type="hidden"
+									name="revision"
+									value={piece.revision}
+								/>
+								<button class="text-button danger-text" type="submit">Piece löschen</button>
+							</form>
+						</div>
+					</details>
+				</article>{/each}
 		</section>
 	{:else}<section class="quiet-panel planned-panel">
-			<div class="planned-icon" aria-hidden="true">＋</div>
+			<div class="planned-icon" aria-hidden="true"><AppIcon name="plus" /></div>
 			<h2>Eingang ist leer</h2>
 			<p>Neue Gedanken und Links können oben direkt aufgenommen werden.</p>
 		</section>{/if}