From 4527494d728d622bdd5d85aea72a7770fa1a8f14 Mon Sep 17 00:00:00 2001
From: Dan Percic <dan@devplant.ro>
Date: Wed, 18 Aug 2021 18:10:25 +0300
Subject: [PATCH] make quickfilters get data from service

---
 .../filtering/quick-filters/quick-filters.component.html    | 2 +-
 src/lib/filtering/quick-filters/quick-filters.component.ts  | 6 ++----
 src/lib/tables/table-header/table-header.component.html     | 2 +-
 src/lib/tables/table-header/table-header.component.ts       | 2 --
 4 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/lib/filtering/quick-filters/quick-filters.component.html b/src/lib/filtering/quick-filters/quick-filters.component.html
index fcf7646..533c9d1 100644
--- a/src/lib/filtering/quick-filters/quick-filters.component.html
+++ b/src/lib/filtering/quick-filters/quick-filters.component.html
@@ -1,6 +1,6 @@
 <div
     (click)="filterService.toggleFilter('quickFilters', filter.key)"
-    *ngFor="let filter of quickFilters"
+    *ngFor="let filter of quickFilters$ | async"
     [class.active]="filter.checked"
     class="quick-filter"
 >
diff --git a/src/lib/filtering/quick-filters/quick-filters.component.ts b/src/lib/filtering/quick-filters/quick-filters.component.ts
index fb3ec7e..59c8f5c 100644
--- a/src/lib/filtering/quick-filters/quick-filters.component.ts
+++ b/src/lib/filtering/quick-filters/quick-filters.component.ts
@@ -1,6 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
-import { Required } from '../../utils/decorators/required.decorator';
-import { NestedFilter } from '../models/nested-filter.model';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { FilterService } from '../filter.service';
 
 @Component({
@@ -10,7 +8,7 @@ import { FilterService } from '../filter.service';
     changeDetection: ChangeDetectionStrategy.OnPush
 })
 export class QuickFiltersComponent {
-    @Input() @Required() quickFilters!: readonly NestedFilter[];
+    readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters');
 
     constructor(readonly filterService: FilterService) {}
 }
diff --git a/src/lib/tables/table-header/table-header.component.html b/src/lib/tables/table-header/table-header.component.html
index eebdbd5..9355f99 100644
--- a/src/lib/tables/table-header/table-header.component.html
+++ b/src/lib/tables/table-header/table-header.component.html
@@ -12,7 +12,7 @@
 
     <ng-container [ngTemplateOutlet]="bulkActions"></ng-container>
 
-    <iqser-quick-filters *ngIf="quickFilters$ | async as quickFilters" [quickFilters]="quickFilters"></iqser-quick-filters>
+    <iqser-quick-filters></iqser-quick-filters>
 
     <!--    Custom content-->
     <ng-content></ng-content>
diff --git a/src/lib/tables/table-header/table-header.component.ts b/src/lib/tables/table-header/table-header.component.ts
index 0ee011d..6b673bc 100644
--- a/src/lib/tables/table-header/table-header.component.ts
+++ b/src/lib/tables/table-header/table-header.component.ts
@@ -17,7 +17,5 @@ export class TableHeaderComponent<T> {
     @Input() selectionEnabled = false;
     @Input() bulkActions?: TemplateRef<unknown>;
 
-    readonly quickFilters$ = this.filterService.getFilterModels$('quickFilters');
-
     constructor(readonly entitiesService: EntitiesService<T>, readonly filterService: FilterService) {}
 }