WebApp Design modern

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

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>