All files / src/app/shared/cms/components/content-navigation content-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
2x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<ng-container *ngIf="currentContentPage$ | async as currentContentPage">
  <ul>
    <ng-container
      [ngTemplateOutlet]="pageTreeNode"
      [ngTemplateOutletContext]="{ treeNodes: [contentPageTree], counter: 1 }"
    />
  </ul>
 
  <!-- the recursively used template to render the tree nodes -->
  <ng-template #pageTreeNode let-treeNodes="treeNodes" let-counter="counter">
    <li
      *ngFor="let treeNode of treeNodes"
      [ngClass]="{ 'page-navigation-active': treeNode.contentPageId === currentContentPage.id }"
    >
      <a [routerLink]="treeNode | ishContentPageRoute" [title]="treeNode.name">{{ treeNode.name }}</a>
      <ul *ngIf="treeNode.children.length && depth > counter" [ngClass]="'page-navigation-' + counter">
        <ng-container
          [ngTemplateOutlet]="pageTreeNode"
          [ngTemplateOutletContext]="{ treeNodes: treeNode.children, counter: counter + 1 }"
        />
      </ul>
    </li>
  </ng-template>
</ng-container>