Präsenzkontrolle: Dropdown mit allen Lektionen des Tages (1PT)

[fbufbi]

In der Präsenzkontrolle soll es einfacher möglich sein, zu jeder eigenen Lektion des Tages zu springen. Bei Fach und Klasse soll hierzu ein Dropdown mit allen eigenen Fächern des Tages zur Verfügung stehen.

• Die in der Präsenzkontrolle (im Hintergrund) angezeigte Lektion ist im Dropdown grau hinterlegt
• Das Dropdown ist immer vorhanden. Wenn ich als Lehrkraft nur 1 Lektion an diesem Tag habe, ist diese im Dropdown drin
• Zwei Zeilen, nicht allzu breit
• In der Tablet und Desktop-Ansicht nimmt das Dropdown nicht die gesamte Breite ein

[pmurkowsky]

@fbufbi Hier ein Vorschlag zum Review.

[fbufbi]

@pmurkowsky Danke für den Vorschlag, ist angenommen.

Bemerkungen und Fragen:

• Es soll nur 2 Zeilen im Dropdown geben. Bei den Berufsfachschulen haben wir nur die Fachbezeichnung und die Klasse, z.B. "Gesellschaft, DHF2018a". Die sog. Namenskonvention der Gymnasien ist (noch) etwas komplizierter, soll aber nicht die drei Zeilen verursachen. Ergo:
  Zeile 1: LessonPresences.LessonDateTimeFrom-LessonPresences.LessonDateTimeTo
  Zeile 2: LessonPresences.EventDesignation, LessonPresences.StudyClassNumber
• Auf Tablet und Desktop soll das Dropdown nicht die gesamte Breite des Bildschirms einnehmen, sondern nur eine gewisse Breite haben (fix oder so breit wie der längste Eintrag)
• Was machen wir, wenn keine weitere Lektion vorhanden ist? -> Pfeil nach unten ist disabled und entsprechende Notifikation beim Draufdrücken?
• Was heisst "aktuelle Lektion ist grau hinterlegt"? Aktuell gemäss Uhrzeit oder aktuell ausgewählt?

[pmurkowsky]

* Es soll nur 2 Zeilen im Dropdown geben. Bei den Berufsfachschulen haben wir nur die Fachbezeichnung und die Klasse, z.B. "Gesellschaft, DHF2018a". Die sog. Namenskonvention der Gymnasien ist (noch) etwas komplizierter, soll aber nicht die drei Zeilen verursachen. Ergo:
  Zeile 1: `LessonPresences.LessonDateTimeFrom`-`LessonPresences.LessonDateTimeTo`
  Zeile 2: `LessonPresences.EventDesignation`, `LessonPresences.StudyClassNumber`

Die Argumentation war die höhere Übersichtlichkeit bei 3 Zeilen. Die Klasse ist so einfacher lesbar. Alternativ könnte man die Klasse auch so darstellen.

* Auf Tablet und Desktop soll das Dropdown nicht die gesamte Breite des Bildschirms einnehmen, sondern nur eine gewisse Breite haben (fix oder so breit wie der längste Eintrag)

Einverstanden. Etwa so?

* Was machen wir, wenn keine weitere Lektion vorhanden ist? -> Pfeil nach unten ist disabled und entsprechende Notifikation beim Draufdrücken?

Nein, es werden immer alle Lektionen des Tages angezeigt, auch wenn ich in der letzten Stunde bin.

* Was heisst "aktuelle Lektion ist grau hinterlegt"? Aktuell gemäss Uhrzeit oder aktuell ausgewählt?

Gute Frage. Wahrscheinlich aktuell ausgewählt.

[schefbi]

@hupf Wenn auf Button geklickt wird, wird die Seite neu geladen. type="button" einfügen weil Evento in einem form Tag läuft.

[hupf]

@schefbi Danke für den Hinweis, habe den Typ noch hinzugefügt und #178 erstellt, dass wir dass in Zukunft allenfalls linten könnten.

[fbufbi]

@hupf

1. Wenn das Dropdown im mobilen Modus den ganzen Bildschirm breit ist, dann wird die oberste Linie nicht angezeigt (oberer Pfeil).
2. Das Grau beim Scrollen durch die verschiedenen Lektionen (unterer Pfeil) ist zu hell und kaum sichtbar. Liegt das an unserem CSS?
   

[hupf]

@fbufbi Danke für deine Rückmeldung.

1. Die oberste Linie wird nun auch kleinen Screens angezeigt.
2. Die Hover-Hintergrundfarbe war auf der Standardeinstellung von Boostrap. Ziel davon ist schon, dass es eher ein subtiler Effekt ist. Ich habe die Farbe nun mal auf das nächst dunklere Grau gestellt. Findest du es nun besser so?

[fbufbi]

Test OK