All files / src/app/pages/category/category-navigation category-navigation.component.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
3x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
@if (currentCategoryId$ | async; as currentCategoryId) {
  <div class="non-parametric-panel">
    @if (navigationCategories$ | async; as navigationCategories) {
      @if (navigationCategories.length) {
        <div class="filter-group">
          <ul class="filter-list">
            @for (category of navigationCategories; track category.uniqueId) {
              <li class="filter-item">
                <a
                  class="filter-item-name link-decoration-hover"
                  [attr.aria-current]="category.uniqueId === currentCategoryId ? 'true' : undefined"
                  [ngClass]="{ 'filter-selected': category.uniqueId === currentCategoryId }"
                  [routerLink]="category.url"
                >
                  {{ category.name }}
                </a>
                @if (currentCategoryId.startsWith(category.uniqueId)) {
                  <ish-category-navigation [uniqueId]="category.uniqueId" />
                }
              </li>
            }
          </ul>
        </div>
      }
    }
  </div>
}