Marmelator/common-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make quickfilters get data from service

Browse Source
This commit is contained in:
Dan Percic 2021-08-18 18:10:25 +03:00
parent 908256aaca
commit 4527494d72
4 changed files with 4 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/filtering/quick-filters/quick-filters.component.html
View File

@ -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"
>

6
src/lib/filtering/quick-filters/quick-filters.component.ts
View File

@ -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) {}
}

2
src/lib/tables/table-header/table-header.component.html
View File

@ -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>

2
src/lib/tables/table-header/table-header.component.ts
View File

@ -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) {}
}