28 lines
808 B
HTML
28 lines
808 B
HTML
<div class="sidebar-brand">
|
|
<div class="sidebar-brand__logo">
|
|
<img src="assets/mikrotik-w4y9rth430h5bcfzp9in8i.webp" alt="MikroTik" />
|
|
</div>
|
|
<div class="sidebar-brand__text" *ngIf="!collapsed">
|
|
<h2>{{ 'sidebar.title' | translate }}</h2>
|
|
<p>{{ 'sidebar.subtitle' | translate }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sidebar-section" *ngIf="!collapsed">
|
|
<div class="sidebar-section__label">{{ 'app.menu' | translate }}</div>
|
|
</div>
|
|
|
|
<nav class="sidebar-nav">
|
|
<a
|
|
*ngFor="let item of items"
|
|
[routerLink]="item.link"
|
|
routerLinkActive="is-active"
|
|
[routerLinkActiveOptions]="{ exact: item.exact ?? true }"
|
|
class="sidebar-nav__item"
|
|
(click)="navigate.emit()"
|
|
>
|
|
<i [class]="item.icon"></i>
|
|
<span *ngIf="!collapsed">{{ item.label | translate }}</span>
|
|
</a>
|
|
</nav>
|