Files
3d.lehrstun.de/templates/lektion_detail.html
Hans Puettmann abf96ca8f2 Etappe 2: Cockpit progressiv + Check-In + Paarung + Lehrer-Dashboard
Cockpit (V1, progressives Layout):
- /cockpit zeigt nur Karten, die zum Status passen.
  Onboarding-Karte nur fuer Neue; Paarungs-Karte immer wenn aktiv;
  Drucker-Buchung erst nach L1 fertig.
- Banner-System: ungelesene Lehrer-Notizen, offene Rueckfragen,
  eingegangene Paarungs-Anfragen.

Check-In (V3 + E-021):
- Modal beim ersten Cockpit-Aufruf eines Besuchstages.
- "Ich arbeite weiter" als Default-Ein-Klick-Option.
- Freitext optional.
- POST /cockpit/check-in mit UNIQUE-Constraint pro Tag.

Onboarding-Status (E-019):
- /cockpit/lektion/<nr>/status (selbst-zertifiziert).
- profil_lektion_status-Tabelle, ON CONFLICT-Upsert.

Paarung (E-002):
- profil_anfrage-Tabelle on-demand.
- Anfrage stellen / annehmen / ablehnen / aufloesen.
- Konflikt-Check (keine Doppel-Paarungen).
- Banner im Cockpit des Adressaten.

Lehrer-Dashboard (V5, docs/lehrer-dashboard.md):
- /admin/dashboard mit 4 Sektionen (Wer ist heute hier / Wartet auf
  Review / Drucker-Status / Wer haengt fest) + Schnell-Zahlen + offene
  Rueckfragen.
- "Notiz hinterlassen"-Quick-Action via lehrer_notiz-Tabelle.
- Live-Drucker-Status kommt mit Etappe 5 (aktuell nur DB-Stand).

Daten-Helper getrennt:
- services/cockpit_status.py: Bundle fuer progressives Cockpit
- services/dashboard_status.py: 4-Sektionen-Queries

Vorgezogen aus Etappe 3:
- /lektionen + /lektion/<nr> Minimal-Renderer mit Markdown
- 3 Onboarding-Lektionen als Seeds (Platzhalter-Text fuer Markus)

Smoke-Test bestanden: Login als neuer SuS -> Onboarding ->
Check-In -> L1 fertig -> Paarung mit zweitem SuS -> Admin-Dashboard
-> Lehrer-Notiz -> Banner im Cockpit.
2026-05-24 19:13:19 +02:00

45 lines
2.0 KiB
HTML

{% extends "base.html" %}
{% block title %}L{{ lektion.nummer }} — {{ lektion.titel }}{% endblock %}
{% block content %}
<div class="section-header">
<h1><span style="color: var(--text-light);">L{{ lektion.nummer }}</span> {{ lektion.titel }}</h1>
<a href="{{ url_for('oeffentlich.lektionen') }}" class="btn btn-secondary">← Alle Lektionen</a>
</div>
<div class="card">
{% if lektion.onboarding %}<span class="badge badge-pflicht">Onboarding</span>{% endif %}
<span class="badge badge-{{ lektion.schwierigkeit }}">{{ lektion.schwierigkeit }}</span>
<div class="content" style="margin-top: 1rem;">{{ lektion.aufgabe_md|markdown }}</div>
{% if lektion.tipp_md %}
<details style="margin-top: 1rem;">
<summary style="cursor:pointer; color: var(--primary);"><strong>💡 Tipp</strong></summary>
<div class="content" style="margin-top: 0.5rem;">{{ lektion.tipp_md|markdown }}</div>
</details>
{% endif %}
{% if lektion.extern_link %}
<p style="margin-top: 1rem;">
<a href="{{ lektion.extern_link }}" target="_blank" rel="noopener noreferrer" class="btn btn-secondary">
Externer Link ↗
</a>
</p>
{% endif %}
</div>
{# Wenn eingeloggt: Status-Buttons zum Selbst-Zertifizieren #}
{% if session.profil_id %}
<div class="card" style="background: #EBF5FB; border-left: 4px solid var(--primary);">
<p style="margin: 0;"><strong>Status setzen</strong> (du entscheidest selbst, wann du fertig bist):</p>
<div style="display: flex; gap: 0.5rem; margin-top: 0.5rem; flex-wrap: wrap;">
{% for opt, label in [('offen', '⚪ noch nicht angefangen'), ('laeuft', '🟡 läuft'), ('fertig', '✅ fertig')] %}
<form method="post" action="{{ url_for('profil.lektion_status_setzen', nummer=lektion.nummer) }}">
<button name="status" value="{{ opt }}" class="btn btn-secondary" style="font-size: 0.85rem;">{{ label }}</button>
</form>
{% endfor %}
</div>
</div>
{% endif %}
{% endblock %}