Coverbilder (bild_url) + responsives Layout für Mobil/Tablet
Teil 1 — Coverbilder: - Migration 0004_bild_url (neuheiten), 0002_bild_url (planung, archiv mit beiden Spiegel-Tabellen); nullable VARCHAR(500), SQLite↔Postgres portabel, bestehende Zeilen bleiben erhalten - BGG-Client extrahiert Cover aus der Thing-Antwort (bevorzugt <image>, sonst <thumbnail>; protokoll-relative URLs → https) - Sync-Upsert pflegt bild_url beim Update; fehlendes Bild löscht keines - Web-Quellen übernehmen img-URLs aus den Listenelementen (src/data-src, relative Pfade gegen die Seiten-URL aufgelöst); SPIEL-Essen nutzt das BILDER-Feld des JSON-Endpunkts - Verschiebung Neuheiten→Planung und Archivierung/Wiederherstellen schreiben bild_url mit - Anzeige: kleine Vorschaubilder (40x56) in den Listen, groß (max 200px) in Planung-Bearbeiten/Prüf-Dialog; Platzhalter-Div ohne Bild; Hotlinking mit loading=lazy + decoding=async Teil 2 — Responsives Layout: - Basislayout: Burger-Menü (Alpine.js) auf Mobil, Desktop-Leiste ab md: - Listen kollabieren <768px zu Karten-Ansichten (Cover links, Titel + Metadaten rechts, Status-Badge oben); Desktop behält Tabellenform - Touch-Ziele >= 44px auf Mobil, Formulare vollbreit mit Labels oben - Sync-Übersicht/Audit-Log bleiben horizontal scrollbare Tabellen Tests: 15 neue Fälle (tests/test_covers.py) — Migration inkl. Daten-Erhalt, BGG-Parsing gemockt, Quellen-Übernahme, Template-Render; 316 Tests grün. README aktualisiert.
This commit is contained in:
@@ -60,6 +60,52 @@ class QuellenTreffer:
|
||||
verlag: str | None = None
|
||||
autor: str | None = None
|
||||
erscheinungsdatum_oder_quartal: str | None = None
|
||||
#: Bild-URL der Quelle (img im Listenelement), sofern vorhanden; wird
|
||||
#: direkt eingebettet (Hotlinking), nicht heruntergeladen.
|
||||
bild_url: str | None = None
|
||||
|
||||
|
||||
def _bild_url_normalisieren(url: str, basis_url: str | None) -> str | None:
|
||||
"""Macht aus einer rohen Bildangabe eine absolute http(s)-URL.
|
||||
|
||||
Protokoll-relative URLs (`//host/bild.jpg`) erhalten https voran,
|
||||
pfadrelative Angaben werden gegen die Seiten-URL aufgelöst; alles
|
||||
andere (data:-URIs etc.) wird verworfen.
|
||||
"""
|
||||
url = url.strip()
|
||||
if url.startswith("//"):
|
||||
url = f"https:{url}"
|
||||
elif not url.startswith(("http://", "https://")):
|
||||
if basis_url is None:
|
||||
return None
|
||||
from urllib.parse import urljoin
|
||||
|
||||
url = urljoin(basis_url, url)
|
||||
return url if url.startswith(("http://", "https://")) else None
|
||||
|
||||
|
||||
def bild_aus_element(element, basis_url: str | None = None) -> str | None:
|
||||
"""Liest die erste sinnvolle Bild-URL aus einem HTML-Element.
|
||||
|
||||
Akzeptiert `src` und gängige Lazy-Loading-Attribute (`data-src`,
|
||||
`data-srcset`-Erster); protokoll- und pfadrelative URLs werden gegen
|
||||
`basis_url` (die Seiten-URL) aufgelöst. Kein Bild → None.
|
||||
"""
|
||||
if element is None:
|
||||
return None
|
||||
bild = element.find("img") if hasattr(element, "find") else None
|
||||
if bild is None:
|
||||
return None
|
||||
for attribut in ("src", "data-src"):
|
||||
url = bild.get(attribut)
|
||||
if url and url.strip():
|
||||
return _bild_url_normalisieren(url, basis_url)
|
||||
srcset = bild.get("data-srcset") or bild.get("srcset")
|
||||
if srcset:
|
||||
erster = srcset.split(",")[0].strip().split(" ")[0]
|
||||
if erster:
|
||||
return _bild_url_normalisieren(erster, basis_url)
|
||||
return None
|
||||
|
||||
|
||||
@dataclass
|
||||
|
||||
Reference in New Issue
Block a user