mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-07-18 00:30:47 +00:00
37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<div class="fuse-horizontal-navigation-wrapper">
|
|
|
|
<ng-container *ngFor="let item of navigation; trackBy: trackByFn">
|
|
|
|
<!-- Skip the hidden items -->
|
|
<ng-container *ngIf="(item.hidden && !item.hidden(item)) || !item.hidden">
|
|
|
|
<!-- Basic -->
|
|
<ng-container *ngIf="item.type === 'basic'">
|
|
<fuse-horizontal-navigation-basic-item
|
|
class="fuse-horizontal-navigation-menu-item"
|
|
[item]="item"
|
|
[name]="name"></fuse-horizontal-navigation-basic-item>
|
|
</ng-container>
|
|
|
|
<!-- Branch: aside, collapsable, group -->
|
|
<ng-container *ngIf="item.type === 'aside' || item.type === 'collapsable' || item.type === 'group'">
|
|
<fuse-horizontal-navigation-branch-item
|
|
class="fuse-horizontal-navigation-menu-item"
|
|
[item]="item"
|
|
[name]="name"></fuse-horizontal-navigation-branch-item>
|
|
</ng-container>
|
|
|
|
<!-- Spacer -->
|
|
<ng-container *ngIf="item.type === 'spacer'">
|
|
<fuse-horizontal-navigation-spacer-item
|
|
class="fuse-horizontal-navigation-menu-item"
|
|
[item]="item"
|
|
[name]="name"></fuse-horizontal-navigation-spacer-item>
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</div>
|