Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 | 1x | <ul
*ngIf="navigationCategories$ | async as categories"
class="category-level{{ subCategoriesDepth }}"
[ngClass]="{ 'dropdown-menu': subCategoriesDepth === 1 }"
>
<li
*ngFor="let subcategory of categories"
class="main-navigation-level{{ subCategoriesDepth }}-item"
[ngClass]="{ open: isOpened(subcategory.uniqueId) }"
>
<a
[routerLink]="subcategory.url"
[ngStyle]="{
width: !(subCategoriesDepth < mainNavigationMaxSubCategoriesDepth && subcategory.hasChildren) ? '100%' : ''
}"
>{{ subcategory.name }}</a
>
<ng-container *ngIf="subCategoriesDepth < mainNavigationMaxSubCategoriesDepth && subcategory.hasChildren">
<a
class="dropdown-toggle"
[ngClass]="{ 'd-none': view === 'full' }"
(click)="toggleOpen(subcategory.uniqueId)"
(keydown.enter)="toggleOpen(subcategory.uniqueId)"
[attr.aria-label]="
isOpened(subcategory.uniqueId)
? ('header.navigation.collapse_category.aria_label' | translate : { '0': subcategory.name })
: ('header.navigation.expand_category.aria_label' | translate : { '0': subcategory.name })
"
tabindex="0"
>
<fa-icon *ngIf="isOpened(subcategory.uniqueId); else closed" [icon]="['fas', 'minus']" />
<ng-template #closed> <fa-icon [icon]="['fas', 'plus']" /> </ng-template>
</a>
<ish-sub-category-navigation
[categoryUniqueId]="subcategory.uniqueId"
[subCategoriesDepth]="subCategoriesDepth + 1"
/>
</ng-container>
</li>
</ul>
|