262 lines
3.8 KiB
HTML
262 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
|
|
<html lang="de">
|
|
|
|
<head>
|
|
|
|
```
|
|
<meta charset="utf-8">
|
|
|
|
<title>
|
|
ING Finanzen
|
|
</title>
|
|
|
|
<link rel="stylesheet"
|
|
href="{{ url_for('static', filename='style.css') }}">
|
|
```
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="header">
|
|
|
|
```
|
|
<div class="header-left">
|
|
|
|
<img class="logo-ing"
|
|
src="{{ url_for('static', filename='logo_ing.png') }}">
|
|
|
|
<div>
|
|
|
|
<div class="title">
|
|
ING Finanzen
|
|
</div>
|
|
|
|
<div class="subtitle">
|
|
Kontobewegungen und Auswertungen
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<img class="logo-hintergasse"
|
|
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
|
|
```
|
|
|
|
</div>
|
|
|
|
<div class="navbar">
|
|
|
|
```
|
|
<a href="/">Dashboard</a>
|
|
<a href="/categories">Kategorien</a>
|
|
```
|
|
|
|
</div>
|
|
|
|
<div class="container">
|
|
|
|
```
|
|
<div class="cards">
|
|
|
|
<div class="card">
|
|
|
|
<h2>Kontostand</h2>
|
|
|
|
<form action="/run/balance"
|
|
method="post">
|
|
|
|
<button type="submit">
|
|
Kontostand abrufen
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<h2>Transaktionen</h2>
|
|
|
|
<form action="/run/transactions"
|
|
method="post">
|
|
|
|
Jahr:
|
|
|
|
<input
|
|
type="text"
|
|
name="year"
|
|
value="{{ year }}">
|
|
|
|
KW:
|
|
|
|
<input
|
|
type="text"
|
|
name="week"
|
|
value="{{ week }}">
|
|
|
|
<br><br>
|
|
|
|
<button type="submit">
|
|
Transaktionen laden
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<h2>Kategorisierung</h2>
|
|
|
|
<form action="/run/categorize"
|
|
method="post">
|
|
|
|
Jahr:
|
|
|
|
<input
|
|
type="text"
|
|
name="year"
|
|
value="{{ year }}">
|
|
|
|
KW:
|
|
|
|
<input
|
|
type="text"
|
|
name="week"
|
|
value="{{ week }}">
|
|
|
|
<br><br>
|
|
|
|
<button type="submit">
|
|
Kategorisieren
|
|
</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div class="card">
|
|
|
|
<h2>Kategorien</h2>
|
|
|
|
<p>
|
|
Kategorien und Schlüsselwörter verwalten.
|
|
</p>
|
|
|
|
<a href="/categories">
|
|
|
|
<button type="button">
|
|
Kategorien öffnen
|
|
</button>
|
|
|
|
</a>
|
|
|
|
</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>
|
|
Transaktionen in dieser Woche
|
|
</h2>
|
|
|
|
{% if transactions %}
|
|
<div class="transaction-container">
|
|
<table class="transaction-table">
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th>Datum</th>
|
|
<th>Name</th>
|
|
<th>Kategorie</th>
|
|
<th>Betrag</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
<tbody>
|
|
{% for t in transactions|reverse %}
|
|
|
|
<tr>
|
|
|
|
<td>
|
|
{{ t.date }}
|
|
</td>
|
|
|
|
<td>
|
|
{{ t.applicant_name }}
|
|
</td>
|
|
|
|
<td>
|
|
{{ t.category }}
|
|
</td>
|
|
|
|
<td class="{% if t.amount >= 0 %}amount-positive{% else %}amount-negative{% endif %}">
|
|
{{ "%.2f"|format(t.amount) }} €
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
|
|
<p>
|
|
Keine Transaktionen vorhanden.
|
|
</p>
|
|
|
|
{% endif %}
|
|
|
|
</div>
|
|
|
|
</div>
|
|
```
|
|
|
|
</div>
|
|
|
|
<div class="footer">
|
|
|
|
```
|
|
Hintergasse © 2026
|
|
```
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|