diff --git a/frontend/src/app/components/search-input/search-input.component.html b/frontend/src/app/components/search-input/search-input.component.html
index 7564172..3b88f78 100644
--- a/frontend/src/app/components/search-input/search-input.component.html
+++ b/frontend/src/app/components/search-input/search-input.component.html
@@ -15,9 +15,15 @@
What would you prefer?
{{key|translate}}:
-
- {{preset.tag_label|translate}}
+
+
+ {{preset.tag_label|translate}}
+
diff --git a/frontend/src/app/components/search-input/search-input.component.ts b/frontend/src/app/components/search-input/search-input.component.ts
index d584094..dc45174 100644
--- a/frontend/src/app/components/search-input/search-input.component.ts
+++ b/frontend/src/app/components/search-input/search-input.component.ts
@@ -79,4 +79,19 @@ export class SearchInputComponent implements OnInit {
await this.router.navigate(['/search'], {queryParams: {q: objToBase64(query)}});
}
+
+ /**
+ * Handles a (multi) preset click.
+ * @param preset The clicked preset
+ * @return If the button is selected
+ */
+ onMultiPresetSelect(preset: Preset) {
+ if (this.multiPresetSelection[preset.parameter] === preset.preset_id) {
+ this.multiPresetSelection[preset.parameter] = undefined;
+ return false;
+ } else {
+ this.multiPresetSelection[preset.parameter] = preset.preset_id;
+ return true;
+ }
+ }
}