UI-Änderungen für Abfahrtstafel & Verbindungen

[deingithub]

Nochmal ein bisschen angepasst von #92:

Größere Font für Stationsnamen, Wechsel zwischen HAFAS und IRIS erfolgt jetzt über einen Button, direkt daneben ist ein zweiter Button um zum Anfragezeitpunkt zu springen. Die Verbindungen und Abfahrten sind jetzt color-coded nach Zuggattung, ein paar Erste hab ich hinzugefügt. Nahverkehrsmittel und Schnellbahnen sind abgerundet, der Rest etwas eckiger. Selects für Datenquelle und Filter entfallen, die kleinen Buttons oben brauchen etwa halb so viel vertikalen Platz.

Ausfallende Züge werden farblich hervorgehoben und nochmal als Text beschrieben:

Die Anzeige, dass ein Followee in einem Zug eingecheckt ist, habe ich auch mit dem Follower-Icon versehen und den entsprechenden Code auch in die HAFAS-Template reinkopiert, da war er noch nicht¹:

Wenn der Viewport schmaler als die Materialize-Grenze small wird (600px), wird das Layout schmaler und dafür höher:

Die Zeilen der Collection haben einen Hover-Effekt, der die aktuelle Zeile im selben Grauton wie die Anfragezeitpunkt-Zeile hervorhebt. In jeder Zeile habe einheitlich nur die Uhrzeit zum <a> Tag gemacht und ihr jeweils auch einen href="#" gegeben, sodass man mit Tab durch die Abfahrten navigieren kann.

Was auf jeden Fall noch fehlt, ist das Asset Release, den Vorgang verstehe ich nicht.

Commits nach den ersten sieben:

• Besserer Kontrast für Flixtrain und Icons auf aria-hidden gesetzt bzw. ein Label vergeben
• Der Jetzt-Button fokussiert jetzt den ersten Checkin nach dem Anfragezeitpunkt und kann mit der Tastatur angesteuert werden. Das Styling für die ausgewählte Fahrt ist eindeutiger.
• CSS-Fehler in einem der anderen nachgeschobenen Commits korrigiert
• Ausfallhighlight im Dark Theme angepasst wie gewünscht und in der IRIS-Template einheitlich nur $train->departure_is_cancelled statt $train->departure_is_cancelled und $train->is_cancelled für das styling abzufragen

---

¹ Das scheint auf ersten Blick zu funktionieren, allerdings findet die IRIS-Seite aber nur IRIS-Checkins und die HAFAS-Seite nur HAFAS-Checkins von Followees. Das ist denke ich nicht so schlimm, da einen Travelynx ja alle einheitlich auf die bevorzugte Seite für jede Station leitet.

[derf]

Sieht soweit sehr schön aus, vielen Dank!

Bevor ich das in Ruhe anschauen und mergen kann werden noch ein paar Tage vergehen. Einen kleinen Nitpick hätte ich schonmal: Die rote Hintergrundfarbe für ausgefallene Fahrten finde ich im dark mode etwas zu auffällig, gerade verglichen mit dem light mode. Magst du die noch etwas dezenter (also näher an der Hintergrundfarbe, ähnlich zu Ausfällen im light mode) machen?

[derf]

Oh, und bevor ich es vergesse: Wie magst du im Changelog erwähnt werden, einfach "@deingithub" und fertig?

[deingithub]

Freut mich dass es soweit passt, ich schau gleich mal ob ich das Highlighting ein bisschen subtiler machen kann. Du kannst mich gerne als @deingithub oder Cass Dingenskirchen angeben, wenn es dann soweit ist ^^.

[deingithub]

Passt das so eher?

[derf]

Schaut gut aus :) wenn nix dazwischenkommt geht's in ein paar Tagen so live