Fachschaft/GetraenkelisteWebsite
5
0
Fork 0
Code Issues Pull Requests Actions Activity

Add darkmode and check for overdraft

Browse Source
This commit is contained in:
Moritz
2025-05-14 17:38:07 +02:00
parent 1693a56e43
commit 8e205c6875
7 changed files with 141 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
templates/base.html
View File

@@ -2,12 +2,13 @@
<html lang="de">
<head>
<meta charset="UTF-8">
<title>{% block title %}Meine Seite{% endblock %}</title>
<title>{% block title %}Getränkeliste{% endblock %}</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<header>
<h1>Meine Beispielseite</h1>
<img src="/Users/moritz/Documents/Uni/Fachschaft/GetraenkelisteWebsite/fachschaftslogo.png" alt="Logo" style="height: 50px; vertical-align: middle;">
<h1>Getränkeliste</h1>
{% if user %}
<p>Angemeldet als {{ user.preferred_username }}{% if 'Fachschaft Admins' in user.groups %} (Admin){% endif %} – <a href="/logout">Logout</a></p>
{% endif %}
@@ -20,20 +21,51 @@
{% endif %}
{% if 'Fachschaft Admins' in user.groups %}
<h2>Admin Interface</h2>
<p>Users in database:</p>
<ul>
{% for db_user in users %}
<li>{{ db_user.username }} ({{ db_user.role }}) - {{ db_user.money / 100 }}</li>
{% endfor %}
</ul>
<p>Set user money:</p>
<form method="post" action="/set_money">
<input type="text" name="username" placeholder="Username" required>
<input type="number" name="money" placeholder="Money" step="0.01" required>
<button type="submit">Set Money</button>
</form>
{% endif %}
<p>Ausgleichszahlung:</p>
<p>Der eingegebene Betrag wird vom aktuell eingeloggten Nutzer abgezogen und dem eingetragenem Nutzer gutgeschrieben.</p>
<form method="post" action="/payup" style="display: flex; gap: 1em; align-items: center; margin-bottom: 1em; background: var(--hellgrau); padding: 1em; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); max-width: 600px;">
<label for="payup-username" style="margin: 0 0.5em 0 0; font-weight: bold;">Username:</label>
<select id="payup-username" name="username" required style="padding: 0.5em; border: 1px solid #ccc; border-radius: 4px;">
{% for db_user in users %}
<option value="{{ db_user.username }}">{{ db_user.username }}</option>
{% endfor %}
</select>
<label for="payup-money" style="margin: 0 0.5em 0 0; font-weight: bold;">Amount (€):</label>
<input id="payup-money" type="number" name="money" placeholder="Money" step="0.01" required style="padding: 0.5em; border: 1px solid #ccc; border-radius: 4px; width: 100px;">
<button type="submit" style="padding: 0.5em 1em; background: rgb(0, 97, 143); color: #fff; border: none; border-radius: 4px; cursor: pointer;">Pay Up</button>
</form>
<p>Users in database:</p>
<table>
<thead>
<tr>
<th style="padding: 0.5em 1em;">Username</th>
<th style="padding: 0.5em 1em;">Role</th>
<th style="padding: 0.5em 1em;">Money (€)</th>
</tr>
</thead>
<tbody>
{% for db_user in users %}
<tr{% if db_user.money <= -5000 %} style="background-color: rgba(179, 6, 44, 0.5);"{% endif %}>
<td style="padding: 0.5em 1em;">{{ db_user.username }}</td>
<td style="padding: 0.5em 1em;">{{ db_user.role }}</td>
<td style="padding: 0.5em 1em;">{{ db_user.money / 100 }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<p>Set user money:</p>
<form method="post" action="/set_money" style="display: flex; gap: 1em; align-items: center; margin-bottom: 1em; background: var(--hellgrau); padding: 1em; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); max-width: 600px;">
<label for="setmoney-username" style="margin: 0 0.5em 0 0; font-weight: bold;">Username:</label>
<select id="setmoney-username" name="username" required style="padding: 0.5em; border: 1px solid #ccc; border-radius: 4px;">
{% for db_user in users %}
<option value="{{ db_user.username }}">{{ db_user.username }}</option>
{% endfor %}
</select>
<label for="setmoney-money" style="margin: 0 0.5em 0 0; font-weight: bold;">Amount (€):</label>
<input id="setmoney-money" type="number" name="money" placeholder="Money" step="0.01" required style="padding: 0.5em; border: 1px solid #ccc; border-radius: 4px; width: 100px;">
<button type="submit" style="padding: 0.5em 1em; background: rgb(0, 97, 143); color: #fff; border: none; border-radius: 4px; cursor: pointer;">Set Money</button>
</form>
{% endif %}
{% endif %}
</main>
</body>

37
templates/index.html
View File

@@ -3,12 +3,37 @@
{% block content %}
<h2>Willkommen, {{ user.name }}!</h2>
<p>Dies ist eine einfache geschützte Seite.</p>
<h3>Aktueller Stand:</h3>
<p>Du hast {{ db_user.money / 100 }} Euro.</p>
<p><strong>Aktueller Kontostand:</strong></p>
{% if db_user.money > -5000 %}
<div style="text-align: center; font-size: 2em; color: var(--goetheblau); margin: 0.5em 0;">
{{ db_user.money / 100 }} Euro
</div>
{% else %}
<div style="text-align: center; font-size: 2em; color: var(--purple); margin: 0.5em 0; font-weight: bold;">
{{ db_user.money / 100 }} Euro
<br>
<span style="color: var(--goetheblau); font-weight: normal; font-size: 1em;">
Bitte begleiche deinen offenen Betrag!
</span>
</div>
{% endif %}
{% if 'Fachschaft' in user.groups %}
<h3>Getränk abziehen</h3>
<form method="post" action="/drink">
<button type="submit">Abziehen</button>
</form>
{% if db_user.money > -5000 %}
<div style="display: flex; justify-content: center;text-align: center;"></div>
<form method="post" action="/drink">
<button type="submit" style="background-color: rgb(165, 171, 82); color: rgb(255, 255, 255); font-size: 1.5em; padding: 0.75em 2em; border: none; border-radius: 8px; box-shadow: 0 4px 12px rgba(40,167,69,0.15); cursor: pointer; transition: background 0.2s;">
Getränk abziehen
</button>
</form>
</div>
{% else %}
<div style="display: flex; justify-content: center;text-align: center;"></div>
<form method="post" action="/drink">
<button type="submit" style="background-color: var(--emorot); color: rgb(255, 255, 255); font-size: 1.5em; padding: 0.75em 2em; border: none; border-radius: 8px; box-shadow: 0 4px 12px rgba(40,167,69,0.15); cursor: pointer; transition: background 0.2s;">
Getränk abziehen
</button>
</form>
</div>
{% endif %}
{% endif %}
{% endblock %}

10
templates/login.html
View File

@@ -4,9 +4,13 @@
<h2>Login</h2>
<!-- SSO-Button -->
<form method="get" action="/login/oidc">
<button type="submit">🔐 Login with Authentik</button>
</form>
<div style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
<form method="get" action="/login/oidc">
<button type="submit" style="padding: 12px 28px; background-color: #1976d2; color: #fff; border: none; border-radius: 6px; font-size: 1.1em; cursor: pointer; box-shadow: 0 2px 6px rgba(0,0,0,0.08); transition: background 0.2s;">
🔐 Login with Authentik
</button>
</form>
</div>
<!-- WebAuthn-Button -->
<!-- <form method="get" action="/login/webauthn">