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

Sprint 11: Freunde & Chat + Phosphor-Icon-Vollmigration

Browse source 
- Freundschaften (pending/accepted), Nutzersuche, Anfragen per Push
- Direktnachrichten mit Polling, iMessage-Stil, Deep-Links aus Push
- Alle Seiten (map, places, diary, health, dog-profile, sitting, knigge,
  forum, wiki, walks) vollständig auf Phosphor-Icons migriert
- Wikidata-Rassen-Scraper (~833 neue Rassen, lokal gespiegelte Fotos)
- TheDogAPI lokal gespiegelt (169 Rassen + Fotos)
- Quiz-Result-Cards horizontal (korrekte Bildproportionen)
- SW by-v89
This commit is contained in:
rene 2026-04-15 21:33:53 +02:00
parent 96bd57f0ad
commit 097295c628
44 changed files with 9980 additions and 300 deletions
Download patch file Download diff file Expand all files Collapse all files

306
backend/main.py
View file

@ -63,6 +63,13 @@ from routes.walks import router as walks_router
from routes.events import router as events_router
from routes.sitting import router as sitting_router
from routes.osm import router as osm_router
from routes.forum import router as forum_router
from routes.lost import router as lost_router
from routes.knigge import router as knigge_router
from routes.wiki import router as wiki_router
from routes.movies import router as movies_router
from routes.friends import router as friends_router
from routes.chat import router as chat_router
app.include_router(auth_router, prefix="/api/auth", tags=["Auth"])
app.include_router(dogs_router, prefix="/api/dogs", tags=["Hunde"])
@ -78,6 +85,13 @@ app.include_router(walks_router, prefix="/api/walks", tags=["Gassi-Tre
app.include_router(events_router, prefix="/api/events", tags=["Events"])
app.include_router(sitting_router, prefix="/api/sitting", tags=["Sitting"])
app.include_router(osm_router, prefix="/api/osm", tags=["OSM"])
app.include_router(forum_router, prefix="/api/forum", tags=["Forum"])
app.include_router(lost_router, prefix="/api/lost", tags=["Verlorener Hund"])
app.include_router(knigge_router, prefix="/api/knigge", tags=["Knigge"])
app.include_router(wiki_router, prefix="/api/wiki", tags=["Wiki"])
app.include_router(movies_router, prefix="/api/movies", tags=["Filme"])
app.include_router(friends_router, prefix="/api/friends", tags=["Freunde"])
app.include_router(chat_router, prefix="/api/chat", tags=["Chat"])
# ------------------------------------------------------------------
@ -131,6 +145,298 @@ async def share_target(request: Request):
headers={"Cache-Control": "no-cache"}
)
# Öffentliche Hunde-Profilseite (für NFC-Tags, kein Login nötig)
@app.get("/hund/{dog_id}")
async def public_dog_page(dog_id: int):
html = f"""<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hunde-Profil — BAN YARO</title>
<link rel="stylesheet" href="/css/design-system.css">
<link rel="stylesheet" href="/css/components.css">
<style>
* {{ box-sizing: border-box; margin: 0; padding: 0; }}
body {{
font-family: var(--font-sans);
background: var(--c-bg);
color: var(--c-text);
min-height: 100dvh;
display: flex;
flex-direction: column;
align-items: center;
padding: var(--space-6) var(--space-4);
}}
.profile-card {{
background: var(--c-surface);
border-radius: var(--radius-xl);
box-shadow: var(--shadow-lg);
max-width: 440px;
width: 100%;
padding: var(--space-8) var(--space-6);
text-align: center;
}}
.dog-photo {{
width: 140px;
height: 140px;
border-radius: 50%;
object-fit: cover;
border: 4px solid var(--c-primary);
margin-bottom: var(--space-4);
}}
.dog-photo-placeholder {{
width: 140px;
height: 140px;
border-radius: 50%;
background: var(--c-surface-2);
border: 4px solid var(--c-border);
display: flex;
align-items: center;
justify-content: center;
font-size: 4rem;
margin: 0 auto var(--space-4);
}}
.dog-name {{
font-size: var(--text-2xl);
font-weight: var(--weight-bold);
color: var(--c-text);
margin-bottom: var(--space-1);
}}
.dog-rasse {{
font-size: var(--text-base);
color: var(--c-text-secondary);
margin-bottom: var(--space-5);
}}
.info-row {{
display: flex;
justify-content: center;
gap: var(--space-4);
flex-wrap: wrap;
margin-bottom: var(--space-5);
}}
.info-pill {{
background: var(--c-primary-subtle);
border-radius: var(--radius-full);
padding: var(--space-2) var(--space-4);
font-size: var(--text-sm);
color: var(--c-primary-dark);
font-weight: var(--weight-medium);
}}
.dog-bio {{
background: var(--c-surface-2);
border-radius: var(--radius-md);
padding: var(--space-4);
font-style: italic;
color: var(--c-text-secondary);
line-height: var(--leading-relaxed);
margin-bottom: var(--space-5);
text-align: left;
}}
.besitzer {{
font-size: var(--text-sm);
color: var(--c-text-muted);
margin-bottom: var(--space-6);
}}
.found-section {{
border-top: 1px solid var(--c-border-light);
padding-top: var(--space-6);
}}
.found-hint {{
font-size: var(--text-sm);
color: var(--c-text-secondary);
margin-bottom: var(--space-4);
}}
.found-fields {{
display: flex;
flex-direction: column;
gap: var(--space-3);
margin-bottom: var(--space-4);
}}
.found-input {{
width: 100%;
padding: var(--space-3) var(--space-4);
border: 1.5px solid var(--c-border);
border-radius: var(--radius-md);
font-size: var(--text-base);
font-family: var(--font-sans);
background: var(--c-surface);
color: var(--c-text);
outline: none;
transition: border-color var(--transition-fast);
}}
.found-input:focus {{
border-color: var(--c-primary);
}}
.found-btn {{
width: 100%;
}}
.success-msg {{
background: var(--c-success-subtle);
color: var(--c-success);
border-radius: var(--radius-md);
padding: var(--space-4);
font-weight: var(--weight-medium);
display: none;
}}
.error-msg {{
background: var(--c-danger-subtle);
color: var(--c-danger);
border-radius: var(--radius-md);
padding: var(--space-3);
font-size: var(--text-sm);
display: none;
}}
.loading {{
color: var(--c-text-muted);
padding: var(--space-12) 0;
font-size: var(--text-lg);
}}
.not-found {{
text-align: center;
color: var(--c-text-secondary);
padding: var(--space-12) var(--space-4);
}}
.not-found .icon {{ font-size: 4rem; margin-bottom: var(--space-4); display: block; }}
.app-logo {{
font-size: var(--text-sm);
color: var(--c-text-muted);
margin-top: var(--space-8);
}}
.app-logo a {{
color: var(--c-primary);
text-decoration: none;
font-weight: var(--weight-medium);
}}
</style>
</head>
<body>
<div class="profile-card" id="profile-card">
<div class="loading">Lade Profil…</div>
</div>
<p class="app-logo">powered by <a href="/">BAN YARO</a></p>
<script>
const DOG_ID = {dog_id};
function esc(s) {{
if (!s) return '';
return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;');
}}
function calcAlter(geburtstag) {{
const born = new Date(geburtstag + 'T00:00:00');
const tage = Math.floor((Date.now() - born) / 86400000);
if (tage < 0) return '';
if (tage < 30) return tage + ' Tag' + (tage !== 1 ? 'e' : '') + ' alt';
if (tage < 365) {{
const m = Math.floor(tage / 30);
return m + ' Monat' + (m !== 1 ? 'e' : '') + ' alt';
}}
const j = Math.floor(tage / 365);
const m = Math.floor((tage % 365) / 30);
return m > 0
? j + ' Jahr' + (j !== 1 ? 'e' : '') + ', ' + m + ' Monat' + (m !== 1 ? 'e' : '') + ' alt'
: j + ' Jahr' + (j !== 1 ? 'e' : '') + ' alt';
}}
async function load() {{
const card = document.getElementById('profile-card');
try {{
const resp = await fetch('/api/dogs/public/' + DOG_ID);
if (!resp.ok) {{
card.innerHTML = `
<div class="not-found">
<span class="icon">🐾</span>
<p>Dieses Profil ist nicht öffentlich oder wurde nicht gefunden.</p>
</div>`;
return;
}}
const dog = await resp.json();
const photoHTML = dog.foto_url
? `<img class="dog-photo" src="${{esc(dog.foto_url)}}" alt="${{esc(dog.name)}}">`
: `<div class="dog-photo-placeholder">🐕</div>`;
const pills = [];
if (dog.geburtstag) {{
pills.push(`<span class="info-pill">🎂 ${{calcAlter(dog.geburtstag)}}</span>`);
}}
const bioHTML = dog.bio
? `<div class="dog-bio">"${{esc(dog.bio)}}"</div>`
: '';
// Vorname des Besitzers
const vorname = dog.besitzer_name ? dog.besitzer_name.split(' ')[0] : '';
card.innerHTML = `
${{photoHTML}}
<h1 class="dog-name">${{esc(dog.name)}}</h1>
${{dog.rasse ? `<p class="dog-rasse">${{esc(dog.rasse)}}</p>` : '<p class="dog-rasse"></p>'}}
${{pills.length ? `<div class="info-row">${{pills.join('')}}</div>` : ''}}
${{bioHTML}}
${{vorname ? `<p class="besitzer">Besitzer: ${{esc(vorname)}}</p>` : ''}}
<div class="found-section">
<p class="found-hint">Hast du diesen Hund gefunden? Benachrichtige den Besitzer!</p>
<div class="found-fields">
<input class="found-input" type="text" id="found-msg"
placeholder="Kurze Nachricht (optional)" maxlength="200">
<input class="found-input" type="text" id="found-kontakt"
placeholder="Deine Telefonnummer / E-Mail (optional)" maxlength="100">
</div>
<button class="btn btn-primary found-btn" id="found-btn"
onclick="sendFound()">
🐾 Ich habe diesen Hund gefunden
</button>
<div class="success-msg" id="found-success">
✅ Benachrichtigung wurde gesendet. Der Besitzer wurde informiert!
</div>
<div class="error-msg" id="found-error"></div>
</div>
`;
}} catch(e) {{
card.innerHTML = `<div class="not-found"><span class="icon">⚠️</span><p>Fehler beim Laden.</p></div>`;
}}
}}
async function sendFound() {{
const btn = document.getElementById('found-btn');
const success = document.getElementById('found-success');
const error = document.getElementById('found-error');
const msg = document.getElementById('found-msg')?.value || '';
const kontakt = document.getElementById('found-kontakt')?.value || '';
btn.disabled = true;
btn.textContent = 'Sende…';
error.style.display = 'none';
try {{
const resp = await fetch('/api/dogs/public/' + DOG_ID + '/found', {{
method: 'POST',
headers: {{'Content-Type': 'application/json'}},
body: JSON.stringify({{ message: msg, kontakt: kontakt }}),
}});
if (!resp.ok) throw new Error('Fehler beim Senden.');
btn.style.display = 'none';
success.style.display = 'block';
}} catch(e) {{
btn.disabled = false;
btn.textContent = '🐾 Ich habe diesen Hund gefunden';
error.textContent = 'Fehler beim Senden. Bitte versuche es erneut.';
error.style.display = 'block';
}}
}}
load();
</script>
</body>
</html>"""
from fastapi.responses import HTMLResponse
return HTMLResponse(content=html)
# SPA Fallback — ALLE nicht-API-Routen gehen zur index.html
@app.get("/{full_path:path}")
async def spa_fallback(full_path: str):