All files / src/app/shared/cms/components/cms-navigation-link cms-navigation-link.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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->
<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->
@if (pagelet?.hasParam('Link')) {
  <li
    #subMenu
    [class]="'dropdown ' + pagelet.stringParam('CSSClass', '')"
    [ngClass]="{ open: opened }"
    (click)="subMenuHide(subMenu)"
    (mouseenter)="subMenuShow(subMenu)"
    (mouseleave)="subMenuHide(subMenu)"
  >
    @if (isRouterLink(pagelet, 'Link')) {
      <a
        [ngStyle]="{ width: !pagelet.hasParam('SubNavigationHTML') ? '100%' : '' }"
        [routerLink]="routerLink(pagelet, 'Link')"
      >
        {{ pagelet.stringParam('LinkText') }}
      </a>
    } @else {
      <a
        [href]="pagelet.stringParam('Link')"
        [ngStyle]="{ width: !pagelet.hasParam('SubNavigationHTML') ? '100%' : '' }"
      >
        {{ pagelet.stringParam('LinkText') }}
      </a>
    }
    @if (pagelet.hasParam('SubNavigationHTML')) {
      <a class="dropdown-toggle" (click)="toggleOpen()">
        @if (opened) {
          <i class="bi bi-dash"></i>
        } @else {
          <i class="bi bi-plus"></i>
        }
      </a>
      <ul class="category-level1 dropdown-menu">
        <li class="sub-navigation-content">
          <div [ishServerHtml]="pagelet.stringParam('SubNavigationHTML')"></div>
        </li>
      </ul>
    }
  </li>
}