32 lines
1.5 KiB
HTML
32 lines
1.5 KiB
HTML
<ng-container *transloco="let t; read:'settings'">
|
|
@if (accountService.currentUser$ | async; as user) {
|
|
|
|
@if((navService.sideNavCollapsed$ | async) === false) {
|
|
<div class="preference side-nav-container" [ngClass]="{'closed' : (navService.sideNavCollapsed$ | async),
|
|
'hidden': (navService.sideNavVisibility$ | async) === false,
|
|
'no-donate': (licenseService.hasValidLicense$ | async) === true}">
|
|
<div class="side-nav">
|
|
|
|
@for(section of sections; track section.title + section.children.length; let idx = $index;) {
|
|
@if (hasAnyChildren(user, section)) {
|
|
<h5 class="side-nav-header mb-2 ms-3" [ngClass]="{'mt-4': idx > 0}">{{t(section.title)}}</h5>
|
|
@for(item of section.children; track item.fragment) {
|
|
@if (accountService.hasAnyRole(user, item.roles, item.restrictRoles)) {
|
|
<app-side-nav-item [id]="'nav-item-' + item.fragment" [noIcon]="true" link="/settings" [fragment]="item.fragment" [title]="item.fragment | settingFragment" [badgeCount]="item.badgeCount$ | async"></app-side-nav-item>
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
</div>
|
|
</div>
|
|
@if (utilityService.activeBreakpoint$ | async; as breakpoint) {
|
|
@if (breakpoint < Breakpoint.Desktop) {
|
|
<div class="side-nav-overlay" (click)="collapse()" [ngClass]="{'closed' : (navService.sideNavCollapsed$ | async)}"></div>
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
</ng-container>
|