@@ -348,6 +379,8 @@ window.Page_events = (() => {
${_icon('user')} Veranstalter: ${UI.escHtml(ev.veranstalter_name || '–')}
+ ${rsvpBar}
+
`;
const footer = isOwn ? `
@@ -365,6 +398,80 @@ window.Page_events = (() => {
UI.modal.close(); setTimeout(() => _openForm(ev), 50);
});
document.getElementById('ev-detail-del')?.addEventListener('click', () => _deleteEvent(ev));
+
+ // RSVP-Buttons
+ document.querySelectorAll(`[data-rsvp-id="${id}"]`).forEach(btn => {
+ btn.addEventListener('click', () => _handleRsvp(id, btn.dataset.rsvpStatus));
+ });
+ }
+
+ async function _handleRsvp(eventId, status) {
+ const current = _myRsvp[eventId] ?? null;
+ try {
+ if (current === status) {
+ // Toggle off → absagen
+ await API.events.cancelRsvp(eventId);
+ _myRsvp[eventId] = null;
+ } else {
+ const res = await API.events.rsvp(eventId, status);
+ _myRsvp[eventId] = status;
+ // Teilnehmerzähler aktualisieren
+ _updateAttendeeCount(eventId, res.rsvp_count);
+ }
+ // Button-Styles aktualisieren
+ document.querySelectorAll(`[data-rsvp-id="${eventId}"]`).forEach(btn => {
+ btn.classList.toggle('active', btn.dataset.rsvpStatus === (_myRsvp[eventId] ?? ''));
+ });
+ // Bei Absage Zähler neu laden
+ if (current === status) {
+ const attendees = await API.events.listRsvp(eventId);
+ const goingCount = attendees.filter(a => a.status === 'going').length;
+ _updateAttendeeCount(eventId, goingCount);
+ }
+ } catch (e) { UI.toast(e.message, 'error'); }
+ }
+
+ function _updateAttendeeCount(eventId, count) {
+ // Im Modal
+ const span = document.getElementById(`ev-attendees-${eventId}`);
+ if (span) {
+ if (count > 0) {
+ span.innerHTML = `${_icon('users')} ${count} nehmen teil`;
+ span.style.display = '';
+ } else {
+ span.style.display = 'none';
+ }
+ }
+ // In der Listenansicht (Event-Objekt aktualisieren)
+ const ev = _events.find(x => x.id === eventId);
+ if (ev) {
+ ev.rsvp_count = count;
+ // Karte neu rendern falls sichtbar
+ const card = document.querySelector(`[data-ev-id="${eventId}"]`);
+ if (card) card.outerHTML = _cardHTML(ev);
+ }
+ }
+
+ async function _showAttendees(eventId) {
+ const panel = document.getElementById(`ev-attendees-panel-${eventId}`);
+ if (!panel) return;
+ if (panel.dataset.loaded) { panel.innerHTML = ''; delete panel.dataset.loaded; return; }
+ try {
+ const attendees = await API.events.listRsvp(eventId);
+ if (!attendees.length) { panel.innerHTML = '
Noch keine Zusagen.
'; }
+ else {
+ panel.innerHTML = `
+
+ ${attendees.map(a => `
+
+ ${a.status === 'going' ? _icon('check-circle') : _icon('question')}
+ ${UI.escHtml(a.name)}
+
+ `).join('')}
+
`;
+ }
+ panel.dataset.loaded = '1';
+ } catch { /* ignore */ }
}
async function _deleteEvent(ev) {
@@ -548,6 +655,14 @@ window.Page_events = (() => {
return;
}
+ // Teilnehmer-Liste anzeigen (Karten-Ansicht oder Modal)
+ const attendeesBtn = e.target.closest('[data-ev-attendees]');
+ if (attendeesBtn) {
+ e.stopPropagation();
+ _showAttendees(parseInt(attendeesBtn.dataset.evAttendees));
+ return;
+ }
+
// Karten-Klick → Detail
const card = e.target.closest('[data-ev-id]');
if (card) { _showDetail(parseInt(card.dataset.evId)); }
diff --git a/backend/static/js/pages/friends.js b/backend/static/js/pages/friends.js
index 3b1a4f9..3dd4b00 100644
--- a/backend/static/js/pages/friends.js
+++ b/backend/static/js/pages/friends.js
@@ -366,19 +366,15 @@ window.Page_friends = (() => {
const el = _container.querySelector('#fr-list');
if (!list.length) {
- el.innerHTML = `
-
-
-
Noch keine Hundefreunde
-
- Suche oben nach anderen Hundebesitzern und schick ihnen eine Anfrage.
-
-
- `;
+ el.innerHTML = _emptyState(
+ 'users-three',
+ 'Noch keine Freunde',
+ 'Verbinde dich mit anderen Hundebesitzern. Teile Routen, sieh Aktivitäten und schreib Nachrichten.',
+ `
`
+ );
+ el.querySelector('#fr-empty-search')?.addEventListener('click', () => {
+ _container.querySelector('#fr-search')?.focus();
+ });
return;
}
@@ -774,6 +770,17 @@ window.Page_friends = (() => {
return String(s).replace(/&/g,'&').replace(//g,'>').replace(/"/g,'"');
}
+ function _emptyState(icon, title, text, cta = '') {
+ return `
+
+
${title}
+ ${text ? `
${text}
` : ''}
+ ${cta ? `
${cta}
` : ''}
+
`;
+ }
+
// ----------------------------------------------------------
return { init, refresh, onDogChange, _accept, _decline, _cancel, _removeFriend, _openChat };
diff --git a/backend/static/js/pages/health.js b/backend/static/js/pages/health.js
index 2f36caa..8bc709b 100644
--- a/backend/static/js/pages/health.js
+++ b/backend/static/js/pages/health.js
@@ -321,6 +321,11 @@ window.Page_health = (() => {
} catch (err) {
// silent fail
}
+ try {
+ _data['gewicht_chart'] = await API.health.gewichtVerlauf(dogId);
+ } catch (err) {
+ _data['gewicht_chart'] = [];
+ }
}
// ----------------------------------------------------------
@@ -347,15 +352,33 @@ window.Page_health = (() => {
_bindTabEvents(content);
}
+ // ----------------------------------------------------------
+ // EMPTY-STATE HELPER
+ // ----------------------------------------------------------
+ function _emptyState(icon, title, text, cta = '') {
+ return `
+
+
${title}
+ ${text ? `
${text}
` : ''}
+ ${cta ? `
${cta}
` : ''}
+
`;
+ }
+
// ----------------------------------------------------------
// IMPFUNGEN — mit Ampel-Status
// ----------------------------------------------------------
function _renderImpfungen(entries) {
const addBtn = `
`;
+ const helpIcon = UI.help('Trage Impfdatum und nächsten Termin ein — wir erinnern dich rechtzeitig.');
- if (!entries.length) return UI.emptyState({
- icon: '
', title: 'Noch keine Impfungen', text: 'Trage alle Impfungen ein, um nichts zu verpassen.', action: addBtn
- });
+ if (!entries.length) return _emptyState(
+ 'syringe',
+ 'Noch keine Impfungen',
+ `Trage alle Impfungen ein, um nichts zu verpassen. ${helpIcon}`,
+ addBtn
+ );
const items = entries.map(e => {
const ampel = _impfAmpel(e.naechstes);
@@ -453,7 +476,8 @@ window.Page_health = (() => {