argos/dmp-frontend/src/app/shared/components/navigation/navigation.component.html

<mat-toolbar color="primary">
		<a class="app-title" routerLink="/">{{'NAV-BAR.TITLE' | translate}}</a>
		<div *ngIf="isAuthenticated()">
			<button mat-button class="navbar-button" routerLink="/projects">{{'NAV-BAR.PROJECTS' | translate}}</button>
			<button mat-button class="navbar-button" routerLink="/dmps">{{'NAV-BAR.DMPS' | translate}}</button>
			<button mat-button class="navbar-button" routerLink="/datasets">{{'NAV-BAR.DATASETS' | translate}}</button>
			<button *ngIf="isAdmin()" mat-button class="navbar-button" routerLink="/users">{{'NAV-BAR.USERS' | translate}}</button>			
		</div>
		<span class="navbar-spacer"></span>
		<div *ngIf="isAuthenticated()">
			<span class="user-label">{{this.getPrincipalName()}}</span>
			<button mat-icon-button class="navbar-icon" (click)="logout()">
				<mat-icon class="navbar-icon">exit_to_app</mat-icon>
			</button>
		</div>
	</mat-toolbar>