FEAT #13271 TIME 0:15 get real count filter

src/frontend/app/search/filter-tool/filter-tool.component.html

@@ -5,8 +5,10 @@
         </mat-panel-title>
     </mat-expansion-panel-header>
     <mat-selection-list #filterList *ngFor="let filterKey of filters | keyvalue" class="filter-list">
-        <div class="catGroupTitle">{{'lang.'+filterKey.key | translate}} ({{filters[filterKey.key]['values'].length}})</div>
-        <mat-divider style="width: 80%;"></mat-divider>
+        <ng-container *ngIf="getRealCount(filterKey.key) > 0">
+            <div class="catGroupTitle">{{'lang.'+filterKey.key | translate}} ({{getRealCount(filterKey.key)}})</div>
+            <mat-divider style="width: 80%;"></mat-divider>
+        </ng-container>
         <ng-container *ngFor="let cat of filters[filterKey.key]['values'];let i=index">
             <ng-container *ngIf="cat.count > 0 || (cat.count === 0 && cat.selected)">
                 <mat-list-option color="primary" class="catContent" *ngIf="i < 5 || filters[filterKey.key]['expand']" (click)="toggleFilter(filterKey.key,i)" [selected]="cat.selected" checkboxPosition="before" [disabled]="isLoadingResults">
@@ -14,6 +16,6 @@
                 </mat-list-option>
             </ng-container>
         </ng-container>
-        <button mat-button *ngIf="filters[filterKey.key]['values'].length > 5" style="width:100%;" color="primary" (click)="toggleDisplay(filterKey.key)">{{filters[filterKey.key]['expand'] ?  ('lang.less' | translate) : ('lang.more' | translate) }}<mat-icon style="height:auto;" class="fas" [class.fa-chevron-down]="!filters[filterKey.key]['expand']" [class.fa-chevron-up]="filters[filterKey.key]['expand']"></mat-icon></button>
+        <button mat-button *ngIf="getRealCount(filterKey.key) > 5" style="width:100%;" color="primary" (click)="toggleDisplay(filterKey.key)">{{filters[filterKey.key]['expand'] ?  ('lang.less' | translate) : ('lang.more' | translate) }}<mat-icon style="height:auto;" class="fas" [class.fa-chevron-down]="!filters[filterKey.key]['expand']" [class.fa-chevron-up]="filters[filterKey.key]['expand']"></mat-icon></button>
     </mat-selection-list>
 </mat-expansion-panel>

src/frontend/app/search/filter-tool/filter-tool.component.ts

@@ -36,4 +36,8 @@ export class FilterToolComponent implements OnInit {
     toggleDisplay(key: string) {
         this.filters[key]['expand'] = !this.filters[key]['expand'];
     }
+
+    getRealCount(key: string) {
+        return this.filters[key]['values'].filter((item: any) => item.count > 0 || (item.count === 0 && item.selected)).length;
+    }
 }