Audio Accordion

Aufbau

Das Audio Accordion beinhaltet eine Liste von Audio-Playern.

Jedes Element beinhaltet

• Den Namen des Elements, was z.B. der Name des Interviewpartners sein kann
• Eine Beschreibung der Audio-Datei
• Ein Bild, das z.B. einen Interviewpartner zeigen kann
• Einen Button um das Element zu maximieren
• Einen Button um das Element zu seinen Favoriten hinzuzufügen
• Den eigentlichen Audioplayer der die Audio-Datei abspielen kann

Styling

Das gesamte Accordion und alle seine Elemente sind mit flexbox aufgebau, sodass kein JS für das dynamische Verrößern und Verkleinern anhand der Bildschirmgröße notwendig ist:

Guide für Flexbox...

To-Do

Momentan ist die Komponente nicht flexibel genug, als dass sie einfach wieder verwendbar wäre. Daher ist es nötig die Komponente mit korrekten Typescript/Angular patterns zu verbessern oder ggf. zu re-implementieren.