JET-Design-Wortmarke im Kopf und auf der Rechnung

Die Logos stammen aus der Shop-Webseite (assets/img/logo). Im Seitenkopf
stehen beide SVG-Varianten im Markup, CSS blendet die zum Theme passende
ein -- der Dark-Mode-Schalter laedt die Seite nicht neu.

Fuer den Rechnungsdruck liegt die Wortmarke zusaetzlich als JPEG bei,
weil fpdf2 kein SVG setzen kann. logo_datei() waehlt aus: hochgeladenes
Logo vor mitgelieferter Marke, Textkopf nur noch als Notnagel.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Erik Thiele
2026-09-08 14:25:52 +02:00
parent e1142ac904
commit b0e6b1b9f2
10 changed files with 91 additions and 13 deletions

View File

@@ -16,8 +16,9 @@
<header class="navbar navbar-expand-md">
<div class="container-xl">
<div class="navbar-brand navbar-brand-autodark pe-0 pe-md-3 py-2 d-flex align-items-center gap-2">
<span class="fw-bold">JET Design</span>
<div class="navbar-brand pe-0 pe-md-3 py-2 d-flex align-items-center gap-2">
<img src="{{ url_for('static', filename='img/logo/jet-design.svg') }}" alt="JET Design" class="marke marke-hell">
<img src="{{ url_for('static', filename='img/logo/jet-design-weiss.svg') }}" alt="JET Design" class="marke marke-dunkel">
<span class="text-secondary" style="opacity:0.5;">|</span>
<span class="fw-semibold">Einstellungen</span>
</div>
@@ -82,13 +83,17 @@
<div class="card-header"><i class="ti ti-photo me-2"></i>Logo</div>
<div class="card-body">
<div class="mb-3">
{% if config.logo %}
{% if logo_anzeige %}
<div class="mb-2">
<img src="{{ url_for('static', filename=config.logo) }}" style="max-height:80px;max-width:240px" class="border rounded p-1">
<img src="{{ url_for('static', filename=logo_anzeige) }}" style="max-height:80px;max-width:240px" class="border rounded p-1">
</div>
{% endif %}
{% if config.logo %}
<button type="button" class="btn btn-outline-danger btn-sm mb-2" onclick="deleteLogo()">
<i class="ti ti-trash me-1"></i>Logo entfernen
<i class="ti ti-trash me-1"></i>Eigenes Logo entfernen
</button>
{% else %}
<div class="form-text mb-2">Mitgelieferte JET-Design-Wortmarke. Ein hochgeladenes Logo ersetzt sie.</div>
{% endif %}
<input type="file" class="form-control" id="logo-upload" accept="image/png,image/jpeg,image/webp">
<button type="button" class="btn btn-primary btn-sm mt-2" onclick="uploadLogo()">