Release 0.6.1

src/lib/components/ShareManagement.svelte

@@ -31,7 +31,7 @@
 		shows: ShareShow[];
 		shares: ShareItem[];
 		fixedShowId?: string;
-		form?: { intent?: string; error?: string; success?: string; shareUrl?: string } | null;
+		form?: { intent?: string; error?: string; success?: string | boolean; shareUrl?: string } | null;
 	} = $props();
 
 	let visibleShows = $derived(
@@ -39,6 +39,7 @@
 			? shows.filter((show) => show.id === fixedShowId)
 			: shows.filter((show) => shares.some((share) => share.showId === show.id))
 	);
+	let dialog: HTMLDialogElement;
 
 	function germanDate(value: string | null, fallback = 'Termin offen') {
 		return value
@@ -86,6 +87,10 @@
 	}
 </script>
 
+<button class="secondary-button share-dialog-trigger" type="button" onclick={() => dialog.showModal()}>
+	<AppIcon name="link" /> Lesefreigaben
+</button>
+<dialog bind:this={dialog} class="share-management-dialog">
 <section
 	class="quiet-panel share-management"
 	aria-labelledby={`share-title-${fixedShowId || 'all'}`}
@@ -96,6 +101,9 @@
 			<h2 id={`share-title-${fixedShowId || 'all'}`}>Lesefreigaben</h2>
 		</div>
 		<span class="mail-mode">Aktualisiert sich bis zum Abschluss</span>
+		<button class="dialog-close" type="button" aria-label="Lesefreigaben schließen" onclick={() => dialog.close()}>
+			<AppIcon name="xmark" />
+		</button>
 	</div>
 	<p class="share-intro">
 		Der Gast sieht nur diese Sendung und den gewählten Informationsumfang. Der vollständige Link
@@ -107,7 +115,7 @@
 		>
 			{form.error}
 		</div>{/if}
-	{#if form?.intent?.toLowerCase().includes('share') && form.success}<div
+	{#if form?.intent?.toLowerCase().includes('share') && typeof form.success === 'string'}<div
 			class="form-message success"
 			role="status"
 		>
@@ -187,6 +195,7 @@
 									{:else}
 										<form class="share-edit-form" method="POST" action="?/updateShare">
 											<input type="hidden" name="shareId" value={share.id} />
+											<input type="hidden" name="showId" value={show.id} />
 											<label
 												>Informationsumfang<select name="scope" value={share.scope}>
 													<option value="rundown">Nur Ablauf</option>
@@ -230,7 +239,8 @@
 												event.preventDefault();
 										}}
 									>
-										<input type="hidden" name="shareId" value={share.id} />
+									<input type="hidden" name="shareId" value={share.id} />
+									<input type="hidden" name="showId" value={show.id} />
 										<button class="text-button danger-text" type="submit">Freigabe löschen</button>
 									</form>
 								</div>
@@ -247,3 +257,4 @@
 		<p class="quiet-copy">Noch keine Lesefreigaben angelegt.</p>
 	{/if}
 </section>
+</dialog>