Add filter buttons with unique IDs in package result component

This commit is contained in:
Lorenz Hilpert
2024-11-05 11:05:47 +01:00
parent d4e1088190
commit 1788f566e3

View File

@@ -1,6 +1,7 @@
<div class="flex flex-row items-center h-14 bg-white relative rounded-t font-bold shadow-lg">
<h3 class="text-center grow font-bold text-h3">Packstück-Prüfung</h3>
<button
id="package-result-filter-button"
class="absolute right-0 top-0 h-14 rounded px-5 text-lg bg-cadet-blue grid grid-flow-col gap-2 items-center"
type="button"
(click)="openFilter()"
@@ -21,7 +22,7 @@
<shell-filter-overlay #filterOverlay class="relative">
<div class="relative">
<button type="button" class="absolute top-4 right-4 text-cadet" (click)="closeFilterOverlay()">
<button id="package-result-filter-button-close" type="button" class="absolute top-4 right-4 text-cadet" (click)="closeFilterOverlay()">
<shared-icon [icon]="'close'" [size]="28"></shared-icon>
</button>
</div>
@@ -40,6 +41,7 @@
<div class="absolute bottom-8 left-0 right-0 grid grid-flow-col gap-4 justify-center">
<button
id="package-result-filter-button-reset"
type="button"
class="px-6 py-4 font-bold bg-white text-brand border-2 border-solid border-brand rounded-full"
(click)="resetFilter()"
@@ -47,6 +49,7 @@
Filter zurücksetzen
</button>
<button
id="package-result-filter-button-apply"
type="button"
class="px-6 py-4 font-bold bg-brand text-white border-2 border-solid border-brand rounded-full disabled:bg-cadet-blue disabled:cursor-progress disabled:border-cadet-blue"
(click)="applyFilter()"