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
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<!-- eslint-disable @angular-eslint/template/interactive-supports-focus -->
<!-- eslint-disable @angular-eslint/template/click-events-have-key-events -->
<ng-container *ngIf="pagelet?.hasParam('Link')">
  <li
    #subMenu
    [class]="'dropdown ' + pagelet.stringParam('CSSClass', '')"
    [ngClass]="{ open: opened }"
    (mouseenter)="subMenuShow(subMenu)"
    (mouseleave)="subMenuHide(subMenu)"
    (click)="subMenuHide(subMenu)"
  >
    <ng-container *ngIf="isRouterLink(pagelet, 'Link'); else externalLink">
      <a
        [routerLink]="routerLink(pagelet, 'Link')"
        [ngStyle]="{ width: !pagelet.hasParam('SubNavigationHTML') ? '100%' : '' }"
      >
        {{ pagelet.stringParam('LinkText') }}
      </a>
    </ng-container>
    <ng-template #externalLink>
      <a
        [href]="pagelet.stringParam('Link')"
        [ngStyle]="{ width: !pagelet.hasParam('SubNavigationHTML') ? '100%' : '' }"
      >
        {{ pagelet.stringParam('LinkText') }}
      </a>
    </ng-template>
 
    <ng-container *ngIf="pagelet.hasParam('SubNavigationHTML')">
      <a class="dropdown-toggle" (click)="toggleOpen()">
        <fa-icon *ngIf="opened; else closed" [icon]="['fas', 'minus']" />
        <ng-template #closed><fa-icon [icon]="['fas', 'plus']" /></ng-template>
      </a>
      <ul class="category-level1 dropdown-menu">
        <li class="sub-navigation-content">
          <div [ishServerHtml]="pagelet.stringParam('SubNavigationHTML')"></div>
        </li>
      </ul>
    </ng-container>
  </li>
</ng-container>