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
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 }"
  (mouseenter)="subMenuShow(subMenu)"
  (mouseleave)="subMenuHide(subMenu)"
  (click)="subMenuHide(subMenu)"
>
  @if (isRouterLink(pagelet, 'Link')) {
  <a
    [routerLink]="routerLink(pagelet, 'Link')"
    [ngStyle]="{ width: !pagelet.hasParam('SubNavigationHTML') ? '100%' : '' }"
  >
    {{ 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>
}