[Notenverwaltung] Tabelle für Noteneintragung

[laralngn]

Beschreibung

Für die einzelnen Prüfungsleistungen auf der Notenverwaltungsseite soll eine Card zum Eintragen der Noten geben.
Die Card soll einen Header haben in dem angegeben ist für welches Fach und bei welcher Klasse die Bewertung ist (Schema: "Bewertung: "). Des weiteren soll noch die genaue Prüfungsleistung, die bewertet werden soll, benannt sein (z.B. Klausur - HJ 2).
Unter dem Header soll eine Tabelle mit zwei Spalten sein. In der linken Spalte sollen die Namen der einzelnen Schüler stehen und in der rechten Spalte soll es für jeden Schüler immer ein Eingabefeld und einen Button geben. In das Eingabefeld soll die Note eingetragen werden können. Diese Eingabe soll mit dem Button "Abgeben" bestätigt werden, sodass bei Klick des Buttons die Note mit zugehörigem Schülernamen an das Backend gesendet wird. Wenn die Note bereits abgegeben wurde soll der Button disabled sein und "Abgegeben" lauten.
Sollte sich die Eingabe einer bereits abgegebenen Note ändern, soll der Button wieder aktiviert werden und "Abgeben" lauten, sodass die neue Note ebenfalls ans Backend gesendet werden kann und die alte überschreibt.

Beim Laden der Komponente sollen direkt die Daten (Schüler und bereits eingetragene Noten) aus dem Backend geladen werden. Die dafür benötigten Informationen (Klasse, Fach und Prüfungsleistung) soll die Komponente zuvor als Parameter entgegennehmen und dann ans Backend weitergeben.

Aufgaben

• Card (NextUI) mit Header implementieren
• Daten (Schüler und bereits eingetragene Noten) aus dem Backend holen
• Tabelle mit Daten implementieren
• Eingabefeld und Button (NextUI)
• Bei Klick auf Button Daten an das Backend senden
• Bei Klick auf Button disablen und "Abgegeben"
• Bei Änderung der abgegebenen Eingabe Button wieder freigeben

Zusätzliche Informationen

Abhängigkeiten

• Notenverteilung (Backend) #140
• Backend Issue zum Laden von Schülern und Noten

Mockup

User Story

• [Notenverwaltung] Noteneintragung Lehrer #128