35 lines
1.2 KiB
HTML
35 lines
1.2 KiB
HTML
<ng-container *ngIf="show">
|
|
<h2 class="sr-only">{{ "filters" | i18n }}</h2>
|
|
<ul class="filter-options">
|
|
<li class="filter-option" [ngClass]="{ active: activeFilter.status === 'all' }">
|
|
<span class="filter-buttons">
|
|
<button class="filter-button" (click)="applyFilter('all')">
|
|
<i class="bwi bwi-fw bwi-filter" aria-hidden="true"></i> {{ "allItems" | i18n }}
|
|
</button>
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="filter-option"
|
|
*ngIf="!hideFavorites"
|
|
[ngClass]="{ active: activeFilter.status === 'favorites' }"
|
|
>
|
|
<span class="filter-buttons">
|
|
<button class="filter-button" (click)="applyFilter('favorites')">
|
|
<i class="bwi bwi-fw bwi-star" aria-hidden="true"></i> {{ "favorites" | i18n }}
|
|
</button>
|
|
</span>
|
|
</li>
|
|
<li
|
|
class="filter-option"
|
|
*ngIf="!hideTrash"
|
|
[ngClass]="{ active: activeFilter.status === 'trash' }"
|
|
>
|
|
<span class="filter-buttons">
|
|
<button class="filter-button" (click)="applyFilter('trash')">
|
|
<i class="bwi bwi-fw bwi-trash" aria-hidden="true"></i> {{ "trash" | i18n }}
|
|
</button>
|
|
</span>
|
|
</li>
|
|
</ul>
|
|
</ng-container>
|