definma-ui/src/app/app.component.html

<rb-full-header>
  <nav *rbMainNavItems>
    <a routerLink="/home" routerLinkActive="active" rbLoadingLink>Home</a>
    <a routerLink="/samples" routerLinkActive="active" rbLoadingLink *ngIf="loginService.isLoggedIn">Samples</a>
    <a routerLink="/templates" routerLinkActive="active" rbLoadingLink *ngIf="loginService.isMaintain">Templates</a>
    <a routerLink="/documentation" routerLinkActive="active" rbLoadingLink>Documentation</a>
  </nav>

  <ng-container *ngIf="loginService.isLoggedIn">
    <nav *rbActionNavItems>
      <a href="javascript:"  [rbPopover]="userPopover" [anchor]="popoverAnchor">
        {{loginService.username}} <span class="rb-ic rb-ic-my-brand-frame" #popoverAnchor></span></a>
    </nav>
    <ng-template #userPopover>
      <div class="spacing">
        <p>
<!--          Some user specific information-->
        </p>

        <button type="button" class="rb-btn rb-primary" (click)="logout()">Logout</button>
      </div>
    </ng-template>
  </ng-container>

  <div *rbSubBrandHeader><span class="dev-label" *ngIf="devMode">DEVELOPMENT</span>Digital Fingerprint of Plastics</div>
</rb-full-header>

<div class="container">
  <router-outlet></router-outlet>
</div>