<header class="header-6 header itech-header">
  <div class="branding itech-header">
    <a [routerLink]="['/']" class="nav-link">
      <clr-icon shape="objects" style="color: black"></clr-icon>
      <span class="title">Навигатор "Особенные дети"</span>
    </a>
  </div>
  <div class="header-actions itech-header">

    <clr-dropdown *ngIf="securityService.loggedIn()">
      <button class="nav-icon" clrDropdownToggle style="width: auto;min-width: 150px;">
        <span style="font-size: 12px;color: white;padding-right: 24px">{{securityService.getCurrentUserShortFio() | async}}</span>
        <clr-icon shape="caret down"></clr-icon>
      </button>
      <clr-dropdown-menu *clrIfOpen clrPosition="bottom-right">
        <button type="button" *ngIf="securityService.isAdministrator()" clrDropdownItem [routerLink]="['/list-users']">Пользователи</button>
        <button type="button" *ngIf="securityService.isAdministrator()" clrDropdownItem [routerLink]="['/journal']">Журнал изменений</button>
        <div class="dropdown-divider"></div>
        <button type="button" (click)="logout()" clrDropdownItem>Выйти из приложения</button>
      </clr-dropdown-menu>
    </clr-dropdown>
  </div>

</header>
