ethiele/signage
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Hintergrundbild Willkommensseite

Browse Source
This commit is contained in:
Erik Thiele
2026-06-10 10:32:04 +02:00
parent e860e4b2fe
commit f5f1d52239
6 changed files with 192 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
templates/customer.html
View File

@@ -155,13 +155,56 @@
</form>
</div>
</div>
<!-- ═══════════════════════════════════════════════════
Karte: Hintergrundbild hochladen (pro Standort)
═══════════════════════════════════════════════════ -->
<div class="card mb-4">
<div class="card-header">
<div class="row align-items-center">
<div class="col">
<div class="page-pretitle">Willkommensseite</div>
<h2 class="page-title">Hintergrund</h2>
</div>
</div>
</div>
<div class="card-body">
<div class="row g-3">
<div class="col-md-6">
<label class="form-label">Aktuelles Hintergrundbild</label>
<div class="logo-preview-box" style="min-height:200px; background: #f0f0f0;">
<img src="{{ background_url or '/static/wallpaper.png' }}" alt="Hintergrund" style="max-height:180px; width:100%; object-fit:contain; background:transparent; padding:0;">
</div>
</div>
<div class="col-md-6">
<label class="form-label">Neues Hintergrundbild hochladen</label>
<form method="POST" action="/admin/{{ site }}/upload-background" enctype="multipart/form-data">
<input type="file" class="form-control mb-2" name="background" accept=".jpg,.jpeg,.png" required>
<button type="submit" class="btn btn-primary">
<i class="ti ti-upload me-1"></i>Hochladen
</button>
</form>
{% if background_url %}
<form method="POST" action="/admin/{{ site }}/delete-background" class="mt-2">
<button type="submit" class="btn btn-outline-danger">
<i class="ti ti-trash me-1"></i>Zurücksetzen auf Standard
</button>
</form>
{% endif %}
<p class="text-muted mt-2 mb-0 small">
<i class="ti ti-info-circle me-1"></i>
Wenn kein Hintergrundbild hochgeladen ist, wird das Standard-Wallpaper verwendet.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="app-footer">
{% include "_footer.html" %}
</footer>
</div>
<script>
window.addEventListener("load", () => {