74 lines
2.9 KiB
HTML
74 lines
2.9 KiB
HTML
<div class="logo">
|
|
<a href="/home">
|
|
<div class="logo-img">
|
|
<img src="/assets/images/OpenDMP.png"/>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div class="sidebar-wrapper">
|
|
|
|
<!-- MOBILE MENU -->
|
|
|
|
<!-- <div *ngIf="isMobileMenu()">
|
|
<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>
|
|
<ul class="nav navbar-nav nav-mobile-menu">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#pablo">
|
|
<i class="material-icons">dashboard</i>
|
|
<p>
|
|
<span class="d-lg-none d-md-block">Stats</span>
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link" href="#pablo" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="material-icons">notifications</i>
|
|
<span class="notification">5</span>
|
|
<p>
|
|
<span class="d-lg-none d-md-block">Some Actions</span>
|
|
</p>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">
|
|
<a class="dropdown-item" href="#">Mike John responded to your email</a>
|
|
<a class="dropdown-item" href="#">You have 5 new tasks</a>
|
|
<a class="dropdown-item" href="#">You're now friend with Andrew</a>
|
|
<a class="dropdown-item" href="#">Another Notification</a>
|
|
<a class="dropdown-item" href="#">Another One</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#pablo">
|
|
<i class="material-icons">person</i>
|
|
<p>
|
|
<span class="d-lg-none d-md-block">Account</span>
|
|
</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div> -->
|
|
|
|
<!-- END OF MOBILE MENU -->
|
|
|
|
<ul class="nav" *ngFor="let groupMenuItem of groupMenuItems; last as isLast; first as isFirst">
|
|
<div class="sidebarSubtitle"><p>{{ groupMenuItem.title }}</p></div>
|
|
<li routerLinkActive="active" *ngFor="let groupMenuRoute of groupMenuItem.routes" class="{{groupMenuRoute.class}} nav-item">
|
|
<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 }}</p>
|
|
</a>
|
|
</li>
|
|
<hr *ngIf="!isLast">
|
|
</ul>
|
|
</div>
|