30 lines
1.8 KiB
HTML
30 lines
1.8 KiB
HTML
<div class="sidebar-wrapper">
|
|
|
|
<mat-list class="nav mat-list" *ngFor="let groupMenuItem of groupMenuItems; let firstGroup = first; let i = index" [class.nav-list-item]="showItem(groupMenuItem)" [ngClass]="{'flex-grow-1': i == groupMenuItems.length - 2}">
|
|
<div *ngIf="showItem(groupMenuItem);">
|
|
<hr *ngIf="!firstGroup">
|
|
<mat-list-item routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" *ngFor="let groupMenuRoute of groupMenuItem.routes; let first = first" class="nav-item" [ngClass]="{'mt-4': first && firstGroup}">
|
|
<a class="nav-link nav-row" *ngIf="groupMenuRoute.path !== '/feedback' && groupMenuRoute.path !== '/co-branding'" [routerLink]="[groupMenuRoute.path]" [ngClass]="{'dmp-tour': groupMenuRoute.path == '/plans', 'dataset-tour' : groupMenuRoute.path == '/datasets'}">
|
|
<i class="material-icons icon">{{ groupMenuRoute.icon }}</i>
|
|
<i *ngIf="groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'" class="material-icons icon-mask">person</i>
|
|
<span [ngClass]="{'pl-0': groupMenuRoute.path == '/plans' || groupMenuRoute.path == '/datasets'}">{{groupMenuRoute.title | translate}}</span>
|
|
</a>
|
|
<a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/feedback'" (click)="openContactSupport(groupMenuRoute)">
|
|
<i class="material-icons icon">{{ groupMenuRoute.icon }}</i>
|
|
<span>{{groupMenuRoute.title | translate}}</span>
|
|
</a>
|
|
<a class="nav-link nav-row" *ngIf="groupMenuRoute.path === '/co-branding'" href="/splash/resources/co-branding.html">
|
|
<i class="material-icons icon">{{ groupMenuRoute.icon }}</i>
|
|
<span>{{groupMenuRoute.title | translate}}</span>
|
|
</a>
|
|
</mat-list-item>
|
|
</div>
|
|
</mat-list>
|
|
|
|
<!-- Sidebar Footer -->
|
|
<div class="sidebar-footer pb-2">
|
|
<hr>
|
|
<app-sidebar-footer></app-sidebar-footer>
|
|
</div>
|
|
</div>
|