All files / src/app/shell/header/header-navigation header-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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->
<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->
<ul class="navbar-nav main-navigation-list">
  @for (category of categories$ | async; track category.uniqueId; let isFirst = $first) {
  <li
    #subMenu
    class="dropdown"
    [ngClass]="{ open: isOpened(category.uniqueId), first: isFirst }"
    (mouseenter)="subMenuShow(subMenu)"
    (mouseleave)="subMenuHide(subMenu)"
    (click)="subMenuHide(subMenu)"
  >
    <a
      [routerLink]="category.url"
      [attr.data-testing-id]="category.uniqueId + '-link'"
      [ngStyle]="{ width: !(0 < mainNavigationMaxSubCategoriesDepth && category.hasChildren) ? '100%' : '' }"
      class="main-navigation-link"
    >
      {{ category.name }}
    </a>
    @if (isBrowser && mainNavigationMaxSubCategoriesDepth > 0 && category.hasChildren) {
    <a
      class="dropdown-toggle"
      (click)="toggleOpen(category.uniqueId)"
      (keydown.enter)="toggleOpen(category.uniqueId)"
      role="button"
      [attr.aria-label]="
        isOpened(category.uniqueId)
          ? ('header.navigation.collapse_category.aria_label' | translate : { '0': category.name })
          : ('header.navigation.expand_category.aria_label' | translate : { '0': category.name })
      "
      tabindex="0"
    >
      @if (isOpened(category.uniqueId)) {
      <i class="bi bi-dash"></i>
      } @else {
      <i class="bi bi-plus"></i>
      }
    </a>
    <ish-sub-category-navigation [categoryUniqueId]="category.uniqueId" [subCategoriesDepth]="1" [view]="view" />
    }
  </li>
  }
  <ish-lazy-content-include includeId="include.header.navigation.pagelet2-Include" role="listitem" />
</ul>