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

Popup filter options

Browse Source
This commit is contained in:
Adina Țeudan 2022-07-20 19:16:57 +03:00
parent 859e41dd62
commit 6d9c169b3e
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/styles/common-autocomplete.scss
View File

@ -3,6 +3,8 @@
.mat-autocomplete-panel {
@include common-mixins.scroll-bar;
border-radius: 8px;
.mat-option {
font-size: inherit;
}

6
src/lib/filtering/popup-filter/popup-filter.component.html
View File

@ -77,9 +77,9 @@
</ng-template>
<ng-template #filterHeader>
<div class="filter-menu-header">
<div class="all-caps-label" translate="filter-menu.filter-types"></div>
<div *ngIf="primaryFilterGroup$ | async as primaryGroup" class="actions">
<div *ngIf="primaryFilterGroup$ | async as primaryGroup" class="filter-menu-header">
<div [translateParams]="{ count: primaryGroup.filters.length }" [translate]="primaryFiltersLabel" class="all-caps-label"></div>
<div class="actions">
<div
(click)="activatePrimaryFilters(); $event.stopPropagation()"
*ngIf="!primaryGroup.singleSelect"

2
src/lib/filtering/popup-filter/popup-filter.component.ts
View File

@ -9,6 +9,7 @@ import { IFilterGroup } from '../models/filter-group.model';
import { INestedFilter } from '../models/nested-filter.model';
import { SearchService } from '../../search';
import { Filter, IFilter } from '..';
import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker';
const areExpandable = (nestedFilter: INestedFilter) => !!nestedFilter?.children?.length;
const atLeastOneIsExpandable = pipe(
@ -36,6 +37,7 @@ export class PopupFilterComponent implements OnInit {
@Input() primaryFiltersSlug!: string;
@Input() actionsTemplate?: TemplateRef<unknown>;
@Input() secondaryFiltersSlug = '';
@Input() primaryFiltersLabel: string = _('filter-menu.filter-types');
atLeastOneFilterIsExpandable$?: Observable<boolean>;
atLeastOneSecondaryFilterIsExpandable$?: Observable<boolean>;