WebApp Design modern
This commit is contained in:
parent
49c9e36a0c
commit
b5931509af
5 changed files with 580 additions and 157 deletions
|
|
@ -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>
|
||||
|
||||
|
|
||||
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue