Hans Puettmann
8a55e175a2
Komplette visuelle Umstellung nach dem generierten Style-Guide
(3d-lehrstun-de-v1.0.0). 3D-Druck-AG bekommt eine eigene Marke,
getrennt vom Teal der arduino.lehrstun.de-Schwester.
Farben: Teal #00979D -> Indigo #5B6EAE, warmes Off-White Surface
#F0EEE9 statt Kuehlweiss, Lavendel-Akzent #9B8EC4.
Fonts: Raleway (Headings), Lato (Body), Inconsolata (Mono) — lokal
gehostet in static/fonts/ (DSGVO-konform, kein Google-CDN),
via @font-face + unicode-range (latin + latin-ext).
Form: Radius/Schatten/Spacing als Tokens (--radius-*, --shadow-*).
Technik:
- base.html :root: neue --color-*/--font-*/--radius-* Tokens,
alte Variablennamen (--primary etc.) als Aliase -> alle 33
Templates ziehen sofort mit, kein Template-Rewrite noetig.
- Semantische Banner-Tokens (--info/warn/success/error-bg+text+border)
loesen ~130 Hardcoded-Pastelle ab (per sed gemappt).
- Komponenten (Card, Button, Badge, Flash, Table, Code) auf Tokens.
Alle 13 Hauptseiten gegengeprueft (HTTP 200, keine Render-Fehler).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
76 lines
2.9 KiB
HTML
76 lines
2.9 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Meine Slots{% endblock %}
|
|
{% block content %}
|
|
|
|
<div class="section-header" style="display:flex; justify-content:space-between; align-items:center;">
|
|
<h1>Meine Drucker-Reservierungen</h1>
|
|
<div>
|
|
{% if darf_reservieren %}
|
|
<a href="{{ url_for('profil.slot_neu') }}" class="btn btn-primary">+ Neue Reservierung</a>
|
|
{% endif %}
|
|
<a href="{{ url_for('oeffentlich.drucker') }}" class="btn btn-secondary">Drucker-Uebersicht</a>
|
|
</div>
|
|
</div>
|
|
|
|
{% if not darf_reservieren %}
|
|
<div class="card" style="background:var(--warn-bg); border-left: 4px solid var(--warning);">
|
|
<strong>Reservierung noch nicht freigeschaltet.</strong>
|
|
Bitte den Lehrer kurz darum — er muss dich einmalig freischalten, danach kannst du selbst reservieren.
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if slots %}
|
|
<div class="card">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Drucker</th>
|
|
<th>Start</th>
|
|
<th>Ende</th>
|
|
<th>Dauer</th>
|
|
<th>Status</th>
|
|
<th>Notiz</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for s in slots %}
|
|
<tr>
|
|
<td><strong>{{ s.drucker_name }}</strong>
|
|
<div style="font-size: 0.8rem; color: var(--text-light);">{{ s.modell }}</div>
|
|
</td>
|
|
<td>{{ s.start_zeit|iso_format('%d.%m. %H:%M') }}</td>
|
|
<td>{{ s.ende_zeit|iso_format('%d.%m. %H:%M') }}</td>
|
|
<td>{{ s.start_zeit|dauer_min(s.ende_zeit) }} min</td>
|
|
<td>
|
|
{% if s.status == 'reserviert' %}<span class="badge badge-mittel">reserviert</span>
|
|
{% elif s.status == 'aktiv' %}<span class="badge badge-anfaenger">aktiv</span>
|
|
{% else %}<span class="badge">{{ s.status }}</span>{% endif %}
|
|
</td>
|
|
<td style="font-size: 0.85rem; color: var(--text-light);">{{ s.notiz or '' }}</td>
|
|
<td>
|
|
<form method="post" action="{{ url_for('profil.slot_stornieren', slot_id=s.id) }}"
|
|
onsubmit="return confirm('Slot wirklich stornieren?')" style="display: inline;">
|
|
<button class="btn btn-secondary" style="padding: 0.3rem 0.7rem; font-size: 0.85rem; color: var(--danger);">
|
|
stornieren
|
|
</button>
|
|
</form>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="card">
|
|
<p style="color: var(--text-light);">
|
|
Du hast aktuell keine bevorstehenden Reservierungen.
|
|
{% if darf_reservieren %}
|
|
<a href="{{ url_for('profil.slot_neu') }}">Jetzt eine Reservierung anlegen.</a>
|
|
{% endif %}
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% endblock %}
|