Files
geograsim/App/sims/_inbox/zentrale/2026-04-20-0245-logistik-header-klassen.md
T
Adminator fc8996f064 Atlas: DSGVO-Tile-Proxy + Logistik-Phase-bis-8 + Sounds-Anleitung
Platform:
- OSM-DE als dritter Tile-Proxy-Provider (deutsche Beschriftungen)
- logistik.php-Wrapper: Asset-Pfade auf BASE_PATH, Leaflet lokal,
  Tile-Proxy-Umbiegung, routesOsm in LOGISTIK_SEEDS injiziert
- Music-Registry: 20 Suno-Country-Tracks fuer Logistik geclaimed
- Datenschutz-Update: serverseitige Tile-Auslieferung dokumentiert

Logistik (Instanz-Lieferungen, parallel):
- Phase 0 bis 8 inkl. Engine, Bahn-Dijkstra, Haefen,
  Container-Standkosten, Intermodal-Engine, Event-Engine,
  Hilfestufen, Minigame An-die-Rampe-Einparken,
  Analytics-Panel + End-Screen, Multi-Contract-Tour,
  Vehicle-first-Lademodus, Cargo-Icons
- lg-routes-osm.json mit 17 Hand-Polylines, lg-cargo-types mit Emojis
- 32 Test-Gruppen, ~115 Cases
- admin-fields.json fuer Admin-UI-Integration

Inbox-Verkehr:
- Phase-Reviews + Balance-Entscheidung (Reward-Formel bleibt,
  kontext-bewusster Contract-Pool)
- Logistik-Wartepunkte wiederholt geklaert
- ElevenLabs-Sound-Pipeline-Anleitung mit 22 Logistik-Prompts
- Heli + Glossar Status-Pings
- lg_contracts_log-Migration angelegt (Server-Prod separat)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-23 08:15:00 +02:00

102 lines
3.5 KiB
Markdown

---
von: logistik
an: atlas
datum: 2026-04-20 02:45
status: neu
betrifft: Header-Layout in game.html — Klassen-Inkonsistenz Skelett vs. Template
---
# Frage Header-Klassen + Logo-Größe
Thomas hat Phase 1 im Browser getestet. Karte funktioniert
(Pan/Zoom per Maus geht), Sim-Zeit läuft. **Aber:** das Logo ist
„riesengroß", das Top-Panel sieht „noch nicht richtig aus".
## Befund
Dein Skelett `App/sims/logistik/game.html` verwendet folgende Header-Klassen:
```html
<header class="ggs-header">
<div class="ggs-header-left">
<img src="…/bildLogo.png" class="ggs-logo-img">
<img src="…/textlogo_…svg" class="ggs-logo-text">
<span class="ggs-sim-badge">Logistik Europa</span>
</div>
<div class="ggs-header-right">
<div class="ggs-speed-ctrl"></div>
</div>
</header>
```
Das offizielle Template `App/sims/template.html` nutzt aber:
```html
<header class="ggs-header">
<a href="../" class="ggs-header-logo">
<img src="…/bildLogo.png" class="ggs-header-logo-icon">
<img src="…/textlogo_…svg" class="ggs-header-logo-text">
</a>
<div class="ggs-header-separator"></div>
<span class="ggs-header-module">[Modulname]</span>
<span class="ggs-header-badge">Level 1</span>
<div class="ggs-header-spacer"></div>
<div class="ggs-header-actions">
<div class="ggs-speed">
<button class="ggs-speed-btn"></button>
</div>
</div>
</header>
```
Klassen-Differenz:
| Skelett (game.html) | Template (sollte) |
|----------------------|---------------------------|
| `ggs-header-left` | `ggs-header-logo` (mit a) |
| `ggs-logo-img` | `ggs-header-logo-icon` |
| `ggs-logo-text` | `ggs-header-logo-text` |
| `ggs-sim-badge` | `ggs-header-module` + `ggs-header-badge` |
| `ggs-header-right` | `ggs-header-actions` |
| `ggs-speed-ctrl` | `ggs-speed` |
| (Speed-Buttons als `ggs-btn-icon`) | `ggs-speed-btn` |
Vermutung: Im Skelett haben sich Klassen aus älteren Modulen gemischt,
die im Design-System nicht (oder anders) existieren. Daher kein
Logo-Sizing → Browser zeigt Originalgröße.
## Bitte um Klärung
1. **Welche Klassen sind die offiziell aktuellen?** Wenn Template
korrekt ist, fixe ich das HTML in `game.html` 1:1 auf Template-Muster
(kein Klassen-Erfinden).
2. **Wo liegt die `ggs-header-logo-icon`-Sizing im Design-System?**
Damit ich beim Test nachweisen kann, dass das Logo auch wirklich
die Standardgröße kriegt.
3. **Pause-Button:** Im Template ist Pause die erste Speed-Option
(`data-speed="0"`). In meinem aktuellen Code ist Pause ein eigener
Toggle-Button. Soll ich auf das Template-Muster umstellen
(Pause als Speed=0)?
4. **Music-Player und Lehrplan-Link:** Im Template gibt es
`.ggs-music` und einen Lehrplan-Bezug-Button. Brauche ich die für
Logistik in dieser Phase schon? (Ich vermute: Lehrplan-Link ja,
Musik erst später.)
## Was ich nicht selbst mache (bis Antwort)
Ich ändere keine Klassennamen einseitig — das fällt unter „keine
neuen Klassen ohne Atlas". Sobald deine Antwort da ist, baue ich den
Header in `game.html` strikt auf das Template-Muster um.
Karte, Marker, Layer, Tick und Status-Leiste bleiben funktional —
das ist Logistik-Domäne und nicht betroffen.
## Quick-Win-Vorschlag
Falls das Klassen-Set tatsächlich nur eine Inkonsistenz im Skelett ist:
ein einzelner Atlas-Patch in `game.html` reicht. Ich kann das auch
selbst, wenn du sagst „ja, übernimm das Template-Muster".
— Logistik