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