purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2026-03-14 15:08:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

First pass on the new control flow syntax migration

Browse Source
This commit is contained in:
Sercan Yemen
2024-06-03 09:19:47 +03:00
parent db4cb459e5
commit b083fd3ebb
24 changed files with 341 additions and 395 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/@fuse/components/navigation/horizontal/horizontal.component.html
View File

@@ -1,41 +1,37 @@
<div class="fuse-horizontal-navigation-wrapper">
<ng-container *ngFor="let item of navigation; trackBy: trackByFn">
@for (item of navigation; track trackByFn($index, item)) {
<!-- Skip the hidden items -->
<ng-container
*ngIf="(item.hidden && !item.hidden(item)) || !item.hidden"
>
@if ((item.hidden && !item.hidden(item)) || !item.hidden) {
<!-- Basic -->
<ng-container *ngIf="item.type === 'basic'">
@if (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'
"
>
@if (
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'">
@if (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>