@@ -2069,6 +2085,74 @@ window.Page_admin = (() => {
});
}
+ async function _loadZuechterListe(el) {
+ el.innerHTML = `
Lade…
`;
+ let breeders;
+ try {
+ breeders = await API.breeder.allList();
+ } catch (e) {
+ el.innerHTML = _emptyState('warning', 'Fehler', e.message);
+ return;
+ }
+
+ const tierBadge = t => {
+ if (t === 'breeder') return `
Züchter-Abo`;
+ if (t === 'breeder_test') return `
Test`;
+ return `
Standard`;
+ };
+
+ const rows = breeders.map(b => `
+
+ |
+ ${_esc(b.name)}
+ ${_esc(b.email)}
+ |
+ ${_esc(b.zwingername || '—')} |
+ ${_esc(b.rasse_text || '—')} |
+ ${_esc(b.stadt || '—')} |
+
+ ${b.wuerfe_count || 0} Würfe
+ ${b.zuchthunde_count || 0} Zuchthunde
+ |
+ ${tierBadge(b.subscription_tier)} |
+
+ ${b.verified_at ? new Date(b.verified_at).toLocaleDateString('de-DE') : '—'}
+ |
+
+
+ |
+
`).join('');
+
+ el.innerHTML = `
+
`;
+
+ el.querySelectorAll('.adm-breeder-tier-btn').forEach(btn => {
+ btn.addEventListener('click', () =>
+ _changeTier(btn.dataset.uid, btn.dataset.name, btn.dataset.tier)
+ );
+ });
+ }
+
// ------------------------------------------------------------------
async function _renderJobs(el) {
el.innerHTML = `
@@ -3419,6 +3503,104 @@ window.Page_admin = (() => {
`;
}
+ // ------------------------------------------------------------------
+ // TAB: UPGRADES
+ // ------------------------------------------------------------------
+ async function _renderUpgrades(el) {
+ const rows = await API.get('/admin/upgrade-requests');
+
+ const tierBadge = t => {
+ const cfg = { pro: ['Pro', '#16a34a'], breeder: ['Züchter', '#C4843A'] };
+ const [label, color] = cfg[t] || [t, '#888'];
+ return `
${label}`;
+ };
+
+ const pending = rows.filter(r => !r.fulfilled_at);
+ const done = rows.filter(r => r.fulfilled_at);
+
+ const _row = (r, showBtn) => `
+
+ ${_esc(r.name)}
+ ${_esc(r.email)} |
+ ${tierBadge(r.tier)} |
+
+ ${r.message ? _esc(r.message) : '—'} |
+
+ ${r.created_at?.slice(0,10) || ''} |
+
+ ${showBtn
+ ? ``
+ : `✓ ${r.fulfilled_at?.slice(0,10)}`}
+ |
+
`;
+
+ const thead = `
+ ${['Nutzer','Tarif','Nachricht','Datum','Aktion'].map(h =>
+ `| ${h} | `
+ ).join('')}
`;
+
+ el.innerHTML = `
+
+ ${done.length ? `
+
` : ''}`;
+
+ el.querySelectorAll('.adm-fulfill-btn').forEach(btn => {
+ btn.addEventListener('click', async () => {
+ const { id, name, tier } = btn.dataset;
+ const tierLabel = { pro: 'Pro', breeder: 'Züchter' }[tier] || tier;
+ const ok = await UI.modal.confirm({
+ title: `${name} auf ${tierLabel} freischalten?`,
+ body: `
+ Der Account wird auf ${tierLabel} gesetzt und
+ eine Bestätigungsmail gesendet.
+
`,
+ confirmLabel: 'Freischalten',
+ danger: false,
+ });
+ if (!ok) return;
+ btn.disabled = true;
+ btn.textContent = '…';
+ try {
+ const res = await API.post(`/admin/upgrade-requests/${id}/fulfill`);
+ UI.toast.success(`${res.user} wurde auf ${tierLabel} freigeschaltet.`);
+ _renderTab();
+ } catch (e) {
+ UI.toast.error(e.message);
+ btn.disabled = false;
+ btn.textContent = 'Freischalten';
+ }
+ });
+ });
+ }
+
return { init, refresh, onDogChange };
})();
diff --git a/backend/static/js/pages/settings.js b/backend/static/js/pages/settings.js
index 8767cc6..96ee9f7 100644
--- a/backend/static/js/pages/settings.js
+++ b/backend/static/js/pages/settings.js
@@ -77,6 +77,137 @@ window.Page_settings = (() => {
}
}
+ // ----------------------------------------------------------
+ // ABO & TARIF
+ // ----------------------------------------------------------
+ function _tierCard(u) {
+ const tier = u.subscription_tier || 'standard';
+ const rolle = u.rolle || 'user';
+ const isAdmin = rolle === 'admin' || rolle === 'moderator';
+ const isPro = ['pro','pro_test'].includes(tier);
+ const isBreeder = ['breeder','breeder_test'].includes(tier) || rolle === 'breeder';
+ const isStandard = !isAdmin && !isPro && !isBreeder;
+
+ const _badge = (label, color) =>
+ `
${label}`;
+
+ const _upgradeBtn = (id, label, price, color) =>
+ `
`;
+
+ let statusHtml = '';
+ let actionsHtml = '';
+
+ if (isAdmin) {
+ statusHtml = _badge('Admin', '#6366f1');
+ } else if (isBreeder) {
+ statusHtml = _badge('Züchter aktiv', '#C4843A');
+ } else if (isPro) {
+ statusHtml = _badge('Pro aktiv', '#16a34a');
+ actionsHtml = `
+
+ ${_upgradeBtn('settings-upgrade-breeder-btn','Züchter werden','49 €/Jahr','#C4843A')}
+
`;
+ } else {
+ statusHtml = _badge('Kostenlos', '#888');
+ actionsHtml = `
+
+ ${_upgradeBtn('settings-upgrade-pro-btn','Ban Yaro Pro','29 €/Jahr','#16a34a')}
+ ${_upgradeBtn('settings-upgrade-breeder-btn','Züchter','49 €/Jahr','#C4843A')}
+
`;
+ }
+
+ return `
+
+
+
+
+ Aktueller Tarif:
+ ${statusHtml}
+
+ ${actionsHtml}
+
+
`;
+ }
+
+ function _showUpgradeModal(tier) {
+ const isPro = tier === 'pro';
+ const label = isPro ? 'Ban Yaro Pro' : 'Züchter';
+ const price = isPro ? '29 €/Jahr' : '49 €/Jahr';
+ const color = isPro ? '#16a34a' : '#C4843A';
+ const features = isPro
+ ? ['Mehrere Hunde verwalten', 'Ernährungsbereich mit KI-Berater', 'Erweiterte Karten-Layer', 'Alle künftigen Pro-Features']
+ : ['Vollständige Züchter-Plattform', 'Warteliste, Läufigkeit & Trächtigkeit', 'Wurfverwaltung, Stammbaum, IK-Rechner', 'KI-Züchter-Assistent & Datenexport'];
+
+ const featureList = features.map(f =>
+ `
✓ ${f}`
+ ).join('');
+
+ UI.modal.open({
+ title: `${label} freischalten`,
+ body: `
+
+
+
${price}
+
+ Einmaliger Jahresbeitrag
Kündigung jederzeit möglich
+
+
+
+
+ Wir schalten deinen Account manuell frei — innerhalb von 24 Stunden.
+ Wir melden uns mit den Zahlungsdetails per E-Mail.
+
+
`,
+ footer: `
+
+
`
+ });
+
+ document.getElementById('upgrade-request-send-btn')?.addEventListener('click', async () => {
+ const btn = document.getElementById('upgrade-request-send-btn');
+ if (!btn) return;
+ btn.disabled = true;
+ btn.textContent = 'Wird gesendet…';
+ try {
+ const res = await API.auth.upgradeRequest(tier);
+ UI.modal.close();
+ if (res.already) {
+ UI.toast.info('Deine Anfrage liegt bereits vor — wir melden uns bald.');
+ } else {
+ UI.toast.success('Anfrage gesendet! Wir melden uns per E-Mail.');
+ }
+ } catch (e) {
+ btn.disabled = false;
+ btn.textContent = 'Anfrage senden';
+ UI.toast.error(e.message || 'Fehler beim Senden.');
+ }
+ });
+ }
+
// ----------------------------------------------------------
// RENDER
// ----------------------------------------------------------
@@ -276,13 +407,6 @@ window.Page_settings = (() => {
Feedback geben
›
- ${!_appState.user?.subscription_tier || _appState.user.subscription_tier === 'standard' || _appState.user.subscription_tier === 'standard_test' ? `
-