rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Warteliste — besserer Empty-State, Badge-Count am Button, Status-Übersicht (SW by-v892)

Browse source
This commit is contained in:
rene 2026-05-13 16:52:39 +02:00
parent 67e68bbe2d
commit 99842909e4
5 changed files with 38 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '891'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '892'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.1'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

33
backend/static/js/pages/litters.js
View file

@ -613,17 +613,46 @@ window.Page_litters = (() => {
try {
const entries = await API.litters.waitlist(litterId);
_renderWaitlist(inner, litterId, entries);
// Badge am Button aktualisieren
const btn = document.querySelector(`.litters-waitlist-btn[data-id="${litterId}"]`);
if (btn) {
const active = entries.filter(e => e.status !== 'abgesagt').length;
btn.innerHTML = `${UI.icon('list-bullets')} Warteliste${active ? ` <span style="background:var(--c-primary);color:white;border-radius:999px;padding:0 6px;font-size:10px;font-weight:700">${active}</span>` : ''}`;
}
} catch (err) {
inner.innerHTML = `<p style="color:var(--c-danger);font-size:var(--text-sm)">${_esc(err.message || 'Fehler.')}</p>`;
}
}
function _renderWaitlist(container, litterId, entries) {
const active = entries.filter(e => e.status !== 'abgesagt');
const statusCounts = {};
entries.forEach(e => { statusCounts[e.status] = (statusCounts[e.status] || 0) + 1; });
const summaryPills = Object.entries(statusCounts).map(([s, n]) => {
const cfg = _WL_STATUS[s] || _WL_STATUS.anfrage;
return `<span style="background:${cfg.color}1a;color:${cfg.color};border:1px solid ${cfg.color}30;border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600">${cfg.label}: ${n}</span>`;
}).join('');
const header = `
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);flex-wrap:wrap;gap:var(--space-2)">
<div style="display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap">
<span style="font-size:var(--text-sm);font-weight:700;color:var(--c-text)">${entries.length} Interessent${entries.length !== 1 ? 'en' : ''}</span>
${summaryPills}
</div>
</div>`;
if (!entries.length) {
container.innerHTML = `<p style="color:var(--c-text-muted);font-size:var(--text-sm)">Noch keine Interessenten eingetragen.</p>`;
container.innerHTML = `
<div style="text-align:center;padding:var(--space-6) var(--space-4);border:1px dashed var(--c-border);border-radius:var(--radius-md)">
<div style="font-size:2rem;margin-bottom:var(--space-2)">${UI.icon('users')}</div>
<p style="font-weight:600;font-size:var(--text-sm);color:var(--c-text);margin-bottom:var(--space-1)">Noch keine Interessenten</p>
<p style="font-size:var(--text-xs);color:var(--c-text-muted)">Trage Anfragen ein — mit Wunsch-Geschlecht, Kontaktdaten und Status.</p>
</div>`;
return;
}
container.innerHTML = `
container.innerHTML = header + `
<div style="display:flex;flex-direction:column;gap:var(--space-2)">
${entries.map((e, i) => `
<div style="background:var(--c-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);display:flex;gap:var(--space-3);align-items:flex-start" data-entry-id="${e.id}">