Files
3d.lehrstun.de/templates/admin_software_edit.html
Hans Puettmann 8cbd803328 Software-Sektion + Drucker-Verwaltung + Slot-System + Selbstlern-Loop
Vier zusammenhaengende Iterationen, die das Funktions-Geruest der AG aufbauen.
Alle 6 Migrationen sind idempotent und legen Schema-Erweiterungen + initiale
Seeds an (Mock-Projekte nur, falls Profil 100 existiert — auf prod nicht).

Software-Sektion (Etappe 3):
  - software_seite-Tabelle: schlanker Karten-Katalog (slug, titel, urls,
    plattform, kategorie, sortierung, Cover-BLOB)
  - 7 Initial-Karten (Bambu Studio/Handy, Printables, MakerWorld,
    TinkerCAD, Onshape, Gridfinity-Generator)
  - Admin-Verwaltung: Liste, Anlegen-Form, Bearbeiten, Aktiv-Toggle,
    Hart-Loeschen, Bild-Upload via Crop-Tool (Strg+V/Drag&Drop, 400x400)

Drucker-Verwaltung (Etappe 5-vorgezogen):
  - drucker.freigegeben + gesperrt_grund (Lehrer-Sperre fuer Reparatur)
  - drucker.manual_url + troubleshooting_url (Override fuer Modell-Defaults)
  - SuS-View /drucker (eingeloggt): Kacheln + Sperre-Banner + Belegung
  - Admin /admin/drucker: Status-Override (idle/printing/failed/...),
    Sperren/Freigeben mit Grund, Inline-Edit fuer URLs

Slot-System / Reservierung (Etappe 7-vorgezogen):
  - profil.reservieren_freigeschaltet (Lehrer schaltet manuell frei,
    ersetzt L1-Gate-Automatismus)
  - services/slots.py: Konflikt-Check, Belegungs-Helper
  - SuS-Routen /cockpit/slot/neu (mit Konflikt-Check), /cockpit/slots,
    Stornieren
  - Admin /admin/slots Uebersicht + /admin/slot/neu (Lehrer reserviert
    fuer SuS) + Hart-Loeschen + Profil-Freigabe-Toggle

Selbstlern-Loop (Etappe 6 — Kern):
  - projekt-Spalten: 3-Achsen-Eval (Gesamt + Planung + Ausfuehrung),
    was_klappte_nicht, cover_blob, modellier_software_slug,
    drucker_id_used, makerworld_url
  - Regel: max. 1 aktives Projekt pro SuS, neues nur nach Freigabe
    (auto bei zufrieden/mittel, Lehrer-Review bei gelernt)
  - SuS-Werkstatt-Sektion: Titel + Beschreibung + Software-Dropdown +
    Drucker-Dropdown + MakerWorld-URL + Files-Upload (drag&drop,
    base64, max 30 MB)
  - Cover-Bild via Crop-Tool (Re-use admin_software_bild-Pattern)
  - Abschluss-Block: Pflicht Cover + mindestens 1 Datei
  - Eval-Form: visuelle 3x3 Radio-Karten + 2 Freitexte
  - Lehrer-Review: /admin/projekte mit Filter (wartet/in_arbeit/
    abgeschlossen/rueckfrage), Aktionen freigeben/rueckfrage/loeschen
  - Oeffentlicher Katalog /projekte: Sortier-Tabelle (Titel/Person/
    Status/Erfolg/Datum), aufklappbare Detail mit Cover/Beschreibung/
    Datei-Downloads/MakerWorld-Link
  - Wiederhol-Logik: "Sowas mache ich auch" via Verknuepfung
    (vorlage_projekt_id), bidirektionale Lineage-Banner

Cockpit-Refactoring:
  - Projekt-Karte ganz oben (vor Onboarding) mit "Hier weitermachen"
  - Check-In-Quick-Actions: nach Auswahl direkt zu /cockpit/projekt/neu,
    /drucker, /lektionen, /cockpit/projekt/<aktiv>
  - "Modus aendern"-Button im Eingecheckt-Banner
  - Admin-Dashboard-Hub mit Karten: SuS-Profile, Software, Lektionen,
    Drucker, Reservierungen, Projekte (Badge bei wartenden), Alph

Bug-Fixes:
  - Admin-Login redirected jetzt auf /admin/dashboard statt /admin/profile
  - app.py: neue Jinja-Filter iso_format + dauer_min
  - .gitignore: .claude/ ausschliessen (lokale launch.json)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-25 19:04:18 +02:00

139 lines
7.8 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ karte.titel }} bearbeiten &mdash; Admin{% endblock %}
{% block content %}
<div class="section-header" style="display:flex; justify-content:space-between; align-items:center;">
<h1>Karte bearbeiten: {{ karte.titel }}</h1>
<div>
<a href="{{ url_for('admin.software_liste') }}" class="btn btn-secondary">&larr; Alle Karten</a>
</div>
</div>
{# ---- Bild-Sektion ---- #}
<div class="card">
<h2>Bild</h2>
<div style="display: flex; gap: 1.5rem; align-items: flex-start; flex-wrap: wrap;">
<div style="flex: 0 0 200px; text-align: center;">
{% if karte.hat_bild_blob %}
<img src="{{ url_for('api.software_bild', karte_id=karte.id) }}?v={{ karte.id }}"
style="max-width: 200px; max-height: 200px; border-radius: 8px; border: 1px solid var(--border); background: #fff;">
{% elif karte.bild_pfad %}
<img src="{{ url_for('static', filename='img/software/' ~ karte.bild_pfad) }}"
style="max-width: 200px; max-height: 200px; border-radius: 8px; border: 1px solid var(--border); background: #fff;">
{% else %}
<div style="width:200px; height:200px; background:#ECF0F1; border-radius: 8px; display:flex; align-items:center; justify-content:center; font-size:3rem; color: var(--text-light);">
{%- if karte.kategorie == 'app' -%}📱
{%- elif karte.kategorie == 'generator' -%}🧩
{%- else -%}🖥️
{%- endif -%}
</div>
{% endif %}
</div>
<div style="flex: 1; min-width: 250px;">
<p style="margin-bottom: 0.8rem; color: var(--text-light);">
Logo / Screenshot fuer die Karte. Wird auf der oeffentlichen Software-Seite angezeigt.
</p>
<a href="{{ url_for('admin.software_bild', karte_id=karte.id) }}" class="btn btn-primary">
Bild einfuegen / aendern
</a>
{% if karte.hat_bild_blob %}
<form method="post" action="{{ url_for('admin.software_bild_loeschen', karte_id=karte.id) }}" style="display:inline;"
onsubmit="return confirm('Bild wirklich loeschen?')">
<button class="btn btn-secondary" style="color: var(--danger);">Bild loeschen</button>
</form>
{% endif %}
</div>
</div>
</div>
{# ---- Daten-Sektion ---- #}
<div class="card">
<h2>Inhalt</h2>
<form method="post" style="display: grid; gap: 0.8rem;">
<div style="display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0.8rem;">
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Slug (unveraenderbar)</label>
<input type="text" value="{{ karte.slug }}" disabled
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px; background: #f5f5f5;">
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Titel *</label>
<input type="text" name="titel" required value="{{ karte.titel }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Kategorie *</label>
<select name="kategorie" required
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
{% for cat in kategorien %}
<option value="{{ cat }}" {% if cat == karte.kategorie %}selected{% endif %}>{{ cat }}</option>
{% endfor %}
</select>
</div>
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Kurzbeschreibung (1-2 Saetze, erscheint auf der Karte) *</label>
<input type="text" name="kurzbeschreibung" required maxlength="200" value="{{ karte.kurzbeschreibung }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem;">
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Hauptlink (Startseite / Download) *</label>
<input type="url" name="url" required value="{{ karte.url }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Tutorial-Link (optional)</label>
<input type="url" name="tutorial_url" value="{{ karte.tutorial_url or '' }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
</div>
<div style="display: grid; grid-template-columns: 2fr 1fr; gap: 0.8rem;">
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Plattform (Klartext)</label>
<input type="text" name="plattform" value="{{ karte.plattform or '' }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Sortierung (kleiner = weiter oben)</label>
<input type="number" name="sortierung" value="{{ karte.sortierung }}" min="0" max="9999"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
</div>
<fieldset style="border: 1px dashed var(--border); padding: 0.8rem; border-radius: 4px;">
<legend style="font-size: 0.85rem; color: var(--text-light); padding: 0 0.4rem;">Nur bei Apps</legend>
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem;">
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">App Store URL</label>
<input type="url" name="app_store_url" value="{{ karte.app_store_url or '' }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">Google Play URL</label>
<input type="url" name="play_store_url" value="{{ karte.play_store_url or '' }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
</div>
</fieldset>
<div>
<label style="display:block; font-size: 0.85rem; color: var(--text-light);">
Bild-Pfad (Fallback, relativ zu <code>static/img/software/</code>) — meist leer lassen, weil das Crop-Bild oben Vorrang hat
</label>
<input type="text" name="bild_pfad" value="{{ karte.bild_pfad or '' }}"
style="padding: 0.5rem; width: 100%; border: 1px solid var(--border); border-radius: 4px;">
</div>
<div style="display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem;">
<a href="{{ url_for('admin.software_liste') }}" class="btn btn-secondary">Abbrechen</a>
<button class="btn btn-primary">Aenderungen speichern</button>
</div>
</form>
</div>
{% endblock %}