2019-05-10 13:12:45 +02:00
|
|
|
<div class="logo sidebar-nav">
|
2019-05-08 17:39:07 +02:00
|
|
|
<a [routerLink]=" ['/home']">
|
2019-04-30 16:14:24 +02:00
|
|
|
<div class="logo-img">
|
|
|
|
<img src="/assets/images/OpenDMP.png" />
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
2019-04-30 16:14:24 +02:00
|
|
|
</a>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|
|
|
|
<div class="sidebar-wrapper">
|
|
|
|
|
2019-04-30 16:14:24 +02:00
|
|
|
<!-- MOBILE MENU -->
|
2019-04-24 11:26:53 +02:00
|
|
|
|
2019-04-30 16:14:24 +02:00
|
|
|
<!-- <div *ngIf="isMobileMenu()"> -->
|
|
|
|
<div>
|
|
|
|
<!-- Search -->
|
|
|
|
<!-- <form class="navbar-form">
|
|
|
|
<span class="bmd-form-group">
|
|
|
|
<div class="input-group no-border">
|
|
|
|
<input type="text" value="" class="form-control" placeholder="Search...">
|
|
|
|
<button mat-raised-button type="submit" class="btn btn-white btn-round btn-just-icon">
|
|
|
|
<i class="material-icons">search</i>
|
|
|
|
<div class="ripple-container"></div>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</span>
|
|
|
|
</form> -->
|
2019-04-24 11:26:53 +02:00
|
|
|
|
2019-04-30 16:14:24 +02:00
|
|
|
<!-- Login -->
|
|
|
|
<ul class="nav navbar-nav nav-mobile-menu">
|
|
|
|
<li class="nav-item">
|
|
|
|
<a class="nav-link" *ngIf="isAuthenticated();else loginoption">
|
|
|
|
<p style="display: flex; align-items: center;" [routerLink]=" ['/profile']">
|
2019-06-05 09:19:28 +02:00
|
|
|
<img mat-card-avatar class="my-mat-card-avatar" *ngIf="this.principalHasAvatar()"
|
|
|
|
[src]="this.getPrincipalAvatar()">
|
2019-04-30 16:14:24 +02:00
|
|
|
<span class="d-lg-none d-md-block">{{ 'SIDE-BAR.ACCOUNT' | translate }}</span>
|
|
|
|
</p>
|
|
|
|
</a>
|
2019-06-05 09:24:44 +02:00
|
|
|
</li>
|
|
|
|
<li class="nav-item">
|
2019-06-05 09:19:28 +02:00
|
|
|
<a class="nav-link" *ngIf="isAuthenticated()" (click)="logout()">
|
|
|
|
<i class="material-icons">exit_to_app</i>
|
|
|
|
<p class="login-label">{{ 'USER-DIALOG.LOG-OUT' | translate }}</p>
|
|
|
|
</a>
|
2019-04-30 16:14:24 +02:00
|
|
|
</li>
|
|
|
|
<ng-template #loginoption>
|
2019-06-06 10:53:30 +02:00
|
|
|
<a class="nav-link login" *ngIf="!isLoginRouteActivated()" [routerLink]=" ['/login'] ">
|
2019-06-05 09:19:28 +02:00
|
|
|
<i class="material-icons">vpn_key</i>
|
|
|
|
<p class="login-label">{{ 'GENERAL.ACTIONS.LOG-IN' | translate }}</p>
|
|
|
|
</a>
|
2019-04-30 16:14:24 +02:00
|
|
|
</ng-template>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2019-04-24 11:26:53 +02:00
|
|
|
|
2019-04-30 16:14:24 +02:00
|
|
|
<!-- END OF MOBILE MENU -->
|
|
|
|
|
2019-05-02 14:43:02 +02:00
|
|
|
<!-- Sidebar Menu -->
|
2019-06-05 09:19:28 +02:00
|
|
|
<ul class="nav" *ngFor="let groupMenuItem of groupMenuItems; last as isLast; first as isFirst"
|
|
|
|
[class.nav-list-item]="(isAuthenticated() || !groupMenuItem.requiresAuthentication)">
|
2019-05-21 09:01:00 +02:00
|
|
|
<div *ngIf="showItem(groupMenuItem);">
|
2019-05-08 17:24:30 +02:00
|
|
|
<div class="sidebarSubtitle">
|
|
|
|
<p>{{groupMenuItem.title | translate}}</p>
|
|
|
|
</div>
|
2019-06-05 09:19:28 +02:00
|
|
|
<li routerLinkActive="active" *ngFor="let groupMenuRoute of groupMenuItem.routes"
|
|
|
|
class="{{groupMenuRoute.class}} nav-item">
|
2019-05-08 17:24:30 +02:00
|
|
|
<a class="nav-link" [routerLink]="[groupMenuRoute.path]">
|
|
|
|
<i *ngIf="isFirst" class="material-icons">{{ groupMenuRoute.icon }}</i>
|
|
|
|
<i *ngIf="!isFirst" class="material-icons-outlined">{{ groupMenuRoute.icon }}</i>
|
|
|
|
<p>{{groupMenuRoute.title | translate}}</p>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
<hr *ngIf="!isLast">
|
2019-04-30 16:14:24 +02:00
|
|
|
</div>
|
|
|
|
</ul>
|
2019-05-02 14:43:02 +02:00
|
|
|
<!-- Sidebar Footer -->
|
2019-05-08 14:48:57 +02:00
|
|
|
<div class="sidebar-footer">
|
|
|
|
<app-sidebar-footer></app-sidebar-footer>
|
|
|
|
</div>
|
2019-04-24 11:26:53 +02:00
|
|
|
</div>
|