Partner-Dashboard vereinfacht: Scans + 'unbestätigt' raus (Rene: verwirrt)
Code-Karte: nur noch Registrierungen gesamt + diesen Monat, mit Hinweis dass alle Wege zählen (Link, eingetippter Code, QR) — erklärt warum Code-Zahl > QR-Zahl sein kann. QR-Kontingente: 'X von Y genutzt' statt Scans/Registr./ Versuche; Einzel-Code-Liste nur noch ● genutzt (N×) / ○ frei. Admin behält die Detail-Sicht (Scans, Versuche, Account-Liste).
This commit is contained in:
parent
0cca716c3d
commit
21bcc6b962
6 changed files with 27 additions and 42 deletions
|
|
@ -3,7 +3,7 @@
|
|||
Router, State-Management, Navigation, Initialisierung.
|
||||
============================================================ */
|
||||
|
||||
const APP_VER = '1263'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VER = '1264'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||
const APP_VERSION = '1.6.0'; // ← semantische Version, wird bei make release gesetzt
|
||||
window.APP_VER = APP_VER; // global verfügbar für andere Module (z.B. offline-indicator)
|
||||
window.APP_VERSION = APP_VERSION;
|
||||
|
|
|
|||
|
|
@ -78,7 +78,7 @@ window.Page_partner_dashboard = (() => {
|
|||
${UI.icon('copy')} Link kopieren
|
||||
</button>
|
||||
</div>
|
||||
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);text-align:center">
|
||||
<div style="display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);text-align:center">
|
||||
<div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3)">
|
||||
<div style="font-size:var(--text-xl);font-weight:800;color:${c.registrations > 0 ? 'var(--c-success,#16a34a)' : 'var(--c-text)'}">${c.registrations}</div>
|
||||
<div class="text-xs-muted">Registrierungen</div>
|
||||
|
|
@ -87,11 +87,9 @@ window.Page_partner_dashboard = (() => {
|
|||
<div style="font-size:var(--text-xl);font-weight:800">${c.registrations_month}</div>
|
||||
<div class="text-xs-muted">diesen Monat</div>
|
||||
</div>
|
||||
<div style="background:var(--c-surface-2);border-radius:var(--radius-md);padding:var(--space-3)"
|
||||
title="Registriert, aber E-Mail (noch) nicht bestätigt">
|
||||
<div style="font-size:var(--text-xl);font-weight:800;color:var(--c-text-muted)">${c.attempts}</div>
|
||||
<div class="text-xs-muted">unbestätigt</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text-xs-muted" style="margin-top:var(--space-2)">
|
||||
Zählt alle Wege: geteilter Link, eingetippter Code und deine gedruckten QR-Codes.
|
||||
</div>
|
||||
</div>`;
|
||||
}
|
||||
|
|
@ -103,28 +101,19 @@ window.Page_partner_dashboard = (() => {
|
|||
<div style="font-size:var(--text-xs);font-weight:700;text-transform:uppercase;
|
||||
letter-spacing:.06em;color:var(--c-text-muted);margin-bottom:var(--space-2)">Meine QR-Codes</div>
|
||||
<p class="text-xs-muted" style="margin:0 0 var(--space-3)">
|
||||
Deine gedruckten QR-Codes (Sticker, Flyer). Jeder Scan und jede Registrierung
|
||||
darüber wird gezählt — so siehst du, was wo funktioniert.
|
||||
Deine gedruckten QR-Codes (Sticker, Flyer) — und wie viele davon schon
|
||||
neue Hundefreunde gebracht haben.
|
||||
</p>
|
||||
${_qrBatches.map(b => `
|
||||
<div style="border-bottom:1px solid var(--c-border)">
|
||||
<div style="display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0">
|
||||
<div class="flex-1-min">
|
||||
<div style="font-weight:600;font-size:var(--text-sm)">${UI.escape(b.label)}</div>
|
||||
<div class="text-xs-muted">
|
||||
${b.quantity} Codes · ${(b.created_at || '').slice(0, 10)} ·
|
||||
<span style="color:${b.codes_used > 0 ? 'var(--c-success,#16a34a)' : 'inherit'}"
|
||||
title="Codes mit mindestens einer bestätigten Registrierung — ein Code kann mehrere Accounts bringen">${b.codes_used} von ${b.quantity} Codes erfolgreich</span>
|
||||
</div>
|
||||
<div class="text-xs-muted">${b.quantity} Codes · ${(b.created_at || '').slice(0, 10)}</div>
|
||||
</div>
|
||||
<div style="text-align:center;min-width:48px">
|
||||
<div style="font-weight:700">${b.scans}</div>
|
||||
<div class="text-xs-muted">Scans</div>
|
||||
</div>
|
||||
<div style="text-align:center;min-width:48px"
|
||||
title="Registriert und E-Mail bestätigt${b.attempts ? ` — dazu ${b.attempts} unbestätigte` : ''}">
|
||||
<div style="font-weight:700;color:${b.registrations > 0 ? 'var(--c-success,#16a34a)' : 'inherit'}">${b.registrations}${b.attempts ? `<span class="text-xs-muted" style="font-weight:400"> +${b.attempts} unbest.</span>` : ''}</div>
|
||||
<div class="text-xs-muted">Registr.</div>
|
||||
<div style="text-align:right">
|
||||
<div style="font-weight:700;color:${b.codes_used > 0 ? 'var(--c-success,#16a34a)' : 'inherit'}">${b.codes_used} von ${b.quantity}</div>
|
||||
<div class="text-xs-muted" title="Codes mit mindestens einer bestätigten Registrierung">genutzt</div>
|
||||
</div>
|
||||
<button class="btn btn-sm btn-ghost pd-qr-codes-btn" data-id="${b.id}" title="Einzel-Codes anzeigen">
|
||||
${UI.icon('list')}
|
||||
|
|
@ -188,16 +177,12 @@ window.Page_partner_dashboard = (() => {
|
|||
box.dataset.loaded = '1';
|
||||
box.innerHTML = codes.map(c => {
|
||||
const used = c.registrations > 0;
|
||||
const scanned = c.scans > 0;
|
||||
return `
|
||||
<div style="display:flex;align-items:center;gap:var(--space-2);padding:3px 0;font-size:var(--text-xs);border-bottom:1px dashed var(--c-border)">
|
||||
<span style="font-weight:700;min-width:34px">#${c.seq}</span>
|
||||
<code class="flex-1-min" style="color:var(--c-text-muted)">banyaro.app/q/${UI.escape(c.token)}</code>
|
||||
<span class="text-xs-muted" style="min-width:60px;text-align:right">${c.scans} Scan${c.scans === 1 ? '' : 's'}</span>
|
||||
${used
|
||||
? `<span class="badge" style="background:#dcfce7;color:#16a34a" title="Erste Registrierung am ${(c.first_registration_at || '').slice(0, 10)}">● ${c.registrations} Registrierung${c.registrations === 1 ? '' : 'en'}</span>`
|
||||
: scanned
|
||||
? `<span class="badge" style="background:#fef9c3;color:#a16207" title="Gescannt${c.last_scan_at ? ' am ' + c.last_scan_at.slice(0, 10) : ''}, noch keine bestätigte Registrierung">◐ gescannt</span>`
|
||||
? `<span class="badge" style="background:#dcfce7;color:#16a34a" title="Erste Registrierung am ${(c.first_registration_at || '').slice(0, 10)}">● genutzt${c.registrations > 1 ? ` (${c.registrations}×)` : ''}</span>`
|
||||
: `<span class="badge" style="background:var(--c-surface-2);color:var(--c-text-muted)">○ frei</span>`}
|
||||
</div>`;
|
||||
}).join('');
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue