mirror of
https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend
synced 2025-12-31 09:37:15 +01:00
Add filter buttons with unique IDs in package result component
This commit is contained in:
@@ -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()"
|
||||
|
||||
Reference in New Issue
Block a user