From 89d4d8587e649dcde9716fb7beb6a91d9b862660 Mon Sep 17 00:00:00 2001 From: Thomas Date: Tue, 25 Aug 2026 11:28:03 +0200 Subject: [PATCH] Teacher-Fixes (Heli-Flugplan, Modul-Label) + Kopfzeilen-Entwuerfe - teacher.html: Modul-Detail-Spalte 'Sterne' -> 'Leistung' (zeigt %-Balken). Heli 'Aktuell': neue Spalte 'Flugplan' (kumuliert Wegpunkt/Treffer/Fehlkl.), die drei Detailspalten bleiben, 'Gesamt' entfaellt (Leistung deckt es ab). - admin-styleguide.html: neue Sektion 'Kopfzeile' mit 3 Entwuerfen (A durchgehend / B schwebend / C schwebend+halbtransparent), je als iPad- und Full-HD-Mockup ueber simuliertem Sim-Inhalt. Glossar target=_blank, Neustart drin, Lehrplan raus. Co-Authored-By: Claude Opus 4.8 --- App/admin-styleguide.html | 82 +++++++++++++++++++++++++++++++++++++++ App/teacher.html | 11 ++++-- 2 files changed, 89 insertions(+), 4 deletions(-) diff --git a/App/admin-styleguide.html b/App/admin-styleguide.html index b262eaa..81e1a73 100644 --- a/App/admin-styleguide.html +++ b/App/admin-styleguide.html @@ -65,6 +65,7 @@ 🌿 Bild-Farbpalette 🧩 UI-Farbtokens 📊 Leistungs-Skala + 🎩 Kopfzeile 📐 Layout & Spacing 🔤 Typografie 🖼️ Bildformate @@ -232,6 +233,87 @@

Vorschau der Zuordnung je Sim: Lehrer-View Parameter-Überblick.

+ +
+
Kopfzeile — Vereinheitlichung (3 Entwürfe)
+

Eine Standard-Kopfzeile für ALLE Sims: Kreis-Logo (ohne Schriftzug) · 🏠 Home · Sim-Titel + Kontext (Level/Phase) — rechts ⏱ Tempo (nur Echtzeit-Sims) · 🎵 Musik · 🔊 Ton · 🔄 Neustart · ℹ️ Hilfe · 📖 Glossar (target="_blank"). Lehrplan entfällt. Musik überall (Klima-Track als Platzhalter).

+ + +

Fahre mit der Maus über Entwurf C, um den Halbtransparent-Effekt (voll bei Hover) zu sehen. Die Stufen hinter der Zeile deuten den Sim-Inhalt an — so sieht man, wie viel jede Variante verdeckt.

+ + +
+

A — Durchgehend (wie Klimawächter)

+

Klar abgegrenzter Balken. Sehr eindeutig, verdeckt aber einen festen Streifen des Hauptfensters.

+
📱 iPad-Landscape (~1024 px)
+
+
SIM-INHALT
+
🌍 KlimawächterLevel 2
+
+
+ + +
+

B — Schwebend (wie Landwirtschaft) · Atlas-Empfehlung

+

Einzelne Elemente „schweben" über dem Inhalt. Wirkt leichter, verdeckt weniger, zeigt mehr vom Hauptfenster.

+
📱 iPad-Landscape (~1024 px)
+
+
SIM-INHALT
+
🌍 KlimawächterLevel 2
+
+
🖥️ Full-HD PC (1920 px — mehr Platz zwischen den Elementen)
+
+
SIM-INHALT
+
🌍 KlimawächterLevel 2
+
+
+ + +
+

C — Schwebend + halbtransparent (voll bei Hover)

+

Wie B, aber die Elemente sind halbtransparent und werden erst bei Maus-Berührung voll sichtbar — maximaler Blick auf den Inhalt. (Am iPad: „voll" per Antippen.)

+
📱 iPad-Landscape (~1024 px) — Maus drüber = voll
+
+
SIM-INHALT
+
🌍 KlimawächterLevel 2
+
+
+ +
+ Aufbau (alle Varianten gleich): links Kreis-Logo · 🏠 Home · Titel + Kontext — rechts ⏱ Tempo (nur Echtzeit-Sims: Klima, Fluss, Tourismus, Logistik) · 🎵 Musik · 🔊 Ton · 🔄 Neustart · ℹ️ Hilfe · 📖 Glossar (neuer Tab). Sim-eigene KPIs (Budget, Jahr …) bleiben in einer eigenen Unterzeile, nicht in der Markenzeile. +
+
+
Layout & Spacing
diff --git a/App/teacher.html b/App/teacher.html index a12a5f7..c4bb4fe 100644 --- a/App/teacher.html +++ b/App/teacher.html @@ -953,15 +953,18 @@ var LIVE_PRIMARY_FIELDS = { return n === 0 ? '0' : ''+n+''; }}, + // Flugplan = Routenplanungs-Phase kumuliert (Wegpunkt-Genauigkeit − Fehlklick-Abzug). + {k:'__flugplan', label:'🗺️ Flugplan', fmt:function(v, row){ + var s = row.state||{}; if (!s.planTotal) return '—'; + var p = Math.max(0, Math.min(100, Math.round((s.planCorrect||0)/s.planTotal*100) - Math.min(40, (s.planAttempts||0)*4))); + return _pctBar(p); + }}, {k:'startScore', label:'🛫 Start', fmt:function(v){ return v==null ? '—' : _pctBar(Math.round(Math.max(0,Math.min(5,v))/5*100)); }}, {k:'landingScore', label:'🛬 Landung', fmt:function(v){ return v==null ? '—' : _pctBar(Math.round(Math.max(0,Math.min(5,v))/5*100)); }}, - {k:'totalStars', label:'⭐ Gesamt', fmt:function(v){ - return v==null ? '—' : _pctBar(Math.round(Math.max(0,Math.min(5,v))/5*100)); - }}, {k:'failed', label:'Status', align:'center', fmt:function(v, row){ var s = row.state||{}; if (v === true) return '⚠ Chefpilot'; @@ -4697,7 +4700,7 @@ function renderModDetail() { html += ''; html += '' + '' - + '' + + '' + ''; hl.forEach(function(h) { html += '';
Schüler*in '+arr('name')+'Sterne '+arr('best_stars')+'Leistung '+arr('best_stars')+'Durchg. '+arr('plays')+''+esc(h.label)+' '+arr('hl:'+h.key)+'