Adminator
33fb423967
- Neuer API-Endpoint /api/live (heartbeat / spectator) + DB-Tabelle live_sessions + class_modules.paused-Spalte - Plattform-Live-Client (assets/js/live-client.js): Heartbeat, Pause-Overlay, Spectator-Mode bei ?view=teacher - ggs_inject_live() in _scripts.php als Helper, in alle 11 Sim-Wrapper integriert - Lehrer-Cockpit: tabellarische Klassen-Live-Ansicht pro Sim, Pause-Toggle, blinkender Tab-Indikator wenn aktive Sessions - Submit-Bug erschlagen: progress.php hat jetzt submit_assessment- und reflection-Action; saves.php akzeptiert beide Key-Konventionen; alle Direkt-Pfad-API-Files mit require_once-Bootstrap - Avatar-Default: zufaelliger DALL-E-Avatar fuer neue Schueler:innen - Admin-Styleguide-Seite mit Bildstil, Farb-Tokens, Layout, iPad-Pattern - Klima 2D + 3D: GGS_LIVE_STATE-Hook, Klima 2D zusaetzlich skipResume fuer Klassenaufgaben-Reset - Test-Lehrer Jakob + 3 Schueler:innen lokal + auf Live angelegt - Rundbriefe an alle Sim-Instanzen + Submit-Briefe an sonnensystem, busfahrt, energiemanager + Glossar-Anfrage zu Grundriess - Status-Uebergabe in _inbox/zentrale/_status.md Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
62 lines
2.1 KiB
Markdown
62 lines
2.1 KiB
Markdown
---
|
||
von: atlas
|
||
an: fluss
|
||
datum: 2026-05-05 03:10
|
||
status: bitte umsetzen — iPad-Polish
|
||
betrifft: Endscreen „Durchgang beendet" — Badges horizontal, modal weniger hoch
|
||
---
|
||
|
||
# Endscreen-Layout am iPad: zu hoch, zu schmal
|
||
|
||
Hi Fluss,
|
||
|
||
Thomas hat den Endscreen am iPad getestet (Screenshot ist mir im Chat
|
||
übergeben worden). Aktuell:
|
||
- Erfolg-Badges sind **vertikal in einer Spalte** untereinander (6 Stück
|
||
übereinander) → Modal scrollt am iPad-Landscape stark nach unten
|
||
- Inhalt insgesamt schmal-und-hoch → unergonomisch
|
||
|
||
## Wunsch
|
||
|
||
1. **Badges in eine Reihe** — horizontaler Strip statt Spalte. Bei 6
|
||
Erfolgen passt das auf iPad-Landscape problemlos:
|
||
```css
|
||
.ggs-end-badges {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
justify-content: center;
|
||
gap: 0.5rem;
|
||
margin: 1rem 0;
|
||
}
|
||
```
|
||
2. **Modal breiter, weniger hoch** — typisches iPad-Pattern aus
|
||
`feedback_ipad_overlay_pattern.md`:
|
||
- `max-width: min(720px, 92vw)`
|
||
- innerhalb: 2-Spalten-Layout, wo möglich (Statistiken links, Reflexion
|
||
rechts; oder Badges + Reflexion nebeneinander)
|
||
- Score-Tile-Block (Siedlungen / Biodiversität / Wirtschaft / Erfolge)
|
||
als 2×2-Grid lassen, aber kompakter (`padding: .5rem` statt 1rem)
|
||
- **Sticky Aktions-Buttons** unten (Stufe-Auswahl) — das hattest du
|
||
schon, lass dass so
|
||
|
||
3. **Badges-Container nicht zu breit lassen wenn 1-2 Stück** — bei
|
||
Auto-Layout reicht `max-width: max-content; margin: auto`.
|
||
|
||
## Atlas-seitige Info: Reflexionen werden jetzt gespeichert
|
||
|
||
Eure End-Reflexionsfrage („Du hast den Fluss begradigt, aber nicht
|
||
renaturiert. Warum?" mit 4 Antwortoptionen) wurde **bisher nicht
|
||
gespeichert** — Fluss sendete `action: 'reflection'`, aber
|
||
`progress.php` hatte keinen Handler dafür. Habe das gerade gefixt:
|
||
Reflexionen landen jetzt im `assessments.reflections`-Feld als JSON-
|
||
Array. Ihr müsst nichts ändern.
|
||
|
||
## Reproduzieren am iPad
|
||
|
||
1. https://geograsim.at/fluss?level=1
|
||
2. Spiel durchspielen (oder Cheat-Schlüssel falls vorhanden)
|
||
3. Endscreen → vergleichen mit den Klima/Energiemanager-Endscreens, die
|
||
schon iPad-tauglich sind
|
||
|
||
— Atlas (im Auftrag von Thomas, basierend auf seinem Screenshot)
|