Analysiere Markdown-Struktur...
';
const res = await fetch('/api/import-obsidian', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(importData)
});
const data = await res.json();
if (!res.ok) throw new Error(data.error || 'Import fehlgeschlagen');
DOM.importResult.innerHTML = `
Noch keine Freunde eingetragen.
';
} else {
// Sort friends: those never met first, then those met longest ago
const sortedUrgent = [...friends].sort((a, b) => {
if (!a.last_meeting_date && !b.last_meeting_date) return a.name.localeCompare(b.name);
if (!a.last_meeting_date) return -1; // a first
if (!b.last_meeting_date) return 1; // b first
return new Date(a.last_meeting_date) - new Date(b.last_meeting_date);
});
// Show top 5 urgent contacts
sortedUrgent.slice(0, 5).forEach(f => {
const item = document.createElement('div');
item.className = 'list-item-glass';
let subText = '';
let warningClass = '';
if (!f.last_meeting_date) {
subText = 'Noch nie getroffen';
warningClass = 'urgent';
} else {
const days = getDaysSince(f.last_meeting_date);
subText = `Zuletzt vor ${days} Tagen getroffen (${formatGermanDate(f.last_meeting_date)})`;
if (days > 60) warningClass = 'urgent';
else if (days > 30) warningClass = 'warning';
}
const initials = getInitials(f.name);
item.innerHTML = `
Keine Geburtstage in den nächsten 30 Tagen.
';
} else {
// Sort upcoming by closest day
upcomingBdays.sort((a, b) => getDaysUntilBirthday(a.birthday) - getDaysUntilBirthday(b.birthday));
upcomingBdays.forEach(f => {
const days = getDaysUntilBirthday(f.birthday);
const age = getAgeTurning(f.birthday);
const item = document.createElement('div');
item.className = 'list-item-glass';
let dayString = '';
if (days === 0) {
dayString = 'Heute! 🎉';
} else if (days === 1) {
dayString = 'Morgen!';
} else {
dayString = `in ${days} Tagen`;
}
const initials = getInitials(f.name);
const cleanBday = formatGermanDate(f.birthday, false); // format without year or with dots
item.innerHTML = `
Ehre: ${f.honor || 0}
${f.birthday ? ` ${formatGermanDate(f.birthday, false)}` : ''}
${lastMeetSub}
`;
// Event Listeners for Card Items
card.querySelector('.btn-view-details').addEventListener('click', () => openFriendDetail(f.id));
// Card Honor +/- button handlers
card.querySelectorAll('.btn-honor-card').forEach(btn => {
btn.addEventListener('click', async (e) => {
e.stopPropagation();
const action = btn.getAttribute('data-action');
const change = action === 'plus' ? 1 : -1;
const valDisplay = card.querySelector('.honor-card-val');
try {
const res = await fetch(`/api/friends/${f.id}/honor`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ change })
});
const data = await res.json();
if (res.ok) {
// Update state locally
const friendIndex = state.friends.findIndex(x => x.id === f.id);
if (friendIndex !== -1) {
state.friends[friendIndex].honor = data.honor;
}
// Direct UI bump animation
valDisplay.textContent = data.honor;
valDisplay.classList.add('bump-animate');
setTimeout(() => valDisplay.classList.remove('bump-animate'), 300);
// Refresh dashboard in background without full render flashes
renderDashboard();
}
} catch (err) {
console.error(err);
}
});
});
grid.appendChild(card);
});
lucide.createIcons();
}
// --- DYNAMIC RENDERING: FRIEND PROFILE DETAIL ---
async function openFriendDetail(friendId) {
showModal(DOM.detailModal);
await refreshFriendDetails(friendId);
}
function populateFriendDetails(friend) {
DOM.detailAvatar.textContent = getInitials(friend.name);
DOM.detailName.textContent = friend.name;
// Relationship badge
DOM.detailRelationshipBadge.textContent = friend.relationship_status || 'Kein Beziehungsstatus';
if (friend.relationship_status && friend.relationship_status.toUpperCase().includes('ALONE')) {
DOM.detailRelationshipBadge.className = 'relationship-badge forever-alone';
} else {
DOM.detailRelationshipBadge.className = 'relationship-badge';
}
DOM.detailHonorValue.textContent = friend.honor || 0;
// Formatting General details
let bdayText = '-';
if (friend.birthday) {
const days = getDaysUntilBirthday(friend.birthday);
const age = getAgeTurning(friend.birthday);
let daysRemainingStr = '';
if (days === 0) daysRemainingStr = ' (Heute! 🎉)';
else if (days === 1) daysRemainingStr = ' (Morgen!)';
else daysRemainingStr = ` (in ${days} Tagen, wird ${age})`;
bdayText = `${formatGermanDate(friend.birthday)} ${daysRemainingStr}`;
}
DOM.detailBirthday.textContent = bdayText;
DOM.detailContact.textContent = friend.contact || '-';
DOM.detailAddress.textContent = friend.address || '-';
DOM.detailFamily.textContent = friend.family || '-';
// Job, Hobbies, Milestones
DOM.detailLife.innerHTML = formatMarkdownParagraphs(friend.life_situation || '-');
let hobbiesHtml = '-';
if (friend.hobbies) {
hobbiesHtml = friend.hobbies.split(',').map(h => `Noch keine Treffen dokumentiert.
';
return;
}
meetings.forEach(m => {
const item = document.createElement('div');
item.className = 'timeline-item';
let moodBadge = '';
if (m.mood) {
let moodClass = 'mood-default';
const cleanedMood = m.mood.toLowerCase();
if (cleanedMood.includes('legendär') || cleanedMood.includes('super') || cleanedMood.includes('genial')) {
moodClass = 'mood-excellent';
} else if (cleanedMood.includes('entspannt') || cleanedMood.includes('gut') || cleanedMood.includes('zufrieden')) {
moodClass = 'mood-good';
}
moodBadge = `
${m.activity}
${m.details ? `
${m.details.replace(/\n/g, '
')}
` : ''}
`;
// Delete meeting logic
item.querySelector('.btn-delete-meeting').addEventListener('click', async () => {
const confirmDel = confirm('Willst du diesen Treffen-Eintrag unwiderruflich löschen?');
if (!confirmDel) return;
try {
const res = await fetch(`/api/meetings/${m.id}`, { method: 'DELETE' });
if (res.ok) {
item.remove();
await refreshFriendDetails(state.selectedFriend.id);
await refreshAllData();
}
} catch (err) {
console.error(err);
}
});
timeline.appendChild(item);
});
lucide.createIcons();
}
// --- EHRE COUNTER ADJUSTMENT ---
async function adjustHonor(change) {
if (!state.selectedFriend) return;
const f = state.selectedFriend;
const valDisplay = DOM.detailHonorValue;
try {
const res = await fetch(`/api/friends/${f.id}/honor`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ change })
});
const data = await res.json();
if (res.ok) {
f.honor = data.honor;
valDisplay.textContent = data.honor;
// Animate counter
valDisplay.classList.add('bump-animate');
setTimeout(() => valDisplay.classList.remove('bump-animate'), 300);
// Update main state and refresh background views
const fIndex = state.friends.findIndex(x => x.id === f.id);
if (fIndex !== -1) {
state.friends[fIndex].honor = data.honor;
}
renderDashboard();
renderFriendsDirectory();
}
} catch (err) {
console.error(err);
}
}
// --- GENERAL HELPER FUNCTIONS ---
function openModal(modal) {
modal.classList.add('active');
document.body.style.overflow = 'hidden'; // prevent bg scroll
}
function closeModal(modal) {
modal.classList.remove('active');
document.body.style.overflow = '';
}
function showModal(modal) {
openModal(modal);
}
function setFormDefaultDates() {
const todayStr = new Date().toISOString().split('T')[0];
DOM.quickDate.value = todayStr;
DOM.profileMeetingDate.value = todayStr;
}
function showGlobalLoaders() {
DOM.urgentContactsList.innerHTML = '