hubobel/ING
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WebApp Design modern

Browse source
This commit is contained in:
hubobel 2026-06-20 17:09:32 +02:00
parent 49c9e36a0c
commit b5931509af
5 changed files with 580 additions and 157 deletions
Download patch file Download diff file Expand all files Collapse all files

192
templates/categories.html
View file

@ -1,81 +1,155 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>Kategorien</title>
```
<meta charset="utf-8">
<title>
Kategorien
</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
```
</head>
<body>
<h1>Kategorien</h1>
<a href="/">Zurück</a>
<hr>
<h2>Neue Kategorie</h2>
<form action="/categories/add" method="post">
<div class="header">
```
<input
type="text"
name="category"
placeholder="Neue Kategorie"
required>
<div class="header-left">
<button type="submit">
Anlegen
</button>
<img class="logo-ing"
src="{{ url_for('static', filename='logo_ing.png') }}">
<div>
<div class="title">
ING Finanzen
</div>
<div class="subtitle">
Kategorien verwalten
</div>
</div>
</div>
<img class="logo-hintergasse"
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
```
</form>
</div>
<hr>
<table border="1" cellpadding="5">
<tr>
<th>Kategorie</th>
<th>Schlüsselwörter</th>
<th>Aktion</th>
</tr>
{% for category, words in categories.items() %}
<tr>
<div class="navbar">
```
<td>
{{ category }}
</td>
<td>
{{ words|join(", ") }}
</td>
<td>
<a href="/categories/edit/{{ category }}">
Bearbeiten
</a>
|
<a
href="/categories/delete/{{ category }}"
onclick="return confirm('Kategorie wirklich löschen?')">
Löschen
</a>
</td>
<a href="/">Dashboard</a>
<a href="/categories">Kategorien</a>
```
</tr>
</div>
{% endfor %}
<div class="container">
</table>
```
<div class="card">
<h2>Neue Kategorie</h2>
<form action="/categories/add"
method="post">
<input
type="text"
name="category"
placeholder="Neue Kategorie"
required>
<button type="submit">
Anlegen
</button>
</form>
</div>
<br>
<div class="card">
<h2>Vorhandene Kategorien</h2>
<table class="category-table">
<thead>
<tr>
<th>Kategorie</th>
<th>Schlüsselwörter</th>
<th>Aktionen</th>
</tr>
</thead>
<tbody>
{% for category, words in categories.items() %}
<tr>
<td>
{{ category }}
</td>
<td>
{{ words|join(", ") }}
</td>
<td>
<a class="action-link"
href="/categories/edit/{{ category }}">
Bearbeiten
</a>
&nbsp;|&nbsp;
<a class="delete-link"
href="/categories/delete/{{ category }}"
onclick="return confirm('Kategorie wirklich löschen?')">
Löschen
</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
```
</div>
<div class="footer">
```
Hintergasse © 2026
```
</div>
</body>
</html>

163
templates/edit_category.html
View file

@ -1,77 +1,134 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>{{ category }}</title>
```
<meta charset="utf-8">
<title>
{{ category }}
</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
```
</head>
<body>
<h1>{{ category }}</h1>
<a href="/categories">
Zurück
</a>
<hr>
<h2>Neues Schlüsselwort</h2>
<form
action="/categories/add_word/{{ category }}"
method="post">
<div class="header">
```
<input
type="text"
name="word"
required>
<div class="header-left">
<button type="submit">
Hinzufügen
</button>
<img class="logo-ing"
src="{{ url_for('static', filename='logo_ing.png') }}">
<div>
<div class="title">
ING Finanzen
</div>
<div class="subtitle">
Kategorie bearbeiten
</div>
</div>
</div>
<img class="logo-hintergasse"
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
```
</form>
</div>
<hr>
<h2>Schlüsselwörter</h2>
<table border="1" cellpadding="5">
<tr>
<th>Wort</th>
<th>Aktion</th>
</tr>
{% for word in words %}
<tr>
<td>
{{ word }}
</td>
<td>
<a
href="/categories/delete_word/{{ category }}/{{ word }}"
onclick="return confirm('Wort wirklich löschen?')">
<div class="navbar">
```
Löschen
<a href="/">Dashboard</a>
<a href="/categories">Kategorien</a>
```
</a>
</div>
</td>
<div class="container">
</tr>
```
<div class="card">
{% endfor %}
<h1>{{ category }}</h1>
</table>
<p>
Schlüsselwörter dieser Kategorie verwalten.
</p>
</div>
<div class="card">
<h2>Neues Schlüsselwort</h2>
<form action="/categories/add_word/{{ category }}"
method="post">
<input
type="text"
name="word"
placeholder="Schlüsselwort"
required>
<button type="submit">
Hinzufügen
</button>
</form>
</div>
<div class="card">
<h2>Vorhandene Schlüsselwörter</h2>
<div class="tags">
{% for word in words %}
<div class="tag">
{{ word }}
<a
href="/categories/delete_word/{{ category }}/{{ word }}"
onclick="return confirm('Schlüsselwort wirklich löschen?')">
×
</a>
</div>
{% endfor %}
</div>
</div>
```
</div>
<div class="footer">
```
Hintergasse © 2026
```
</div>
</body>
</html>

194
templates/index.html
View file

@ -1,68 +1,174 @@
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<title>ING Auswertung</title>
```
<meta charset="utf-8">
<title>
ING Finanzen
</title>
<link rel="stylesheet"
href="{{ url_for('static', filename='style.css') }}">
```
</head>
<body>
<h1>ING Auswertung</h1>
<p>
<a href="/categories">Kategorien</a>
</p>
<hr>
<div class="header">
<h2>Kontostand</h2>
```
<div class="header-left">
<form action="/run/balance" method="post">
<button type="submit">
balance.py starten
</button>
</form>
<img class="logo-ing"
src="{{ url_for('static', filename='logo_ing.png') }}">
<hr>
<div>
<h2>Transaktionen</h2>
<div class="title">
ING Finanzen
</div>
<form action="/run/transactions" method="post">
<div class="subtitle">
Kontobewegungen und Auswertungen
</div>
Jahr:
<input type="text"
name="year"
placeholder="2026">
</div>
KW:
<input type="text"
name="week"
placeholder="25">
</div>
<button type="submit">
transactions.py starten
</button>
<img class="logo-hintergasse"
src="{{ url_for('static', filename='logo_hintergasse.png') }}">
```
</form>
</div>
<hr>
<div class="navbar">
<h2>Kategorisierung</h2>
```
<a href="/">Dashboard</a>
<a href="/categories">Kategorien</a>
```
<form action="/run/categorize" method="post">
</div>
Jahr:
<input type="text"
name="year"
placeholder="2026">
<div class="container">
KW:
<input type="text"
name="week"
placeholder="25">
```
<div class="cards">
<button type="submit">
categorize_transactions.py starten
</button>
<div class="card">
</form>
<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"
placeholder="2026">
KW:
<input
type="text"
name="week"
placeholder="25">
<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"
placeholder="2026">
KW:
<input
type="text"
name="week"
placeholder="25">
<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>
```
</div>
<div class="footer">
```
Hintergasse © 2026
```
</div>
</body>
</html>
</html>