WebApp Design modern

This commit is contained in:
hubobel 2026-06-20 17:33:37 +02:00
parent 4c9a9eb91f
commit 16c97890e3
4 changed files with 169 additions and 8 deletions

View file

@ -88,14 +88,14 @@
<input
type="text"
name="year"
placeholder="2026">
value="{{ year }}">
KW:
<input
type="text"
name="week"
placeholder="25">
value="{{ week }}">
<br><br>
@ -119,14 +119,14 @@
<input
type="text"
name="year"
placeholder="2026">
value="{{ year }}">
KW:
<input
type="text"
name="week"
placeholder="25">
value="{{ week }}">
<br><br>
@ -143,8 +143,7 @@
<h2>Kategorien</h2>
<p>
Kategorien und Schlüsselwörter
verwalten.
Kategorien und Schlüsselwörter verwalten.
</p>
<a href="/categories">
@ -157,6 +156,77 @@
</div>
<div class="card">
<h2>
KW{{ week }}
</h2>
<p>
Einnahmen:
<strong>
{{ "%.2f"|format(total_income) }} €
</strong>
</p>
<p>
Ausgaben:
<strong>
{{ "%.2f"|format(total_expenses) }} €
</strong>
</p>
<p>
Saldo:
<strong>
{{ "%.2f"|format(total_saldo) }} €
</strong>
</p>
</div>
<div class="card">
<h2>
Letzte Transaktionen
</h2>
{% if transactions %}
<table class="transaction-table">
{% for t in transactions[-10:]|reverse %}
<tr>
<td>
{{ t.date }}
</td>
<td>
{{ t.applicant_name }}
</td>
<td class="{% if t.amount >= 0 %}amount-positive{% else %}amount-negative{% endif %}">
{{ "%.2f"|format(t.amount) }} €
</td>
</tr>
{% endfor %}
</table>
{% else %}
<p>
Keine Transaktionen vorhanden.
</p>
{% endif %}
</div>
</div>
```
@ -171,4 +241,5 @@ Hintergasse © 2026
</div>
</body>
</html>