${moreHtml}${moreHtml}
`
: '◉';
const canDelete = k.authorId === myUserId;
const replyLabel = k.replyCount > 0 ? `Antworten (${k.replyCount})` : 'Antworten';
return `
`
: '◉';
const canDelete = typeof window.myUserId !== 'undefined' && r.authorId === window.myUserId;
return `Noch keine Antworten.
' : replies.map(r => renderReplyHtml(r, kommentarId)).join('')) + `Noch keine Kommentare.
' : comments.map(k => renderKommentarHtml(k, targetType, postId, { myUserId: _lbMyUserId })).join(''); } catch (_) {} } async function postLbComment() { if (!_lbPostId) return; const input = document.getElementById('lbCommentInput'); const text = input.value.trim(); if (!text) return; const targetType = _lbPostType === 'GROUP' ? 'GROUP_POST' : 'FEED_POST'; await fetch('/social/kommentare', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ targetType, targetId: _lbPostId, text }) }); input.value = ''; await loadLbComments(_lbPostId, _lbPostType); const kcEl = document.getElementById('kc-' + _lbPostId) || document.getElementById('hkc-' + _lbPostId); if (kcEl) kcEl.textContent = parseInt(kcEl.textContent || '0') + 1; } async function deleteKommentar(kommentarId, targetType, targetId) { await fetch('/social/kommentare/' + kommentarId, { method: 'DELETE' }); await loadLbComments(targetId, _lbPostType); } // ───────────────────────────────────────────────────────────────────────────── // Bild-Verarbeitung (Compose & Edit) // ───────────────────────────────────────────────────────────────────────────── /** Liest eine Bilddatei, skaliert auf max. 1024px, komprimiert auf JPEG 85 % * und hängt den Base64-String an bilderArr an, dann ruft renderFn() auf. */ function processImageFile(file, bilderArr, renderFn) { if (!file || !file.type.startsWith('image/')) return; const reader = new FileReader(); reader.onload = e => { const img = new Image(); img.onload = () => { const MAX = 1024, canvas = document.createElement('canvas'); const s = Math.min(MAX / img.width, MAX / img.height, 1); canvas.width = Math.round(img.width * s); canvas.height = Math.round(img.height * s); canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height); bilderArr.push(canvas.toDataURL('image/jpeg', 0.85).split(',')[1]); renderFn(); }; img.src = e.target.result; }; reader.readAsDataURL(file); } /** Rendert Vorschau-Thumbnails in containerId; rmCallback(idx) wird beim ✕ aufgerufen. */ function renderBilderThumbs(bilderArr, containerId, rmCallback) { const c = document.getElementById(containerId); if (!c) return; c.innerHTML = ''; bilderArr.forEach((b, i) => { const div = document.createElement('div'); div.className = 'compose-thumb'; const img = document.createElement('img'); img.src = `data:image/jpeg;base64,${b}`; const btn = document.createElement('button'); btn.className = 'compose-thumb-remove'; btn.textContent = '✕'; btn.title = 'Entfernen'; btn.onclick = ev => { ev.stopPropagation(); rmCallback(i); }; div.appendChild(img); div.appendChild(btn); c.appendChild(div); }); c.style.display = bilderArr.length > 0 ? 'flex' : 'none'; } // ───────────────────────────────────────────────────────────────────────────── // Post-Bearbeitung (gemeinsam, über Präfix parametrisiert) // Präfixe: 'p' (feed), 'hp' (userhome), 'gp' (gruppe) // IDs-Muster: ${prefix}va-, ${prefix}bi-, ${prefix}ea-, ${prefix}um-, // ${prefix}m-, ${prefix}et-, ${prefix}et-tb-, ${prefix}eo-, ${prefix}mc- // ───────────────────────────────────────────────────────────────────────────── /** * cfg: { postId, prefix, data, editBilderMap, * saveFn, cancelFn, addImgFn, addOptionFn, rmImgFn } * Alle Fn-Namen sind Strings (globale Funktionsnamen auf der jeweiligen Seite). */ function startPostEdit(cfg) { const { postId, prefix, data, editBilderMap, saveFn, cancelFn, addImgFn, addOptionFn, rmImgFn } = cfg; editBilderMap.set(postId, [...(data.bilder || [])]); document.getElementById(`${prefix}va-${postId}`).style.display = 'none'; document.getElementById(`${prefix}um-${postId}`).style.display = 'none'; const isUmfrage = data.beitragTyp === 'UMFRAGE'; const optionenHtml = isUmfrage ? `