Auf einer Mensaplan Seite soll es eine Tabelle geben, bei der für alle Werktage der Woche jeweils die Gerichte des Tages in einer Spalte angezeigt werden.
In der Header-Reihe der Tabelle sollen Wochentag und Datum angezeigt werden. Für jedes Gericht soll es eine eigene Card geben.
Über der Tabelle soll es zwei Buttons geben ("Diese Woche" und "Nächste Woche"), diese sollen es ermöglichen zwischen der aktuellen und der nächsten Woche zu wechseln. Demnach sollten sie durch die Farbgebung und Deaktivierung auf den aktuell ausgewählten Zustand hinweisen.
Beim Klick eines Buttons sollten dann die Gerichte der ausgewählten Woche mit dem zugehörigen Datum angezeigt werden. Außerdem sollten alle aufgedeckten Cards wieder umgedreht werden, sodass bei allen Cards die Vorderseite angezeigt wird.
Beim Öffnen der Mensaplan Seite sollen direkt die Informationen über die Gerichte dieser Woche vom Backend geholt werden, um diese für die Cards zu verwenden. Beim Klick auf den Button zum Wechseln in nächste Woche sollen direkt die Daten für die nächste Woche geholt werden, um die Informationen in den Cards auszutauschen.
Aufgaben
[x] Tabelle (NextUI) mit Header-Reihe implementieren
[x] Daten für die aktuelle Woche aus dem Backend holen beim Öffnen der Seite
[x] Daten an die Cardkomponente weitergeben
[x] Cards in den richtigen Spalten anzeigen
[x] Buttons (NextUI) zum Wechsel der Woche implementieren
[x] Bei Klick auf den Button zugehörige Daten holen und anwenden
Beschreibung
Auf einer Mensaplan Seite soll es eine Tabelle geben, bei der für alle Werktage der Woche jeweils die Gerichte des Tages in einer Spalte angezeigt werden. In der Header-Reihe der Tabelle sollen Wochentag und Datum angezeigt werden. Für jedes Gericht soll es eine eigene Card geben. Über der Tabelle soll es zwei Buttons geben ("Diese Woche" und "Nächste Woche"), diese sollen es ermöglichen zwischen der aktuellen und der nächsten Woche zu wechseln. Demnach sollten sie durch die Farbgebung und Deaktivierung auf den aktuell ausgewählten Zustand hinweisen. Beim Klick eines Buttons sollten dann die Gerichte der ausgewählten Woche mit dem zugehörigen Datum angezeigt werden. Außerdem sollten alle aufgedeckten Cards wieder umgedreht werden, sodass bei allen Cards die Vorderseite angezeigt wird.
Beim Öffnen der Mensaplan Seite sollen direkt die Informationen über die Gerichte dieser Woche vom Backend geholt werden, um diese für die Cards zu verwenden. Beim Klick auf den Button zum Wechseln in nächste Woche sollen direkt die Daten für die nächste Woche geholt werden, um die Informationen in den Cards auszutauschen.
Aufgaben
Zusätzliche Informationen
Abhängigkeiten
293
245
Mockup
User Story
37