67 lines
3.0 KiB
HTML
67 lines
3.0 KiB
HTML
<nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top">
|
|
<div class="container-fluid">
|
|
<div class="navbar-wrapper">
|
|
<a href="#">
|
|
<i class="material-icons">dashboard</i>
|
|
</a>
|
|
<a class="navbar-brand" href="/home">Dashboard</a>
|
|
</div>
|
|
<button mat-raised-button class="navbar-toggler" type="button" (click)="sidebarToggle()">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
<span class="navbar-toggler-icon icon-bar"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-end" id="navigation">
|
|
|
|
<!-- <form class="navbar-form">
|
|
<div class="input-group input-search">
|
|
<input type="text" value="" class="form-control" placeholder="SEARCH...">
|
|
<button type="submit" class="btn btn-link"><i class="material-icons">search</i></button>
|
|
</div>
|
|
</form> -->
|
|
|
|
<app-search></app-search>
|
|
|
|
<ul class="navbar-nav">
|
|
<!-- Notifications -->
|
|
<!-- <li class="nav-item dropdown">
|
|
<a class="nav-link" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="material-icons md-32">notifications</i>
|
|
<span class="notification">3</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> -->
|
|
|
|
<!-- Login -->
|
|
<!-- <div *ngIf="isAuthenticated();else loginoption" class="col-auto">
|
|
<img mat-card-avatar *ngIf="this.principalHasAvatar()" [src]="this.getPrincipalAvatar()" (click)="openProfile()">
|
|
</div> -->
|
|
<li class="nav-item" *ngIf="isAuthenticated();else loginoption">
|
|
<a class="nav-link" (click)="openProfile()">
|
|
<i class="material-icons md-32">person</i>
|
|
<p>
|
|
<span class="d-lg-none d-md-block">Account</span>
|
|
</p>
|
|
</a>
|
|
</li>
|
|
<ng-template #loginoption>
|
|
<button mat-button [routerLink]=" ['/login'] ">
|
|
<span class="login-label">Log in</span>
|
|
</button>
|
|
</ng-template>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|