Filter Komponente für den generischen Filter erstellen

Es ist eine Vue-Component zu erstellen, welche "Filter" heißt. Dazu gleich ein Ordner erstellen ("sharedTable"), wo diese Komponente (und alle weiteren Komponenten für den genersichen Filter) hinterlegt wird/werden.

Der Aufbau soll ähnlich wie im folgenden Bild sein:

• Links ein DropDown (multi-select - mit 4 Beispieleinträgen ("Kriterium 1 - 4")
• Mittig Platz lassen für spätere Filter (Placeholder)
• Rechts ein Button ("Filter zurücksetzen")
• darunter ein Button ("Filter anwenden")
• Die Buttons/DropDown besitzen (bis auf die Beispieleinträge bei der DropDown) besitzen kein Funktionen

AK

• Es existiert ein Ordner "sharedTable"
• In diesem Ordner existiert eine Vue-Component "Filter"
• Diese Component ist schmal und geht über die ganze Breite (siehe Screenshot oben)
• "Filterkriterien"-DropDown ist enthalten
• Mittiger Platzhalter ist enthalten
• "Filter zurücksetzen"-Button ist rechts zu sehen
• Unter "Filter zurücksetzen"-Button befindet sich ein "Filter anwenden"-Button
• i18n ist umgesetzt
• UnitTest sind umgesetzt
• Abschließender UI-Test unter Chrome & Firefox

Review

• Es existiert ein Ordner "sharedTable"
• In diesem Ordner existiert eine Vue-Component "Filter"
• Diese Component ist schmal und geht über die ganze Breite (siehe Screenshot oben)
• "Filterkriterien"-DropDown ist enthalten
• Mittiger Platzhalter ist enthalten
• "Filter zurücksetzen"-Button ist rechts zu sehen
• Unter "Filter zurücksetzen"-Button befindet sich ein "Filter anwenden"-Button
• i18n ist umgesetzt
• UnitTest sind umgesetzt
• Abschließender UI-Test unter Chrome & Firefox