Feature: 100 Gründer-Challenge — Leaderboard, Ranking, founder_number
- users.founder_number: sequentielle Nummer #1-#100 (bei Registrierung mit Code oder Admin-Grant) - Globaler Cap: max. 100 Gründer über alle Partner-Codes zusammen - GET /api/partner/founders/stats: öffentlich — Slots, Partner-Ranking nach uses, Gründer-Galerie - Öffentliche Seite /gruender: Fortschrittsbalken, Partner-Challenge-Leaderboard (🥇🥈🥉), Gründer-Grid - Forum: "Gründer #42"-Badge (lila) neben Autorenname bei Threads + Antworten - Settings: Badge zeigt "Gründer #N" statt nur "Gründer", klickbar zur /gruender-Seite - Sidebar: "🏆 100 Gründer"-Link im Footer - Admin-Grant: Vergabe von founder_number beim manuellen is_founder=1-Setzen - SW by-v516, APP_VER 493
This commit is contained in:
parent
e57c6db013
commit
ab41af470d
10 changed files with 243 additions and 18 deletions
|
|
@ -560,8 +560,9 @@ def _migrate(conn_factory):
|
||||||
("users", "ki_zucht_beschreibung", "INTEGER NOT NULL DEFAULT 1"),
|
("users", "ki_zucht_beschreibung", "INTEGER NOT NULL DEFAULT 1"),
|
||||||
("users", "ki_zucht_jahresbericht", "INTEGER NOT NULL DEFAULT 1"),
|
("users", "ki_zucht_jahresbericht", "INTEGER NOT NULL DEFAULT 1"),
|
||||||
# Partner-Code + Gründer-Lizenz
|
# Partner-Code + Gründer-Lizenz
|
||||||
("users", "is_founder", "INTEGER NOT NULL DEFAULT 0"),
|
("users", "is_founder", "INTEGER NOT NULL DEFAULT 0"),
|
||||||
("users", "is_partner", "INTEGER NOT NULL DEFAULT 0"),
|
("users", "is_partner", "INTEGER NOT NULL DEFAULT 0"),
|
||||||
|
("users", "founder_number", "INTEGER"),
|
||||||
]
|
]
|
||||||
with conn_factory() as conn:
|
with conn_factory() as conn:
|
||||||
for table, column, col_type in migrations:
|
for table, column, col_type in migrations:
|
||||||
|
|
|
||||||
|
|
@ -93,7 +93,13 @@ async def register(data: RegisterRequest, response: Response, request: Request):
|
||||||
)
|
)
|
||||||
updates = {"referred_by": -partner["id"]}
|
updates = {"referred_by": -partner["id"]}
|
||||||
if partner["grants_founder"]:
|
if partner["grants_founder"]:
|
||||||
updates["is_founder"] = 1
|
total_founders = conn.execute(
|
||||||
|
"SELECT COUNT(*) FROM users WHERE is_founder=1"
|
||||||
|
).fetchone()[0]
|
||||||
|
if total_founders < 100:
|
||||||
|
founder_num = total_founders + 1
|
||||||
|
updates["is_founder"] = 1
|
||||||
|
updates["founder_number"] = founder_num
|
||||||
set_clause = ", ".join(f"{k}=?" for k in updates)
|
set_clause = ", ".join(f"{k}=?" for k in updates)
|
||||||
conn.execute(
|
conn.execute(
|
||||||
f"UPDATE users SET {set_clause} WHERE id=?",
|
f"UPDATE users SET {set_clause} WHERE id=?",
|
||||||
|
|
|
||||||
|
|
@ -131,7 +131,7 @@ async def list_threads(
|
||||||
t.antworten, t.likes, t.views,
|
t.antworten, t.likes, t.views,
|
||||||
t.is_pinned, t.is_locked, t.foto_urls,
|
t.is_pinned, t.is_locked, t.foto_urls,
|
||||||
t.created_at, t.user_id,
|
t.created_at, t.user_id,
|
||||||
u.name AS autor_name
|
u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_threads t
|
FROM forum_threads t
|
||||||
LEFT JOIN users u ON u.id = t.user_id
|
LEFT JOIN users u ON u.id = t.user_id
|
||||||
WHERE t.is_deleted = 0
|
WHERE t.is_deleted = 0
|
||||||
|
|
@ -183,7 +183,7 @@ async def create_thread(data: ThreadCreate, user=Depends(get_current_user)):
|
||||||
data.thread_lat, data.thread_lon, data.thread_ort, ct)
|
data.thread_lat, data.thread_lon, data.thread_ort, ct)
|
||||||
)
|
)
|
||||||
row = conn.execute(
|
row = conn.execute(
|
||||||
"""SELECT t.*, u.name AS autor_name
|
"""SELECT t.*, u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_threads t
|
FROM forum_threads t
|
||||||
LEFT JOIN users u ON u.id = t.user_id
|
LEFT JOIN users u ON u.id = t.user_id
|
||||||
WHERE t.id = ?""",
|
WHERE t.id = ?""",
|
||||||
|
|
@ -203,7 +203,7 @@ async def get_thread(thread_id: int, user=Depends(get_current_user_optional)):
|
||||||
uid = user['id'] if user else None
|
uid = user['id'] if user else None
|
||||||
with db() as conn:
|
with db() as conn:
|
||||||
thread = conn.execute(
|
thread = conn.execute(
|
||||||
"""SELECT t.*, u.name AS autor_name
|
"""SELECT t.*, u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_threads t
|
FROM forum_threads t
|
||||||
LEFT JOIN users u ON u.id = t.user_id
|
LEFT JOIN users u ON u.id = t.user_id
|
||||||
WHERE t.id = ? AND t.is_deleted = 0""",
|
WHERE t.id = ? AND t.is_deleted = 0""",
|
||||||
|
|
@ -218,7 +218,7 @@ async def get_thread(thread_id: int, user=Depends(get_current_user_optional)):
|
||||||
)
|
)
|
||||||
|
|
||||||
posts = conn.execute(
|
posts = conn.execute(
|
||||||
"""SELECT p.*, u.name AS autor_name
|
"""SELECT p.*, u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_posts p
|
FROM forum_posts p
|
||||||
LEFT JOIN users u ON u.id = p.user_id
|
LEFT JOIN users u ON u.id = p.user_id
|
||||||
WHERE p.thread_id = ?
|
WHERE p.thread_id = ?
|
||||||
|
|
@ -288,7 +288,7 @@ async def patch_thread(thread_id: int, data: ThreadPatch, user=Depends(get_curre
|
||||||
[*updates.values(), thread_id]
|
[*updates.values(), thread_id]
|
||||||
)
|
)
|
||||||
row = conn.execute(
|
row = conn.execute(
|
||||||
"""SELECT t.*, u.name AS autor_name
|
"""SELECT t.*, u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_threads t
|
FROM forum_threads t
|
||||||
LEFT JOIN users u ON u.id = t.user_id
|
LEFT JOIN users u ON u.id = t.user_id
|
||||||
WHERE t.id = ?""",
|
WHERE t.id = ?""",
|
||||||
|
|
@ -328,7 +328,7 @@ async def create_post(thread_id: int, data: PostCreate, user=Depends(get_current
|
||||||
(thread_id,)
|
(thread_id,)
|
||||||
)
|
)
|
||||||
row = conn.execute(
|
row = conn.execute(
|
||||||
"""SELECT p.*, u.name AS autor_name
|
"""SELECT p.*, u.name AS autor_name, u.founder_number AS autor_founder_number
|
||||||
FROM forum_posts p
|
FROM forum_posts p
|
||||||
LEFT JOIN users u ON u.id = p.user_id
|
LEFT JOIN users u ON u.id = p.user_id
|
||||||
WHERE p.id = ?""",
|
WHERE p.id = ?""",
|
||||||
|
|
|
||||||
|
|
@ -87,16 +87,26 @@ def grant_user_status(user_id: int, data: GrantRequest, user=Depends(require_adm
|
||||||
if not updates:
|
if not updates:
|
||||||
raise HTTPException(400, "Mindestens is_founder oder is_partner muss angegeben werden.")
|
raise HTTPException(400, "Mindestens is_founder oder is_partner muss angegeben werden.")
|
||||||
with db() as conn:
|
with db() as conn:
|
||||||
target = conn.execute("SELECT id FROM users WHERE id=?", (user_id,)).fetchone()
|
target = conn.execute(
|
||||||
|
"SELECT id, is_founder, founder_number FROM users WHERE id=?", (user_id,)
|
||||||
|
).fetchone()
|
||||||
if not target:
|
if not target:
|
||||||
raise HTTPException(404, "User nicht gefunden.")
|
raise HTTPException(404, "User nicht gefunden.")
|
||||||
|
# Beim manuellen Vergeben von is_founder: founder_number zuweisen wenn noch keine
|
||||||
|
if updates.get("is_founder") == 1 and not target["founder_number"]:
|
||||||
|
total = conn.execute(
|
||||||
|
"SELECT COUNT(*) FROM users WHERE is_founder=1"
|
||||||
|
).fetchone()[0]
|
||||||
|
if total >= FOUNDER_MAX:
|
||||||
|
raise HTTPException(400, f"Alle {FOUNDER_MAX} Gründer-Plätze sind vergeben.")
|
||||||
|
updates["founder_number"] = total + 1
|
||||||
set_clause = ", ".join(f"{k}=?" for k in updates)
|
set_clause = ", ".join(f"{k}=?" for k in updates)
|
||||||
conn.execute(
|
conn.execute(
|
||||||
f"UPDATE users SET {set_clause} WHERE id=?",
|
f"UPDATE users SET {set_clause} WHERE id=?",
|
||||||
(*updates.values(), user_id)
|
(*updates.values(), user_id)
|
||||||
)
|
)
|
||||||
row = conn.execute(
|
row = conn.execute(
|
||||||
"SELECT id, name, email, is_founder, is_partner FROM users WHERE id=?",
|
"SELECT id, name, email, is_founder, is_partner, founder_number FROM users WHERE id=?",
|
||||||
(user_id,)
|
(user_id,)
|
||||||
).fetchone()
|
).fetchone()
|
||||||
return dict(row)
|
return dict(row)
|
||||||
|
|
@ -116,9 +126,47 @@ def search_users(q: str, user=Depends(require_admin)):
|
||||||
|
|
||||||
|
|
||||||
# ------------------------------------------------------------------
|
# ------------------------------------------------------------------
|
||||||
# Öffentlich: Code-Info für Registrierungsseite
|
# Öffentlich: Gründer-Leaderboard + Code-Info
|
||||||
# ------------------------------------------------------------------
|
# ------------------------------------------------------------------
|
||||||
|
|
||||||
|
FOUNDER_MAX = 100
|
||||||
|
|
||||||
|
@router.get("/partner/founders/stats")
|
||||||
|
def founders_stats():
|
||||||
|
"""Öffentliches Gründer-Leaderboard: Slots, Partner-Ranking, Gründer-Liste."""
|
||||||
|
with db() as conn:
|
||||||
|
total = conn.execute(
|
||||||
|
"SELECT COUNT(*) FROM users WHERE is_founder=1"
|
||||||
|
).fetchone()[0]
|
||||||
|
# Partner-Ranking: nach uses absteigend
|
||||||
|
partners = conn.execute(
|
||||||
|
"""SELECT pc.id, pc.label, pc.uses, pc.code,
|
||||||
|
u.name AS partner_username, u.is_partner
|
||||||
|
FROM partner_codes pc
|
||||||
|
LEFT JOIN users u ON u.referred_by = -pc.id AND u.is_partner=1
|
||||||
|
WHERE pc.grants_founder=1
|
||||||
|
ORDER BY pc.uses DESC"""
|
||||||
|
).fetchall()
|
||||||
|
# Erste 100 Gründer (für Galerie)
|
||||||
|
founders = conn.execute(
|
||||||
|
"""SELECT u.name, u.founder_number,
|
||||||
|
pc.label AS via_partner
|
||||||
|
FROM users u
|
||||||
|
LEFT JOIN partner_codes pc ON u.referred_by = -pc.id
|
||||||
|
WHERE u.is_founder=1 AND u.founder_number IS NOT NULL
|
||||||
|
ORDER BY u.founder_number ASC
|
||||||
|
LIMIT 100"""
|
||||||
|
).fetchall()
|
||||||
|
return {
|
||||||
|
"total": total,
|
||||||
|
"max": FOUNDER_MAX,
|
||||||
|
"open": max(0, FOUNDER_MAX - total),
|
||||||
|
"closed": total >= FOUNDER_MAX,
|
||||||
|
"partners": [dict(p) for p in partners],
|
||||||
|
"founders": [dict(f) for f in founders],
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@router.get("/partner/codes/{code}/info")
|
@router.get("/partner/codes/{code}/info")
|
||||||
def partner_code_info(code: str):
|
def partner_code_info(code: str):
|
||||||
"""Gibt zurück ob ein Partner-Code existiert und dessen Label (öffentlich)."""
|
"""Gibt zurück ob ein Partner-Code existiert und dessen Label (öffentlich)."""
|
||||||
|
|
@ -131,6 +179,14 @@ def partner_code_info(code: str):
|
||||||
if not row:
|
if not row:
|
||||||
raise HTTPException(404, "Partner-Code nicht gefunden.")
|
raise HTTPException(404, "Partner-Code nicht gefunden.")
|
||||||
r = dict(row)
|
r = dict(row)
|
||||||
# Einlösbar?
|
if r["grants_founder"]:
|
||||||
r["redeemable"] = r["max_uses"] is None or r["uses"] < r["max_uses"]
|
with db() as conn2:
|
||||||
|
total = conn2.execute(
|
||||||
|
"SELECT COUNT(*) FROM users WHERE is_founder=1"
|
||||||
|
).fetchone()[0]
|
||||||
|
r["founder_slots_open"] = max(0, FOUNDER_MAX - total)
|
||||||
|
r["redeemable"] = (r["max_uses"] is None or r["uses"] < r["max_uses"]) and total < FOUNDER_MAX
|
||||||
|
else:
|
||||||
|
r["founder_slots_open"] = None
|
||||||
|
r["redeemable"] = r["max_uses"] is None or r["uses"] < r["max_uses"]
|
||||||
return r
|
return r
|
||||||
|
|
|
||||||
|
|
@ -230,6 +230,7 @@
|
||||||
border-top:1px solid var(--c-border,#e5e7eb);
|
border-top:1px solid var(--c-border,#e5e7eb);
|
||||||
font-size:var(--text-xs);color:var(--c-text-muted);
|
font-size:var(--text-xs);color:var(--c-text-muted);
|
||||||
display:flex;gap:var(--space-3);padding-bottom:var(--space-2)">
|
display:flex;gap:var(--space-3);padding-bottom:var(--space-2)">
|
||||||
|
<span data-page="gruender" style="cursor:pointer;text-decoration:underline;font-weight:600;color:#7c3aed">🏆 100 Gründer</span>
|
||||||
<span data-page="impressum" style="cursor:pointer;text-decoration:underline">Impressum</span>
|
<span data-page="impressum" style="cursor:pointer;text-decoration:underline">Impressum</span>
|
||||||
<span data-page="datenschutz" style="cursor:pointer;text-decoration:underline">Datenschutz</span>
|
<span data-page="datenschutz" style="cursor:pointer;text-decoration:underline">Datenschutz</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -419,6 +420,10 @@
|
||||||
<div class="page-body page-container"></div>
|
<div class="page-body page-container"></div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section class="page" id="page-gruender">
|
||||||
|
<div class="page-body page-container"></div>
|
||||||
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
<!-- MOBILE BOTTOM NAVIGATION -->
|
<!-- MOBILE BOTTOM NAVIGATION -->
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Router, State-Management, Navigation, Initialisierung.
|
Router, State-Management, Navigation, Initialisierung.
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const APP_VER = '492'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
const APP_VER = '493'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
|
||||||
const APP_VERSION = '1.0.0'; // ← semantische Version, wird bei make release gesetzt
|
const APP_VERSION = '1.0.0'; // ← semantische Version, wird bei make release gesetzt
|
||||||
const IS_STAGING = location.hostname === 'staging.banyaro.app';
|
const IS_STAGING = location.hostname === 'staging.banyaro.app';
|
||||||
|
|
||||||
|
|
@ -69,6 +69,7 @@ const App = (() => {
|
||||||
wurfboerse: { title: 'Wurfbörse', module: null },
|
wurfboerse: { title: 'Wurfbörse', module: null },
|
||||||
zuchthunde: { title: 'Zuchtkartei', module: null, requiresAuth: true },
|
zuchthunde: { title: 'Zuchtkartei', module: null, requiresAuth: true },
|
||||||
'zucht-profil': { title: 'Hunde-Profil', module: null },
|
'zucht-profil': { title: 'Hunde-Profil', module: null },
|
||||||
|
gruender: { title: '100 Gründer', module: null },
|
||||||
};
|
};
|
||||||
|
|
||||||
// ----------------------------------------------------------
|
// ----------------------------------------------------------
|
||||||
|
|
|
||||||
|
|
@ -392,6 +392,7 @@ window.Page_forum = (() => {
|
||||||
<div class="forum-thread-author-row">
|
<div class="forum-thread-author-row">
|
||||||
<div class="forum-avatar">${_esc(_initial(thread.autor_name))}</div>
|
<div class="forum-avatar">${_esc(_initial(thread.autor_name))}</div>
|
||||||
<span style="font-size:0.85rem;color:var(--c-text-secondary)">${_esc(thread.autor_name || 'Unbekannt')}</span>
|
<span style="font-size:0.85rem;color:var(--c-text-secondary)">${_esc(thread.autor_name || 'Unbekannt')}</span>
|
||||||
|
${thread.autor_founder_number ? `<span style="font-size:10px;font-weight:700;background:#7c3aed;color:#fff;padding:1px 5px;border-radius:4px">Gründer #${thread.autor_founder_number}</span>` : ''}
|
||||||
<div style="margin-left:auto;display:flex;gap:var(--space-2);align-items:center">
|
<div style="margin-left:auto;display:flex;gap:var(--space-2);align-items:center">
|
||||||
<button class="${likeClass}" id="thread-like-btn" data-count="${thread.likes || 0}">
|
<button class="${likeClass}" id="thread-like-btn" data-count="${thread.likes || 0}">
|
||||||
${UI.icon('heart')} <span id="thread-like-count">${thread.likes || 0}</span>
|
${UI.icon('heart')} <span id="thread-like-count">${thread.likes || 0}</span>
|
||||||
|
|
@ -589,6 +590,7 @@ window.Page_forum = (() => {
|
||||||
<div class="forum-post-header">
|
<div class="forum-post-header">
|
||||||
<div class="forum-avatar forum-avatar--sm">${_esc(_initial(p.autor_name))}</div>
|
<div class="forum-avatar forum-avatar--sm">${_esc(_initial(p.autor_name))}</div>
|
||||||
<span class="forum-post-author">${_esc(p.autor_name || 'Unbekannt')}</span>
|
<span class="forum-post-author">${_esc(p.autor_name || 'Unbekannt')}</span>
|
||||||
|
${p.autor_founder_number ? `<span style="font-size:10px;font-weight:700;background:#7c3aed;color:#fff;padding:1px 5px;border-radius:4px">Gründer #${p.autor_founder_number}</span>` : ''}
|
||||||
<span class="forum-post-date">${_fmtDate(p.created_at)}</span>
|
<span class="forum-post-date">${_fmtDate(p.created_at)}</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="forum-post-body">
|
<div class="forum-post-body">
|
||||||
|
|
|
||||||
153
backend/static/js/pages/gruender.js
Normal file
153
backend/static/js/pages/gruender.js
Normal file
|
|
@ -0,0 +1,153 @@
|
||||||
|
/* ============================================================
|
||||||
|
BAN YARO — Gründer-Seite
|
||||||
|
Öffentliches Leaderboard der 100 Gründer & Partner.
|
||||||
|
============================================================ */
|
||||||
|
|
||||||
|
window.Page_gruender = (() => {
|
||||||
|
|
||||||
|
let _container = null;
|
||||||
|
|
||||||
|
async function init(container, appState) {
|
||||||
|
_container = container;
|
||||||
|
_render();
|
||||||
|
_load();
|
||||||
|
}
|
||||||
|
|
||||||
|
function refresh() { _load(); }
|
||||||
|
function onDogChange() {}
|
||||||
|
|
||||||
|
function _render() {
|
||||||
|
_container.innerHTML = `
|
||||||
|
<div style="max-width:680px;margin:0 auto;padding:var(--space-4)">
|
||||||
|
<div style="text-align:center;margin-bottom:var(--space-6)">
|
||||||
|
<div style="font-size:48px;margin-bottom:var(--space-2)">🏆</div>
|
||||||
|
<h1 style="font-size:var(--text-2xl);font-weight:800;margin:0 0 var(--space-2)">
|
||||||
|
Die 100 Gründer von Ban Yaro
|
||||||
|
</h1>
|
||||||
|
<p style="color:var(--c-text-secondary);font-size:var(--text-sm);max-width:480px;margin:0 auto">
|
||||||
|
Nur 100 Menschen weltweit können sagen: <em>Ich war von Anfang an dabei.</em>
|
||||||
|
Diese Plätze werden nie wieder vergeben.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div id="grnd-content">
|
||||||
|
<div style="text-align:center;padding:var(--space-8);color:var(--c-text-muted)">Lade…</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function _load() {
|
||||||
|
const el = _container.querySelector('#grnd-content');
|
||||||
|
try {
|
||||||
|
const d = await API.get('/api/partner/founders/stats');
|
||||||
|
el.innerHTML = _renderStats(d);
|
||||||
|
} catch (e) {
|
||||||
|
el.innerHTML = `<p style="color:var(--c-text-muted);text-align:center">${e.message}</p>`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function _renderStats(d) {
|
||||||
|
const pct = Math.round((d.total / d.max) * 100);
|
||||||
|
const open = d.open;
|
||||||
|
|
||||||
|
return `
|
||||||
|
<!-- Fortschrittsbalken -->
|
||||||
|
<div class="by-card" style="padding:var(--space-5);margin-bottom:var(--space-5)">
|
||||||
|
<div style="display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2)">
|
||||||
|
<span style="font-weight:700;font-size:var(--text-lg)">${d.total} / ${d.max} Gründer</span>
|
||||||
|
<span style="font-size:var(--text-sm);color:${open > 0 ? 'var(--c-success,#16a34a)' : 'var(--c-danger,#dc2626)'}">
|
||||||
|
${open > 0 ? `${open} Plätze frei` : 'Geschlossen'}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div style="background:var(--c-surface-2);border-radius:var(--radius-full);height:12px;overflow:hidden">
|
||||||
|
<div style="background:linear-gradient(90deg,#7c3aed,#a855f7);width:${pct}%;height:100%;
|
||||||
|
border-radius:var(--radius-full);transition:width .5s ease"></div>
|
||||||
|
</div>
|
||||||
|
${open > 0 ? `
|
||||||
|
<p style="font-size:var(--text-xs);color:var(--c-text-muted);margin:var(--space-2) 0 0;text-align:center">
|
||||||
|
Bist du dabei? Frag einen unserer Partner nach ihrem Einladungscode.
|
||||||
|
</p>` : `
|
||||||
|
<p style="font-size:var(--text-xs);color:var(--c-text-muted);margin:var(--space-2) 0 0;text-align:center">
|
||||||
|
Alle 100 Gründer-Plätze sind vergeben. Diese Gruppe ist für immer geschlossen.
|
||||||
|
</p>`}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Partner-Challenge Leaderboard -->
|
||||||
|
${d.partners.length > 0 ? `
|
||||||
|
<div class="by-card" style="padding:var(--space-5);margin-bottom:var(--space-5)">
|
||||||
|
<h2 style="font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-1)">
|
||||||
|
${UI.icon('trophy')} Partner-Challenge
|
||||||
|
</h2>
|
||||||
|
<p style="font-size:var(--text-xs);color:var(--c-text-muted);margin:0 0 var(--space-4)">
|
||||||
|
Unsere Partner treten gegeneinander an — wer bringt die meisten Gründer?
|
||||||
|
</p>
|
||||||
|
<div style="display:flex;flex-direction:column;gap:var(--space-2)">
|
||||||
|
${d.partners.map((p, i) => {
|
||||||
|
const medal = i === 0 ? '🥇' : i === 1 ? '🥈' : i === 2 ? '🥉' : `#${i+1}`;
|
||||||
|
const barPct = d.partners[0].uses > 0 ? Math.round((p.uses / d.partners[0].uses) * 100) : 0;
|
||||||
|
return `
|
||||||
|
<div style="display:flex;align-items:center;gap:var(--space-3);
|
||||||
|
padding:var(--space-3);border-radius:var(--radius-md);
|
||||||
|
background:${i === 0 ? 'linear-gradient(135deg,#fef9c3,#fef3c7)' : 'var(--c-surface-2)'}">
|
||||||
|
<div style="font-size:22px;min-width:32px;text-align:center">${medal}</div>
|
||||||
|
<div style="flex:1;min-width:0">
|
||||||
|
<div style="font-weight:700;font-size:var(--text-sm)">${_esc(p.label)}</div>
|
||||||
|
<div style="background:var(--c-surface-3,rgba(0,0,0,.08));border-radius:var(--radius-full);
|
||||||
|
height:6px;margin-top:var(--space-1);overflow:hidden">
|
||||||
|
<div style="background:#7c3aed;width:${barPct}%;height:100%;
|
||||||
|
border-radius:var(--radius-full)"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="font-weight:800;font-size:var(--text-lg);color:#7c3aed;min-width:36px;text-align:right">
|
||||||
|
${p.uses}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
`;
|
||||||
|
}).join('')}
|
||||||
|
</div>
|
||||||
|
</div>` : ''}
|
||||||
|
|
||||||
|
<!-- Gründer-Galerie -->
|
||||||
|
${d.founders.length > 0 ? `
|
||||||
|
<div class="by-card" style="padding:var(--space-5)">
|
||||||
|
<h2 style="font-size:var(--text-base);font-weight:700;margin:0 0 var(--space-4)">
|
||||||
|
${UI.icon('users')} Die Gründer
|
||||||
|
</h2>
|
||||||
|
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-2)">
|
||||||
|
${d.founders.map(f => `
|
||||||
|
<div style="padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
||||||
|
background:var(--c-surface-2);display:flex;align-items:center;gap:var(--space-2)">
|
||||||
|
<span style="font-size:var(--text-xs);font-weight:800;color:#7c3aed;min-width:28px">#${f.founder_number}</span>
|
||||||
|
<span style="font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">
|
||||||
|
${_esc(f.name)}
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
`).join('')}
|
||||||
|
${Array.from({length: d.open}, (_, i) => `
|
||||||
|
<div style="padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);
|
||||||
|
border:2px dashed var(--c-border);display:flex;align-items:center;gap:var(--space-2);
|
||||||
|
opacity:.4">
|
||||||
|
<span style="font-size:var(--text-xs);font-weight:800;color:var(--c-text-muted);min-width:28px">
|
||||||
|
#${d.total + i + 1}
|
||||||
|
</span>
|
||||||
|
<span style="font-size:var(--text-sm);color:var(--c-text-muted)">frei</span>
|
||||||
|
</div>
|
||||||
|
`).join('')}
|
||||||
|
</div>
|
||||||
|
</div>` : `
|
||||||
|
<div class="by-card" style="padding:var(--space-6);text-align:center">
|
||||||
|
<p style="color:var(--c-text-muted);font-size:var(--text-sm)">
|
||||||
|
Noch keine Gründer — sei der Erste!
|
||||||
|
</p>
|
||||||
|
</div>`}
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
function _esc(s) {
|
||||||
|
return String(s || '').replace(/[&<>"']/g, c =>
|
||||||
|
({'&':'&','<':'<','>':'>','"':'"',"'":'''}[c]));
|
||||||
|
}
|
||||||
|
|
||||||
|
return { init, refresh, onDogChange };
|
||||||
|
|
||||||
|
})();
|
||||||
|
|
@ -131,8 +131,9 @@ window.Page_settings = (() => {
|
||||||
</span>`
|
</span>`
|
||||||
: `<span class="badge" style="color:var(--c-text-secondary)">Kostenlos</span>`}
|
: `<span class="badge" style="color:var(--c-text-secondary)">Kostenlos</span>`}
|
||||||
${u.is_founder
|
${u.is_founder
|
||||||
? `<span class="badge" style="background:#7c3aed;color:#fff">
|
? `<span class="badge" style="background:#7c3aed;color:#fff;cursor:pointer" data-page="gruender">
|
||||||
<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px"><use href="/icons/phosphor.svg#key"></use></svg> Gründer
|
<svg class="ph-icon" aria-hidden="true" style="width:12px;height:12px"><use href="/icons/phosphor.svg#key"></use></svg>
|
||||||
|
${u.founder_number ? `Gründer #${u.founder_number}` : 'Gründer'}
|
||||||
</span>` : ''}
|
</span>` : ''}
|
||||||
${u.is_partner
|
${u.is_partner
|
||||||
? `<span class="badge" style="background:#0ea5e9;color:#fff">
|
? `<span class="badge" style="background:#0ea5e9;color:#fff">
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
Offline-Cache + Push Notifications + Tile-Cache
|
Offline-Cache + Push Notifications + Tile-Cache
|
||||||
============================================================ */
|
============================================================ */
|
||||||
|
|
||||||
const CACHE_VERSION = 'by-v515';
|
const CACHE_VERSION = 'by-v516';
|
||||||
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
const CACHE_STATIC = `${CACHE_VERSION}-static`;
|
||||||
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten
|
||||||
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache
|
const CACHE_API = 'ban-yaro-api-v1'; // API-Response-Cache
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue