diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html index 848c2f1..5f44df8 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.html @@ -14,73 +14,117 @@ (availableChoicesChange)="onAvailableChoicesChange($event, 'findings')" (selectedChoicesChange)="onSelectedChoicesChange($event, 'findings')" [actionTypes]="actionTypes" + [availableChoices]="appState.filters?.findings?.availableChoices || []" [label]="'Findings'" [selectedChoices]="appState.filters?.findings?.selectedChoices || []" - [availableChoices]="appState.filters?.findings?.availableChoices || []" [store]="store" >
-
-      filters:
-      {{ appState.filters }}
-    
+ + + + + + @if (!hideChipsList) {
- - - - - - - - - - - + @for (elem of appState.filters.engineType.selectedList; track elem.label) { + + } +
+
+ @for (elem of appState.filters.findings.selectedList; track elem.label) { + + } +
+
+ @for (elem of appState.filters.ata.selectedList; track elem.label) { + + } +
+
+ @for (elem of appState.filters.partNumber.selectedList; track elem.label) { + + } +
+
+ @for (elem of appState.filters.technicalManual.selectedList; track elem.label) { + + } +
+
+ @for (elem of appState.filters.onOffWing.selectedList; track elem.label) { + + }
} diff --git a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss index ab081a9..059657a 100644 --- a/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss +++ b/my-workspace/projects/sae-lib/filters/filters-group/filters-group.scss @@ -42,13 +42,6 @@ } } - .chips-listing { - display: flex; - border-radius: 8px; - position: absolute; - top: 577px; - } - .filter-group { @@ -64,6 +57,9 @@ } .chips-listing { + display: flex; + position: absolute; + top: 650px; margin-top: 16px; border-radius: 4px; background: variables.$csc-filters-box-color;