diff --git a/frontend/src/lib/components/CommentThread.svelte b/frontend/src/lib/components/CommentThread.svelte
index 00ca5ab3..8725bd09 100644
--- a/frontend/src/lib/components/CommentThread.svelte
+++ b/frontend/src/lib/components/CommentThread.svelte
@@ -13,6 +13,7 @@ type Props = {
initialComments?: Comment[];
loadOnMount?: boolean;
canComment: boolean;
+ currentUserId: string | null;
quotedText?: string | null;
showCompose?: boolean;
onCountChange?: (count: number) => void;
@@ -25,6 +26,7 @@ let {
initialComments = [],
loadOnMount = false,
canComment,
+ currentUserId = null,
quotedText = null,
showCompose = true,
onCountChange
@@ -44,6 +46,8 @@ let comments: Comment[] = $state(untrack(() => [...initialComments]));
let newText: string = $state('');
let posting: boolean = $state(false);
let newMentionCandidates: MentionDTO[] = $state([]);
+let editingId: string | null = $state(null);
+let editText: string = $state('');
const commentsBase = $derived(
blockId
@@ -78,6 +82,10 @@ function wasEdited(c: { createdAt: string; updatedAt: string }): boolean {
return c.updatedAt > c.createdAt;
}
+function isOwn(c: { authorId: string | null }): boolean {
+ return currentUserId !== null && c.authorId === currentUserId;
+}
+
function getInitials(name: string): string {
return name
.split(/\s+/)
@@ -126,6 +134,60 @@ async function postComment() {
}
}
+function startEdit(msg: FlatMessage) {
+ editingId = msg.id;
+ editText = msg.content;
+}
+
+async function saveEdit(commentId: string) {
+ const text = editText.trim();
+ if (!text || posting) return;
+ posting = true;
+ try {
+ const res = await fetch(`/api/documents/${documentId}/comments/${commentId}`, {
+ method: 'PATCH',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ content: text })
+ });
+ if (res.ok) {
+ editingId = null;
+ editText = '';
+ await reload();
+ }
+ } finally {
+ posting = false;
+ }
+}
+
+function cancelEdit() {
+ editingId = null;
+ editText = '';
+}
+
+function handleEditKeydown(e: KeyboardEvent, commentId: string) {
+ if (e.key === 'Enter' && !e.shiftKey) {
+ e.preventDefault();
+ saveEdit(commentId);
+ } else if (e.key === 'Escape') {
+ cancelEdit();
+ }
+}
+
+async function deleteComment(commentId: string) {
+ if (posting) return;
+ posting = true;
+ try {
+ const res = await fetch(`/api/documents/${documentId}/comments/${commentId}`, {
+ method: 'DELETE'
+ });
+ if (res.ok) {
+ await reload();
+ }
+ } finally {
+ posting = false;
+ }
+}
+
onMount(() => {
if (loadOnMount) {
reload();
@@ -181,10 +243,49 @@ onMount(() => {
“{parsed.quote}”
{/if}
-
-
- {@html renderBody(parsed.body, msg.mentionDTOs ?? [])}
-
+
+ {#if editingId === msg.id}
+
+ Enter speichern · Esc abbrechen
+ {:else}
+
+
+ { if (isOwn(msg)) startEdit(msg); }}>
+
+
+ {@html renderBody(parsed.body, msg.mentionDTOs ?? [])}
+
+ {#if isOwn(msg)}
+
+ {/if}
+