History Komponente für den generischen Filter erstellen

Voraussetzung ist die Umsetzung von https://git.ufz.de/rdm/biome/frontend/-/issues/186.

Hierbei ist eine History-Komponente zu erstellen, welche 2 Buttons (siehe besitzt. Diese werden hinter!!! der Filter-Komponente eingeblendet.

D.h.

• ist die Prop withFilter der Table-Comp.==true UND ist die Prop withHistory der Table-Comp.==true, erfolgt die Darstellung wie oben im Screenshot (1xStern-Button und 1xHistory-Button erscheinen hinter der Filter-Komponente (d.h. in einer Zeile))
• ist die withFilter==true und withHistory==false wird nur die Filter-Comp. angezeigt
• ist die withFilter==false und withHistory==true wird nur die History-Comp. angezeigt

[Dialog 1]: Des weiteren soll beim klicken auf den Favoriten-Button (Stern-Button im obigen Bild) ein kleines Menü erscheinen wo man:

• Ein Textfeld erscheint (Eingabe möglich)
• Ein Ok-Button erscheint (klick schließt den Dialog, sonst keine weiteren Funktionen)
• Ein Abbrechen erscheint (klick schließt den Dialog, sonst keine weiteren Funktionen)

[Dialog 2]: Des weiteren soll beim klicken auf den History-Button ein Menü erscheinen (siehe obiges Bild), welches später die FilterHistory-Items anzeigt (das holen und anzeigen dieser, soll hier noch nicht umgesetzt werden). In diesen Ticket sollen nur Dummy Einträge angezeigt werden. Dazu soll in einer Spalte (links) der Name des DummyEintrages als String angezeigt werden (e.g. "History 1") und in einer Spalte(rechts) soll via eines gelben Sterns (ist Favorit) oder weißen Sterns (ist kein Favorit) dargestellt werden, ob der DummyEintrag ein Favorit ist oder nicht.

DummyEinträge könnten also sein:

• Kopfspalte: Name - Favorite
• DummyEintrag1: History1 - (gelber Stern (ist Favorit))
• DummyEintrag2: History2 - (gelber Stern (ist Favorit))
• DummyEintrag3: History3 - (weißer Stern (ist kein Favorit))
• DummyEintrag4: History4 - (weißer Stern (ist kein Favorit))

AK

• History-Comp. existiert
• History-Comp. enthält ein Favorite-Button mit einem Stern als Icon
• History-Comp. enthält ein History-Button mit einem History-Label
• History-Comp. wird hinter (siehe obiges Bild) der Filter-Comp. angezeigt, falls withFilter==true und withHistory==true (Props der Table-Comp.)
• falls withFilter==true und withHistory==false, wird nur die Filter-Comp. angezeigt
• falls withFilter==false und withHistory==true, wird nur die History-Comp. angezeigt
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein TextField enthält
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein "Ok"-Button enthält
• klick auf "Ok"-Button schließt den Dialog
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein "Abbrechen"-Button enthält
• klick auf "Abbrechen"-Button schließt den Dialog
• klick auf den History-Button lässt einen Dialog erscheinen, welcher ein kleine Tabelle enthält
• Tabelle enthält DummyEinträge (siehe oben)
• Name des DummyEintrag wird in der linken Spalte angezeigt
• Ob der DummyEintrag ein Favorit ist wird via eines gelben Sterns angezeigt (rechte Spalte)
• Ob der DummyEintrag kein Favorit ist wird via eines weißen Sterns angezeigt (rechte Spalte)

Review

• History-Comp. existiert
• History-Comp. enthält ein Favorite-Button mit einem Stern als Icon
• History-Comp. enthält ein History-Button mit einem History-Label
• History-Comp. wird hinter (siehe obiges Bild) der Filter-Comp. angezeigt, falls withFilter==true und withHistory==true (Props der Table-Comp.)
• falls withFilter==true und withHistory==false, wird nur die Filter-Comp. angezeigt
• falls withFilter==false und withHistory==true, wird nur die History-Comp. angezeigt
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein TextField enthält
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein "Ok"-Button enthält
• klick auf "Ok"-Button schließt den Dialog
• Favorite-Button lässt einen kleinen Dialog erscheinen, welcher ein "Abbrechen"-Button enthält
• klick auf "Abbrechen"-Button schließt den Dialog
• klick auf den History-Button lässt einen Dialog erscheinen, welcher ein kleine Tabelle enthält
• Tabelle enthält DummyEinträge (siehe oben)
• Name des DummyEintrag wird in der linken Spalte angezeigt
• Ob der DummyEintrag ein Favorit ist wird via eines gelben Sterns angezeigt (rechte Spalte)
• Ob der DummyEintrag kein Favorit ist wird via eines weißen Sterns angezeigt (rechte Spalte)