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; + } + } }