Freunde
-
-
@@ -536,6 +664,7 @@
let isOwnProfile = false;
let profileData = null;
let avatarSrc = null;
+ let blockedByMe = false;
let allImages = [];
let galleryOffset = 0;
@@ -575,10 +704,11 @@
async function loadProfile() {
try {
- const [me, profile, images] = await Promise.all([
+ const [me, profile, images, blockStatus] = await Promise.all([
fetch('/login/me').then(r => r.ok ? r.json() : null),
fetch('/social/users/' + targetUserId).then(r => r.ok ? r.json() : null),
- fetch('/social/profile-images?userId=' + targetUserId).then(r => r.ok ? r.json() : [])
+ fetch('/social/profile-images?userId=' + targetUserId).then(r => r.ok ? r.json() : []),
+ fetch('/social/block/' + targetUserId).then(r => r.ok ? r.json() : { blockedByMe: false })
]);
document.getElementById('loadingHint').style.display = 'none';
@@ -592,6 +722,7 @@
isOwnProfile = !previewMode && me && me.userId === profile.userId;
profileData = profile;
allImages = images;
+ blockedByMe = blockStatus?.blockedByMe ?? false;
// Profilbesuch tracken (nur fremde Profile, kein Preview-Modus)
if (!isOwnProfile && !previewMode && myUserId) {
@@ -614,6 +745,11 @@
renderGallery();
}
+ // ── Dates (nur wenn Besucher selbst Dating aktiviert hat und Profil-User auch) ──
+ if (me && me.datingAktiv && profile.datingAktiv) {
+ loadProfilDates(profile.userId);
+ }
+
// ── Freunde ──
if (canSee(profile.sichtbarkeitFreunde, isFriend, isOwnProfile)) {
loadFriends();
@@ -688,26 +824,91 @@
// eigenes Profil im Preview-Modus – keine Aktionsbuttons anzeigen
actions.innerHTML = '';
} else {
- let html = '';
- if (profile.friendStatus === 'FRIEND') {
- html += `✉ Nachricht`;
- } else if (profile.friendStatus === 'PENDING_SENT') {
- html += ``;
- } else if (profile.friendStatus === 'PENDING_RECEIVED') {
- html += ``;
+ if (!blockedByMe) {
+ let friendItem = '';
+ if (profile.friendStatus === 'PENDING_SENT') {
+ friendItem = ``;
+ } else if (profile.friendStatus === 'PENDING_RECEIVED') {
+ friendItem = ``;
+ } else if (profile.friendStatus !== 'FRIEND') {
+ friendItem = ``;
+ }
+ actions.innerHTML = `
+
+
+ ✉ Nachricht
+ ${friendItem}
+
+ `;
} else {
- html += ``;
+ actions.innerHTML = ``;
}
- html += ` `;
- actions.innerHTML = html;
- // Dating-Like-Button – nur anzeigen wenn Ziel-User Dating aktiviert hat
- if (profile.datingAktiv) {
+ // Dating-Like-Button – nur anzeigen wenn Ziel-User Dating aktiviert hat und nicht blockiert
+ if (profile.datingAktiv && !blockedByMe) {
loadDatingLikeButton(profile.userId);
}
+
+ // Match-Badge laden
+ if (!blockedByMe) {
+ loadMatchBadge(profile.userId, profile.name);
+ }
}
}
+ async function loadMatchBadge(userId, userName) {
+ try {
+ const res = await fetch('/dating/match/' + userId);
+ if (!res.ok) return;
+ const data = await res.json();
+ if (!data.isMatch) return;
+ // Wrap name with heart emojis + red border
+ const nameEl = document.getElementById('profileName');
+ nameEl.textContent = `💕 ${nameEl.textContent} 💕`;
+ nameEl.classList.add('is-match');
+ // Add "Match auflösen" to Aktionen dropdown
+ const menu = document.getElementById('aktionenMenu');
+ if (menu) {
+ const btn = document.createElement('button');
+ btn.className = 'danger';
+ btn.textContent = '💔 Match auflösen';
+ btn.onclick = () => { closeAktionen(); confirmUnmatch(userId, userName); };
+ menu.appendChild(btn);
+ }
+ } catch { /* Dating evtl. nicht aktiv – ignorieren */ }
+ }
+
+ async function confirmUnmatch(userId, userName) {
+ if (!confirm(`Match mit ${userName} wirklich auflösen?\n\nBeide Likes werden entfernt.`)) return;
+ try {
+ await fetch('/dating/match/' + userId, { method: 'DELETE' });
+ // Remove match styling from name
+ const nameEl = document.getElementById('profileName');
+ nameEl.textContent = nameEl.textContent.replace(/^💕 /, '').replace(/ 💕$/, '');
+ nameEl.classList.remove('is-match');
+ // Remove button from dropdown
+ document.getElementById('aktionenMenu')?.querySelectorAll('button').forEach(b => {
+ if (b.textContent.includes('Match auflösen')) b.remove();
+ });
+ } catch { alert('Fehler beim Auflösen des Matches.'); }
+ }
+
+ window.toggleAktionen = function(e) {
+ e.stopPropagation();
+ document.getElementById('aktionenMenu')?.classList.toggle('open');
+ };
+ window.closeAktionen = function() {
+ document.getElementById('aktionenMenu')?.classList.remove('open');
+ };
+ document.addEventListener('click', () => closeAktionen());
+
// ── Privacy helpers ──
function canSee(sichtbarkeit, isFriend, isOwn) {
if (isOwn || !sichtbarkeit) return true;
@@ -747,6 +948,107 @@
}
+ // ── Profil-Dates ──
+ async function loadProfilDates(userId) {
+ try {
+ const res = await fetch('/dating/dates/by-user/' + userId);
+ if (!res.ok) return;
+ const dates = await res.json();
+ if (!dates.length) return;
+
+ const section = document.getElementById('datesSection');
+ const list = document.getElementById('datesList');
+ list.innerHTML = '';
+ dates.forEach(d => {
+ const card = document.createElement('div');
+ card.className = 'date-card';
+ const thumb = d.imageData
+ ? `
+
+
+
+ 🗓️ ${formatProfilDate(d.scheduledAt)}
` : '';
+ card.innerHTML = `
+ ${thumb}
+
+
+ `;
+ card.addEventListener('click', () => openProfilDateDialog(d));
+ list.appendChild(card);
+ });
+ section.style.display = '';
+ } catch(e) { /* ignorieren */ }
+ }
+
+ function formatProfilDate(iso) {
+ if (!iso) return '';
+ try {
+ const d = new Date(iso);
+ return d.toLocaleString('de-DE', { day:'2-digit', month:'2-digit', year:'numeric', hour:'2-digit', minute:'2-digit' });
+ } catch { return iso; }
+ }
+
+ // ── Profil-Date-Dialog ──
+ let _profilDateCurrent = null;
+
+ function openProfilDateDialog(d) {
+ _profilDateCurrent = d;
+
+ document.getElementById('pddImg').innerHTML = d.imageData
+ ? `${escV(d.title)}
+ ${escV(d.description)}
+ ${dateHint}
+ 
+ style="width:100%;max-height:1024px;object-fit:contain;border-radius:8px;display:block;">
${!isOwnProfile ? `